/* SALES_READY_100_VISUAL_APP_REVISION_PLUS_LOCK
   Real UI refinement layer for DEPO SİSTEMLERİ.
   Scope: translate the generated world-class WMS/SaaS references into the actual Flask/Jinja surfaces.
   Boundary: no fake production/browser/customer evidence is asserted by this stylesheet.
*/
:root{
  --dsx-navy-980:#041328;
  --dsx-navy-950:#061a3a;
  --dsx-navy-900:#08234d;
  --dsx-blue-700:#0b55e8;
  --dsx-blue-600:#1263ff;
  --dsx-blue-500:#2f7cff;
  --dsx-sky-100:#eaf2ff;
  --dsx-bg:#f6f8fc;
  --dsx-surface:#ffffff;
  --dsx-surface-soft:#f9fbff;
  --dsx-border:#e3e9f4;
  --dsx-text:#0f1f3d;
  --dsx-muted:#64748b;
  --dsx-success:#16a34a;
  --dsx-warning:#f59e0b;
  --dsx-danger:#ef4444;
  --dsx-purple:#7c3aed;
  --dsx-radius-lg:22px;
  --dsx-radius-card:18px;
  --dsx-radius-sm:12px;
  --dsx-shadow-card:0 18px 45px rgba(15,31,61,.08);
  --dsx-shadow-soft:0 10px 28px rgba(15,31,61,.06);
}
html[data-visual-app-revision-plus-lock="true"]{background:var(--dsx-bg);}
body.visual-app-revision-plus-lock{
  background:linear-gradient(180deg,#f7faff 0%,#f4f7fc 42%,#f7f9fd 100%);
  color:var(--dsx-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.visual-app-revision-plus-lock .page-shell,
.visual-app-revision-plus-lock .workspace-shell,
.visual-app-revision-plus-lock .app-shell,
.visual-app-revision-plus-lock main{background:transparent;}
.visual-app-revision-plus-lock .sidebar,
.visual-app-revision-plus-lock .app-sidebar,
.visual-app-revision-plus-lock aside[class*="sidebar"],
.visual-app-revision-plus-lock nav[class*="sidebar"]{
  background:linear-gradient(180deg,var(--dsx-navy-950),var(--dsx-navy-980));
  color:#fff;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08), 8px 0 34px rgba(4,19,40,.12);
}
.visual-app-revision-plus-lock .sidebar a,
.visual-app-revision-plus-lock .app-sidebar a,
.visual-app-revision-plus-lock nav[class*="sidebar"] a{
  border-radius:14px;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.visual-app-revision-plus-lock .sidebar a:hover,
.visual-app-revision-plus-lock .app-sidebar a:hover,
.visual-app-revision-plus-lock nav[class*="sidebar"] a:hover{
  background:rgba(47,124,255,.16);
  transform:translateX(2px);
}
.visual-app-revision-plus-lock .sidebar .active,
.visual-app-revision-plus-lock .sidebar a.active,
.visual-app-revision-plus-lock .nav-link.active,
.visual-app-revision-plus-lock nav[class*="sidebar"] a[aria-current="page"]{
  background:linear-gradient(135deg,var(--dsx-blue-700),var(--dsx-blue-500));
  color:#fff;
  box-shadow:0 14px 30px rgba(18,99,255,.28);
}
.visual-app-revision-plus-lock header,
.visual-app-revision-plus-lock .topbar,
.visual-app-revision-plus-lock .app-topbar,
.visual-app-revision-plus-lock .surface-header{
  backdrop-filter:saturate(150%) blur(14px);
  border-bottom:1px solid rgba(226,232,240,.72);
}
.visual-app-revision-plus-lock .glass-section,
.visual-app-revision-plus-lock .card,
.visual-app-revision-plus-lock .metric-card,
.visual-app-revision-plus-lock .kpi-card,
.visual-app-revision-plus-lock .panel,
.visual-app-revision-plus-lock .form-card,
.visual-app-revision-plus-lock article[class*="card"],
.visual-app-revision-plus-lock section[class*="card"]{
  background:var(--dsx-surface);
  border:1px solid var(--dsx-border);
  border-radius:var(--dsx-radius-card);
  box-shadow:var(--dsx-shadow-soft);
}
.visual-app-revision-plus-lock .metric-card:hover,
.visual-app-revision-plus-lock .kpi-card:hover,
.visual-app-revision-plus-lock article[class*="card"]:hover{
  box-shadow:var(--dsx-shadow-card);
}
.visual-app-revision-plus-lock h1,
.visual-app-revision-plus-lock .title-xl,
.visual-app-revision-plus-lock .page-title{
  letter-spacing:-.035em;
  color:var(--dsx-text);
  line-height:1.08;
}
.visual-app-revision-plus-lock h2,
.visual-app-revision-plus-lock .section-title{letter-spacing:-.02em;color:var(--dsx-text);}
.visual-app-revision-plus-lock .muted,
.visual-app-revision-plus-lock .section-subtitle,
.visual-app-revision-plus-lock .section-sub{color:var(--dsx-muted);}
.visual-app-revision-plus-lock .btn.primary,
.visual-app-revision-plus-lock button.primary,
.visual-app-revision-plus-lock .button-primary,
.visual-app-revision-plus-lock a.btn.primary{
  background:linear-gradient(135deg,var(--dsx-blue-700),var(--dsx-blue-500));
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 30px rgba(18,99,255,.26);
}
.visual-app-revision-plus-lock .btn.secondary,
.visual-app-revision-plus-lock button.secondary,
.visual-app-revision-plus-lock .button-secondary{
  background:#fff;
  color:var(--dsx-text);
  border:1px solid var(--dsx-border);
}
.visual-app-revision-plus-lock input,
.visual-app-revision-plus-lock select,
.visual-app-revision-plus-lock textarea,
.visual-app-revision-plus-lock .input{
  border:1px solid var(--dsx-border);
  border-radius:13px;
  background:#fff;
  color:var(--dsx-text);
  box-shadow:0 1px 0 rgba(15,31,61,.02);
}
.visual-app-revision-plus-lock input:focus,
.visual-app-revision-plus-lock select:focus,
.visual-app-revision-plus-lock textarea:focus{
  outline:none;
  border-color:rgba(18,99,255,.78);
  box-shadow:0 0 0 4px rgba(18,99,255,.12);
}
.visual-app-revision-plus-lock table,
.visual-app-revision-plus-lock .table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
}
.visual-app-revision-plus-lock th{
  color:#475569;
  font-size:12px;
  letter-spacing:.01em;
  background:#f8fbff;
  border-bottom:1px solid var(--dsx-border);
}
.visual-app-revision-plus-lock td{border-bottom:1px solid #edf2f8;}
.visual-app-revision-plus-lock tr:hover td{background:#f9fbff;}
.visual-app-revision-plus-lock .badge,
.visual-app-revision-plus-lock .chip,
.visual-app-revision-plus-lock [class*="badge"],
.visual-app-revision-plus-lock [class*="chip"]{
  border-radius:999px;
  font-weight:700;
  letter-spacing:-.01em;
}
.visual-app-revision-plus-lock .badge.success,
.visual-app-revision-plus-lock .chip.success{background:#eafaf0;color:#0e7a3c;border-color:#b7efca;}
.visual-app-revision-plus-lock .badge.warning,
.visual-app-revision-plus-lock .chip.warning{background:#fff7e8;color:#a15b00;border-color:#f8d99b;}
.visual-app-revision-plus-lock .badge.danger,
.visual-app-revision-plus-lock .chip.danger{background:#fff0f0;color:#be123c;border-color:#ffc9cf;}
.visual-app-revision-plus-lock .drawer,
.visual-app-revision-plus-lock aside[class*="drawer"],
.visual-app-revision-plus-lock .side-panel{
  background:#fff;
  border-left:1px solid var(--dsx-border);
  box-shadow:-18px 0 48px rgba(15,31,61,.08);
}
.visual-app-revision-plus-lock .public-hero,
.visual-app-revision-plus-lock .hero,
.visual-app-revision-plus-lock .login-hero{
  background:radial-gradient(circle at 22% 12%,rgba(47,124,255,.32),transparent 28%), linear-gradient(135deg,var(--dsx-navy-950),#072e66 62%,#061a3a);
  color:#fff;
}
.visual-app-revision-plus-lock .public-hero h1,
.visual-app-revision-plus-lock .hero h1,
.visual-app-revision-plus-lock .login-hero h1{color:#fff;}
.visual-app-revision-plus-lock .empty-state,
.visual-app-revision-plus-lock [class*="empty"]{
  border:1px dashed #cbd5e1;
  background:linear-gradient(180deg,#fff,#f9fbff);
  border-radius:18px;
}
.visual-app-revision-plus-lock [data-visual-page="landing"] .metric-card,
.visual-app-revision-plus-lock [data-visual-page="dashboard"] .metric-card,
.visual-app-revision-plus-lock .dashboard .metric-card{
  min-height:112px;
}
.visual-app-revision-plus-lock [data-visual-page="picking"] .btn,
.visual-app-revision-plus-lock .picking .btn,
.visual-app-revision-plus-lock [class*="picking"] .btn{min-height:42px;}
.visual-app-revision-plus-lock [data-visual-page="locations"] .location-cell,
.visual-app-revision-plus-lock [class*="location"] .capacity-bar{border-radius:8px;}
.visual-app-revision-plus-lock .visual-copy-clean-note{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--dsx-border);border-radius:999px;background:#fff;color:var(--dsx-muted);font-size:12px;
}
@media (max-width: 1024px){
  .visual-app-revision-plus-lock .sidebar,
  .visual-app-revision-plus-lock .app-sidebar,
  .visual-app-revision-plus-lock nav[class*="sidebar"]{box-shadow:none;}
  .visual-app-revision-plus-lock .grid,
  .visual-app-revision-plus-lock .dashboard-grid,
  .visual-app-revision-plus-lock .kpi-grid{grid-template-columns:1fr 1fr!important;}
}
@media (max-width: 720px){
  .visual-app-revision-plus-lock .grid,
  .visual-app-revision-plus-lock .dashboard-grid,
  .visual-app-revision-plus-lock .kpi-grid{grid-template-columns:1fr!important;}
  .visual-app-revision-plus-lock table.responsive-stack thead{display:none;}
  .visual-app-revision-plus-lock table.responsive-stack tr{display:block;border:1px solid var(--dsx-border);border-radius:16px;margin:10px 0;background:#fff;box-shadow:var(--dsx-shadow-soft);}
  .visual-app-revision-plus-lock table.responsive-stack td{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #edf2f8;padding:12px 14px;}
  .visual-app-revision-plus-lock table.responsive-stack td::before{content:attr(data-label);font-weight:700;color:#475569;}
}
@media (prefers-reduced-motion: reduce){
  .visual-app-revision-plus-lock *,
  .visual-app-revision-plus-lock *::before,
  .visual-app-revision-plus-lock *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}