/* SALES_READY_100_VISUAL_PREMIUM_PLUS — advanced visual polish layer.
   Bu dosya visual-premium-lock.css üzerine güvenli ek katmandır; gerçek canlı kanıt üretmez. */
:root{
  --vpp-ink:#06111f; --vpp-ink-2:#1f2f46; --vpp-muted:#62748e;
  --vpp-blue:#2563eb; --vpp-blue-2:#1d4ed8; --vpp-cyan:#0891b2; --vpp-green:#059669; --vpp-orange:#f97316; --vpp-red:#dc2626;
  --vpp-bg:#f4f7fb; --vpp-panel:#ffffff; --vpp-panel-2:#f8fafc; --vpp-line:#d8e2ef;
  --vpp-radius:18px; --vpp-radius-lg:28px; --vpp-shadow:0 24px 70px rgba(2,6,23,.12); --vpp-shadow-sm:0 10px 28px rgba(15,23,42,.08);
  --vpp-grid-gap:clamp(12px,1.6vw,20px);
}
body.visual-premium-plus{background:radial-gradient(circle at top left,rgba(37,99,235,.10),transparent 32%),linear-gradient(180deg,#f8fbff,#f2f6fb 58%,#edf4fb);}
body.visual-premium-plus .skip-link{background:#0f172a;color:#fff;border-radius:999px;padding:.75rem 1rem;}
body.visual-premium-plus .app-shell,body.visual-premium-plus .layout-shell,body.visual-premium-plus .workspace-shell{background:transparent;}
body.visual-premium-plus .sidebar,body.visual-premium-plus .app-sidebar,body.visual-premium-plus aside[aria-label*="men"],body.visual-premium-plus nav.sidebar{background:linear-gradient(180deg,#08111f,#0f172a 54%,#132235);border-right:1px solid rgba(255,255,255,.08);box-shadow:14px 0 38px rgba(2,6,23,.16);}
body.visual-premium-plus .sidebar a,body.visual-premium-plus .app-sidebar a,body.visual-premium-plus nav.sidebar a{border-radius:14px;margin-block:2px;color:#dbeafe;text-decoration:none;font-weight:720;}
body.visual-premium-plus .sidebar a[aria-current="page"],body.visual-premium-plus .sidebar a.active,body.visual-premium-plus .app-sidebar a.active{background:linear-gradient(135deg,#2563eb,#0f766e);color:#fff;box-shadow:0 12px 24px rgba(37,99,235,.24);}
body.visual-premium-plus header,body.visual-premium-plus .topbar,body.visual-premium-plus .app-topbar{backdrop-filter:blur(18px);background:rgba(255,255,255,.84);border-bottom:1px solid rgba(216,226,239,.88);}
body.visual-premium-plus .page-header,body.visual-premium-plus .section-headline,body.visual-premium-plus .hero-panel{border-radius:var(--vpp-radius-lg);background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid var(--vpp-line);box-shadow:var(--vpp-shadow-sm);padding:clamp(18px,2.8vw,32px);}
body.visual-premium-plus .page-header h1,body.visual-premium-plus .section-headline h1,body.visual-premium-plus h1{letter-spacing:-.055em;color:var(--vpp-ink);}
body.visual-premium-plus .visual-premium-kpi-grid,body.visual-premium-plus .kpi-grid,body.visual-premium-plus .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vpp-grid-gap);}
body.visual-premium-plus .visual-premium-kpi-card,body.visual-premium-plus .metric-card,body.visual-premium-plus .kpi-card{position:relative;overflow:hidden;border:1px solid var(--vpp-line);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:var(--vpp-shadow-sm);padding:20px;}
body.visual-premium-plus .visual-premium-kpi-card:before,body.visual-premium-plus .metric-card:before,body.visual-premium-plus .kpi-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--vpp-blue),var(--vpp-cyan),var(--vpp-green));}
body.visual-premium-plus .visual-premium-kpi-card b,body.visual-premium-plus .metric-card strong,body.visual-premium-plus .kpi-card strong{font-size:clamp(26px,3vw,38px);letter-spacing:-.055em;color:var(--vpp-ink);}
body.visual-premium-plus .card,body.visual-premium-plus .panel,body.visual-premium-plus .table-card,body.visual-premium-plus .form-card{border:1px solid var(--vpp-line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:var(--vpp-shadow-sm);}
body.visual-premium-plus table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border-radius:20px;overflow:hidden;}
body.visual-premium-plus thead th{position:sticky;top:0;z-index:1;background:#f1f5f9;color:#475569;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:850;}
body.visual-premium-plus tbody td{color:#1f2937;font-size:14px;}
body.visual-premium-plus tbody tr:hover td{background:#eff6ff;}
body.visual-premium-plus .badge,body.visual-premium-plus .status-pill,body.visual-premium-plus [class*="badge"]{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;font-weight:800;border:1px solid rgba(148,163,184,.32);}
body.visual-premium-plus .badge:before,body.visual-premium-plus .status-pill:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;opacity:.8;}
body.visual-premium-plus input,body.visual-premium-plus select,body.visual-premium-plus textarea{border:1px solid var(--vpp-line);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
body.visual-premium-plus input:focus,body.visual-premium-plus select:focus,body.visual-premium-plus textarea:focus{border-color:rgba(37,99,235,.62);box-shadow:0 0 0 4px rgba(37,99,235,.14);}
body.visual-premium-plus .btn.primary,body.visual-premium-plus button.primary,body.visual-premium-plus [data-primary-submit="1"]{background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#0f766e);box-shadow:0 14px 28px rgba(37,99,235,.22);}
body.visual-premium-plus .btn.danger,body.visual-premium-plus .danger{--vpp-accent:var(--vpp-red);}
body.visual-premium-plus .warehouse-heatmap,body.visual-premium-plus .location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;}
body.visual-premium-plus .location-card,body.visual-premium-plus .warehouse-cell{border-radius:18px;border:1px solid var(--vpp-line);background:linear-gradient(180deg,#fff,#f8fafc);padding:12px;box-shadow:var(--vpp-shadow-sm);}
body.visual-premium-plus .operator-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body.visual-premium-plus .operator-action-grid .btn{min-height:64px;border-radius:22px;font-size:16px;}
body.visual-premium-plus .empty-state{border:1px dashed #bfd0e6;border-radius:28px;background:linear-gradient(135deg,#ffffff,#f8fbff);padding:32px;text-align:center;}
body.visual-premium-plus .skeleton{position:relative;overflow:hidden;background:#e2e8f0;border-radius:14px;}
body.visual-premium-plus .skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.64),transparent);animation:vpp-shimmer 1.4s infinite;}
@keyframes vpp-shimmer{100%{transform:translateX(100%);}}
body.visual-premium-plus .visual-showroom-band{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--vpp-grid-gap);align-items:stretch;}
body.visual-premium-plus .visual-showroom-card{border-radius:28px;background:linear-gradient(135deg,#0f172a,#1d4ed8 56%,#0f766e);color:#fff;padding:28px;box-shadow:var(--vpp-shadow);}
body.visual-premium-plus .visual-showroom-card h2{color:#fff;letter-spacing:-.045em;}
body.visual-premium-plus .visual-showroom-card p{color:#dbeafe;}
body.visual-premium-plus .visual-qa-chip{display:inline-flex;border-radius:999px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;font-weight:850;padding:.42rem .72rem;margin:.18rem;}
@media (max-width:1100px){body.visual-premium-plus .visual-premium-kpi-grid,body.visual-premium-plus .kpi-grid,body.visual-premium-plus .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body.visual-premium-plus .visual-showroom-band{grid-template-columns:1fr;}}
@media (max-width:680px){body.visual-premium-plus .visual-premium-kpi-grid,body.visual-premium-plus .kpi-grid,body.visual-premium-plus .metric-grid{grid-template-columns:1fr;}body.visual-premium-plus .operator-action-grid{grid-template-columns:1fr;}body.visual-premium-plus .page-header,body.visual-premium-plus .section-headline{padding:18px;border-radius:22px;}body.visual-premium-plus table{font-size:13px;}}
@media (prefers-reduced-motion:reduce){body.visual-premium-plus *,body.visual-premium-plus *:before,body.visual-premium-plus *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}