/* Çalışma alanı tasarım dili "beyanname" (2026-10, docs/design/DESIGN.md). En son yüklenir; eski ekran stillerinin üstüne
   ortak dili koyar: açık kenar menü, gölgesiz kutular, 6px köşe, Archivo başlıklar, yeşil birincil, mürekkep çerçeveli ikincil.
   Toplam maliyet "mühür" turuncusuyla yazılır (sayfa başına tek yer). Yeni renk yok: workspace.css :root belirteçleri. */

/* --- Tarayıcı yüzeyleri --- */
html{background:var(--bg);scrollbar-color:var(--line-strong) var(--bg);-webkit-text-size-adjust:100%}
body{font-family:var(--font);caret-color:var(--accent);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--accent);color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,
.sidebar .nav-item:focus-visible,.nav-group-head:focus-visible,.nav-close:focus-visible,.oneri-fab:focus-visible{outline:2px solid var(--stamp);outline-offset:3px}
a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}

/* --- Tipografi --- */
h1,h2,h3,.brand{font-family:var(--font);color:var(--ink);text-wrap:balance}
h1{font-size:34px;font-weight:800;font-stretch:118%;letter-spacing:-.025em;line-height:1.05}
h2{font-weight:800;font-stretch:112%;letter-spacing:-.015em;line-height:1.15}
h3{font-weight:700;font-stretch:104%;letter-spacing:-.005em}
p,li{text-wrap:pretty}
:is(td,th,output,.num,.big,.result-row strong,.stat strong){font-variant-numeric:tabular-nums}
.page-heading{margin-bottom:28px}
.page-heading p{font-size:14px;color:var(--muted)}
.hint,.section-note p{font-size:12px}
.field{font-size:12.5px;color:var(--ink)}
.ws-label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:2px}
.product-card .code,.tariff-item strong{font:700 13px var(--font);font-stretch:112%;font-variant-numeric:tabular-nums;letter-spacing:.01em}

/* --- Kabuk: açık kenar menü --- */
.sidebar{background:var(--surface);color:var(--text);border-right:1px solid var(--line)}
.brand{color:var(--ink);font-weight:800;font-stretch:118%;letter-spacing:-.02em}
.brand small{color:var(--muted);letter-spacing:.08em;font-stretch:100%}
.brand-mark{background:var(--accent);color:#fff;border-radius:4px;font:800 22px/1 var(--font)}
.sidebar .nav-item{color:var(--text);border-radius:4px}
.sidebar .nav-item svg{color:var(--muted)}
.sidebar .nav-item:hover{background:var(--soft);color:var(--ink)}
.sidebar .nav-item.active{background:var(--soft);color:var(--accent-ink);box-shadow:inset 2px 0 0 var(--accent)}
.sidebar .nav-item.active svg{color:var(--accent)}
.nav-group-head,.nav-caption{color:var(--muted);letter-spacing:.08em}
.nav-group-head:hover{color:var(--ink)}
.nav-ai-tag{background:var(--ink);color:#fff;border-radius:4px;letter-spacing:.04em}
.sidebar-footer{border-top-color:var(--line)}
.sidebar-footer p,.user-row small{color:var(--muted)}
.user-row strong{color:var(--ink)}
.avatar{background:var(--soft);color:var(--accent-ink)}
.sidebar .badge{background:var(--bg);color:var(--ink);border:1px solid var(--line)}
.nav-close{background:var(--soft)!important;color:var(--ink)!important}
.topbar{background:var(--surface)}
.crumb b{font-weight:600}
.demo-strip{background:var(--warn-bg);color:var(--gold);font-size:12px;border-bottom:1px solid var(--line)}
.gtip-tab{font-weight:600;color:var(--muted)}
.gtip-tab.active{color:var(--ink);font-weight:700}

/* --- Kutular: gölgesiz, 1px çizgi --- */
.card,.product-card,.table-wrap,.stat,.role-card{box-shadow:none}
.card{border-color:var(--line)}

/* --- Düğmeler: birincil yeşil, ikincil mürekkep çerçeve, ghost düz metin --- */
.btn{border-radius:var(--radius);font-weight:700;font-size:13px;transition:background-color .15s,border-color .15s,color .15s;box-shadow:none}
.btn:not(.secondary):not(.ghost):not(.danger):not(:disabled):hover{background:var(--accent-ink)}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn.secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--ink)}
.btn.secondary:hover:not(:disabled){background:var(--ink);color:#fff}
.btn.ghost{color:var(--ink);border:1px solid transparent}
.btn.ghost:hover:not(:disabled){background:var(--soft)}
.btn.danger{background:var(--danger-bg);color:var(--danger)}
.btn.danger:hover:not(:disabled){background:var(--danger);color:#fff}
.btn.small{font-size:12px}

/* --- Alanlar --- */
input,select,textarea{border:1.5px solid var(--line-strong);border-radius:4px;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#6b7d75}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,106,75,.16);outline:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
input[type="checkbox"],input[type="radio"]{box-shadow:none}

/* --- Tablolar: başlık altında kalın mürekkep çizgi --- */
th{background:var(--surface);color:var(--ink);font-weight:700;font-size:12px;letter-spacing:0;border-bottom:1.5px solid var(--ink)}
td strong{font-size:13px}
td small{font-size:12px}

/* --- Rozet ve uyarılar --- */
.badge{border-radius:4px;font-size:11.5px;color:var(--accent-ink)}
.badge.warn{background:var(--warn-bg);color:var(--gold)}
.badge.danger{background:var(--danger-bg);color:var(--danger)}
.notice{background:var(--warn-bg);border-color:#ecd9a8;color:var(--gold)}
.error{background:var(--danger-bg);border-color:#eebcae;color:var(--danger)}
.result-note{background:var(--soft);color:var(--accent-ink)}

/* --- Diyalog, bildirim, öneri düğmesi --- */
dialog{border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:0 24px 64px -24px rgba(12,38,32,.35)}
dialog::backdrop{background:rgba(12,38,32,.45);backdrop-filter:none}
.button-close{border-radius:4px;background:var(--bg)}
#toast{border-radius:var(--radius);box-shadow:none}
.oneri-fab{background:var(--surface);color:var(--ink);border:1.5px solid var(--ink);box-shadow:0 8px 24px -12px rgba(12,38,32,.35);font-weight:700}
.oneri-fab:hover{filter:none;background:var(--ink);color:#fff}

/* --- Yeni maliyet: sonuç kutusu açık, toplam mühür turuncusu --- */
.result-hero{background:var(--surface);color:var(--text);border:2px solid var(--ink);border-bottom:1px solid var(--line)}
.result-hero:after{display:none}
.result-hero p,.result-hero .unit{color:var(--muted)}
.result-hero .big{color:var(--stamp);font-weight:800;font-stretch:118%;letter-spacing:-.02em}
.result-body{border:2px solid var(--ink);border-top:0}
.cost-tab.active{border-color:var(--ink);background:var(--surface);box-shadow:inset 0 -2px var(--accent)}

/* --- Genel bakış: yapay zekâ kutusu (açık, mürekkep çerçeve; örnek sonuç düz kâğıt) --- */
.dash-ai{background:var(--surface);color:var(--text);border:2px solid var(--ink)}
.dash-ai::after{display:none}
.dash-ai h2{color:var(--ink);font-size:clamp(24px,2.6vw,32px);line-height:1.08}
.dash-ai p,.dash-ai-list{color:var(--text);line-height:1.6}
.dash-ai .btn.dash-ai-cta{background:var(--accent);color:#fff;border-color:var(--accent)}
.dash-ai .btn.dash-ai-cta:hover{background:var(--accent-ink)}
.dash-ai .btn.ghost,.dash-ai .btn.secondary{color:var(--ink);border-color:var(--ink);background:var(--surface)}
.dash-ai-hak{color:var(--text)}
.dash-ai-hak.bitti{color:var(--danger)}
.dash-ai-report{background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:none;transform:none}
.dash-ai-report small{letter-spacing:.02em;font-size:12px;color:var(--muted)}
.dash-ai-report b{font-size:26px;color:var(--ink)}
.dash-ai-report ul{border-top-color:var(--line)}
.dash-ai-report li i{color:var(--accent-ink);letter-spacing:0;font-size:11px}
.dash-ai-guven em{background:var(--line);border-radius:2px}
.dash-ai-guven u{background:var(--accent)}

/* --- Giriş ekranı: açık iki sütun --- */
.auth-story{background:var(--surface);color:var(--text);border-right:1px solid var(--line)}
.auth-story:after{display:none}
.auth-story .brand{color:var(--ink)}
.auth-story h1{color:var(--ink);font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.03em}
.auth-story h1 em{color:var(--accent)}
.auth-story p{color:var(--text)}
.auth-features{color:var(--muted);font-size:13px;gap:8px 0;flex-wrap:wrap}
.auth-features span+span::before{content:"·";margin:0 12px;color:var(--muted)}
.auth-foot{font-size:12px}

/* --- Yapay zekâ raporu: karar başlığı, şeritler en çok 2px, hareket zıplamasız --- */
.xp-durum{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px;border-radius:4px;font-size:13px;font-weight:700;background:var(--soft);color:var(--accent-ink)}
.xp-durum.warn{background:var(--warn-bg);color:var(--gold)}
.xp-durum.danger{background:var(--danger-bg);color:var(--danger)}
.xp-durum.muted{background:var(--bg);color:var(--muted)}
.xp-sonuc,.xp-sonuc.warn,.xp-sonuc.danger{background:var(--surface);border:2px solid var(--ink)}
.xp-code{font-weight:800;font-stretch:122%;letter-spacing:-.01em}
.xp-steps li{border-radius:4px}
.xp-steps li span{border-radius:3px}
.xp-ozet,.xp-guven-cumle,.xp-emsal-k,.src-summary,.cost-pending,.xp-oneri,.tax-pool,.xp-msg-motor{border-left-width:2px}
.xp-kutu.ok,.xp-kutu.warn{border-top-width:2px}
.xp-progress{background:var(--surface)}
.xp-seg.on{box-shadow:none}
.xp-anim .xp-kod-g{animation-timing-function:cubic-bezier(.16,1,.3,1)}
.xp-anim .xp-rozet{animation-timing-function:cubic-bezier(.16,1,.3,1)}
.xp-anim .xp-sonuc::after{display:none}
.tp-opt[aria-selected="true"]{box-shadow:inset 2px 0 var(--accent)}

@media (max-width:760px){
  h1{font-size:28px}
  .auth-story h1{font-size:40px}
  .xp-kutu.ok,.xp-kutu.warn{border-left-width:2px}
}
@media (prefers-reduced-motion:reduce){
  .btn,.xp-kutu{transition:none}
  .btn:active{transform:none}
}
/* Boş özet mühür rengi almaz: turuncu yalnız gerçek toplamda. */
.result-hero .big.cost-hero-empty{color:var(--ink)}