/* SALES_READY_100_VISUAL_CLIENT_PRESENTATION_LOCK
   Purpose: presentation-grade polish for DepoSistemleri/WMS buyer demos.
   This layer is additive and fail-safe; it does not create production GO evidence. */
:root{
  --vcpl-ink:#0f172a;--vcpl-muted:#64748b;--vcpl-panel:#ffffff;--vcpl-soft:#f8fafc;
  --vcpl-primary:#1d4ed8;--vcpl-primary-soft:#dbeafe;--vcpl-success:#15803d;
  --vcpl-warning:#b45309;--vcpl-danger:#b91c1c;--vcpl-border:#dbe3ef;
  --vcpl-shadow:0 18px 45px rgba(15,23,42,.12);--vcpl-radius:18px;
}
body.visual-client-presentation-lock{background:linear-gradient(180deg,#f8fafc 0%,#eef4ff 42%,#f8fafc 100%);color:var(--vcpl-ink);}
body.visual-client-presentation-lock .sidebar,body.visual-client-presentation-lock aside{box-shadow:12px 0 38px rgba(15,23,42,.08);}
body.visual-client-presentation-lock .card,body.visual-client-presentation-lock .panel,body.visual-client-presentation-lock section.card{border:1px solid rgba(148,163,184,.28);border-radius:var(--vcpl-radius);box-shadow:var(--vcpl-shadow);background:rgba(255,255,255,.94);}
body.visual-client-presentation-lock .page-title,body.visual-client-presentation-lock h1{letter-spacing:-.035em;}
body.visual-client-presentation-lock .btn:not(.secondary),body.visual-client-presentation-lock button.primary{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 12px 28px rgba(37,99,235,.24);border-radius:14px;}
body.visual-client-presentation-lock .btn.secondary{border:1px solid var(--vcpl-border);background:#fff;color:var(--vcpl-ink);border-radius:14px;}
body.visual-client-presentation-lock .badge{border-radius:999px;padding:.32rem .62rem;font-weight:700;letter-spacing:.01em;}
body.visual-client-presentation-lock .badge.success,body.visual-client-presentation-lock .badge.ok{background:#dcfce7;color:#166534;}
body.visual-client-presentation-lock .badge.warning,body.visual-client-presentation-lock .badge.warn{background:#ffedd5;color:#9a3412;}
body.visual-client-presentation-lock .badge.danger{background:#fee2e2;color:#991b1b;}
body.visual-client-presentation-lock table{border-collapse:separate;border-spacing:0;}
body.visual-client-presentation-lock th{font-size:.76rem;text-transform:uppercase;letter-spacing:.055em;color:#475569;background:#f8fafc;}
body.visual-client-presentation-lock td{border-top:1px solid rgba(148,163,184,.22);}
body.visual-client-presentation-lock .table-wrap{border-radius:16px;border:1px solid rgba(148,163,184,.24);background:#fff;overflow:hidden;}
body.visual-client-presentation-lock input,body.visual-client-presentation-lock select,body.visual-client-presentation-lock textarea{border-radius:14px;border:1px solid var(--vcpl-border);background:#fff;}
body.visual-client-presentation-lock input:focus,body.visual-client-presentation-lock select:focus,body.visual-client-presentation-lock textarea:focus{outline:3px solid rgba(37,99,235,.18);border-color:#2563eb;}
.visual-client-demo-ribbon{display:flex;align-items:center;gap:.65rem;padding:.72rem 1rem;border-radius:999px;background:#eff6ff;color:#1e40af;font-weight:800;border:1px solid #bfdbfe;}
.visual-client-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;}
.visual-client-kpi{padding:1rem;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(148,163,184,.25);box-shadow:0 10px 30px rgba(15,23,42,.08);}
.visual-client-kpi strong{display:block;font-size:1.8rem;line-height:1;margin:.35rem 0;letter-spacing:-.04em;}
.visual-client-kpi span{color:var(--vcpl-muted);font-size:.87rem;}
.visual-client-stepper{counter-reset:vcpl;display:grid;gap:.75rem;}
.visual-client-stepper .step{position:relative;padding:1rem 1rem 1rem 3.25rem;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.26);}
.visual-client-stepper .step:before{counter-increment:vcpl;content:counter(vcpl);position:absolute;left:1rem;top:1rem;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:#1d4ed8;color:white;font-weight:800;font-size:.8rem;}
.visual-client-screen-card{border-radius:22px;background:#0f172a;color:white;padding:1.25rem;box-shadow:0 22px 50px rgba(15,23,42,.25);}
.visual-client-screen-card .screen-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:.8rem;margin-bottom:.8rem;}
@media (max-width: 768px){body.visual-client-presentation-lock .card{border-radius:16px}.visual-client-kpi-grid{grid-template-columns:1fr}body.visual-client-presentation-lock .table-wrap table,body.visual-client-presentation-lock .table-wrap tbody,body.visual-client-presentation-lock .table-wrap tr,body.visual-client-presentation-lock .table-wrap td{display:block;width:100%;}body.visual-client-presentation-lock .table-wrap thead{display:none}body.visual-client-presentation-lock .table-wrap tr{padding:.8rem;border-bottom:1px solid #e2e8f0}body.visual-client-presentation-lock .table-wrap td{border:0;padding:.38rem 0}}