/* Upgrade Oranları: sekmeli tek ekran, scroll ve Trina oranları yan yana. */

.lunora-up { display: grid; gap: 16px; }

.lunora-up-tabs { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.lunora-subpage #lunora-main button.lunora-up-tab { display: flex !important; align-items: center; justify-content: flex-start; gap: 10px; min-height: 0 !important; height: auto !important; margin: 0; padding: 11px 12px !important; border: 1px solid var(--lunora-border) !important; border-radius: 0 !important; color: #b5bfcd !important; background: linear-gradient(180deg, rgba(20,18,17,.94), rgba(10,10,11,.96)) !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: normal; text-align: left; text-transform: none; white-space: normal !important; transition: border-color .2s ease, transform .2s ease; }
.lunora-subpage #lunora-main button.lunora-up-tab:hover { border-color: rgba(200,164,93,.45) !important; transform: translateY(-2px); }
.lunora-subpage #lunora-main button.lunora-up-tab[aria-selected="true"] { border-color: rgba(200,164,93,.85) !important; background: linear-gradient(180deg, rgba(200,164,93,.16), rgba(10,10,11,.96)) !important; box-shadow: 0 0 22px rgba(200,164,93,.14); }
.lunora-up-tab img { flex: 0 0 auto; width: 34px; height: 34px; border: 1px solid rgba(200,164,93,.3); }
.lunora-up-tab span { display: grid; gap: 2px; min-width: 0; }
.lunora-up-tab strong { color: #e9edf4 !important; font-size: 13px !important; line-height: 1.2; }
.lunora-up-tab small { overflow: hidden; color: #6f7c90 !important; font-size: 10px !important; white-space: nowrap; text-overflow: ellipsis; }

.lunora-up-panel { display: grid; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); border: 1px solid var(--lunora-border); background: linear-gradient(125deg, rgba(20,18,17,.94), rgba(10,10,11,.97)); }
.lunora-up-panel[hidden] { display: none; }

.lunora-up-info { display: flex; flex-direction: column; gap: 12px; padding: 24px; border-right: 1px solid var(--lunora-border); background: radial-gradient(circle at 20% 0%, rgba(200,164,93,.1), transparent 60%); }
.lunora-up-info > small { color: var(--lunora-gold) !important; font-size: 10px !important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.lunora-up-info h2 { margin: 0; color: #f1f4f9 !important; font: 500 32px/1.05 var(--lunora-heading) !important; }
.lunora-up-info > p { margin: 0; color: #8f9bad !important; font-size: 14px !important; }
.lunora-up-materials { display: grid; gap: 6px; margin-top: 6px; }
.lunora-up-material { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px; border: 1px solid rgba(226,216,198,.1); background: rgba(14,12,11,.55); cursor: help; }
.lunora-up-material img { width: 44px; height: 44px; border: 1px solid rgba(200,164,93,.35); }
.lunora-up-material span { display: grid; gap: 3px; }
.lunora-up-material small { color: #6f7c90 !important; font-size: 10px !important; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lunora-up-material strong { color: #dfe5ee !important; font-size: 13px !important; }
.lunora-up-material--helper { border-color: rgba(85,214,194,.35); background: rgba(85,214,194,.05); }
.lunora-up-material--helper small { color: var(--lunora-cyan) !important; }
.lunora-up-plus { justify-self: center; color: var(--lunora-gold) !important; font-size: 18px !important; font-weight: 800; line-height: 1; }

/* Oran renkleri */
.lunora-up .is-safe { --up-color: #4fd6a6; }
.lunora-up .is-mid { --up-color: #e7c45e; }
.lunora-up .is-risk { --up-color: #ef7a5a; }
.lunora-up .is-zero { --up-color: #4a5466; }

.lunora-up-table { display: grid; align-content: start; padding: 10px 18px 16px; }
.lunora-up-row { display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(0, 1fr) 120px; align-items: center; gap: 18px; min-height: 48px; padding: 6px 8px; border-bottom: 1px solid rgba(226,216,198,.05); }
.lunora-up-row--single { grid-template-columns: 110px minmax(0, 2fr) 120px; }
.lunora-up-row:not(.lunora-up-row--head):hover { background: rgba(200,164,93,.05); }
.lunora-up-row--head { min-height: 38px; color: #6d7a8f !important; font-size: 10px !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lunora-up-panel:has(.lunora-up-row--single) .lunora-up-row--head { grid-template-columns: 110px minmax(0, 2fr) 120px; }
.lunora-up-helper-head { color: var(--lunora-cyan) !important; }
.lunora-up-row--head span:last-child, .lunora-up-coins { text-align: right; }
.lunora-up-grade { color: #e9edf4 !important; font: 500 18px/1 var(--lunora-heading) !important; white-space: nowrap; }
.lunora-up-grade i { color: var(--lunora-gold) !important; font-style: normal; font-size: 14px; }
.lunora-up-rate { display: grid; grid-template-columns: auto minmax(60px, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 12px; }
.lunora-up-rate b { min-width: 74px; color: var(--up-color) !important; font-size: 15px !important; font-variant-numeric: tabular-nums; }
.lunora-up-rate b sup { color: var(--lunora-cyan) !important; font-size: 10px !important; }
.lunora-up-rate em { height: 6px; background: rgba(226,216,198,.07); overflow: hidden; }
.lunora-up-rate em i { display: block; height: 100%; background: var(--up-color); }
.lunora-up-rate small { grid-column: 1 / -1; color: #5f6b7e !important; font-size: 10px !important; }
.lunora-up-rate.is-zero b { color: #5d687b !important; font-size: 12px !important; font-weight: 700; }
.lunora-up-rate--helper { padding-left: 14px; border-left: 2px solid rgba(85,214,194,.25); }
.lunora-up-coins { color: #d6dce5 !important; font-size: 13px !important; font-variant-numeric: tabular-nums; }

@media (max-width: 1180px) {
    .lunora-up-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lunora-up-panel { grid-template-columns: 1fr; }
    .lunora-up-info { border-right: 0; border-bottom: 1px solid var(--lunora-border); }
}
@media (max-width: 640px) {
    .lunora-up-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
    .lunora-subpage #lunora-main button.lunora-up-tab { flex: 0 0 170px; scroll-snap-align: start; }
    .lunora-up-table { padding: 6px 10px 12px; }
    .lunora-up-row, .lunora-up-row--single, .lunora-up-panel:has(.lunora-up-row--single) .lunora-up-row--head { grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .lunora-up-row--single { grid-template-columns: 70px minmax(0, 1fr); }
    .lunora-up-coins, .lunora-up-row--head span:last-child { display: none; }
    .lunora-up-grade { font-size: 15px !important; }
    .lunora-up-rate { grid-template-columns: 1fr; }
    .lunora-up-rate em { display: none; }
}