/* HomeBoltons analiz ekranı — yeni düzen ve V7.6 sonuçlarının kurumsal renklere uyarlanması.
   V7.6'nın kendi stilinden SONRA yüklenir. Kural: V7.6 öğelerinin "display" ve "text-transform" değerleri
   değiştirilmez (ekrandaki metin, V7.6 ile birebir eşitlik testinde karşılaştırılır); yalnızca renk,
   yazı tipi, boşluk ve kenarlar uyarlanır. */

@font-face { font-family: 'Inter Tight'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/fonts/inter-tight-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/fonts/inter-tight-latin-ext-500-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/fonts/inter-tight-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/fonts/inter-tight-latin-ext-600-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/fonts/inter-tight-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter Tight'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/fonts/inter-tight-latin-ext-700-normal.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ---- V7.6 renk değişkenleri → kurumsal renkler ---- */
:root {
  --primary: #E8EEF4; --secondary: #3DDC97; --accent: #F2826F; --bg: #0F1720; --card-bg: #1A2532;
  --text: #E8EEF4; --border: #26344A; --input-bg: #0F1720;
  --gece: #0F1720; --antrasit: #1A2532; --buz: #E8EEF4; --zumrut: #3DDC97; --duman: #93A1B1;
  --gok: #7DB9F0; --kehribar: #F2B65A; --mercan: #F2826F; --derin: #0B121A; --cizgi: #26344A; --kenar: #34445C;
  --font: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}
body { padding: 0; font-family: var(--font); font-weight: 500; background: var(--gece); -webkit-font-smoothing: antialiased; }
/* Taşıma bittikten sonra V7.6'nın eski kabuğu (başlık, sürüm yazısı) gizlenir; içindeki her şey yeni yerinde. */
.wz-ready > .container { display: none; }
a { color: var(--zumrut); }
:focus-visible { outline: 2px solid var(--gok); outline-offset: 3px; }

/* Görünmeyen adım / görünüm: ekrandan kırpılır (display:none değil), inert ile atlanır. */
.is-off { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap; pointer-events: none; }

.wz-skip { position: absolute; left: 16px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 10px; background: var(--zumrut); color: var(--gece); font-weight: 600; text-decoration: none; }
.wz-skip:focus { top: 12px; }

/* ---- Üst çubuk ---- */
.wz-top { position: sticky; top: 0; z-index: 40; background: rgba(15, 23, 32, 0.92); border-bottom: 1px solid var(--cizgi); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.wz-top__in { max-width: 1440px; margin: 0 auto; padding: 0 32px; min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wz-logo { display: flex; }
.wz-logo svg { height: 28px; width: auto; display: block; }
.wz-top__safe { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--duman); }
.wz-top__safe svg { color: var(--zumrut); }
.wz-top__exit { font-size: 14px; color: var(--duman); text-decoration: none; }
.wz-top__exit:hover { color: var(--buz); }

/* ---- Düzen ---- */
.wz-main { position: relative; max-width: 1440px; margin: 0 auto; padding: 40px 32px 96px; }
#wz-form { display: grid; grid-template-columns: 240px minmax(0, 1fr) 320px; gap: 48px; align-items: start; }
.wz-panels { min-width: 0; max-width: 640px; }

/* V7.6'nın genel "button" stilini (büyük harf, yeşil, gölge) yeni düğmelerde sıfırla */
.wz-btn, .wz-option, .wz-seg button, .wz-steps button {
  grid-column: auto; margin: 0; box-shadow: none; text-transform: none; transform: none; opacity: 1;
  font: 600 16px/1.2 var(--font); letter-spacing: 0; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Adımlar (sol sütun) */
.wz-steps { position: sticky; top: 108px; }
.wz-steps__title { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--duman); padding: 0 14px 10px; }
.wz-steps ol { list-style: none; display: flex; flex-direction: column; gap: 4px; }
.wz-steps button { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 10px; background: transparent; color: var(--duman); border: 0; font-size: 15px; font-weight: 500; text-align: left; }
.wz-steps button:hover { background: rgba(26, 37, 50, 0.6); color: var(--buz); }
.wz-steps__no { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--cizgi); font-size: 13px; font-weight: 700; }
.wz-steps button.is-current { background: var(--antrasit); color: var(--buz); font-weight: 600; }
.wz-steps button.is-current .wz-steps__no { border: 2px solid var(--gok); color: var(--gok); }
.wz-steps button.is-done { color: var(--buz); }
.wz-steps button.is-done .wz-steps__no { background: var(--zumrut); border-color: var(--zumrut); color: var(--gece); }
.wz-progress { display: none; }

/* Adım içeriği */
.wz-panel { display: flex; flex-direction: column; gap: 22px; }
.wz-kicker { font-size: 13px; font-weight: 600; color: var(--gok); }
.wz-panel h1, .wz-result h1 { margin: 0; color: var(--buz); text-align: left; font-size: clamp(30px, 3.4vw, 40px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.08; }
.wz-panel h1:focus, .wz-result h1:focus { outline: none; }
.wz-sub { font-size: 16px; line-height: 1.55; color: var(--duman); }

.wz-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wz-option { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 18px; border-radius: 14px; background: var(--antrasit); border: 1px solid var(--cizgi); color: var(--buz); text-align: left; }
.wz-option:hover { border-color: var(--kenar); background: #1E2B3A; }
.wz-option--main { border-color: var(--gok); }
.wz-option svg { color: var(--gok); }
.wz-option__t { font-size: 16px; font-weight: 600; }
.wz-option__d { font-size: 13px; font-weight: 500; color: var(--duman); }
.wz-paste[hidden] { display: none; }
.wz-ocr:empty { display: none; }
.wz-ocr { display: flex; flex-direction: column; gap: 10px; }
.wz-safe { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: 16px; background: rgba(61, 220, 151, 0.07); border: 1px solid rgba(61, 220, 151, 0.3); }
.wz-safe svg { flex-shrink: 0; color: var(--zumrut); margin-top: 2px; }
.wz-safe div { display: flex; flex-direction: column; gap: 4px; }
.wz-safe strong { font-size: 15px; font-weight: 600; color: var(--buz); }
.wz-safe span { font-size: 14px; line-height: 1.5; color: var(--duman); }

.wz-card { padding: 18px; border-radius: 16px; background: var(--antrasit); border: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 14px; }
.wz-card__k { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gok); }
.wz-grid { display: grid; gap: 16px; }
.wz-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wz-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wz-grid[hidden] { display: none; }

/* Giriş kutuları (V7.6 kutuları; yalnızca görünüm) */
.wz-field { min-width: 0; gap: 8px; }
.wz-field label, .wz-field--wrap { margin: 0; font-size: 14px; font-weight: 600; color: var(--buz); }
.wz-field--wrap { display: flex; flex-direction: column; gap: 8px; }
.wz-field input, .wz-field textarea, .wz-field--wrap input {
  margin: 0; min-height: 52px; padding: 0 16px; border-radius: 12px; background: var(--gece); border: 1px solid var(--kenar);
  color: var(--buz); font: 500 17px/1.4 var(--font); }
.wz-field textarea { min-height: 120px; padding: 14px 16px; }
.wz-field input:focus, .wz-field textarea:focus, .wz-field--wrap input:focus { border-color: var(--gok); background: var(--gece); box-shadow: 0 0 0 1px var(--gok); }
.wz-input { position: relative; display: block; }
.wz-field .wz-num { width: 100%; margin: 0; min-height: 52px; padding: 0 64px 0 16px; border-radius: 12px; background: var(--gece); border: 1px solid var(--kenar); color: var(--buz); font: 500 17px/1.4 var(--font); font-variant-numeric: tabular-nums; }
.wz-field .wz-num:focus { border-color: var(--gok); box-shadow: 0 0 0 1px var(--gok); background: var(--gece); }
.wz-field .wz-num::placeholder { color: #5E6E80; }
.wz-field:not(:has(.wz-unit)) .wz-num { padding-right: 16px; }
.wz-input input { padding-right: 64px; }
.wz-unit { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 600; color: var(--duman); pointer-events: none; }
.wz-field small, .wz-help { display: block; font-size: 13px !important; line-height: 1.45; color: var(--duman) !important; margin-top: 2px !important; }
.wz-callout { margin-top: 4px; padding: 16px; border-radius: 14px; background: rgba(125, 185, 240, 0.07); border: 1px dashed rgba(125, 185, 240, 0.5); }
#hb_kira_karsilastirma { color: var(--duman); }

/* Kredi seçimi */
.wz-seg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wz-seg button { min-height: 64px; padding: 0 16px; border-radius: 14px; background: var(--antrasit); border: 1px solid var(--cizgi); color: var(--duman); font-size: 17px; }
.wz-seg button[aria-checked="true"] { border: 1.5px solid var(--zumrut); background: rgba(61, 220, 151, 0.1); color: var(--buz); }

/* Gezinme düğmeleri */
.wz-nav { display: flex; gap: 12px; margin-top: 6px; }
.wz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 24px; border-radius: 12px; text-decoration: none; }
.wz-btn--primary { background: var(--zumrut); color: var(--gece); border: 1px solid var(--zumrut); }
.wz-btn--primary:hover { background: #5BE6A9; }
.wz-btn--ghost { background: transparent; color: var(--buz); border: 1px solid var(--kenar); }
.wz-btn--ghost:hover { border-color: var(--buz); }
.wz-btn--calc { min-width: 180px; padding: 16px 28px; }
.wz-btn[disabled] { opacity: 0.7; cursor: progress; }

/* Girdikleriniz (sağ sütun) */
.wz-summary { position: sticky; top: 108px; padding: 24px; border-radius: 18px; background: var(--antrasit); border: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 14px; }
.wz-summary__t { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--duman); }
.wz-summary__list { display: flex; flex-direction: column; gap: 10px; }
.wz-summary__list div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.wz-summary__list dt { color: var(--duman); }
.wz-summary__list dd { color: var(--buz); font-weight: 600; text-align: right; }
.wz-summary__empty { padding: 18px; border-radius: 12px; border: 1px dashed var(--cizgi); font-size: 14px; color: var(--duman); text-align: center; }
.wz-summary__empty[hidden] { display: none; }
.wz-summary__note { font-size: 13px; line-height: 1.45; color: var(--duman); }

/* ---- Hesaplanıyor ---- */
.wz-busy { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(11, 18, 26, 0.88); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.wz-busy[hidden] { display: none; }
.wz-busy__box { width: min(440px, 100%); padding: 32px; border-radius: 22px; background: var(--antrasit); border: 1px solid var(--cizgi); display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.wz-busy__hex svg { width: 72px; height: 72px; animation: wz-pulse 1.2s ease-in-out infinite; }
.wz-busy__t { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; color: var(--buz); }
.wz-busy__d { font-size: 15px; color: var(--duman); }
.wz-busy__list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin-top: 8px; width: 100%; text-align: left; }
.wz-busy__list li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--duman); }
.wz-busy__list li::before { content: ''; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--kenar); flex-shrink: 0; }
.wz-busy__list li.is-done { color: var(--buz); }
.wz-busy__list li.is-done::before { background: var(--zumrut); border-color: var(--zumrut); }
@keyframes wz-pulse { 50% { transform: scale(0.92); opacity: 0.75; } }

/* ---- Sonuç görünümü ---- */
.wz-result { max-width: 960px; margin: 0 auto; }
.wz-result__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px; padding-bottom: 24px; margin-bottom: 8px; border-bottom: 1px solid var(--cizgi); }
.wz-result__titles { display: flex; flex-direction: column; gap: 8px; }
.wz-result__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---- Sonuç özeti (yeni; V7.6 sonuçlarından okunur) ---- */
.t-ok { color: var(--zumrut); } .t-warn { color: var(--kehribar); } .t-bad { color: var(--mercan); } .t-wait { color: var(--duman); } .t-gok { color: var(--gok); }
.wz-ozet { display: flex; flex-wrap: wrap; gap: 36px; margin-top: 24px; padding: 32px; border-radius: 24px; background: linear-gradient(150deg, rgba(61, 220, 151, 0.08), transparent 55%), var(--antrasit); border: 1px solid var(--cizgi); }
.wz-ozet__main { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.wz-ozet__meta { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--duman); }
.wz-ozet__karar { font-size: clamp(32px, 4.4vw, 52px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.02; color: var(--buz); }
.wz-ozet__karar.is-success { color: var(--zumrut); } .wz-ozet__karar.is-warning { color: var(--kehribar); } .wz-ozet__karar.is-danger { color: var(--mercan); }
.wz-ozet__cumle { font-size: 17px; line-height: 1.5; color: var(--buz); }
.wz-ozet__side { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.wz-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wz-tiles div { background: var(--gece); border-radius: 12px; padding: 14px; min-width: 0; }
.wz-tiles div.is-wide { grid-column: 1 / -1; }
.wz-tiles dt { font-size: 12px; color: var(--duman); }
.wz-tiles dd { margin-top: 4px; font-size: 19px; font-weight: 700; letter-spacing: -0.02em; color: var(--buz); overflow-wrap: anywhere; }
.wz-ozet__pdf { width: 100%; }
.wz-scale { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.wz-scale[hidden] { display: none; }
.wz-scale__labels { display: grid; grid-template-columns: 35.7fr 21.4fr 42.9fr; font-size: 13px; color: var(--duman); }
.wz-scale__labels span:nth-child(2) { text-align: center; } .wz-scale__labels span:nth-child(3) { text-align: right; }
.wz-scale__bar { display: flex; height: 12px; border-radius: 6px; overflow: hidden; }
.wz-scale__bar .z1 { flex: 35.7; background: var(--zumrut); } .wz-scale__bar .z2 { flex: 21.4; background: var(--gok); } .wz-scale__bar .z3 { flex: 42.9; background: var(--mercan); }
.wz-scale__marks { position: relative; height: 44px; }
.wz-mk { position: absolute; top: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; white-space: nowrap; transform: translateX(-1px); align-items: flex-start; }
.wz-mk::before { content: ''; width: 2px; height: 12px; background: currentColor; }
.wz-mk.is-left { transform: translateX(calc(-100% + 1px)); align-items: flex-end; }
.wz-mk--ask { color: var(--buz); } .wz-mk--fair { color: var(--gok); }
.wz-mk.is-low::before { height: 30px; }
.wz-scale__marks { height: 54px; }

.wz-yaklasim { margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
.wz-yaklasim__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 16px; }
.wz-yaklasim__head h2 { margin: 0; padding: 0; border: 0; font-size: 22px; }
.wz-yaklasim__sayi { font-size: 14px; color: var(--buz); }
.wz-yaklasim__list { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wz-yk { width: 100%; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; background: var(--antrasit); border: 1px solid var(--cizgi); color: var(--buz); text-align: left;
  grid-column: auto; margin: 0; box-shadow: none; text-transform: none; transform: none; font: 500 15px/1.35 var(--font); cursor: pointer; transition: border-color .15s ease; }
.wz-yk:hover { border-color: var(--kenar); opacity: 1; }
.wz-yk__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; background: var(--duman); }
.wz-yk.is-success .wz-yk__dot { background: var(--zumrut); } .wz-yk.is-warning .wz-yk__dot { background: var(--kehribar); } .wz-yk.is-danger .wz-yk__dot { background: var(--mercan); }
.wz-yk__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.wz-yk__name { font-weight: 600; }
.wz-yk__topic { font-weight: 500; color: var(--duman); }
.wz-yk__q { font-size: 13px; color: var(--duman); }
.wz-yk__lab { flex-shrink: 0; max-width: 46%; font-size: 12px; font-weight: 600; text-align: right; color: var(--duman); }
.wz-yk.is-success .wz-yk__lab { color: var(--zumrut); } .wz-yk.is-warning .wz-yk__lab { color: var(--kehribar); } .wz-yk.is-danger .wz-yk__lab { color: var(--mercan); }
.wz-yaklasim__not { font-size: 13px; color: var(--duman); }
.wz-detay-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 16px; margin-top: 40px; padding-bottom: 10px; border-bottom: 1px solid var(--cizgi); }
.wz-detay-head h2 { margin: 0; padding: 0; border: 0; font-size: 22px; }
.wz-detay-klasik { font-size: 14px; color: var(--gok); }
.wz-result__fine { margin-top: 28px; font-size: 13px; color: var(--duman); }

/* V7.6 sonuç alanları: yalnızca renk, yazı tipi ve kenarlar */
.wz-result h2 { color: var(--buz); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; margin: 32px 0 12px; border-bottom-color: var(--cizgi); }
.wz-result h3 { color: var(--buz); }
.wz-result .result-section { background: var(--antrasit); border-color: var(--cizgi); border-radius: 16px; padding: 8px 20px; }
.wz-result .result-row { border-bottom-color: var(--cizgi); font-size: 15px; padding: 12px 0; }
.wz-result .result-row span:first-child { color: var(--duman); }
.wz-result .result-row span:last-child { color: var(--buz); }
.wz-result .verdict { border-radius: 14px; padding: 16px; font-size: 15px; }
.wz-result .verdict.success { background: rgba(61, 220, 151, 0.1); color: var(--zumrut); border: 1px solid rgba(61, 220, 151, 0.35); }
.wz-result .verdict.warning { background: rgba(242, 182, 90, 0.1); color: var(--kehribar); border: 1px solid rgba(242, 182, 90, 0.35); }
.wz-result .verdict.danger { background: rgba(242, 130, 111, 0.1); color: var(--mercan); border: 1px solid rgba(242, 130, 111, 0.35); }
.wz-result .verdict.info { background: var(--antrasit); color: var(--duman); border: 1px solid var(--cizgi); }
.wz-result .price-advice { background: linear-gradient(150deg, rgba(61, 220, 151, 0.12), rgba(61, 220, 151, 0.02) 60%), var(--antrasit); border-color: rgba(61, 220, 151, 0.3); border-radius: 18px; padding: 22px; }
.wz-result .price-advice .price-main { color: var(--zumrut); font-size: 26px; letter-spacing: -0.02em; }
.wz-result .price-advice .price-cell { background: var(--gece); border-radius: 10px; padding: 12px; color: var(--duman); font-size: 13px; }
.wz-result .price-advice .price-cell strong { color: var(--buz); font-size: 17px; }
.wz-result .price-advice .price-note { color: var(--duman); font-size: 13px; }
.wz-result .framework-intro, .wz-result .framework-disclaimer { color: var(--duman); font-size: 13px; }
.wz-result .framework-consensus { background: linear-gradient(150deg, rgba(125, 185, 240, 0.12), rgba(125, 185, 240, 0.02) 60%), var(--antrasit); border-color: rgba(125, 185, 240, 0.3); border-radius: 18px; padding: 20px; }
.wz-result .framework-consensus-title { color: var(--buz); }
.wz-result .framework-consensus-metric { background: var(--gece); border-color: var(--cizgi); border-radius: 12px; }
.wz-result .framework-consensus-label, .wz-result .framework-consensus-note { color: var(--duman); }
.wz-result .framework-consensus-verdict { color: var(--kehribar); }
.wz-result .framework-consensus-verdict.positive { color: var(--zumrut); }
.wz-result .framework-consensus-verdict.negative { color: var(--mercan); }
.wz-result .framework-consensus-track { background: var(--cizgi); }
.wz-result .framework-consensus-fill { background: var(--zumrut); }
.wz-result .consensus-good { color: var(--zumrut); } .wz-result .consensus-bad { color: var(--mercan); } .wz-result .consensus-wait { color: var(--duman); }
.wz-result .framework-card { background: var(--antrasit); border-color: var(--cizgi); border-radius: 14px; }
.wz-result .framework-card summary { color: var(--buz); font-size: 15px; padding: 16px 18px; }
.wz-result .framework-card.status-success { border-color: rgba(61, 220, 151, 0.45); background: linear-gradient(150deg, rgba(61, 220, 151, 0.08), transparent 60%), var(--antrasit); }
.wz-result .framework-card.status-warning { border-color: rgba(242, 182, 90, 0.45); background: linear-gradient(150deg, rgba(242, 182, 90, 0.07), transparent 60%), var(--antrasit); }
.wz-result .framework-card.status-danger { border-color: rgba(242, 130, 111, 0.45); background: linear-gradient(150deg, rgba(242, 130, 111, 0.07), transparent 60%), var(--antrasit); }
.wz-result .framework-status { font-size: 12px; padding: 5px 10px; }
.wz-result .framework-status.success { color: var(--zumrut); background: rgba(61, 220, 151, 0.12); border-color: rgba(61, 220, 151, 0.5); }
.wz-result .framework-status.warning { color: var(--kehribar); background: rgba(242, 182, 90, 0.12); border-color: rgba(242, 182, 90, 0.5); }
.wz-result .framework-status.danger { color: var(--mercan); background: rgba(242, 130, 111, 0.12); border-color: rgba(242, 130, 111, 0.5); }
.wz-result .framework-status.info { color: var(--duman); background: rgba(147, 161, 177, 0.1); border-color: var(--kenar); }
.wz-result .framework-body { color: var(--duman); font-size: 14px; padding: 0 18px 18px; }
.wz-result .framework-body strong { color: var(--zumrut); }
.wz-result .framework-metric { border-bottom-color: var(--cizgi); }
.wz-result .framework-metric span:last-child { color: var(--buz); }
.wz-result .framework-note { color: var(--duman); }
.wz-result .advanced-inputs { background: var(--gece); border-color: var(--cizgi); border-radius: 12px; }
.wz-result .advanced-inputs label { color: var(--buz); font-size: 13px; }
.wz-result .advanced-inputs input, .wz-result-more-input { background: var(--antrasit); color: var(--buz); border: 1px solid var(--kenar); border-radius: 10px; font-family: var(--font); }
.wz-result .advanced-calc-button { background: var(--zumrut); color: var(--gece); border-radius: 10px; font-family: var(--font); }
.wz-result .advanced-output { background: var(--gece); border-color: var(--cizgi); border-radius: 10px; }
.wz-result .logo-tools { border-color: var(--kenar); background: rgba(125, 185, 240, 0.05); border-radius: 14px; }
.wz-result .logo-tools label { color: var(--buz); }
.wz-result .pdf-report-button { background: var(--antrasit) !important; border: 1px solid var(--gok) !important; color: var(--buz) !important; border-radius: 12px; font-family: var(--font); font-weight: 600; }
.wz-result .pdf-report-button:hover { background: #1E2B3A !important; }
.wz-adv-note { margin-top: 40px; padding: 20px 22px; border-radius: 16px; border: 1px dashed rgba(125, 185, 240, 0.5); background: rgba(125, 185, 240, 0.06); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.wz-adv-note p { font-size: 15px; line-height: 1.55; color: var(--duman); }
.wz-adv-note strong { color: var(--buz); font-weight: 600; }
.wz-adv-note__k { font-size: 12px !important; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gok) !important; }
/* Bu iki bölümün sonuç / uyarı yazısı gözden kaçmasın (yalnızca kutu görünümü) */
#hb-gyo-dcf-result:not(:empty), #hb-audit-result:not(:empty) { padding: 14px 16px; border-radius: 12px; background: rgba(242, 182, 90, 0.08); border: 1px solid rgba(242, 182, 90, 0.4); color: var(--buz); font-size: 15px; }
.wz-result__more { margin-top: 16px; display: flex; flex-direction: column; gap: 16px; }
.wz-result__more > section { border-color: var(--cizgi) !important; background: var(--antrasit) !important; border-radius: 18px !important; }
.wz-result__more input { background: var(--gece); color: var(--buz); border-color: var(--kenar); }
.wz-result__more button:not(.advanced-calc-button) { background: var(--zumrut); color: var(--gece); border-radius: 10px; font-family: var(--font); }
/* Ekran karşılaştırmasına girmeyen düğmeler: büyük harf yerine normal yazı */
.wz-result__more button, .wz-result .logo-clear { text-transform: none; font-weight: 600; }
.wz-result .logo-clear { background: transparent !important; color: var(--mercan) !important; border: 1px solid rgba(242, 130, 111, 0.5) !important; box-shadow: none !important; border-radius: 8px; font-family: var(--font); }
.wz-result .logo-tools input[type="file"] { background: var(--gece); color: var(--duman); border: 1px solid var(--kenar); border-radius: 10px; font-family: var(--font); }

/* V7.6 OCR ve inceleme kutuları (1. adım) */
.wz-panel .ocr-status { border-radius: 12px; padding: 12px 14px; background: var(--antrasit); color: var(--duman); font-size: 14px; }
.wz-panel .ocr-status.success { color: var(--zumrut); } .wz-panel .ocr-status.error { color: var(--mercan); }
.wz-panel .ocr-review { border-radius: 14px; border-color: rgba(242, 182, 90, 0.5); background: rgba(242, 182, 90, 0.07); }
.wz-panel .ocr-visual { border-radius: 14px; border-color: var(--cizgi); background: var(--derin); }
.wz-panel .ocr-highlight-note { font-size: 13px; color: var(--duman); }
.wz-panel .review-confirm, .wz-panel .review-reject { border-radius: 10px; font-family: var(--font); font-size: 14px; padding: 12px; }
.wz-panel .review-confirm { background: var(--zumrut) !important; }

/* ---- Duyarlı düzen ---- */
@media (max-width: 1180px) {
  #wz-form { grid-template-columns: 220px minmax(0, 1fr); }
  .wz-summary { grid-column: 2; position: static; }
}
@media (max-width: 860px) {
  .wz-top__in, .wz-main { padding-left: 20px; padding-right: 20px; }
  .wz-top__safe span { display: none; }
  .wz-main { padding-top: 20px; }
  #wz-form { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .wz-summary { grid-column: auto; }
  .wz-steps { display: none; }
  .wz-progress { display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--duman); }
  .wz-progress b { color: var(--buz); }
  .wz-progress__bar { height: 4px; border-radius: 2px; background: var(--cizgi); overflow: hidden; }
  .wz-progress__bar span { display: block; height: 100%; background: var(--zumrut); transition: width .25s ease; }
  .wz-grid--3, .wz-grid--2, .wz-options, .wz-seg { grid-template-columns: minmax(0, 1fr); }
  .wz-nav { position: sticky; bottom: 0; z-index: 5; margin: 0 -20px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); background: rgba(15, 23, 32, 0.96); border-top: 1px solid var(--cizgi); }
  .wz-nav .wz-btn { flex: 1; }
  .wz-result__head { align-items: stretch; }
  .wz-result__actions .wz-btn { flex: 1; }
  .wz-ozet { padding: 20px; gap: 24px; }
  .wz-result__actions .wz-btn { padding: 0 14px; font-size: 15px; }
  .wz-yaklasim__list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .wz-tiles { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .wz-busy__hex svg { animation: none; }
  .wz-progress__bar span { transition: none; }
}

/* Hesap yapılamadığında: neyin eksik olduğu (Hesapla düğmesinin üstünde) */
.wz-calc-err { margin-top: 24px; padding: 18px 20px; border-radius: 16px; border: 1px solid rgba(242, 130, 111, 0.55); background: rgba(242, 130, 111, 0.08); outline: none; }
.wz-calc-err__t { font-size: 17px; font-weight: 600; color: var(--mercan); margin: 0 0 4px; }
.wz-calc-err__d { font-size: 15px; line-height: 1.5; color: var(--buz); margin: 0; }
.wz-calc-err__list { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.wz-calc-err__list button { all: unset; box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 12px; background: var(--gece); border: 1px solid var(--kenar); color: var(--buz); font-family: var(--font); font-size: 15px; font-weight: 600; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; }
.wz-calc-err__list button:hover { border-color: var(--mercan); }
.wz-calc-err__list button:focus-visible { outline: 2px solid var(--gok); outline-offset: 2px; }
.wz-calc-err__list small { margin-left: auto; font-size: 13px; font-weight: 500; color: var(--duman); }
.wz-calc-err__list svg { width: 16px; height: 16px; flex: none; color: var(--mercan); }
.wz-field.is-invalid .wz-num, .wz-field.is-invalid input { border-color: var(--mercan) !important; box-shadow: 0 0 0 3px rgba(242, 130, 111, 0.18); }