/* raf.css (V419) — müşteri sayfasındaki "raf etiketi" dilinin bayi asistanına uygulaması.
   Yalnızca görünüm: JS, ID ve data-* dokunulmaz. ui.css ve premium.css'ten SONRA yüklenir. */
:root,:root[data-theme="light"],:root:not([data-theme="light"]),:root[data-theme="dark"]{
  --paper:#E4E7EB;--card:#FFFFFF;--ink:#0C1826;--ink2:#566474;--rule:#C9CFD6;--soft:#EEF0F3;
  --brand:#E30613;--brand-dark:#B9040F;--brand-soft:#FDE0E2;
  --navy:#0C1826;--navy2:#16273B;--tagy:#FFD400;
  --good:#0B7A55;--good-bg:#E2F4EC;--bad:#B9040F;--bad-bg:#FDE0E2;--warn:#6B5400;--warn-bg:#FFF1B8;--info:#16273B;--info-bg:#E4E7EB;
  --early:#0B7A55;--early-bg:#E2F4EC;--late:#B9040F;--late-bg:#FDE0E2;--flat:#566474;--flat-bg:#EEF0F3;
  --tape:#FFD400;--tape-ink:#0C1826;--focus:#0C1826;--bar-bg:#0C1826;--bar-fg:#fff;
  --f-head:'Archivo','DejaVu Sans Condensed','Arial Narrow',system-ui,sans-serif;
  --f-body:'Instrument Sans',Inter,'Segoe UI',system-ui,-apple-system,sans-serif;
  --r-sm:3px;--r-md:3px;--r-lg:4px;--sh-1:none;--sh-2:0 8px 24px rgba(12,24,38,.16);
}
html,body{background:var(--paper)}
body{font-family:var(--f-body);color:var(--ink)}
::selection{background:var(--tagy);color:var(--navy)}
:focus-visible{outline:3px solid var(--tagy)!important;outline-offset:1px!important;box-shadow:0 0 0 5px var(--navy);border-radius:3px}

/* başlıklar: dar, ağır sayaç yazısı */
h1,h2{font-family:var(--f-head);font-stretch:68%;font-weight:900;letter-spacing:0;color:var(--navy);line-height:.98}
h1{font-size:clamp(34px,4.6vw,52px)}
h2{font-size:clamp(22px,2.3vw,28px);padding-bottom:6px;border-bottom:3px solid var(--navy)}
h3{font-family:var(--f-body);font-weight:800;letter-spacing:0;color:var(--navy)}
.card h2,.pn h2,.tw h2,.sumcard h2,.actcard h2,.modal h2{border-bottom:0;padding-bottom:0}
.sh{border-bottom:3px solid var(--navy)}

/* yan menü: lacivert */
html .um{background:var(--navy)!important;border-right:0!important;box-shadow:none!important;color:#C3CCD6}
html .um-brand{border-bottom:1px solid #243649!important}
html .um-logo{background:var(--brand)!important;border-radius:3px!important;box-shadow:none!important;font-family:var(--f-head)!important;font-stretch:70%;font-weight:900!important;font-size:24px!important;width:40px!important;height:40px!important}
html .um-bt b{color:#fff!important;font-family:var(--f-head);font-stretch:70%;font-weight:900!important;font-size:19px!important;letter-spacing:0!important}
html .um-bt small{color:#8FA0B3!important;text-transform:none!important;letter-spacing:0!important;font-size:11.5px!important}
html .um-col{color:#8FA0B3!important}html .um-col:hover{background:var(--navy2)!important;color:#fff!important}
html .um-a{color:#C3CCD6!important;border-radius:3px!important;font-weight:600!important}
html .um-a:not(.on):hover{background:var(--navy2)!important;color:#fff!important}
html .um-a.on{background:var(--navy2)!important;color:#fff!important;box-shadow:none!important;font-weight:700!important}
html .um-a.on::before{left:-12px!important;top:0!important;bottom:0!important;width:4px!important;border-radius:0!important;background:var(--brand)!important}
html .um-b{background:var(--brand)!important;color:#fff!important;border-radius:10px}
html .um-gh,html .um-g .um-gt{color:#8FA0B3!important}
html .um-u{border-top:1px solid #243649!important;color:#C3CCD6}
html .um-ut b{color:#fff!important}html .um-ut span,html .um-u .um-r{color:#8FA0B3!important}
html .um-av{background:var(--navy2)!important;color:#fff!important;border:0!important}
html .um-x{background:transparent!important;border:1px solid #243649!important;color:#C3CCD6!important;border-radius:3px!important}
html .um-x:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
/* dar ekranda üst bar */
@media(max-width:900px){html .um{border-bottom:3px solid var(--brand)}}

/* kartlar ve yüzeyler: düz, keskin, etiket gibi */
html[data-theme] .card,html[data-theme] .tw,html[data-theme] .kpi,html[data-theme] .results,html[data-theme] .sheet-card,html[data-theme] .actcard,html[data-theme] .sumcard,html[data-theme] .optcard,html[data-theme] .who,html[data-theme] .tblock,html[data-theme] .gform,html[data-theme] .tform,html[data-theme] .tlistp,html[data-theme] .tpanel,html[data-theme] .kark,html[data-theme] .psec,html[data-theme] .cattoggle,html[data-theme] .cats,html[data-theme] .vkart,html[data-theme] .tptg,html[data-theme] .pkc,html[data-theme] .mfiy,html[data-theme] .ekfbox,html[data-theme] .pn,html[data-theme] .kp,html[data-theme] .ai,html[data-theme] .modal,html[data-theme] .ud-box,html[data-theme] .ag-c,html[data-theme] .gdp,html[data-theme] .tbar,html[data-theme] .hz,html[data-theme] .hat,html[data-theme] .cart,html[data-theme] .cart2 .cmain,html[data-theme] .cart2 .sumcard,html[data-theme] .cart2 .actcard{border:0!important;border-radius:3px!important;box-shadow:none!important;background:var(--card)}
html[data-theme] .card,html[data-theme] .pn,html[data-theme] .tpanel,html[data-theme] .ud-box,html[data-theme] .psec,html[data-theme] .sheet-card,html[data-theme] .hat,html[data-theme] .sumcard,html[data-theme] .cart,html[data-theme] .cart2 .cmain{border-top:5px solid var(--navy)!important}
.kp{border-top:5px solid var(--navy)!important}
.kp b,.kp strong{font-family:var(--f-head);font-stretch:70%;font-weight:900}
.who{border-left:5px solid var(--tagy)!important}
.kpi{border-top:5px solid var(--navy)!important;padding:14px 16px!important}
.kpi span{font-weight:600;color:var(--ink2)}
.kpi b{font-family:var(--f-head)!important;font-stretch:70%;font-weight:900!important;font-size:clamp(28px,2.6vw,40px)!important;letter-spacing:0;line-height:1;margin:6px 0 4px}
.kpi.good{background:var(--card)!important;border-top-color:var(--good)!important}.kpi.good b{color:var(--good)!important}
.kpi.bad{background:var(--card)!important;border-top-color:var(--brand)!important}.kpi.bad b{color:var(--brand)!important}
.kpi.warn{background:#FFF8CC!important;border-top-color:var(--tagy)!important}.kpi.warn b{color:var(--navy)!important}

/* tablolar */
.tw{border-top:5px solid var(--navy)!important}
.t th,th{background:var(--card)!important;color:var(--ink2)!important;border-bottom:2px solid var(--navy)!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:700!important}
.t td,td{border-bottom:1px solid #DDE2E8!important}
.t tr.tot td{background:var(--card)!important;border-top:2px solid var(--navy)!important;font-weight:800}
tr.clk:hover td{background:#F3F5F8!important}tr.clk.on td{background:#FFF8CC!important}
.detr>td{background:var(--soft)!important}
.dt th{background:var(--soft)!important}.dt tr.dsip td{background:#DDE2E8!important}

/* düğmeler */
.btn,button.btn,a.btn{border-radius:3px!important;font-family:var(--f-body);font-weight:800!important;box-shadow:none!important}
.btn.primary,.btn.dark{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.btn.primary:hover,.btn.dark:hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}
.btn.quiet{background:#fff!important;color:var(--navy)!important;border:2px solid var(--navy)!important}
.btn.quiet:hover{background:var(--navy)!important;color:#fff!important}
.btn.bad{background:#fff!important;color:var(--brand-dark)!important;border:2px solid var(--brand)!important}

/* alanlar */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:2px solid var(--rule)!important;border-radius:3px!important;background:#fff;color:var(--navy);font-family:var(--f-body)}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:0!important;border-color:var(--navy)!important;box-shadow:0 0 0 3px var(--tagy)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--navy)}
.drop{border:2px dashed var(--stl-d,#C9CFD6)!important;background:var(--soft)!important;border-radius:3px!important}
.drop.over{border-color:var(--navy)!important;background:#FFF8CC!important}

/* sekmeler / rozetler */
.tab{border:2px solid var(--rule)!important;border-radius:3px!important;font-weight:700;background:#fff;color:var(--navy)}
.tab.on{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
.tab i{background:var(--brand)!important}
.tag{border-radius:2px}

/* uyarılar: sol kalın şerit */
.al{border:0!important;border-left:6px solid!important;border-radius:2px!important;font-weight:600}
.al.bad{background:var(--bad-bg)!important;border-color:var(--brand)!important;color:#6D0A12!important}
.al.warn{background:var(--warn-bg)!important;border-color:#D9B400!important;color:#4F4100!important}
.al.ok{background:var(--good-bg)!important;border-color:var(--good)!important;color:#06472F!important}
.msg.ok{color:var(--good)}.msg.err{color:var(--brand-dark)}

/* giriş ekranı */
.card:has(.fld){border-top:6px solid var(--brand)!important}
.fld label,.fld span{font-weight:700;font-size:12.5px}
.fld input{height:50px;font-size:16px}
.btn{min-height:46px}
.card .btn:not(.quiet):not(.bad){background:var(--brand);border-color:var(--brand);color:#fff}

/* sayfa gövdesi */
div.wrap{max-width:1600px}
.sub,.info,.note,.foot{color:var(--ink2)}
.toast,#toast{border-radius:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}