/* GÜRSES OPERATIONS — Premium Interface System v117
   Presentation-only layer. Never changes business logic or source DOM IDs. */
:root,:root[data-theme="light"],:root:not([data-theme="light"]),:root[data-theme="dark"]{
 --paper:#F7F8FA;--card:#FFFFFF;--ink:#111827;--ink2:#64748B;--rule:#E4E9F1;--soft:#F0F4F9;
 --brand:#D71920;--brand-dark:#AA1520;--brand-soft:#FFF1F2;
 --good:#087E65;--good-bg:#E9F8F2;--bad:#C12D3A;--bad-bg:#FFF0F1;--warn:#A96812;--warn-bg:#FFF7E8;
 --info:#3158AC;--info-bg:#EDF3FE;--focus:#3158AC;
 --f-head:'Inter',ui-sans-serif,system-ui,sans-serif;--f-body:'Inter',ui-sans-serif,system-ui,sans-serif;
 --sh-1:0 1px 2px rgba(22,34,54,.035),0 4px 14px rgba(22,34,54,.025);
 --sh-2:0 8px 34px rgba(22,34,54,.065),0 2px 8px rgba(22,34,54,.035);
 --r-sm:9px;--r-md:15px;--r-lg:20px;--um-w:252px;
}
*,*::before,*::after{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-behavior:smooth}
body{color:var(--ink);background:var(--paper);font-size:14px;letter-spacing:-.006em}
::selection{background:#FBDCE0;color:#791323}
[hidden]{display:none!important}
button,select,input,textarea{font-family:var(--f-body)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a.btn{cursor:pointer}
h1,h2,h3{color:#111827;letter-spacing:-.035em}
h1{font-size:clamp(24px,2.4vw,31px);font-weight:750;line-height:1.18}
h2{font-size:17px;font-weight:700}
h3{font-size:15px;font-weight:700}
p.info,p.datainfo,p.note,.sub{line-height:1.6;color:var(--ink2)}
small{line-height:1.45}
/* Brand and workbench navigation */
html .um{background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFE 100%);border-right:1px solid #E3E8EF;box-shadow:2px 0 12px rgba(26,45,79,.012)}
html .um-in{padding:17px 13px;gap:5px}
html .um-brand{margin-bottom:13px;padding:5px 7px 19px;gap:11px}
html .um-logo{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#D71920,#AD111A);box-shadow:0 6px 15px rgba(195,23,38,.17);font-size:18px}
html .um-bt b{font-size:14px;font-weight:750;letter-spacing:-.025em;color:#1B2840}
html .um-bt small{font-size:10.5px;letter-spacing:.055em;text-transform:uppercase;margin-top:4px;color:#8792A5}
html .um-l{gap:4px;padding:4px 1px}
html .um-a{min-height:43px;border-radius:10px;padding:10px 12px;font-weight:550;font-size:13px;letter-spacing:-.01em}
html .um-a svg{flex:0 0 19px;width:19px;height:19px;stroke-width:1.8}
html .um-a.on{background:#FFF0F1;color:#AF1723;box-shadow:inset 0 0 0 1px #FCE2E5}
html .um-a.on::before{left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0}
html .um-a:not(.on):hover{background:#F0F3F8;color:#233450}
html .um-u{border-top:1px solid #E9EDF3;padding-top:13px;margin-top:auto}
html .um-av{background:#EDF1F7;color:#34435B;border:1px solid #DDE4EE}
html .um-x{margin-top:9px;border:1px solid #E8ECF2;background:#fff}
html.um-c .um-brand{gap:10px}
/* Single source of navigation: preserve role-controlled visibility and existing event handlers. */
html.um-on .topbtns a.btn,html.um-on .btns a.btn,html.um-on #talepBtn,html.um-on #paramBtn,html.um-on #whoT{display:none!important}
/* The browser's hidden state must win over presentation styles everywhere. */
html [hidden]{display:none!important}
/* Core content surface and page heading */
html.um-on div.wrap{width:auto;max-width:1600px!important;padding:29px clamp(17px,2.5vw,39px) 60px!important;margin:0 auto}
body:not(:has(.um)) div.wrap{max-width:1540px;margin-inline:auto}
.top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:21px;border-bottom:1px solid #E6EBF1}
.top h1{margin:0 0 6px}
.topbtns{max-width:100%;row-gap:8px}
.wrap>h1:first-child{margin:0 0 7px}
.wrap>h1:first-child+.info{margin:0 0 22px}
/* Elegant composition and cards */
.card,.tw,.kpi,.results,.sheet-card,.actcard,.sumcard,.optcard,.who,.tlistp,.cartpane,.finder,.list,.tform,.tblock,.vkart{
 border:1px solid #E5EAF1!important;border-radius:var(--r-md);box-shadow:var(--sh-1)}
.card,.sheet-card,.kpi,.tw,.list,.tform,.tblock{background:#fff}
.card{padding:clamp(16px,1.5vw,22px)}
.card h2:first-child{margin-top:0}
.kpis{gap:12px;margin:16px 0 20px}
.kpi{padding:18px 19px!important;min-height:105px;display:flex;flex-direction:column;justify-content:center;gap:8px;position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#E8EDF4}
.kpi span{font-size:11px;letter-spacing:.055em;text-transform:uppercase;font-weight:650;color:#748198}
.kpi b{font-size:clamp(21px,2.4vw,29px);letter-spacing:-.055em;line-height:1.15;font-weight:750;color:#18243B}
.kpi small{color:#738097;font-size:12px}
.kpi.good,.kpi.bad,.kpi.warn{background:#fff;border-color:#E5EAF1!important}
.kpi.good::before{background:#16A07A}.kpi.bad::before{background:#DB4A57}.kpi.warn::before{background:#DFA147}
.kpi.good b{color:#087E65}.kpi.bad b{color:#C12D3A}.kpi.warn b{color:#A96812}
/* Buttons: quiet controls, one visual primary */
.btn,button.btn,a.btn{min-height:39px;padding:0 14px;border:1px solid #DDE4ED;background:#fff;border-radius:9px;color:#34445E;font-size:12.5px;font-weight:650;box-shadow:0 1px 2px rgba(18,35,66,.025);gap:7px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1.2}
.btn:hover{border-color:#AAB9CD;background:#F6F8FB;color:#18243B;transform:none;box-shadow:0 2px 8px rgba(18,35,66,.05)}
.btn:active{transform:translateY(1px)}
.btn.primary,.btn.dark{background:#D71920;border-color:#D71920;color:#fff;box-shadow:0 4px 10px rgba(201,26,39,.13)}
.btn.primary:hover,.btn.dark:hover{background:#AB1320;border-color:#AB1320;color:#fff}
.btn.sm{min-height:32px;font-size:12px;padding:0 11px}
.btn.quiet{color:#55647B;background:#FFF;border-color:#E1E7EF}
.btn.wa,.btn.wa2{color:#fff;background:#158A65;border-color:#158A65}
.btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}
/* Structured forms and filters */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{min-height:39px;border:1px solid #DAE2ED;background:#fff;border-radius:9px;color:#19283E;box-shadow:0 1px 2px rgba(23,37,60,.02)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #87A5E6;outline-offset:1px}
input::placeholder{color:#A1AABA}
label,.fld,.filters label,.gform label{font-size:12.5px;font-weight:600;letter-spacing:-.006em}
.filters,.gform{gap:12px}
.filters label{display:flex;flex-direction:column;gap:6px}
.filters label input,.filters label select{width:100%}
#filt{margin-bottom:18px}
.tabs{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}
.tab{min-height:37px;padding:7px 15px;border-radius:9px;border:1px solid transparent;background:transparent;color:#66768E;font-size:12.5px;font-weight:650}
.tab:hover{background:#ECF0F6;border-color:#E5EAF1}
.tab.on{background:#D71920;border-color:#D71920;color:#fff;box-shadow:0 2px 8px rgba(215,25,32,.16)}
/* Dense but readable finance grids */
.tw{overflow-x:auto;max-width:100%}
.t th,.tw th,table th{position:relative;background:#F8FAFC;color:#738099;font-weight:750;letter-spacing:.055em;font-size:10.5px;padding:12px 14px;border-bottom:1px solid #E8ECF3!important;white-space:nowrap}
.t td,.tw td,table td{padding:12px 14px;border-bottom:1px solid #EEF1F5;color:#344258;font-size:12.5px;line-height:1.45}
.t tbody tr:hover td,.tw tbody tr:hover td{background:#F5F8FC}
.t tr.tot td{background:#F6F8FB;color:#18243B;font-weight:750}
.t tbody tr:last-child td,.tw tbody tr:last-child td{border-bottom-color:transparent}
/* Subtle status indicators */
.chip,.tag,.al{border-radius:9px}
.al{padding:12px 15px}
.toast{border-radius:11px;box-shadow:0 12px 40px rgba(20,36,65,.18)}
/* Commerce search & pricing surfaces */
.searchbox input{min-height:54px;border:1px solid #D8E1EC!important;box-shadow:0 2px 9px rgba(18,35,66,.035)}
.searchbox input:focus{border-color:#8EA6DC!important;box-shadow:0 0 0 4px rgba(49,88,172,.1)}
.results{border:1px solid #DFE6F0!important;box-shadow:0 18px 42px rgba(22,37,61,.13);border-radius:12px}
.listprice,.revbar,.t-pp,.qpay .card,.cside .crow.card{background:#FFF9F0;color:#74542B}
.revbar{border-bottom:1px solid #F4E4CB}
#detail,#cart{min-width:0}
/* Sign-in: brand-led, restrained premium look */
html[data-pg="index"] body{background:radial-gradient(ellipse 850px 470px at 50% -15%,#FFFFFF 0%,#F1F4F9 80%);min-height:100dvh}
html[data-pg="index"] main{width:min(450px,calc(100vw - 32px))}
html[data-pg="index"] .card{border-radius:22px!important;box-shadow:0 24px 70px rgba(30,47,78,.09),0 2px 8px rgba(30,47,78,.035);overflow:hidden}
html[data-pg="index"] .logos{padding:30px 30px 23px;background:#fff;border-bottom:1px solid #E9EDF4}
html[data-pg="index"] form{padding:29px 30px 32px}
html[data-pg="index"] h1{font-size:24px;font-weight:750;letter-spacing:-.035em}
html[data-pg="index"] .fld input{min-height:49px;border-radius:10px}
html[data-pg="index"] .btn{min-height:48px;background:var(--brand);border-color:var(--brand);color:#fff;font-size:14px}
/* Tables and long commercial forms must never clip essential content */
.wrap,.layout,.cartpane,.finder,#out{min-width:0}
@media (min-width:1200px){.layout{gap:20px}}
@media (max-width:1023px){
 html .um{box-shadow:0 2px 12px rgba(23,35,59,.045)}
 html .um-in{padding:0 14px;gap:10px}
 html .um-brand{padding:0;margin:0}
 html .um-logo{width:34px;height:34px;border-radius:10px}
 html.um-on div.wrap{padding:21px 17px 50px!important}
 html .um-l{padding:14px;box-shadow:4px 18px 25px rgba(20,37,63,.1)}
 html .um-a{min-height:46px}
 .top{gap:12px;padding-bottom:16px;margin-bottom:17px}
 .kpi{min-height:98px}
}
@media(max-width:640px){
 html.um-on div.wrap{padding:18px 12px 40px!important}
 h1{font-size:23px}
 .topbtns{gap:6px}
 .topbtns .btn{font-size:11.5px;padding:0 10px;min-height:36px}
 .card{padding:15px}
 .kpis{gap:8px}
 .kpi{padding:14px!important;min-height:90px}
 .kpi b{font-size:21px}
 .kpi span{font-size:10px}
 .tabs{gap:5px}
 .tab{font-size:11.5px;padding:8px 11px}
 .t th,.tw th,table th{padding:10px 11px}
 .t td,.tw td,table td{padding:10px 11px}
 html[data-pg="index"] .logos{padding:24px 22px 18px}
 html[data-pg="index"] form{padding:24px 22px 25px}
}
@media print{html.um-on .topbtns{display:none!important}.card,.kpi,.tw{box-shadow:none!important}html.um-on div.wrap{padding:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ============ 11. Koyu lacivert menü (yalnızca masaüstü ≥1024px; mobil çekmece açık kalır) ============ */
@media (min-width:1024px){
  html .um{background:#151B29;border-right:0;box-shadow:none;color:#A8B2C4}
  html .um-brand{border-bottom-color:#303644}
  html .um-bt b{color:#fff}
  html .um-bt small{color:#9DA6B7;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
  html .um-col{color:#8E99AD}
  html .um-col:hover{background:#252D3E;color:#fff}
  html .um-a{color:#A8B2C4}
  html .um-a:not(.on):hover,html .um-a:hover{background:#252D3E;color:#fff}
  html .um-a.on{background:#2A2B3A;color:#fff;font-weight:600;box-shadow:none}
  html .um-a.on .um-ic{color:#FF6577}
  html .um-a.on::before{background:#FA4A60}
  html .um-gh{color:#8E99AD}
  html .um-gh:hover{color:#fff}
  html .um-gb{background:#FA4A60}
  html .um-u{border-top-color:#303644}
  html .um-u .um-r{color:#8E99AD}
  html .um-av{background:#DFAF8E;border-color:#EFCCAA;color:#694127}
  html .um-ut b{color:#fff}
  html .um-x{background:transparent;border-color:#3A4254;color:#A8B2C4}
  html .um-x:hover{background:#3A2530;border-color:#7A2F3F;color:#FF8A99}
}