/* Office Commerce Console – v1.6 (Light, stable, single-source CSS)
   Brand:
   - Blue: #005095
   - Red:  #C00D0D
   - Text: #4a4a4a
*/

:root{
  --brand:#005095;
  --brand2:#003f73;
  --danger:#C00D0D;

  --bg:#f5f7f9;
  --panel:#ffffff;
  --panel2:#fbfcfe;

  --text:#4a4a4a;
  --text2:#2b2b2b;
  --muted:#6b7280;

  --line:#e6e6e6;
  --shadow:0 10px 28px rgba(0,0,0,.08);
  --shadow2:0 14px 34px rgba(0,0,0,.10);

  --radius:14px;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}

/* Layout */
.wrap{
  max-width:1400px;
  margin:22px auto;
  padding:0 22px;
}

/* Header */
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(230,230,230,.9);
}

/* header.php uses these direct children */
.topbar__left,
.topbar__center,
.topbar__right{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Header layout improvements */
.topbar__center{flex:1; justify-content:center;}
.search{flex:1; max-width:720px;}
.topbar__right{justify-content:flex-end;}

.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  height:64px;
  padding:0 22px;
}

/* Brand */
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  color:var(--brand);
}

.brand__logo{
  width:34px;
  height:34px;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 0 rgba(0,0,0,.03);
  flex:0 0 auto;
}
.brand__logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.brand__title{
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;
  color:var(--brand);
}

/* Search */
.search{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}
.search__wrap{position:relative; flex:1}

.search__input{
  width:100%;
  height:42px;
  padding:0 14px;
  border-radius:8px;
  border:1px solid #dfe5ea;
  background:#fff;
  color:var(--text2);
  outline:none;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.search__input:focus{
  border-color:rgba(0,80,149,.45);
  box-shadow:0 0 0 4px rgba(0,80,149,.10);
}

.search__btn{
  height:42px;
  padding:0 16px;
  border-radius:8px;
  border:1px solid transparent;
  background:var(--brand);
  color:#fff;
  cursor:pointer;
  font-weight:600;
}
.search__btn:hover{background:var(--brand2)}

/* Suggest dropdown */
.search__suggest{
  position:absolute; left:0; right:0; top:48px;
  display:none;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.search__suggest.is-open{display:block}
.search__suggest a{
  display:block;
  padding:10px 12px;
  border-bottom:1px solid #f0f0f0;
}
.search__suggest a:hover{background:#f6f8fb}
.search__suggest .sku{color:var(--muted); font-size:12px}

/* Channel switch */
.channel{display:flex; gap:8px}
.channel__btn{
  height:34px;
  min-width:46px;
  padding:0 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:#eef3f8;
  color:var(--text2);
  border:1px solid #e4e8ee;
}
.channel__btn:hover{border-color:#d4dbe4}
.channel__btn.is-active{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

/* Sync */
.sync{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--muted);
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #e6ebf2;
  background:#f8fafc;
}
.dot{width:8px; height:8px; border-radius:50%}
.dot--ok{background:#22c55e}
.dot--warn{background:#f59e0b}
.dot--bad{background:#ef4444}
.sync__label{font-weight:600; color:var(--text2)}

/* User dropdown */
.user{position:relative}
.user__btn{
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #e3e8ee;
  background:#fff;
  cursor:pointer;
  color:var(--text2);
  font-weight:600;
  display:flex;
  align-items:center;
  gap:8px;
}
.user__chev{color:var(--muted)}
.user__menu{
  display:none;
  position:absolute;
  right:0;
  top:44px;
  width:240px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:var(--shadow);
  overflow:auto;
  max-height:calc(100vh - 110px);
}
.user__menu.is-open{display:block}
.user__meta{padding:12px 14px; border-bottom:1px solid #f0f0f0}
.user__email{font-size:12px; color:var(--muted)}
.user__pill{
  display:inline-block;
  margin-top:8px;
  font-size:11px;
  padding:4px 10px;
  border-radius:999px;
  background:#eef3f8;
  border:1px solid #e4e8ee;
  color:var(--text2);
  font-weight:600;
}

/* Dropdown navigation */
.user__section{padding:8px 8px 10px}
.user__heading{
  padding:6px 6px 6px;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:600;
}
.user__link{
  display:block;
  padding:9px 10px;
  border-radius:10px;
  color:var(--text2);
}
.user__link:hover{background:#f6f8fb}
.user__divider{height:1px; background:#f0f0f0; margin:6px 8px}
.user__link--danger{color:var(--danger)}

/* Headings */
.h1, h1{
  margin:10px 0 6px;
  font-size:24px;
  font-weight:600;
  color:var(--brand);
}

/* Sub headings */
h2{margin:10px 0 8px; font-size:18px; font-weight:600; color:var(--text2);} 
h3{margin:10px 0 8px; font-size:15px; font-weight:600; color:var(--text2);} 
.sub{
  margin:0 0 16px;
  color:var(--muted);
  font-size:13px;
}

/* Grid */
.grid{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:22px;
}


.grid--2{grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (max-width:760px){ .grid--2{grid-template-columns:repeat(1, minmax(0, 1fr));} }

.hint{color: rgba(0,0,0,.55); font-size:12px; line-height:1.35;}
.hint code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 11px; background: rgba(0,0,0,.04); padding:2px 6px; border-radius:8px;}
/* Simple grid variants used in admin forms */
.grid--6{grid-template-columns:repeat(6, minmax(0, 1fr));}
.grid--4{grid-template-columns:repeat(4, minmax(0, 1fr));}
@media (max-width:1100px){ .grid--6{grid-template-columns:repeat(3, minmax(0, 1fr));} }
@media (max-width:760px){ .grid--6{grid-template-columns:repeat(2, minmax(0, 1fr));} }
@media (max-width:560px){ .grid--6{grid-template-columns:repeat(1, minmax(0, 1fr));} }
@media (max-width:900px){ .grid--4{grid-template-columns:repeat(2, minmax(0, 1fr));} }
@media (max-width:560px){ .grid--4{grid-template-columns:repeat(1, minmax(0, 1fr));} }

/* Cards */
.card{
  grid-column:span 3;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.card:hover{
  transform:translateY(-2px);
  border-color:rgba(0,80,149,.22);
  box-shadow:var(--shadow2);
}

@media (max-width:1200px){ .card{grid-column:span 4} }
@media (max-width:900px){ .card{grid-column:span 6} }
@media (max-width:640px){
  .wrap{padding:0 14px}
  .card{grid-column:span 12}
}

.card__body{padding:18px 20px; flex:1}
.card__footer{
  padding:14px 20px;
  border-top:1px solid #f0f0f0;
  background:var(--panel2);
  display:flex;
  align-items:center;
  gap:12px;
}
.card__footer .sku{margin-left:auto; white-space:nowrap}

.card__top{display:flex; align-items:flex-start; justify-content:space-between; gap:12px}
.card__meta{min-width:0}

.sku{display:block; font-size:12px; color:var(--muted); font-weight:500; letter-spacing:.2px}
.title{font-size:18px; font-weight:600; line-height:1.2; color:var(--text2); margin:2px 0 6px}

/* Badges */
.badges{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 12px}
.badge{
  font-size:11px;
  padding:5px 10px;
  border-radius:999px;
  background:#eef3f8;
  border:1px solid #e4e8ee;
  color:var(--text2);
  font-weight:600;
}
.badge--brand{background:rgba(0,80,149,.10); border-color:rgba(0,80,149,.18); color:var(--brand)}
.badge--warn{background:rgba(245,158,11,.14); border-color:rgba(245,158,11,.25); color:#8a5a00}
.badge--good{background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.25); color:#0f6a32}
.badge--bad,.badge--danger{background:rgba(192,13,13,.12); border-color:rgba(192,13,13,.22); color:var(--danger)}

/* Price chips */
.prices{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px}
.chip{
  background:#f6f8fb;
  border:1px solid #e7edf5;
  padding:8px 10px;
  border-radius:8px;
  font-size:12px;
  min-width:92px;
}
.chip__k{color:var(--muted); font-size:11px; font-weight:600}
.chip__v{font-weight:600; color:var(--text2)}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--brand);
  color:#fff;
  cursor:pointer;
  font-weight:600;
  font-size:13px;
}
.btn:hover{background:var(--brand2)}
.btn--ghost{
  background:#f3f6fa;
  border:1px solid #e6ebf2;
  color:var(--text2);
}
.btn--ghost:hover{background:#e8eef6}

/* Panels / tables */
.panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.table{width:100%; border-collapse:collapse; font-size:13px}
.table th{ text-align:left; color:var(--muted); font-weight:600; padding:10px 0; border-bottom:1px solid #f0f0f0 }
.table td{ padding:10px 0; border-bottom:1px solid #f3f3f3 }

/* Forms */
.field label{display:block; font-size:12px; color:var(--muted); margin-bottom:6px; font-weight:600}
.field input,
.field textarea,
select{
  width:100%;
  border:1px solid #dcdcdc;
  border-radius:8px;
  padding:10px 12px;
  font:inherit;
  color:var(--text2);
  background:#fff;
  outline:none;
}
.field input:focus,
.field textarea:focus,
select:focus{
  border-color:rgba(0,80,149,.45);
  box-shadow:0 0 0 4px rgba(0,80,149,.10);
}
.field textarea{min-height:84px; resize:vertical}
.formrow{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:14px}

/* Utility for table inline inputs */
.in{height:34px; border-radius:10px; border:1px solid #dfe5ea; background:#fff; padding:0 10px; font:inherit; color:var(--text2); outline:none; width:100%;}
.in:focus{border-color:rgba(0,80,149,.45); box-shadow:0 0 0 4px rgba(0,80,149,.10);} 

/* KPI */
.kpi{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-top:12px}
.kpi .k{color:var(--muted); font-size:12px; font-weight:600}
.kpi .v{font-size:16px; font-weight:600; color:var(--text2)}
.kpi .v.negative{color:var(--danger)}

/* Pager */
.pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.pager__meta{color:var(--muted); font-size:13px; font-weight:600}
.pager__actions{display:flex; gap:8px; align-items:center}
.pager a.btn{min-width:40px}

/* Under-cost highlight */
.card.is-under-cost{
  border-color: rgba(192,13,13,.55) !important;
  box-shadow: 0 12px 28px rgba(192,13,13,.12) !important;
}
.card.is-under-cost:hover{
  border-color: rgba(192,13,13,.75) !important;
  box-shadow: 0 14px 32px rgba(192,13,13,.18) !important;
}

/* Responsive header */
@media (max-width:980px){
  .topbar{flex-wrap:wrap; height:auto; padding:12px 14px}
  .topbar__left{width:100%}
  .topbar__center{width:100%}
  .topbar__right{width:100%; justify-content:space-between}
  .search{width:100%}
}


.link{color:var(--brand); text-decoration:none; font-weight:600}
.link:hover{text-decoration:underline}


/* --- Pricing Cockpit --- */
.cockpit__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.cockpit__search{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.cockpit__search .input{
  min-width:320px;
  max-width:520px;
}
.cockpit__meta{
  color:var(--muted);
  font-size:13px;
}
.cockpit__tablewrap{ overflow:auto; }
.cockpit__table{
  min-width:1100px;
}
.cockpit__title{
  font-weight:600;
  color:var(--text2, #2f2f2f);
  line-height:1.25;
  margin-bottom:4px;
}
.cockpit__rowform{
  margin:0;
}
.cockpit__inputs{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.cockpit__input{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:130px;
}
.cockpit__label{
  font-size:11px;
  color:var(--muted);
  font-weight:600;
}
.input, .select{
  height:38px;
  border-radius:8px;
  border:1px solid #dfe5ea;
  background:#fff;
  padding:0 12px;
  color:var(--text);
  outline:none;
}
.input:focus, .select:focus{
  border-color:rgba(0,80,149,.45);
  box-shadow:0 0 0 4px rgba(0,80,149,.10);
}
.input--money{ text-align:right; }
.cockpit__links{
  white-space:nowrap;
}
.row-under td{
  background:rgba(192,13,13,.03);
}
.negative{ color:var(--danger); font-weight:600; }


/* Quality dashboard */
.kpis{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0 10px;}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
.kpi{background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:12px 14px; box-shadow:0 2px 0 rgba(0,0,0,.02);}
.kpi__label{font-size:12px; color:var(--muted); margin-bottom:6px;}
.kpi__value{font-size:22px; font-weight:600; color:var(--text2);}
.tabs{display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 14px;}
.tab{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--text2); text-decoration:none; font-weight:600; font-size:13px;}
.tab:hover{border-color:#cfd8e3;}
.tab.is-active{background:rgba(0,80,149,.10); border-color:rgba(0,80,149,.35); color:var(--brand2);} 
.pagehead{display:flex; justify-content:space-between; align-items:flex-end; gap:14px; flex-wrap:wrap; margin:10px 0 8px;}
.pill{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:var(--panel); font-size:13px; color:var(--text2);} 
.pill select,.pill input{border:1px solid var(--line); border-radius:10px; padding:6px 8px; font:inherit;}
.panel__head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.panel__title{font-weight:600;}


/* v3 additions */
.table-wrap { overflow:auto; border:1px solid rgba(0,0,0,.08); border-radius:10px; }
.muted { color: rgba(0,0,0,.55); font-size: 12px; }
.btn--small { padding: 6px 10px; font-size: 12px; }
.btn--danger { background: #c0392b; border-color:#c0392b; color:#fff; }
.btn--danger:hover { filter: brightness(0.95); }

.alert { padding: 10px 12px; border-radius: 10px; border:1px solid rgba(0,0,0,.08); margin: 10px 0; }
.alert--success { background: rgba(46, 204, 113, .12); }
.alert--error { background: rgba(231, 76, 60, .12); }

.pill { display:inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; border:1px solid rgba(0,0,0,.08); }
.pill--warn { background: rgba(241, 196, 15, .18); }
.pill--info { background: rgba(52, 152, 219, .14); }
.pill--ok { background: rgba(46, 204, 113, .14); }
.pill--bad { background: rgba(231, 76, 60, .14); }

.form .grid label { display:flex; flex-direction:column; gap:6px; }
label.chk { flex-direction:row !important; align-items:center; gap:8px; padding-top: 22px; }

strong{font-weight:600;}


/* Danger button */
.btn.danger{background:#b42318;border-color:#b42318;color:#fff;}
.btn.danger:hover{filter:brightness(0.95);}



/* === OCC v3.8 Professional polish === */
:root{
  --bg-dark:#0f172a;
  --bg-dark-2:#111827;
  --panel-soft:#ffffff;
  --line-soft:#e9eef5;
  --ok:#1f8f5f;
  --warn:#d97706;
  --bad:#c00d0d;
  --info:#2563eb;
}

body{
  background:
    radial-gradient(circle at top right, rgba(0,80,149,.08), transparent 30%),
    linear-gradient(180deg, #f4f7fb 0%, #eef3f9 100%);
}

.topbar{
  background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(17,24,39,.94));
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.20);
}
.brand{color:#fff}
.brand__title{color:#fff}
.brand__env{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#dbeafe;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
}
.search__input{
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.16);
}
.search__btn,
.channel__btn.is-active,
.btn{
  background:linear-gradient(135deg, #005095, #0a67b8);
  border-color:#0a67b8;
  box-shadow:0 8px 18px rgba(0,80,149,.18);
}
.btn:hover,
.search__btn:hover{
  transform:translateY(-1px);
}
.channel__btn{
  background:rgba(255,255,255,.05);
  color:#e5edf7;
  border-color:rgba(255,255,255,.08);
}
.sync{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#e5edf7;
}
.user__btn{
  background:rgba(255,255,255,.06);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
}
.user__menu{
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 48px rgba(15,23,42,.18);
}

.subnav{
  position:sticky;
  top:64px;
  z-index:40;
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px 22px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(15,23,42,.06);
  overflow:auto;
}
.subnav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  color:#213547;
  font-weight:600;
  box-shadow:0 4px 10px rgba(15,23,42,.04);
}
.subnav__link:hover{border-color:#0a67b8;color:#0a67b8}

.hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  margin:0 0 18px;
  border-radius:10px;
  background:linear-gradient(135deg, #0f172a, #102742 55%, #0a67b8);
  color:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.20);
}
.hero__title{
  margin:6px 0 8px;
  font-size:32px;
  line-height:1.1;
  color:#fff;
}
.hero__text{
  margin:0;
  max-width:820px;
  color:rgba(255,255,255,.84);
}
.hero__actions{display:flex; gap:10px; flex-wrap:wrap}
.eyebrow{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#dbeafe;
  font-size:12px;
  font-weight:700;
  letter-spacing:.45px;
  text-transform:uppercase;
}

.panel{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.panel--elevated{
  border-radius:10px;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
}
.panel__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.panel__title{
  margin:0;
  font-size:20px;
  color:#102742;
}
.panel__sub{
  margin-top:4px;
  color:#667085;
  font-size:14px;
}

.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.stat{
  padding:18px 18px 16px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.stat__label{
  font-size:13px;
  color:#667085;
  margin-bottom:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.stat__value{
  font-size:34px;
  line-height:1;
  font-weight:700;
  color:#102742;
  letter-spacing:-.02em;
}
.stat__meta{
  margin-top:10px;
  color:#667085;
  font-size:13px;
}
.stat--warn{background:linear-gradient(180deg, #fffaf0, #fff)}
.stat--bad{background:linear-gradient(180deg, #fff1f2, #fff)}
.stat--ok{background:linear-gradient(180deg, #f0fdf4, #fff)}

.split-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
}
.split-grid--sim{
  grid-template-columns: minmax(340px, 520px) 1fr;
}
.quick-links{
  display:grid;
  gap:10px;
}
.quick-links--grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.quick-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:10px;
  background:#f8fbff;
  border:1px solid rgba(10,103,184,.08);
  color:#102742;
  font-weight:600;
}
.quick-link:hover{
  background:#eef6ff;
  border-color:rgba(10,103,184,.18);
}

.empty-state{
  padding:18px;
  border-radius:10px;
  background:#f8fafc;
  color:#667085;
  border:1px dashed rgba(15,23,42,.12);
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.field__label{
  font-size:13px;
  font-weight:700;
  color:#334155;
}
.field--actions{
  align-self:end;
  display:flex;
  flex-direction:row;
  gap:10px;
  align-items:center;
}
.result-cards{
  display:grid;
  gap:14px;
}

.table--compact th,
.table--compact td{
  padding:10px 12px;
}

.search__suggest a.is-active{
  background:#eef6ff;
}

.cockpit__input{
  position:relative;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  border-radius:8px;
}
.cockpit__input.is-saving{
  box-shadow:0 0 0 3px rgba(37,99,235,.14);
}
.cockpit__input.is-saved{
  box-shadow:0 0 0 3px rgba(31,143,95,.16);
}
.cockpit__input.is-error{
  box-shadow:0 0 0 3px rgba(192,13,13,.16);
}
.cockpit__input .input{
  border-radius:8px;
}
.cockpit__input .cockpit__label{
  font-weight:700;
  color:#475467;
}

.card,
.panel,
.stat,
.quick-link,
.table{
  border-radius:10px;
}

@media (max-width: 1100px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split-grid, .split-grid--sim{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .topbar{
    height:auto;
    flex-wrap:wrap;
    padding:12px 14px;
  }
  .topbar__center{order:3; width:100%}
  .subnav{top:120px; padding:10px 14px}
  .wrap{padding:0 14px; margin:18px auto}
  .hero{padding:18px; border-radius:10px}
  .hero__title{font-size:26px}
  .stats-grid{grid-template-columns:1fr}
  .quick-links--grid,
  .form-grid{grid-template-columns:1fr}
}



/* v3.8.1 enterprise polish */
:root{
  --bg-app:#f3f6fb;
  --bg-surface:#ffffff;
  --bg-surface-2:#f8fbff;
  --border-soft:#d7e0ec;
  --border-strong:#c2cfde;
  --text-strong:#10233f;
  --text-soft:#58708e;
  --shadow-soft:0 12px 30px rgba(16,35,63,.08);
  --shadow-panel:0 14px 38px rgba(16,35,63,.10);
  --accent:#0f4c81;
  --accent-2:#1e6bb8;
  --accent-ghost:#edf5ff;
  --ok-bg:#ecf8f1;
  --warn-bg:#fff7e8;
  --bad-bg:#fff0f0;
}
body{
  background:
    radial-gradient(circle at top right, rgba(30,107,184,.08), transparent 28%),
    linear-gradient(180deg, #f7faff 0%, var(--bg-app) 100%);
  color:var(--text-strong);
}
.topbar{
  backdrop-filter:saturate(140%) blur(10px);
  background:linear-gradient(180deg, rgba(8,27,53,.98), rgba(11,36,68,.96));
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 26px rgba(0,0,0,.16);
}
.subnav{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border-soft);
}
.wrap{max-width:1520px}
.panel,.card,.stat{
  border:1px solid var(--border-soft);
  box-shadow:var(--shadow-soft);
}
.panel--elevated{
  background:linear-gradient(180deg,var(--bg-surface),var(--bg-surface-2));
  box-shadow:var(--shadow-panel);
}
.panel__header{
  border-bottom:1px solid var(--border-soft);
  padding-bottom:14px;
  margin-bottom:16px;
}
.hero{
  background:linear-gradient(135deg,#0e2a4a 0%, #103660 55%, #1a4f82 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(10,24,45,.22);
}
.hero .eyebrow,
.hero__text{color:rgba(255,255,255,.85)}
.hero__title{letter-spacing:-.02em}
.btn{
  border-radius:8px;
  box-shadow:0 8px 18px rgba(15,76,129,.16);
}
.btn--ghost{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
}
.search__input,.input,select,textarea{
  border:1px solid var(--border-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.search__input:focus,.input:focus,select:focus,textarea:focus{
  border-color:var(--accent-2);
  box-shadow:0 0 0 4px rgba(30,107,184,.12);
}
.table{
  border-collapse:separate;
  border-spacing:0;
}
.table thead th{
  position:sticky;
  top:0;
  background:#f5f8fc;
  z-index:1;
  border-bottom:1px solid var(--border-soft);
}
.table tbody tr:hover td{
  background:#f8fbff;
}
.table td,.table th{
  border-bottom:1px solid #e7edf5;
}
.quick-link{
  background:#fff;
  border:1px solid var(--border-soft);
  box-shadow:0 6px 14px rgba(16,35,63,.05);
}
.quick-link:hover{
  transform:translateY(-1px);
  border-color:#b9cbe2;
  box-shadow:0 10px 18px rgba(16,35,63,.08);
}
.empty-state{
  background:#f8fbff;
  border:1px dashed var(--border-strong);
  color:var(--text-soft);
}
.user__menu{
  border:1px solid var(--border-soft);
  box-shadow:0 18px 42px rgba(7,21,40,.18);
}
.search__suggest a.is-active,
.search__suggest a:hover{
  background:#eef6ff;
}
.cockpit__input.is-saving input{background:#fff9ea}
.cockpit__input.is-saved input{background:#edf8f0}
.cockpit__input.is-error input{background:#fff1f1}
tr.row-saved td{background:#f1fbf4 !important}
tr.row-error td{background:#fff4f4 !important}
.kpi-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0 24px;
}
.kpi{
  padding:18px 20px;
  border-radius:10px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid var(--border-soft);
  box-shadow:var(--shadow-soft);
}
.kpi__label{
  color:var(--text-soft);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.kpi__value{
  margin-top:8px;
  font-size:30px;
  font-weight:700;
  letter-spacing:-.03em;
  color:var(--text-strong);
}
.kpi__meta{
  margin-top:8px;
  color:var(--text-soft);
  font-size:13px;
}
@media (max-width: 960px){
  .kpi-strip{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .kpi-strip{grid-template-columns:1fr}
}



/* =========================================================
   v3.9.1 Stable Enterprise UI overrides
   Safe layer on top of proven v3.8.1 structure
   ========================================================= */

:root{
  --oc-blue:#005095;
  --oc-blue-dark:#003d73;
  --oc-blue-soft:#eaf2f9;
  --oc-red:#c00d0d;
  --oc-red-dark:#9f0b0b;
  --oc-bg:#f4f6f8;
  --oc-surface:#ffffff;
  --oc-surface-alt:#f8fafc;
  --oc-border:#d7dee7;
  --oc-border-strong:#bcc9d8;
  --oc-text:#152230;
  --oc-text-soft:#516275;
  --oc-text-muted:#708196;
  --oc-success:#1f7a46;
  --oc-warning:#b26a00;
  --oc-danger:#b42318;
  --oc-shadow:0 2px 8px rgba(16,24,40,.06);
  --oc-shadow-lg:0 10px 30px rgba(16,24,40,.08);
  --oc-radius-sm:5px;
  --oc-radius-md:8px;
  --oc-radius-lg:10px;
  --oc-space-1:4px;
  --oc-space-2:8px;
  --oc-space-3:12px;
  --oc-space-4:16px;
  --oc-space-5:20px;
  --oc-space-6:24px;
  --oc-space-7:32px;
}

body{
  background:var(--oc-bg);
  color:var(--oc-text);
}

a{ color:var(--oc-blue); }

.topbar{
  background:linear-gradient(180deg,var(--oc-blue-dark), #00325f) !important;
  border-bottom:3px solid var(--oc-red) !important;
  box-shadow:var(--oc-shadow-lg);
}

.topbar,
.topbar *{
  color:#fff;
}

.brand{
  color:#fff !important;
  font-weight:700;
}

.brand__title{
  letter-spacing:.01em;
}

.brand__env{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--oc-radius-sm) !important;
}

.page,
.page-shell,
main{
  max-width:1440px;
}

.card,
.panel,
.widget,
.kpi,
.tile,
.table-card,
.section,
.content-card,
.dashboard-card,
.stat-card{
  background:var(--oc-surface) !important;
  border:1px solid var(--oc-border) !important;
  border-radius:var(--oc-radius-lg) !important;
  box-shadow:var(--oc-shadow);
}

.search__input,
input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
select,
textarea{
  border-radius:var(--oc-radius-md) !important;
  border:1px solid var(--oc-border-strong) !important;
  color:var(--oc-text) !important;
  background:#fff !important;
}

.search__input::placeholder,
input::placeholder,
textarea::placeholder{
  color:var(--oc-text-muted) !important;
}

.search__input:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,80,149,.18) !important;
}

button,
.btn,
.search__btn,
input[type="submit"],
input[type="button"]{
  border-radius:var(--oc-radius-md) !important;
  min-height:38px;
  font-weight:700;
}

button,
.btn-primary,
.search__btn,
input[type="submit"]{
  background:var(--oc-blue) !important;
  border-color:var(--oc-blue) !important;
  color:#fff !important;
}

button:hover,
.btn-primary:hover,
.search__btn:hover,
input[type="submit"]:hover{
  background:var(--oc-blue-dark) !important;
  border-color:var(--oc-blue-dark) !important;
}

.btn-secondary,
.button-secondary,
a.btn-secondary{
  background:#fff !important;
  border:1px solid var(--oc-border-strong) !important;
  color:var(--oc-blue) !important;
}

.btn-secondary:hover,
.button-secondary:hover,
a.btn-secondary:hover{
  background:var(--oc-blue-soft) !important;
  border-color:var(--oc-blue) !important;
}

.btn-danger,
.button-danger{
  background:var(--oc-red) !important;
  border-color:var(--oc-red) !important;
  color:#fff !important;
}

.btn-danger:hover,
.button-danger:hover{
  background:var(--oc-red-dark) !important;
  border-color:var(--oc-red-dark) !important;
}

.channel__btn{
  border-radius:var(--oc-radius-sm) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}

.channel__btn.is-active{
  background:#fff !important;
  border-color:#fff !important;
  color:var(--oc-blue-dark) !important;
}

.sync{
  border-radius:var(--oc-radius-sm) !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.user__btn{
  border-radius:var(--oc-radius-md) !important;
  background:#fff !important;
  color:var(--oc-text) !important;
  border:1px solid var(--oc-border-strong) !important;
}

.user__menu{
  border-radius:var(--oc-radius-md) !important;
  border:1px solid var(--oc-border) !important;
  box-shadow:var(--oc-shadow-lg);
}

.subnav,
.tabs,
.toolbar,
.filters,
.kpi-row{
  gap:12px !important;
}

.panel,
.card,
.widget,
.table-card,
.section,
.dashboard-card{
  padding:18px !important;
  margin-bottom:18px !important;
}

h1,h2,h3,h4,h5,h6{
  color:var(--oc-text);
  letter-spacing:0;
}

p,.muted,.help,.hint,.subtle{
  color:var(--oc-text-soft) !important;
}

table{
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
}

th,td{
  padding:12px 14px !important;
  border-bottom:1px solid var(--oc-border) !important;
  color:var(--oc-text);
}

thead th{
  background:#f0f4f8 !important;
  color:var(--oc-text) !important;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:12px;
  border-bottom:1px solid var(--oc-border-strong) !important;
}

tbody tr:hover td{
  background:#fafcff !important;
}

.table-wrap,
.table-responsive,
.data-table-wrap{
  border:1px solid var(--oc-border);
  border-radius:var(--oc-radius-lg);
  overflow:auto;
  background:#fff;
  box-shadow:var(--oc-shadow);
}

.badge,
.pill,
.tag,
.status{
  border-radius:999px !important;
  font-weight:700;
  padding:4px 10px !important;
}

.price-cell{
  cursor:pointer;
  font-weight:700;
}

.price-cell:hover{
  background:var(--oc-blue-soft) !important;
  color:var(--oc-blue) !important;
}

.notice,
.alert,
.flash,
.message{
  border-radius:var(--oc-radius-md) !important;
  border:1px solid var(--oc-border) !important;
}

.alert-danger,
.notice-danger{
  background:#fff1f1 !important;
  color:#8c1b13 !important;
  border-color:#efc1c1 !important;
}

.alert-warning,
.notice-warning{
  background:#fff7e8 !important;
  color:#925800 !important;
  border-color:#f2dcaa !important;
}

.alert-success,
.notice-success{
  background:#eefbf3 !important;
  color:#155a33 !important;
  border-color:#c7ead5 !important;
}

.kpi-card,
.stat-card,
.metric-card{
  border-radius:var(--oc-radius-lg) !important;
  border:1px solid var(--oc-border) !important;
  background:#fff !important;
  box-shadow:var(--oc-shadow);
}

.kpi-card .value,
.stat-card .value,
.metric-card .value{
  color:var(--oc-text) !important;
}

footer,
.footer{
  color:var(--oc-text-muted) !important;
}

@media (max-width: 900px){
  th,td{
    padding:10px 12px !important;
  }
}


/* v3.10 Enterprise Component Harmonization */
:root{
  --cmp-page-gap:24px; --cmp-card-pad:20px; --cmp-table-cell-y:12px; --cmp-table-cell-x:14px;
  --cmp-filter-gap:12px; --cmp-btn-h:40px; --cmp-input-h:40px;
  --cmp-radius-xs:5px; --cmp-radius-sm:6px; --cmp-radius-md:8px; --cmp-radius-lg:10px;
  --cmp-surface:#ffffff; --cmp-border:#d9e1ea; --cmp-border-strong:#bcc8d6;
  --cmp-text:#162433; --cmp-text-soft:#506173; --cmp-text-muted:#738396;
  --cmp-primary:#005095; --cmp-primary-dark:#003d73; --cmp-primary-soft:#edf4fb;
  --cmp-accent:#c00d0d; --cmp-shadow:0 4px 12px rgba(16,24,40,.07);
}
.page-shell,.content-wrap,.main-wrap,.page{padding-top:20px;padding-bottom:28px}
.page-shell>.card,.page-shell>.panel,.page-shell>.widget,.page-shell>.table-wrap,.page-shell>form,.page-shell>section,
.content-wrap>.card,.content-wrap>.panel,.content-wrap>form,.main-wrap>.card,.main-wrap>.panel{margin-bottom:18px!important}
.page-header,.section-header,.card-header,.panel-header{display:block;margin-bottom:16px!important}
.page-title,.card-title,.panel-title,.widget-title{margin-bottom:8px!important}
.card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset{
  background:var(--cmp-surface)!important;border:1px solid var(--cmp-border)!important;border-radius:var(--cmp-radius-lg)!important;
  box-shadow:var(--cmp-shadow);padding:var(--cmp-card-pad)!important
}
fieldset legend{padding:0 6px;color:var(--cmp-text);font-weight:700}
.filter-bar,.filter-row,.filters,.toolbar,.page-toolbar,.actions,.card-actions,.panel-actions,.bulk-actions{
  display:flex;align-items:center;gap:var(--cmp-filter-gap)!important;flex-wrap:wrap
}
.filter-row,.form-grid,.grid-2,.grid-3,.grid-4{row-gap:var(--cmp-filter-gap)!important}
.form-row,.row,.form-group,.field,.input-group{margin-bottom:16px!important}
label{margin-bottom:6px!important}
input[type="text"],input[type="search"],input[type="number"],input[type="email"],input[type="password"],input[type="date"],select,textarea,.search__input{
  min-height:var(--cmp-input-h)!important;padding:10px 12px!important;border:1px solid var(--cmp-border-strong)!important;
  border-radius:var(--cmp-radius-md)!important;background:#fff!important;color:var(--cmp-text)!important
}
button,.btn,.search__btn,input[type="submit"],input[type="button"],a.btn{
  min-height:var(--cmp-btn-h)!important;border-radius:var(--cmp-radius-md)!important
}
.table-wrap,.table-responsive,.data-table-wrap{
  background:#fff;border:1px solid var(--cmp-border);border-radius:var(--cmp-radius-lg)!important;overflow:auto
}
table{width:100%;background:#fff}
thead th{
  padding:var(--cmp-table-cell-y) var(--cmp-table-cell-x)!important;background:#f0f4f8!important;border-bottom:1px solid var(--cmp-border-strong)!important;
  color:var(--cmp-text)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle
}
tbody td{
  padding:var(--cmp-table-cell-y) var(--cmp-table-cell-x)!important;border-bottom:1px solid var(--cmp-border)!important;color:var(--cmp-text)!important;vertical-align:middle
}
tbody td .muted,tbody td .subtle,tbody td small{color:var(--cmp-text-muted)!important}
table tr:last-child td{border-bottom:none!important}
ul,ol{margin:0 0 16px 20px;padding:0}
li{margin-bottom:6px}
.kpi-grid,.stats-grid,.dashboard-grid{gap:16px!important;margin-bottom:18px!important}
.kpi-card,.stat-card,.metric-card{min-height:140px;justify-content:flex-start}
.kpi-label,.stat-label,.metric-label{margin-bottom:12px!important}
.kpi-value,.stat-value,.metric-value{margin-bottom:10px!important}
.kpi-meta,.stat-meta,.metric-meta{margin-top:auto!important}
.notice,.alert,.flash,.message{padding:12px 14px!important;border-radius:var(--cmp-radius-md)!important;margin-bottom:16px!important}
.detail-grid,.product-grid,.summary-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.summary-card,.side-card,.meta-card{padding:18px!important}
.meta-list,.definition-list{display:grid;grid-template-columns:160px 1fr;gap:10px 12px}
.meta-list dt,.definition-list dt{color:var(--cmp-text-soft);font-weight:700}
.meta-list dd,.definition-list dd{margin:0;color:var(--cmp-text)}
.admin-nav,.admin-toolbar,.admin-actions{display:flex;flex-wrap:wrap;gap:10px!important;margin-bottom:16px!important}
.oc-search-results,.search-results{
  margin-top:6px;border:1px solid var(--cmp-border-strong)!important;border-radius:var(--cmp-radius-md)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.10)
}
.oc-search-results a,.search-results a{padding:10px 12px!important}
.oc-search-results a+a,.search-results a+a{border-top:1px solid var(--cmp-border)!important}
footer,.footer,.oc-footer{border-top:1px solid var(--cmp-border)!important;background:#fff!important}
.box,.module,.block,.wrap,.inner,.content,.content-box{border-radius:var(--cmp-radius-lg)}
.chip,.label,.count{border-radius:999px}
@media (max-width:980px){.detail-grid,.product-grid,.summary-grid{grid-template-columns:1fr}}
@media (max-width:820px){
  .card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset{padding:16px!important}
  .meta-list,.definition-list{grid-template-columns:1fr;gap:4px 0}
  .toolbar,.page-toolbar,.filters,.filter-bar,.filter-row,.actions,.card-actions,.panel-actions,.bulk-actions{gap:10px!important}
}


/* =========================================================
   v3.10.1 Enterprise Full Audit
   Final consistency pass: spacing, radii, weights, contrast
   ========================================================= */
:root{
  --audit-primary:#005095;
  --audit-primary-dark:#003d73;
  --audit-primary-soft:#edf4fb;
  --audit-accent:#c00d0d;
  --audit-bg:#f3f5f8;
  --audit-surface:#ffffff;
  --audit-border:#d9e1ea;
  --audit-border-strong:#bcc8d6;
  --audit-text:#162433;
  --audit-text-soft:#506173;
  --audit-text-muted:#738396;
  --audit-radius-xs:5px;
  --audit-radius-sm:6px;
  --audit-radius-md:8px;
  --audit-radius-lg:10px;
  --audit-space-1:4px;
  --audit-space-2:8px;
  --audit-space-3:12px;
  --audit-space-4:16px;
  --audit-space-5:20px;
  --audit-space-6:24px;
  --audit-space-7:32px;
  --audit-shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --audit-shadow-md:0 4px 12px rgba(16,24,40,.07);
  --audit-shadow-lg:0 12px 28px rgba(16,24,40,.10);
}

html,body{min-height:100%}
body{
  background:var(--audit-bg)!important;
  color:var(--audit-text)!important;
  padding-bottom:32px;
}

main,.wrap,.page,.page-shell,.content-wrap,.main-wrap{
  max-width:1440px!important;
}

.wrap{
  margin:20px auto 36px!important;
  padding:0 20px!important;
}

main{
  padding-bottom:20px!important;
}

h1,h2,h3,h4,h5,h6,
.hero__title,
.panel__title,
.card-title,
.page-title,
.stat__value,
.kpi__value{
  font-weight:700!important;
  letter-spacing:0!important;
  color:var(--audit-text)!important;
}

strong,b{font-weight:700!important}

p,.muted,.subtle,.help,.hint,.help-text,.page-intro,.hero__text,.panel__sub,.kpi__meta,.stat__meta{
  color:var(--audit-text-soft)!important;
}

.brand{
  gap:12px!important;
  color:#fff!important;
}
.brand__logo{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:4px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
  overflow:hidden!important;
}
.brand__logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.brand__title{
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
}
.brand__env{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  font-weight:700!important;
}

.topbar{
  background:linear-gradient(180deg,var(--audit-primary-dark),#00325f)!important;
  border-bottom:3px solid var(--audit-accent)!important;
  min-height:72px!important;
  padding:0 20px!important;
}
.topbar__left,.topbar__center,.topbar__right{gap:12px!important}
.topbar__right{position:relative}

.search{max-width:760px!important}
.search__wrap{position:relative!important}
.search__input{
  height:40px!important;
  border-radius:8px!important;
  padding:0 12px!important;
}
.search__btn{
  height:40px!important;
  border-radius:8px!important;
  font-weight:700!important;
}

.search__suggest{
  top:46px!important;
  border-radius:8px!important;
  box-shadow:var(--audit-shadow-lg)!important;
}

.channel{gap:8px!important}
.channel__btn{
  min-height:34px!important;
  border-radius:6px!important;
  font-weight:700!important;
}

.sync{
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:6px!important;
}
.sync,.sync *{color:#fff!important}
.sync__ts{opacity:.86}

.user{
  position:relative;
}
.user__btn{
  min-height:38px!important;
  border-radius:8px!important;
  padding:0 12px!important;
  background:#fff!important;
  color:var(--audit-text)!important;
  border:1px solid var(--audit-border-strong)!important;
}
.user__btn *{color:var(--audit-text)!important}
.user__menu{
  top:46px!important;
  width:280px!important;
  background:#fff!important;
  color:var(--audit-text)!important;
  border:1px solid var(--audit-border)!important;
  border-radius:10px!important;
  box-shadow:var(--audit-shadow-lg)!important;
}
.user__menu *,
.user__meta,
.user__section,
.user__heading,
.user__email,
.user__pill,
.user__link{
  color:var(--audit-text)!important;
}
.user__email{color:var(--audit-text-soft)!important}
.user__heading{color:var(--audit-text-muted)!important;font-size:11px!important;font-weight:700!important}
.user__pill{
  background:var(--audit-primary-soft)!important;
  border:1px solid #d6e5f4!important;
  color:var(--audit-primary-dark)!important;
}
.user__link{
  border-radius:8px!important;
  font-weight:600!important;
}
.user__link:hover{
  background:var(--audit-primary-soft)!important;
  color:var(--audit-primary-dark)!important;
}
.user__link--danger{color:var(--audit-accent)!important}

.hero{
  border-radius:10px!important;
  padding:20px!important;
  margin:0 0 20px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}
.hero *{max-width:100%}
.hero__title{
  margin:4px 0 8px!important;
  font-size:30px!important;
  color:#fff!important;
}
.hero__text{max-width:760px!important;color:rgba(255,255,255,.86)!important}
.eyebrow{
  border-radius:999px!important;
  font-weight:700!important;
}

.card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset,.table-wrap,.table-responsive,.data-table-wrap{
  border-radius:10px!important;
}
.card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset{
  padding:20px!important;
}
.panel__header,.card-header,.page-header,.panel-header,.section-header{
  margin-bottom:16px!important;
}
.kpi-strip,.kpi-grid,.stats-grid,.dashboard-grid,.split-grid,.quick-links,.quick-links--grid,.grid-2,.grid-3,.grid-4,.form-grid,.filter-row{
  gap:16px!important;
}

.kpi,.kpi-card,.stat-card,.metric-card{
  min-height:136px!important;
}
.kpi__label,.kpi-label,.stat-label,.metric-label{
  font-size:12px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  color:var(--audit-text-soft)!important;
}
.kpi__value,.kpi-value,.stat-value,.metric-value,.stat__value{
  font-size:28px!important;
  line-height:1.05!important;
}
.kpi__meta,.kpi-meta,.stat-meta,.metric-meta{
  font-size:12px!important;
  margin-top:10px!important;
  color:var(--audit-text-muted)!important;
}

.quick-link{
  border-radius:10px!important;
  padding:14px 16px!important;
  font-weight:700!important;
}
.empty-state{
  border-radius:10px!important;
  padding:18px!important;
}

label{
  margin:0 0 6px!important;
  font-size:13px!important;
  font-weight:700!important;
  color:var(--audit-text)!important;
}
input[type="text"],input[type="search"],input[type="number"],input[type="email"],input[type="password"],input[type="date"],select,textarea,.search__input{
  min-height:40px!important;
  border-radius:8px!important;
  padding:10px 12px!important;
  border:1px solid var(--audit-border-strong)!important;
  color:var(--audit-text)!important;
  background:#fff!important;
}
textarea{min-height:110px!important}
button,.btn,.search__btn,input[type="submit"],input[type="button"],a.btn{
  min-height:40px!important;
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:700!important;
}
.btn--ghost,.btn-secondary,.button-secondary,a.btn-secondary{
  background:#fff!important;
  color:var(--audit-primary)!important;
  border:1px solid var(--audit-border-strong)!important;
}
.btn--ghost:hover,.btn-secondary:hover,.button-secondary:hover,a.btn-secondary:hover{
  background:var(--audit-primary-soft)!important;
  color:var(--audit-primary-dark)!important;
}

.filters,.toolbar,.page-toolbar,.actions,.card-actions,.panel-actions,.bulk-actions,.admin-nav,.admin-toolbar,.admin-actions{
  gap:12px!important;
  margin-bottom:16px!important;
}

table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
thead th{
  font-size:12px!important;
  font-weight:700!important;
  padding:12px 14px!important;
}
tbody td{
  font-size:14px!important;
  padding:12px 14px!important;
}
th:first-child,td:first-child{padding-left:16px!important}
th:last-child,td:last-child{padding-right:16px!important}

.tab,.pill,.badge,.status,.tag,.chip{
  border-radius:999px!important;
}
.tab{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:13px!important;
  font-weight:700!important;
}
.pill{
  padding:8px 12px!important;
}
.pill select,.pill input{border-radius:8px!important}

.notice,.alert,.flash,.message{
  padding:12px 14px!important;
  border-radius:8px!important;
  margin-bottom:16px!important;
}

.footer,footer,.oc-footer{
  margin-top:28px!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
}

[class*="radius"], [style*="border-radius"]{
  /* no-op selector to increase cascade neighborhood; actual fixes above */
}

@media (max-width: 920px){
  .topbar{
    height:auto!important;
    padding:12px 16px!important;
  }
  .topbar{
    flex-wrap:wrap!important;
  }
  .topbar__left,.topbar__center,.topbar__right{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .search{max-width:none!important}
  .wrap{padding:0 14px!important;margin:16px auto 28px!important}
  .card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset{
    padding:16px!important;
  }
}



/* =========================================================
   v3.10.2 Enterprise UI Audit Fix
   Full consistency pass based on concrete UI issues
   Safe CSS + tiny header label update only
   ========================================================= */

:root{
  --audit-radius-xs:5px;
  --audit-radius-sm:6px;
  --audit-radius-md:8px;
  --audit-radius-lg:10px;

  --audit-space-1:4px;
  --audit-space-2:8px;
  --audit-space-3:12px;
  --audit-space-4:16px;
  --audit-space-5:20px;
  --audit-space-6:24px;
  --audit-space-7:32px;
  --audit-space-8:40px;

  --audit-text:#162433;
  --audit-text-soft:#506173;
  --audit-text-muted:#738396;
  --audit-surface:#ffffff;
  --audit-surface-soft:#f7f9fc;
  --audit-border:#d9e1ea;
  --audit-border-strong:#bcc8d6;
  --audit-primary:#005095;
  --audit-primary-dark:#003d73;
  --audit-primary-soft:#edf4fb;
  --audit-accent:#c00d0d;
  --audit-shadow:0 4px 12px rgba(16,24,40,.07);
}

html, body{
  font-size:14px;
}

body{
  color:var(--audit-text);
  background:#f3f5f8;
}

/* Hard font-weight discipline */
h1,h2,h3,h4,h5,h6,
.page-title,.panel__title,.card-title,.widget-title,.hero__title,
.kpi__value,.stat__value,.metric-value,
.btn,.search__btn,.channel__btn,.user__btn,.subnav__link,
.quick-link,.tab,.badge,.pill,.status,strong,b{
  font-weight:700 !important;
}

.kpi__label,.stat__label,.metric-label,.eyebrow,
.user__heading,.panel__sub,.hero__text,.kpi__meta,.stat__meta{
  font-weight:600 !important;
}

/* Strict border-radius ceiling */
button,.btn,a.btn,input,select,textarea,
.card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,
.table-wrap,.table-responsive,.data-table-wrap,
.user__btn,.user__menu,.user__pill,.channel__btn,.sync,.tab,.subnav__link,
.quick-link,.search__suggest,.search__input,.search__btn,.badge,.pill,.status,.hero,.empty-state,
.brand__logo,.brand__env,.notice,.alert,.flash,.message{
  border-radius:var(--audit-radius-md) !important;
}

.badge,.pill,.status,.user__pill{
  border-radius:999px !important;
}

/* App rhythm */
.wrap{
  max-width:1440px;
  margin:24px auto 40px !important;
  padding:0 24px 24px !important;
}

main.wrap{
  padding-bottom:32px !important;
}

.page-shell,.content-wrap,.main-wrap,.page{
  padding-top:20px !important;
  padding-bottom:32px !important;
}

.card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset{
  padding:20px !important;
}

.page-shell > * + *,
.wrap > * + *,
.content-wrap > * + *,
.main-wrap > * + *{
  margin-top:0 !important;
}

/* Header and logo */
.topbar{
  min-height:68px !important;
  padding:0 24px !important;
}

.topbar__left,.topbar__center,.topbar__right{
  gap:12px !important;
}

.brand{
  gap:12px !important;
  align-items:center !important;
}

.brand__logo{
  width:40px !important;
  height:40px !important;
  padding:3px !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
  flex:0 0 40px !important;
  overflow:hidden !important;
}

.brand__logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

.brand__title{
  font-size:15px !important;
  line-height:1.15 !important;
  letter-spacing:.01em !important;
  color:#fff !important;
}

.brand__env{
  min-height:24px !important;
  padding:0 8px !important;
  font-size:11px !important;
  line-height:24px !important;
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

/* Search */
.search{
  gap:10px !important;
}

.search__input{
  min-height:40px !important;
  height:40px !important;
  padding:0 12px !important;
}

.search__btn{
  min-height:40px !important;
  height:40px !important;
  padding:0 14px !important;
}

/* Channel pills in header */
.channel{
  gap:8px !important;
}

.channel__btn{
  min-width:42px !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 12px !important;
  font-size:12px !important;
  line-height:32px !important;
}

/* Sync badge */
.sync{
  min-height:32px !important;
  padding:0 10px !important;
  gap:8px !important;
  line-height:32px !important;
}

/* User button + dropdown: force readable contrast */
.user__btn{
  min-height:34px !important;
  height:34px !important;
  padding:0 12px !important;
  background:#0f3f75 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.user__btn *,
.user__btn .user__name,
.user__btn .user__chev{
  color:#fff !important;
}

.user__menu{
  background:#fff !important;
  border:1px solid var(--audit-border) !important;
  box-shadow:0 14px 28px rgba(16,24,40,.12) !important;
  width:260px !important;
  padding:6px 0 !important;
}

.user__menu,
.user__menu *{
  color:var(--audit-text) !important;
}

.user__meta{
  padding:12px 14px !important;
  background:#fff !important;
  border-bottom:1px solid var(--audit-border) !important;
}

.user__email{
  color:var(--audit-text-soft) !important;
  font-size:12px !important;
}

.user__pill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:0 10px !important;
  background:var(--audit-primary-soft) !important;
  border:1px solid #cfe0f0 !important;
  color:var(--audit-primary-dark) !important;
  font-size:11px !important;
}

.user__section{
  padding:8px 8px 10px !important;
}

.user__heading{
  padding:6px 8px !important;
  font-size:11px !important;
  color:var(--audit-text-muted) !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

.user__link{
  display:block !important;
  padding:9px 10px !important;
  margin:0 !important;
  border-radius:6px !important;
  color:var(--audit-text) !important;
  background:#fff !important;
}

.user__link:hover{
  background:var(--audit-primary-soft) !important;
  color:var(--audit-primary-dark) !important;
}

.user__link--danger{
  color:#9f0b0b !important;
}

/* Subnav */
.subnav{
  padding:10px 24px !important;
  gap:8px !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
}

.subnav__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 16px !important;
  background:#fff !important;
  color:#304255 !important;
  border:1px solid var(--audit-border) !important;
  line-height:38px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
}

.subnav__link:hover{
  background:var(--audit-primary-soft) !important;
  color:var(--audit-primary) !important;
  border-color:#cfe0f0 !important;
}

/* Heroes / section headers */
.hero{
  padding:24px !important;
  gap:16px !important;
  align-items:flex-start !important;
}

.hero__title{
  font-size:32px !important;
  line-height:1.08 !important;
  margin-bottom:8px !important;
  color:#244f94 !important;
}

.hero__text{
  max-width:760px !important;
  color:var(--audit-text-soft) !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.hero__actions{
  gap:10px !important;
}

/* Cards and panels */
.card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card{
  border:1px solid var(--audit-border) !important;
  box-shadow:var(--audit-shadow) !important;
  background:#fff !important;
}

.panel__header,.card-header,.section-header{
  margin-bottom:14px !important;
}

.panel__title,.card-title,.widget-title{
  margin-bottom:6px !important;
  font-size:20px !important;
  line-height:1.2 !important;
  color:var(--audit-text) !important;
}

.panel__sub,.card-subtitle,.widget-subtitle{
  font-size:13px !important;
  color:var(--audit-text-soft) !important;
}

/* KPI/stat cards */
.kpi-strip,.stats-grid,.kpi-grid,.dashboard-grid{
  gap:16px !important;
  margin-bottom:20px !important;
}

.kpi,.stat,.kpi-card,.stat-card{
  min-height:132px !important;
  padding:18px !important;
  border:1px solid var(--audit-border) !important;
  background:#fff !important;
  box-shadow:var(--audit-shadow) !important;
  border-radius:10px !important;
}

.kpi__label,.stat__label{
  font-size:12px !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:var(--audit-text-soft) !important;
  margin-bottom:10px !important;
}

.kpi__value,.stat__value{
  font-size:30px !important;
  line-height:1 !important;
  color:var(--audit-text) !important;
  margin-bottom:10px !important;
  text-shadow:none !important;
}

.kpi__meta,.stat__meta{
  font-size:12px !important;
  line-height:1.4 !important;
  color:var(--audit-text-muted) !important;
}

/* Quick links and tabs */
.quick-links,.hero__actions,.actions,.toolbar,.filters,.filter-row,.page-toolbar,.bulk-actions{
  gap:12px !important;
}

.quick-link,.tab{
  display:inline-flex !important;
  align-items:center !important;
  min-height:38px !important;
  padding:0 14px !important;
  background:#fff !important;
  border:1px solid var(--audit-border) !important;
  color:var(--audit-text) !important;
  font-size:13px !important;
  line-height:38px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
}

.quick-link:hover,.tab:hover{
  background:var(--audit-primary-soft) !important;
  color:var(--audit-primary-dark) !important;
  border-color:#cfe0f0 !important;
}

/* Forms */
form,.form-row,.filter-bar,.filter-row{
  align-items:end !important;
}

label{
  display:block !important;
  margin:0 0 6px !important;
  color:var(--audit-text) !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
select,
textarea{
  min-height:40px !important;
  height:auto !important;
  padding:9px 12px !important;
  border:1px solid var(--audit-border-strong) !important;
  background:#fff !important;
  color:var(--audit-text) !important;
  box-shadow:none !important;
}

textarea{
  min-height:110px !important;
}

input::placeholder,textarea::placeholder{
  color:var(--audit-text-muted) !important;
}

/* Buttons */
button,.btn,input[type="submit"],input[type="button"],a.btn{
  min-height:40px !important;
  padding:0 14px !important;
  font-size:13px !important;
  line-height:40px !important;
}

.btn--ghost,.btn-secondary{
  background:#fff !important;
  color:var(--audit-primary) !important;
  border:1px solid var(--audit-border-strong) !important;
}

.btn--ghost:hover,.btn-secondary:hover{
  background:var(--audit-primary-soft) !important;
  border-color:#cfe0f0 !important;
}

/* Tables */
.table-wrap,.table-responsive,.data-table-wrap{
  margin-bottom:20px !important;
  overflow:auto !important;
}

table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

thead th{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  padding:12px 14px !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

tbody td{
  padding:12px 14px !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

.price-cell{
  font-weight:700 !important;
  color:var(--audit-text) !important;
}

.price-cell:hover{
  background:var(--audit-primary-soft) !important;
  color:var(--audit-primary-dark) !important;
}

/* Product pricing chips / summary pills */
.price-chip,.metric-chip,.summary-pill,.availability-pill,.price-pill,
.panel .chip,.panel .pill,.product-pricing .pill,.product-pricing .chip{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-width:92px !important;
  min-height:72px !important;
  padding:12px 14px !important;
  background:#f2f5f8 !important;
  border:1px solid var(--audit-border) !important;
  border-radius:10px !important;
  color:var(--audit-text) !important;
  gap:4px !important;
  box-shadow:none !important;
}

/* Generic pills that looked too round */
.channel__badge,.metric-badge,.status-pill,.filter-pill{
  border-radius:8px !important;
}

/* Footer / bottom spacing */
.footer,footer,.oc-footer{
  margin-top:36px !important;
  padding-top:18px !important;
  padding-bottom:24px !important;
}

/* Search dropdown */
.search__suggest{
  top:46px !important;
  border:1px solid var(--audit-border) !important;
  box-shadow:0 12px 24px rgba(16,24,40,.10) !important;
  background:#fff !important;
}

.search__suggest a{
  color:var(--audit-text) !important;
  background:#fff !important;
}

.search__suggest a:hover{
  background:var(--audit-primary-soft) !important;
}

/* Mobile */
@media (max-width: 980px){
  .topbar{
    min-height:auto !important;
    padding:12px 16px !important;
  }
  .wrap{
    padding:0 16px 24px !important;
    margin:20px auto 34px !important;
  }
}

@media (max-width: 820px){
  .hero{
    padding:18px !important;
  }
  .hero__title{
    font-size:26px !important;
  }
  .subnav{
    padding:10px 16px !important;
  }
  .card,.panel,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card,fieldset{
    padding:16px !important;
  }
}



/* =========================================================
   v3.11 Global UI Pass
   Goal: fix spacing, density, hierarchy and legacy layout mismatches
   ========================================================= */

:root{
  --g-radius-xs:5px;
  --g-radius-sm:6px;
  --g-radius-md:8px;
  --g-radius-lg:10px;

  --g-space-1:4px;
  --g-space-2:8px;
  --g-space-3:12px;
  --g-space-4:16px;
  --g-space-5:20px;
  --g-space-6:24px;
  --g-space-7:32px;
  --g-space-8:40px;

  --g-text:#162433;
  --g-text-soft:#516275;
  --g-text-muted:#748396;
  --g-bg:#f3f5f8;
  --g-surface:#ffffff;
  --g-surface-soft:#f6f8fb;
  --g-border:#d9e1ea;
  --g-border-strong:#bcc8d6;

  --g-blue:#005095;
  --g-blue-dark:#003d73;
  --g-blue-soft:#edf4fb;
  --g-red:#c00d0d;

  --g-shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --g-shadow-md:0 4px 12px rgba(16,24,40,.07);
}

html{font-size:14px}
body{
  background:var(--g-bg)!important;
  color:var(--g-text)!important;
}

/* Hard cap on weight and radius */
h1,h2,h3,h4,h5,h6,.h1,.btn,.badge,.pill,.status,.kpi__value,.stat__value,.hero__title,strong,b{
  font-weight:700!important;
}
button,.btn,a.btn,input,select,textarea,
.card,.panel,.widget,.kpi,.stat,.table-wrap,.table-responsive,.data-table-wrap,
.badge,.pill,.status,.chip,.search__input,.search__btn,.subnav__link,.channel__btn,.user__btn,.user__menu,.sync{
  border-radius:8px!important;
}
.badge,.pill,.status,.user__pill{border-radius:999px!important}

/* Global layout rhythm */
.wrap{
  max-width:1440px!important;
  margin:24px auto 48px!important;
  padding:0 24px 24px!important;
}
main.wrap > * + *{
  margin-top:0!important;
}
.page-header{
  margin:0 0 20px!important;
}
.page-title,.h1{
  margin:0 0 6px!important;
  font-size:20px!important;
  line-height:1.2!important;
  color:var(--g-text)!important;
}
.page-subtitle,.sub{
  margin:0 0 18px!important;
  color:var(--g-text-soft)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.sub strong{font-weight:700!important}

/* Header */
.topbar{
  min-height:62px!important;
  height:auto!important;
  padding:10px 24px!important;
  background:linear-gradient(180deg,var(--g-blue-dark),#153969)!important;
  border-bottom:3px solid var(--g-red)!important;
}
.topbar__left,.topbar__center,.topbar__right{gap:12px!important}
.brand{
  gap:12px!important;
  align-items:center!important;
}
.brand__logo{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:4px!important;
  background:#fff!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.15)!important;
}
.brand__logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.brand__title{
  font-size:14px!important;
  line-height:1.15!important;
  color:#fff!important;
}
.brand__env{
  min-height:22px!important;
  line-height:22px!important;
  padding:0 8px!important;
  font-size:11px!important;
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

.search{
  gap:10px!important;
  align-items:center!important;
}
.search__wrap{
  min-height:40px!important;
}
.search__input{
  min-height:40px!important;
  height:40px!important;
  padding:0 40px 0 14px!important;
  font-size:14px!important;
}
.search__btn{
  min-height:40px!important;
  height:40px!important;
  padding:0 16px!important;
  line-height:40px!important;
}
.search__suggest{
  top:44px!important;
  border:1px solid var(--g-border)!important;
  box-shadow:0 14px 28px rgba(16,24,40,.10)!important;
}
.search__suggest a{
  display:block!important;
  padding:10px 12px!important;
  line-height:1.35!important;
  color:var(--g-text)!important;
}
.search__suggest a:hover{
  background:var(--g-blue-soft)!important;
  color:var(--g-blue-dark)!important;
}
.search__suggest a + a{border-top:1px solid var(--g-border)!important}

.channel{gap:8px!important}
.channel__btn{
  min-height:32px!important;
  height:32px!important;
  padding:0 14px!important;
  line-height:32px!important;
  font-size:13px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.channel__btn.is-active{
  background:#fff!important;
  color:var(--g-blue-dark)!important;
  border-color:#fff!important;
}

.sync{
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  line-height:32px!important;
  gap:8px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.sync *{color:#fff!important}

.user__btn{
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  background:#20497f!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.user__btn *{color:#fff!important}
.user__menu{
  width:260px!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid var(--g-border)!important;
  box-shadow:0 14px 28px rgba(16,24,40,.12)!important;
}
.user__meta{
  padding:10px 10px 12px!important;
  border-bottom:1px solid var(--g-border)!important;
}
.user__menu,.user__menu *{color:var(--g-text)!important}
.user__email{font-size:12px!important;color:var(--g-text-soft)!important}
.user__pill{
  margin-top:8px!important;
  background:var(--g-blue-soft)!important;
  border:1px solid #cfe0f0!important;
  color:var(--g-blue-dark)!important;
  min-height:24px!important;
  padding:0 10px!important;
  font-size:11px!important;
}
.user__heading{
  padding:8px 8px 6px!important;
  font-size:11px!important;
  color:var(--g-text-muted)!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.user__section{padding:4px!important}
.user__link{
  display:block!important;
  padding:9px 10px!important;
  color:var(--g-text)!important;
  background:#fff!important;
}
.user__link:hover{
  background:var(--g-blue-soft)!important;
  color:var(--g-blue-dark)!important;
}

/* Subnav */
.subnav{
  display:flex!important;
  gap:8px!important;
  padding:10px 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--g-border)!important;
  overflow-x:auto!important;
}
.subnav__link{
  min-height:38px!important;
  padding:0 16px!important;
  line-height:38px!important;
  background:#fff!important;
  border:1px solid var(--g-border)!important;
  color:#314255!important;
  box-shadow:var(--g-shadow-sm)!important;
}
.subnav__link:hover{
  background:var(--g-blue-soft)!important;
  color:var(--g-blue)!important;
}

/* Hero */
.hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:20px!important;
  padding:24px!important;
  background:linear-gradient(180deg,var(--g-blue-dark),#173864)!important;
  border:1px solid #264a7f!important;
  border-radius:10px!important;
  box-shadow:var(--g-shadow-md)!important;
  margin-bottom:20px!important;
}
.eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 12px!important;
  margin-bottom:12px!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
}
.hero__title{
  margin:0 0 10px!important;
  font-size:24px!important;
  color:#fff!important;
}
.hero__text{
  max-width:760px!important;
  margin:0!important;
  font-size:14px!important;
  color:rgba(255,255,255,.86)!important;
  line-height:1.5!important;
}
.hero__actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}

/* Panels / cards */
.panel,.card,.widget,.table-card,.section,.content-card,.dashboard-card,.stat-card,.kpi-card,.metric-card{
  background:var(--g-surface)!important;
  border:1px solid var(--g-border)!important;
  box-shadow:var(--g-shadow-md)!important;
  padding:20px!important;
}
.panel__header,.card__top,.panel__title,.card-title,.widget-title{
  margin-bottom:14px!important;
}
.panel__title,.card-title,.widget-title{
  font-size:18px!important;
  line-height:1.2!important;
  margin-bottom:6px!important;
  color:var(--g-text)!important;
}
.panel__sub,.muted,.hint,.help-text,.kpi__meta,.stat__meta{
  color:var(--g-text-soft)!important;
  font-size:13px!important;
}

/* KPI / stats */
.kpi-strip,.kpis,.stats-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:16px!important;
  margin:0 0 20px!important;
}
.kpi,.stat{
  min-height:132px!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid var(--g-border)!important;
  box-shadow:var(--g-shadow-md)!important;
  border-radius:10px!important;
}
.kpi__label,.stat__label,.k,.panel .k{
  margin:0 0 10px!important;
  color:var(--g-text-soft)!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.kpi__value,.stat__value,.v,.panel .v{
  margin:0 0 10px!important;
  color:var(--g-text)!important;
  font-size:24px!important;
  line-height:1.05!important;
}
.kpi__meta,.stat__meta{
  margin:0!important;
}

/* Quick links / actions */
.quick-links,.hero__actions,.pager__actions,.actions,.toolbar,.filters,.filter-row,.page-toolbar{
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
.quick-link,.btn,.btn--ghost,.btn-secondary,.tab{
  min-height:40px!important;
  padding:0 14px!important;
  line-height:40px!important;
  font-size:13px!important;
}
.btn--ghost,.btn-secondary{
  background:#fff!important;
  color:var(--g-blue)!important;
  border:1px solid var(--g-border-strong)!important;
}
.btn--ghost:hover,.btn-secondary:hover{
  background:var(--g-blue-soft)!important;
  border-color:#cfe0f0!important;
}

/* Forms */
.form,.field,.form-row{margin:0!important}
.grid.grid--2,.grid.grid--4{gap:16px!important}
.field label,label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--g-text)!important;
  font-size:13px!important;
}
.input,input[type="text"],input[type="search"],input[type="number"],input[type="email"],input[type="password"],input[type="date"],select,textarea,input[type="file"]{
  width:100%!important;
  min-height:40px!important;
  padding:10px 12px!important;
  border:1px solid var(--g-border-strong)!important;
  background:#fff!important;
  color:var(--g-text)!important;
  box-shadow:none!important;
}
input[type="file"]{
  padding:8px 12px!important;
}
input::file-selector-button{
  margin-right:12px!important;
  padding:6px 10px!important;
  border:1px solid var(--g-border-strong)!important;
  background:#fff!important;
  color:var(--g-text)!important;
  border-radius:6px!important;
}
.hint{margin-top:6px!important}

/* Tables */
.table-wrap,.table-responsive,.data-table-wrap{
  margin:0 0 20px!important;
  background:#fff!important;
  border:1px solid var(--g-border)!important;
  overflow:auto!important;
}
.table,table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.table th,.table td,table th,table td{
  padding:12px 14px!important;
  font-size:14px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
  border-bottom:1px solid var(--g-border)!important;
}
.table thead th,table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#f0f4f8!important;
  color:var(--g-text)!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  border-bottom:1px solid var(--g-border-strong)!important;
}
.table tbody tr:last-child td,table tbody tr:last-child td{
  border-bottom:none!important;
}

/* Badges and status */
.badges{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:12px 0 14px!important;
}
.badge,.pill,.status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 10px!important;
  font-size:12px!important;
  background:#eef3f8!important;
  border:1px solid var(--g-border)!important;
  color:var(--g-text)!important;
}
.badge--good,.pill--ok{background:#eefbf3!important;border-color:#c7ead5!important;color:#155a33!important}
.badge--warn,.pill--warn{background:#fff7e8!important;border-color:#f2dcaa!important;color:#925800!important}
.badge--bad,.pill--bad,.badge--danger{background:#fff1f1!important;border-color:#efc1c1!important;color:#8c1b13!important}
.badge--brand,.pill--info{background:var(--g-blue-soft)!important;border-color:#cfe0f0!important;color:var(--g-blue-dark)!important}

/* Product and listing cards */
.grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;
  gap:18px!important;
}
.card__body{padding:0!important}
.card__top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
}
.card__meta{min-width:0!important}
.sku{
  display:block!important;
  margin-bottom:6px!important;
  font-size:13px!important;
  color:var(--g-text-muted)!important;
}
.title{
  margin:0!important;
  font-size:18px!important;
  line-height:1.25!important;
  color:var(--g-text)!important;
}
.prices{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:14px!important;
}
.chip{
  min-width:92px!important;
  min-height:72px!important;
  padding:10px 12px!important;
  background:var(--g-surface-soft)!important;
  border:1px solid var(--g-border)!important;
  box-shadow:none!important;
  border-radius:10px!important;
}
.chip__k{
  margin:0 0 6px!important;
  font-size:12px!important;
  color:var(--g-text-muted)!important;
  text-transform:uppercase!important;
}
.chip__v{
  font-size:14px!important;
  line-height:1.35!important;
  color:var(--g-text)!important;
}
.card__footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:18px!important;
  padding-top:14px!important;
  border-top:1px solid var(--g-border)!important;
}

/* Product detail specific */
.product-grid,.detail-grid,.summary-grid,.split-grid{
  display:grid!important;
  grid-template-columns:2fr 1fr!important;
  gap:18px!important;
}
.split-grid > .panel,
.product-grid > .panel,
.detail-grid > .panel{
  min-width:0!important;
}
.panel .prices .chip{
  min-width:92px!important;
  min-height:72px!important;
}
.panel .btn + .btn{margin-left:0!important}

/* Pager */
.pager{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:20px!important;
}
.pager__meta{
  color:var(--g-text-soft)!important;
  font-size:13px!important;
}

/* Empty state */
.empty-state{
  padding:18px!important;
  background:var(--g-surface-soft)!important;
  border:1px dashed var(--g-border-strong)!important;
  color:var(--g-text-soft)!important;
}

/* Responsive */
@media (max-width: 1100px){
  .product-grid,.detail-grid,.summary-grid,.split-grid{grid-template-columns:1fr!important}
}
@media (max-width: 900px){
  .topbar{
    flex-wrap:wrap!important;
    gap:12px!important;
    padding:12px 16px!important;
  }
  .topbar__left,.topbar__center,.topbar__right{width:100%!important}
  .topbar__center{order:3!important}
  .topbar__right{justify-content:space-between!important}
  .subnav{padding:10px 16px!important}
  .wrap{padding:0 16px 24px!important;margin:20px auto 40px!important}
}
@media (max-width: 820px){
  .hero{
    padding:18px!important;
    flex-direction:column!important;
  }
  .hero__title{font-size:22px!important}
  .grid{grid-template-columns:1fr!important}
  .card,.panel,.widget,.kpi,.stat{padding:16px!important}
  .card__footer,.pager{flex-direction:column!important;align-items:flex-start!important}
}



/* =========================================================
   v3.11.1 Precision UI Pass
   Focus: page-specific corrections with tighter density and structure
   ========================================================= */

:root{
  --pui-text:#162433;
  --pui-text-soft:#516275;
  --pui-text-muted:#738396;
  --pui-bg:#f3f5f8;
  --pui-surface:#ffffff;
  --pui-surface-soft:#f7f9fc;
  --pui-border:#d9e1ea;
  --pui-border-strong:#bcc8d6;
  --pui-blue:#005095;
  --pui-blue-dark:#003d73;
  --pui-blue-soft:#edf4fb;
  --pui-red:#c00d0d;
  --pui-shadow:0 4px 12px rgba(16,24,40,.07);
  --pui-shadow-soft:0 1px 2px rgba(16,24,40,.05);
  --pui-r:8px;
  --pui-r-lg:10px;
  --pui-gap:16px;
  --pui-gap-sm:12px;
}

body{background:var(--pui-bg)!important;color:var(--pui-text)!important}
.wrap{max-width:1440px!important;margin:24px auto 48px!important;padding:0 24px 24px!important}

/* Keep typography disciplined */
.h1,.page-title{font-size:18px!important;line-height:1.25!important;font-weight:700!important;margin:0 0 6px!important}
.page-subtitle,.sub,.panel__sub,.muted,.hint,.help-text{font-size:13px!important;line-height:1.45!important;color:var(--pui-text-soft)!important}

/* Generic surfaces */
.panel,.card,.widget,.kpi,.stat,.table-wrap,.table-responsive,.data-table-wrap,.hero{
  background:var(--pui-surface)!important;
  border:1px solid var(--pui-border)!important;
  border-radius:var(--pui-r-lg)!important;
  box-shadow:var(--pui-shadow)!important;
}

/* Header / nav fine-tune */
.topbar{min-height:62px!important;padding:10px 24px!important}
.brand__title{font-size:14px!important}
.brand__env{font-size:11px!important}
.channel__btn{min-width:46px!important}
.subnav{padding:10px 24px!important;gap:8px!important}
.subnav__link{min-height:38px!important;line-height:38px!important;padding:0 16px!important}

/* Search dropdown and file field */
.search__suggest{top:44px!important;max-height:420px!important;overflow:auto!important}
.search__suggest a{padding:10px 12px!important}
input[type="file"]{min-height:42px!important;padding:8px 12px!important;background:#fff!important}
input[type="file"]::file-selector-button{
  padding:7px 10px!important;
  border:1px solid var(--pui-border-strong)!important;
  background:#fff!important;
  color:var(--pui-text)!important;
  border-radius:6px!important;
  margin-right:12px!important;
}

/* Buttons */
.btn,.search__btn,button,input[type="submit"],input[type="button"],a.btn{
  min-height:40px!important;
  line-height:40px!important;
  padding:0 14px!important;
  font-size:13px!important;
  border-radius:8px!important;
}
.btn--ghost,.btn-secondary{
  background:#fff!important;
  color:var(--pui-blue)!important;
  border:1px solid var(--pui-border-strong)!important;
}
.btn--ghost:hover,.btn-secondary:hover{
  background:var(--pui-blue-soft)!important;
  border-color:#cfe0f0!important;
}

/* Tables */
.table-wrap,.table-responsive,.data-table-wrap{
  overflow:auto!important;
  margin-bottom:20px!important;
}
.table,table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.table th,.table td,table th,table td{
  padding:12px 14px!important;
  border-bottom:1px solid var(--pui-border)!important;
  vertical-align:middle!important;
}
.table thead th,table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#f0f4f8!important;
  color:var(--pui-text)!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  border-bottom:1px solid var(--pui-border-strong)!important;
}
.table tbody tr:last-child td,table tbody tr:last-child td{border-bottom:none!important}
.num{text-align:right!important;white-space:nowrap!important}
.table--compact th,.table--compact td{padding:10px 12px!important}

/* Hero fix: no dark text on dark bg */
.hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:20px!important;
  padding:22px 24px!important;
  margin-bottom:20px!important;
  background:linear-gradient(180deg,var(--pui-blue-dark),#173864)!important;
  border-color:#264a7f!important;
}
.eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 12px!important;
  margin-bottom:12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.hero__title{margin:0 0 10px!important;font-size:24px!important;line-height:1.15!important;color:#fff!important}
.hero__text{margin:0!important;max-width:760px!important;font-size:14px!important;line-height:1.5!important;color:rgba(255,255,255,.86)!important}
.hero__actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}

/* KPI density */
.kpis,.kpi-strip,.stats-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:16px!important;
  margin:0 0 20px!important;
}
.kpi,.stat{
  min-height:124px!important;
  padding:16px 18px!important;
}
.kpi__label,.stat__label{margin:0 0 10px!important;font-size:12px!important;line-height:1.3!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--pui-text-soft)!important}
.kpi__value,.stat__value{margin:0 0 8px!important;font-size:22px!important;line-height:1.05!important;color:var(--pui-text)!important}
.kpi__meta,.stat__meta{margin:0!important;font-size:12px!important;color:var(--pui-text-muted)!important}

/* Forms / filters */
.quality-filter{
  display:flex!important;
  align-items:end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:0 0 18px!important;
}
.quality-filter__field{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.quality-filter__field label{
  margin:0!important;
  font-size:13px!important;
  color:var(--pui-text)!important;
}
.quality-filter__field select,
.quality-filter__field input{
  min-width:120px!important;
}
.quality-filter__actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}

.tabs{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0 0 18px!important;
}
.tab{
  min-height:36px!important;
  line-height:36px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid var(--pui-border)!important;
  color:var(--pui-text)!important;
  font-size:13px!important;
}
.tab.is-active{
  background:var(--pui-blue-soft)!important;
  border-color:#cfe0f0!important;
  color:var(--pui-blue-dark)!important;
}

/* Product browser: fix card grid and density */
.grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:18px!important;
}
.grid > .card{grid-column:auto!important}
.card{
  overflow:hidden!important;
}
.card__body{padding:20px!important}
.card__top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:12px!important;
}
.card__meta{min-width:0!important}
.sku{display:block!important;margin:0 0 6px!important;font-size:13px!important;color:var(--pui-text-muted)!important}
.title{margin:0!important;font-size:18px!important;line-height:1.25!important;color:var(--pui-text)!important;font-weight:700!important}
.badges{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0 0 14px!important;
}
.badge,.pill,.status{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  border:1px solid var(--pui-border)!important;
  background:#eef3f8!important;
  color:var(--pui-text)!important;
}
.badge--good{background:#eefbf3!important;border-color:#c7ead5!important;color:#155a33!important}
.badge--warn{background:#fff7e8!important;border-color:#f2dcaa!important;color:#925800!important}
.badge--bad,.badge--danger{background:#fff1f1!important;border-color:#efc1c1!important;color:#8c1b13!important}
.badge--brand{background:var(--pui-blue-soft)!important;border-color:#cfe0f0!important;color:var(--pui-blue-dark)!important}
.prices{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
.chip{
  min-height:72px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  background:var(--pui-surface-soft)!important;
  border:1px solid var(--pui-border)!important;
  box-shadow:none!important;
}
.chip__k{margin:0 0 6px!important;font-size:12px!important;text-transform:uppercase!important;color:var(--pui-text-muted)!important}
.chip__v{font-size:14px!important;line-height:1.35!important;color:var(--pui-text)!important;font-weight:700!important}
.card__footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 20px!important;
  background:var(--pui-surface-soft)!important;
  border-top:1px solid var(--pui-border)!important;
}
.card__footer .sku{
  margin:0!important;
  text-align:right!important;
  white-space:nowrap!important;
}

/* Product detail */
.product-layout,.detail-layout,.product-grid,.detail-grid,.summary-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;
  gap:18px!important;
}
.product-grid > *, .detail-grid > *, .summary-grid > *{min-width:0!important}
.panel .prices{margin-top:12px!important}
.panel .h1{font-size:18px!important;margin:0 0 12px!important}
.panel[style*="grid-column:span"]{grid-column:auto!important}
.product-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 16px!important;
}

/* Sync dashboard */
.sync-dashboard__table{margin-top:8px!important}

/* Control center recent changes */
.control-center__layout{
  display:grid!important;
  grid-template-columns:minmax(320px,380px) minmax(0,1fr)!important;
  gap:18px!important;
}
.control-center__recent .table-wrap{margin:0!important}
.quick-links--grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.quick-link{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid var(--pui-border)!important;
  color:var(--pui-text)!important;
}
.quick-link:hover{
  background:var(--pui-blue-soft)!important;
  color:var(--pui-blue-dark)!important;
}

/* Misc helpers */
.pagehead{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:16px!important;
  flex-wrap:wrap!important;
  margin:0 0 18px!important;
}
.row{display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:flex-end!important}
.pager{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:20px!important;
}
.pager__actions{display:flex!important;gap:8px!important}
.empty-state{
  padding:18px!important;
  background:var(--pui-surface-soft)!important;
  border:1px dashed var(--pui-border-strong)!important;
  color:var(--pui-text-soft)!important;
  border-radius:8px!important;
}

/* Responsive */
@media (max-width: 1100px){
  .control-center__layout,
  .product-layout,.detail-layout,.product-grid,.detail-grid,.summary-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width: 900px){
  .topbar{padding:12px 16px!important;gap:12px!important;flex-wrap:wrap!important}
  .topbar__left,.topbar__center,.topbar__right{width:100%!important}
  .topbar__right{justify-content:space-between!important}
  .subnav{padding:10px 16px!important}
  .wrap{padding:0 16px 24px!important}
}
@media (max-width: 820px){
  .hero{padding:18px!important;flex-direction:column!important}
  .hero__title{font-size:22px!important}
  .grid{grid-template-columns:1fr!important}
  .prices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .card__footer,.pager{flex-direction:column!important;align-items:flex-start!important}
  .quick-links--grid{grid-template-columns:1fr!important}
}



/* =========================================================
   v3.11.2 Consistency and Depth Pass
   Focus: remove remaining inconsistencies, fix stretched panels,
   refine product cards, and add tasteful tonal variation.
   ========================================================= */

:root{
  --cdp-bg:#f3f5f8;
  --cdp-surface:#ffffff;
  --cdp-surface-soft:#f8fafc;
  --cdp-surface-blue:#f1f6fb;
  --cdp-surface-blue-2:#eaf2fb;
  --cdp-surface-warm:#fbf8f2;
  --cdp-border:#d9e1ea;
  --cdp-border-strong:#bcc8d6;
  --cdp-text:#162433;
  --cdp-text-soft:#516275;
  --cdp-text-muted:#738396;
  --cdp-blue:#005095;
  --cdp-blue-dark:#003d73;
  --cdp-blue-soft:#edf4fb;
  --cdp-red:#c00d0d;
  --cdp-green:#1f7a46;
  --cdp-amber:#9a6700;
  --cdp-shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --cdp-shadow-md:0 4px 12px rgba(16,24,40,.07);
  --cdp-shadow-lg:0 12px 26px rgba(16,24,40,.09);
  --cdp-r:8px;
  --cdp-r-lg:10px;
}

/* Overall color depth without gaudiness */
body{background:var(--cdp-bg)!important;color:var(--cdp-text)!important}
.wrap{max-width:1440px!important;margin:24px auto 52px!important;padding:0 24px 28px!important}

.page-title,.h1{color:var(--cdp-text)!important}
.page-subtitle,.sub,.muted,.hint,.help-text,.panel__sub{color:var(--cdp-text-soft)!important}

/* Header controls: more compact and better aligned */
.topbar{
  min-height:58px!important;
  padding:9px 24px!important;
}
.brand__logo{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
}
.channel__btn{
  min-width:44px!important;
  min-height:30px!important;
  height:30px!important;
  line-height:30px!important;
  font-size:12px!important;
}
.sync{
  min-height:30px!important;
  height:30px!important;
  line-height:30px!important;
  padding:0 10px!important;
  font-size:12px!important;
}
.user__btn{
  min-height:32px!important;
  height:32px!important;
  line-height:32px!important;
  font-size:12px!important;
}
.search__input{
  min-height:38px!important;
  height:38px!important;
}
.search__btn{
  min-height:38px!important;
  height:38px!important;
  line-height:38px!important;
}

/* Surfaces */
.panel,.card,.widget,.kpi,.stat,.table-wrap,.table-responsive,.data-table-wrap{
  background:var(--cdp-surface)!important;
  border:1px solid var(--cdp-border)!important;
  border-radius:var(--cdp-r-lg)!important;
  box-shadow:var(--cdp-shadow-md)!important;
}

/* Tables: slightly denser and more deliberate */
.table,table{
  background:#fff!important;
}
.table th,.table td,table th,table td{
  padding:11px 14px!important;
}
.table thead th,table thead th{
  background:linear-gradient(180deg,#f3f6fa,#eef3f8)!important;
  color:var(--cdp-text)!important;
}
.table tbody tr:nth-child(even) td{
  background:#fbfcfd!important;
}
.table tbody tr:hover td{
  background:var(--cdp-surface-blue)!important;
}
.table td .btn,.table td a.btn{
  min-height:38px!important;
  line-height:38px!important;
}

/* KPI cards: subtle variation so UI is less flat */
.kpis,.kpi-strip,.stats-grid{
  gap:16px!important;
}
.kpi,.stat{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}
.kpi:before,.stat:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--cdp-blue);
  opacity:.9;
}
.kpi:nth-child(2):before,.stat:nth-child(2):before{background:#557aa8}
.kpi:nth-child(3):before,.stat:nth-child(3):before{background:var(--cdp-amber)}
.kpi:nth-child(4):before,.stat:nth-child(4):before{background:#7e8ea3}
.kpi:nth-child(5):before,.stat:nth-child(5):before{background:var(--cdp-green)}
.kpi__label,.stat__label{color:#5c6b7f!important}
.kpi__value,.stat__value{color:var(--cdp-text)!important}

/* Productbrowser grid and cards */
.grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:18px!important;
}
.card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.card__body{
  padding:18px 20px 16px!important;
}
.card__top{
  gap:12px!important;
  margin-bottom:10px!important;
}
.card__meta{
  flex:1 1 auto!important;
  min-width:0!important;
}
.sku{
  display:block!important;
  margin:0 0 6px!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:var(--cdp-text-muted)!important;
}
.title{
  margin:0!important;
  font-size:16px!important;
  line-height:1.28!important;
  color:var(--cdp-text)!important;
  font-weight:700!important;
  word-break:break-word!important;
}
.card__top .btn,.card__top a.btn{
  flex:0 0 auto!important;
  min-width:56px!important;
  padding:0 12px!important;
}
.badges{
  margin:0 0 12px!important;
  gap:8px!important;
}
.badge,.pill,.status{
  font-size:12px!important;
  min-height:24px!important;
}
.prices{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.chip{
  min-height:64px!important;
  padding:10px 12px!important;
  background:linear-gradient(180deg,#f7f9fc,#f2f5f9)!important;
  border:1px solid #cfd8e3!important;
  box-shadow:none!important;
}
.chip__k{
  margin:0 0 5px!important;
  font-size:11px!important;
  letter-spacing:.03em!important;
}
.chip__v{
  font-size:13px!important;
  line-height:1.3!important;
}
.card__footer{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 20px!important;
  background:linear-gradient(180deg,#fbfcfe,#f5f8fb)!important;
  border-top:1px solid var(--cdp-border)!important;
}
.card__footer .btn{
  box-shadow:var(--cdp-shadow-sm)!important;
}
.card__footer .sku,
.card__footer .muted{
  margin:0!important;
  font-size:12px!important;
  color:var(--cdp-text-muted)!important;
  text-align:right!important;
}

/* Quick links / control center: stop stretching, improve tone */
.control-center__layout{
  display:grid!important;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.control-center__quicklinks{
  align-self:start!important;
}
.control-center__recent{
  align-self:start!important;
}
.control-center__quicklinks .panel__header,
.control-center__recent .panel__header{
  margin-bottom:14px!important;
}
.quick-links--grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.quick-link{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  border:1px solid var(--cdp-border)!important;
  color:var(--cdp-text)!important;
  box-shadow:var(--cdp-shadow-sm)!important;
}
.quick-link:hover{
  background:var(--cdp-surface-blue)!important;
  color:var(--cdp-blue-dark)!important;
  border-color:#cfe0f0!important;
}
.control-center__quicklinks{
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
}

/* More semantic color accents */
.badge--brand,.pill--info{
  background:var(--cdp-blue-soft)!important;
  border-color:#cfe0f0!important;
  color:var(--cdp-blue-dark)!important;
}
.badge--good,.pill--ok{
  background:#eefbf3!important;
  border-color:#c7ead5!important;
  color:#155a33!important;
}
.badge--warn,.pill--warn{
  background:#fff7e8!important;
  border-color:#f2dcaa!important;
  color:#925800!important;
}
.badge--bad,.pill--bad,.badge--danger{
  background:#fff1f1!important;
  border-color:#efc1c1!important;
  color:#8c1b13!important;
}

/* Quality dashboard filter bar: calmer and aligned */
.quality-filter{
  padding:14px 16px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  border:1px solid var(--cdp-border)!important;
  border-radius:10px!important;
  box-shadow:var(--cdp-shadow-sm)!important;
}
.quality-filter__field{
  min-width:120px!important;
}
.quality-filter__actions .btn{
  min-width:auto!important;
}

/* Product detail summary and right column */
.product-layout,.detail-layout,.product-grid,.detail-grid,.summary-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;
  gap:18px!important;
}
.product-kpis{
  gap:12px!important;
}
.product-kpis .kpi,.product-kpis .stat{
  min-height:110px!important;
}
.panel .prices{
  margin-top:12px!important;
}

/* Footer / bottom spacing */
.footer,footer,.oc-footer{
  margin-top:40px!important;
  padding-top:18px!important;
  padding-bottom:24px!important;
}

/* Mobile */
@media (max-width: 1100px){
  .control-center__layout,
  .product-layout,.detail-layout,.product-grid,.detail-grid,.summary-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width: 900px){
  .topbar{
    padding:12px 16px!important;
  }
  .subnav{
    padding:10px 16px!important;
  }
  .wrap{
    padding:0 16px 24px!important;
  }
}
@media (max-width: 820px){
  .grid{
    grid-template-columns:1fr!important;
  }
  .prices{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .quick-links--grid{
    grid-template-columns:1fr!important;
  }
  .card__footer{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}


/* v3.12.1 editor structure refinements */
.formrow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.field input[type="checkbox"]{
  width:auto;
  min-height:auto;
  margin-right:8px;
}
@media (max-width: 900px){
  .formrow{grid-template-columns:1fr;}
}


/* ===== v3.13 Enterprise UI refinement ===== */

.page-header{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:18px;
}

.page-title{
  font-size:22px;
  font-weight:700;
}

.page-subtitle{
  font-size:13px;
  opacity:.75;
}

.panel{
  padding:18px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.08);
}

.panel + .panel{
  margin-top:18px;
}

.formrow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.field label{
  font-size:13px;
  font-weight:600;
  margin-bottom:2px;
}

.field input,
.field textarea,
.field select{
  padding:8px 10px;
  border-radius:6px;
  border:1px solid rgba(0,0,0,.15);
  font-size:14px;
}

textarea{
  min-height:80px;
}

.btn{
  padding:8px 14px;
  border-radius:6px;
  font-weight:600;
}

.btn--ghost{
  border:1px solid rgba(0,0,0,.15);
}

.channel__btn{
  padding:6px 12px;
  border-radius:6px;
  font-size:13px;
}

.channel__btn.is-active{
  font-weight:700;
}

.kpi-strip{
  display:flex;
  gap:20px;
  margin-top:12px;
}

.kpi{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.kpi__label{
  font-size:12px;
  opacity:.7;
}

.kpi__value{
  font-size:18px;
  font-weight:700;
}

.kpi__meta{
  font-size:11px;
  opacity:.65;
}

@media (max-width:900px){
  .formrow{
    grid-template-columns:1fr;
  }
}