/* SALES_READY_100_VISUAL_PREMIUM_LOCK — additive, safe visual layer.
   Amaç: mevcut depo-v3 zincirini bozmadan premium WMS/SaaS algısı, kontrast,
   KPI kartları, tablolar, formlar, mobil operatör ekranları ve demo görünüm kalitesini güçlendirmek. */
:root{
  --vp-primary:#1d4ed8; --vp-primary-hover:#1e40af; --vp-primary-soft:#dbeafe;
  --vp-secondary:#0f766e; --vp-accent:#f97316; --vp-success:#16a34a; --vp-warning:#f59e0b; --vp-danger:#dc2626; --vp-info:#0284c7;
  --vp-bg:#f6f8fb; --vp-surface:#ffffff; --vp-surface-muted:#f1f5f9; --vp-border:#d9e3ef;
  --vp-text:#0f172a; --vp-text-2:#334155; --vp-muted:#64748b; --vp-sidebar:#0f172a; --vp-sidebar-active:#1d4ed8;
  --vp-radius-sm:10px; --vp-radius:16px; --vp-radius-lg:24px; --vp-radius-xl:32px;
  --vp-shadow-sm:0 4px 14px rgba(15,23,42,.06); --vp-shadow:0 18px 40px rgba(15,23,42,.10);
  --vp-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-ui-system="depo-v3"]{background:var(--vp-bg);}
body.visual-premium-lock, body.depo-v3{font-family:var(--vp-font); color:var(--vp-text); background:linear-gradient(180deg,#f8fbff 0%,#f3f6fb 45%,#eef4fb 100%);} 
body.visual-premium-lock .page-shell, body.depo-v3 .page-shell{max-width:1440px; margin-inline:auto; padding-inline:clamp(14px,2vw,28px);} 
body.visual-premium-lock a:focus-visible, body.depo-v3 a:focus-visible, body.visual-premium-lock button:focus-visible, body.depo-v3 button:focus-visible, body.visual-premium-lock input:focus-visible, body.depo-v3 input:focus-visible{outline:3px solid rgba(37,99,235,.45); outline-offset:3px;}
body.visual-premium-lock .btn, body.depo-v3 .btn{border-radius:999px; font-weight:750; letter-spacing:-.01em; min-height:42px; box-shadow:none; transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;}
body.visual-premium-lock .btn:hover, body.depo-v3 .btn:hover{transform:translateY(-1px); box-shadow:var(--vp-shadow-sm);} 
body.visual-premium-lock .btn.primary, body.depo-v3 .btn.primary{background:linear-gradient(135deg,var(--vp-primary),#2563eb); border-color:rgba(29,78,216,.25); color:white;}
body.visual-premium-lock .btn.secondary, body.depo-v3 .btn.secondary{background:#fff; color:var(--vp-text); border:1px solid var(--vp-border);} 
body.visual-premium-lock .badge, body.depo-v3 .badge{border-radius:999px; padding:.32rem .62rem; font-weight:750; border:1px solid rgba(148,163,184,.32); background:#fff; color:var(--vp-text-2);} 
body.visual-premium-lock .badge.ghost, body.depo-v3 .badge.ghost{background:rgba(29,78,216,.08); color:#1e3a8a; border-color:rgba(29,78,216,.16);} 
body.visual-premium-lock .flash, body.depo-v3 .flash{border-radius:var(--vp-radius); border:1px solid var(--vp-border); box-shadow:var(--vp-shadow-sm);} 
body.visual-premium-lock .flash.success, body.depo-v3 .flash.success{background:#ecfdf5; color:#14532d; border-color:#bbf7d0;} 
body.visual-premium-lock .flash.error, body.depo-v3 .flash.error{background:#fef2f2; color:#7f1d1d; border-color:#fecaca;} 
body.visual-premium-lock .section-headline h1, body.visual-premium-lock .section-headline h2, body.depo-v3 .section-headline h1, body.depo-v3 .section-headline h2{letter-spacing:-.035em; color:var(--vp-text);} 
body.visual-premium-lock .muted, body.depo-v3 .muted{color:var(--vp-muted)!important;} 
body.visual-premium-lock .login-layout-v706, body.depo-v3 .login-layout-v706{min-height:min(760px,calc(100vh - 64px)); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr); gap:clamp(22px,4vw,64px); align-items:center;}
body.visual-premium-lock .login-copy-v706, body.depo-v3 .login-copy-v706{background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.18),transparent 32%),linear-gradient(135deg,#0f172a,#1e293b 55%,#0f766e); color:white; border-radius:34px; padding:clamp(28px,5vw,64px); box-shadow:0 28px 70px rgba(15,23,42,.28); min-height:520px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden;}
body.visual-premium-lock .login-copy-v706:after, body.depo-v3 .login-copy-v706:after{content:""; position:absolute; right:-90px; bottom:-90px; width:330px; height:330px; border-radius:50%; background:rgba(59,130,246,.22);}
body.visual-premium-lock .login-copy-v706 h1, body.depo-v3 .login-copy-v706 h1{font-size:clamp(34px,5vw,58px); line-height:.98; letter-spacing:-.055em; margin:14px 0 18px; color:white; max-width:760px;}
body.visual-premium-lock .login-lead-v706, body.depo-v3 .login-lead-v706{font-size:clamp(16px,1.7vw,21px); line-height:1.55; color:#dbeafe!important; max-width:760px;}
body.visual-premium-lock .login-benefits-v706 span, body.depo-v3 .login-benefits-v706 span{background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); color:#eff6ff; border-radius:999px; padding:.5rem .72rem;}
body.visual-premium-lock .login-panel-v706, body.depo-v3 .login-panel-v706{border-radius:30px; border:1px solid var(--vp-border); box-shadow:var(--vp-shadow); background:rgba(255,255,255,.94); backdrop-filter:blur(12px); padding:clamp(22px,3vw,34px);} 
body.visual-premium-lock .form-field label, body.depo-v3 .form-field label{font-weight:750; color:var(--vp-text-2);} 
body.visual-premium-lock input, body.visual-premium-lock select, body.visual-premium-lock textarea, body.depo-v3 input, body.depo-v3 select, body.depo-v3 textarea{border:1px solid var(--vp-border); border-radius:14px; min-height:44px; background:#fff; color:var(--vp-text);} 
body.visual-premium-lock .dashboard-focus-grid, body.depo-v3 .dashboard-focus-grid, body.visual-premium-lock .command-center-band, body.depo-v3 .command-center-band, body.visual-premium-lock .executive-depth-band, body.depo-v3 .executive-depth-band{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;} 
body.visual-premium-lock .focus-card, body.depo-v3 .focus-card, body.visual-premium-lock .command-center-card, body.depo-v3 .command-center-card, body.visual-premium-lock .executive-depth-card, body.depo-v3 .executive-depth-card{background:var(--vp-surface); border:1px solid var(--vp-border); border-radius:24px; box-shadow:var(--vp-shadow-sm); padding:20px;} 
body.visual-premium-lock .focus-card strong, body.depo-v3 .focus-card strong, body.visual-premium-lock .command-center-card strong, body.depo-v3 .command-center-card strong{font-size:clamp(18px,2vw,24px); line-height:1.1; letter-spacing:-.035em; color:var(--vp-text); display:block;} 
body.visual-premium-lock .command-route-strip, body.depo-v3 .command-route-strip{display:flex; gap:10px; flex-wrap:wrap; padding:12px 0;} 
body.visual-premium-lock .command-route-pill, body.depo-v3 .command-route-pill{border:1px solid var(--vp-border); background:#fff; color:var(--vp-text-2); border-radius:999px; padding:.62rem .88rem; text-decoration:none; font-weight:750;} 
body.visual-premium-lock table, body.depo-v3 table{border-collapse:separate; border-spacing:0; width:100%;}
body.visual-premium-lock th, body.depo-v3 th{font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--vp-muted); background:#f8fafc;}
body.visual-premium-lock td, body.depo-v3 td, body.visual-premium-lock th, body.depo-v3 th{border-bottom:1px solid var(--vp-border); padding:12px 14px;}
body.visual-premium-lock tr:hover td, body.depo-v3 tr:hover td{background:#f8fbff;}
body.visual-premium-lock .visual-premium-kpi-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px;} 
body.visual-premium-lock .visual-premium-kpi-card{background:#fff; border:1px solid var(--vp-border); border-radius:24px; padding:18px; box-shadow:var(--vp-shadow-sm);} 
body.visual-premium-lock .visual-premium-kpi-card b{font-size:28px; letter-spacing:-.04em;} 
@media (max-width: 960px){
  body.visual-premium-lock .login-layout-v706, body.depo-v3 .login-layout-v706{grid-template-columns:1fr; padding-block:18px;}
  body.visual-premium-lock .login-copy-v706, body.depo-v3 .login-copy-v706{min-height:auto; padding:28px;}
  body.visual-premium-lock .dashboard-focus-grid, body.depo-v3 .dashboard-focus-grid, body.visual-premium-lock .command-center-band, body.depo-v3 .command-center-band, body.visual-premium-lock .executive-depth-band, body.depo-v3 .executive-depth-band{grid-template-columns:1fr;}
  body.visual-premium-lock .visual-premium-kpi-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  body.visual-premium-lock .page-shell, body.depo-v3 .page-shell{padding-inline:12px;}
  body.visual-premium-lock .visual-premium-kpi-grid{grid-template-columns:1fr;}
  body.visual-premium-lock table, body.depo-v3 table{font-size:13px;}
}