/* NDP Commerce Admin V8 - stable shell/css reset
   Scope is intentionally limited to Filament admin pages. */
:root{
  --ndp-topbar-h:64px;
  --ndp-leftnav-w:300px;
  --ndp-bg:#f6f8fb;
  --ndp-ink:#0f172a;
  --ndp-muted:#64748b;
  --ndp-line:#dbe4ef;
  --ndp-soft:#eef3f9;
  --ndp-card:#ffffff;
  --ndp-primary:#f5ca45;
  --ndp-orange:#ea580c;
  --ndp-navy:#111827;
}

html,body{background:var(--ndp-bg)!important;color:var(--ndp-ink);} 
body{overflow-x:hidden;}

/* Hide Filament's original chrome only in the admin panel. */
.fi-sidebar,
.fi-topbar,
.fi-layout > aside,
.fi-layout > header{display:none!important;}

/* Fixed top menu */
.ndp-admin-v8-shell{position:relative;z-index:60;}
.ndp-admin-v8-topbar{
  position:fixed;top:0;left:0;right:0;height:var(--ndp-topbar-h);z-index:80;
  display:flex;align-items:center;gap:18px;padding:0 18px;
  background:#111827;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 24px rgba(15,23,42,.12);
}
.ndp-admin-v8-brand{display:flex;align-items:center;gap:10px;min-width:235px;color:#fff!important;text-decoration:none!important;white-space:nowrap;}
.ndp-admin-v8-brand span{width:42px;height:42px;border-radius:15px;background:var(--ndp-primary);color:#111827;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);}
.ndp-admin-v8-brand strong{font-size:17px;font-weight:900;letter-spacing:-.03em;}
.ndp-admin-v8-brand em{font-style:normal;color:#cbd5e1;font-size:13px;font-weight:800;}
.ndp-admin-v8-topmenu{display:flex;align-items:center;gap:10px;min-width:0;flex:1;height:100%;overflow-x:auto;scrollbar-width:none;}
.ndp-admin-v8-topmenu::-webkit-scrollbar{display:none;}
.ndp-admin-v8-topmenu a{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:999px;color:#f8fafc!important;text-decoration:none!important;font-size:15px;font-weight:850;letter-spacing:-.025em;white-space:nowrap;}
.ndp-admin-v8-topmenu a:hover{background:rgba(255,255,255,.08);} 
.ndp-admin-v8-topmenu a.is-active{background:var(--ndp-primary);color:#111827!important;box-shadow:0 8px 18px rgba(245,202,69,.2);} 
.ndp-admin-v8-actions{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap;}
.ndp-admin-v8-actions a,.ndp-admin-v8-actions button{height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff!important;padding:0 16px;font-weight:850;font-size:13px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;}
.ndp-admin-v8-actions button{cursor:pointer;}
.ndp-admin-v8-user{font-size:13px;font-weight:800;color:#f8fafc;}

/* Fixed left menu */
.ndp-admin-v8-leftnav{
  position:fixed;top:var(--ndp-topbar-h);left:0;bottom:0;width:var(--ndp-leftnav-w);z-index:70;
  background:#fff;border-right:1px solid var(--ndp-line);overflow-y:auto;padding:22px 10px 32px;
  box-shadow:8px 0 20px rgba(15,23,42,.03);
}
.ndp-admin-v8-left-head{padding:0 2px 18px 2px;border-bottom:1px solid #e7edf5;margin-bottom:14px;}
.ndp-admin-v8-left-head b{display:block;font-size:15px;font-weight:950;color:#0f172a;letter-spacing:-.03em;}
.ndp-admin-v8-left-head span{display:block;margin-top:6px;font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b;letter-spacing:.02em;}
.ndp-admin-v8-leftnav nav{display:flex;flex-direction:column;gap:8px;}
.ndp-admin-v8-leftnav nav a,.ndp-admin-v8-leftnav nav span.is-disabled{display:flex;flex-direction:column;gap:6px;padding:15px 16px;border-radius:13px;text-decoration:none!important;color:#334155;border:1px solid transparent;}
.ndp-admin-v8-leftnav nav a strong,.ndp-admin-v8-leftnav nav span strong{font-size:14px;font-weight:900;letter-spacing:-.03em;color:inherit;}
.ndp-admin-v8-leftnav nav a small,.ndp-admin-v8-leftnav nav span small{font-size:11px;color:#64748b;font-weight:800;}
.ndp-admin-v8-leftnav nav a:hover{background:#f8fafc;border-color:#e7edf5;}
.ndp-admin-v8-leftnav nav a.is-active{background:#fff7ed;color:var(--ndp-orange);border-color:#fed7aa;}
.ndp-admin-v8-leftnav nav a.is-active small{color:#c2410c;}
.ndp-admin-v8-leftnav nav span.is-disabled{opacity:.45;}

/* Reposition Filament content beside custom shell. */
.fi-layout,
.fi-main,
.fi-main-ctn,
.fi-page,
.fi-page-body{max-width:none!important;}
.fi-main{
  margin-left:var(--ndp-leftnav-w)!important;
  padding-top:var(--ndp-topbar-h)!important;
  width:calc(100vw - var(--ndp-leftnav-w))!important;
  min-height:100vh!important;
  background:var(--ndp-bg)!important;
}
.fi-main-ctn{width:100%!important;margin:0!important;padding:0!important;}
.fi-page{width:100%!important;margin:0!important;padding:40px 44px!important;}
.fi-page-header,.fi-header{max-width:1180px!important;}
.fi-page-body{max-width:1180px!important;margin:0 auto!important;width:100%!important;}
.fi-section,.fi-fo-tabs,.fi-ta-ctn,.fi-wi-widget{border-radius:18px!important;}

/* Product edit tabs: make them usable, but do not affect topbar. */
.fi-fo-tabs{overflow:hidden!important;}
.fi-fo-tabs > div:first-child{overflow-x:auto!important;scrollbar-width:thin;}
.fi-fo-tabs button[role="tab"]{min-width:110px!important;padding-left:16px!important;padding-right:16px!important;white-space:nowrap!important;}
.fi-fo-tabs .fi-fo-tabs-tab{white-space:nowrap!important;}

/* Legacy Giga V5 pages */
.giga-v5-wrap{max-width:1180px;margin:0 auto;background:#fff;border:1px solid var(--ndp-line);border-radius:20px;padding:24px;box-shadow:0 16px 36px rgba(15,23,42,.06);overflow:hidden;}
.giga-v5-title{font-size:24px;font-weight:950;letter-spacing:-.04em;color:#0f172a;margin:0 0 18px;line-height:1.2;}
.giga-v5-title + .giga-v5-side-note{margin-top:-6px;}
.giga-v5-side-note{font-size:14px;line-height:1.65;color:#334155;margin-bottom:18px;}
.giga-v5-filter{display:flex;flex-direction:column;gap:10px;margin:0 0 22px;padding:18px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;}
.giga-v5-filter-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;}
.giga-v5-filter-label{font-size:13px;font-weight:900;color:#475569;}
.giga-v5-filter-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#0f172a;}
.giga-v5-filter select,.giga-v5-filter input,.giga-v5-wrap select,.giga-v5-wrap input{height:38px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 11px;font-size:14px;outline:none;min-width:76px;}

.giga-v5-btn,.giga-v5-wrap button{height:38px;border:0;border-radius:10px;padding:0 15px;font-size:13px;font-weight:900;cursor:pointer;background:#0f172a;color:#fff;}
.giga-v5-btn.primary{background:#f59e0b;color:#111827;}
.giga-v5-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px;}
.giga-v5-card{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 20px rgba(15,23,42,.04);}
.giga-v5-card b{display:block;font-size:13px;color:#64748b;margin-bottom:8px;}
.giga-v5-card strong{display:block;font-size:26px;letter-spacing:-.04em;color:#0f172a;}
.giga-v5-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:16px;background:#fff;}
table.giga-v5-table{width:100%;min-width:860px;border-collapse:separate!important;border-spacing:0!important;background:#fff;font-size:14px;color:#0f172a;}
.giga-v5-table th{background:#f8fafc;color:#334155;text-align:center;font-size:13px;font-weight:950;padding:14px 12px;border-bottom:1px solid #e2e8f0;white-space:nowrap;}
.giga-v5-table td{padding:13px 12px;border-bottom:1px solid #e2e8f0;text-align:center;vertical-align:middle;white-space:nowrap;}
.giga-v5-table tr:last-child td{border-bottom:0;}
.giga-v5-table .left{text-align:left;white-space:normal;min-width:240px;}
.giga-v5-table .money{text-align:right;font-variant-numeric:tabular-nums;}
.giga-v5-table tbody tr:hover{background:#f8fafc;}

/* Filament tables/search: keep normal width and avoid broken plain tables. */
.fi-ta{width:100%!important;}
.fi-ta-ctn{overflow:hidden!important;background:#fff!important;border:1px solid var(--ndp-line)!important;}
.fi-ta-content{overflow-x:auto!important;}
.fi-ta table{min-width:900px!important;}
.fi-ta-header-toolbar{gap:12px!important;padding:14px!important;}
.fi-input-wrp,.fi-select-input,.fi-input{border-radius:12px!important;}
.fi-pagination{padding:14px!important;}

/* Plain tables inside custom pages */
.fi-page-body table:not(.giga-v5-table){border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;}
.fi-page-body table:not(.giga-v5-table) th{background:#f8fafc;color:#334155;font-weight:900;text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;white-space:nowrap;}
.fi-page-body table:not(.giga-v5-table) td{padding:12px;border-bottom:1px solid #e2e8f0;vertical-align:middle;}
.fi-page-body table:not(.giga-v5-table) tr:last-child td{border-bottom:0;}

@media (max-width:1024px){
  :root{--ndp-leftnav-w:240px;}
  .ndp-admin-v8-brand{min-width:auto;}
  .ndp-admin-v8-brand em,.ndp-admin-v8-user{display:none;}
  .fi-page{padding:28px 24px!important;}
  .giga-v5-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  :root{--ndp-leftnav-w:0px;--ndp-topbar-h:58px;}
  .ndp-admin-v8-leftnav{display:none!important;}
  .ndp-admin-v8-topbar{height:var(--ndp-topbar-h);padding:0 10px;gap:8px;}
  .ndp-admin-v8-brand strong{display:none;}
  .ndp-admin-v8-topmenu a{padding:0 12px;font-size:13px;}
  .ndp-admin-v8-actions .ndp-admin-v8-shop{display:none;}
  .fi-page{padding:22px 14px!important;}
  .giga-v5-wrap{padding:16px;border-radius:16px;}
  .giga-v5-filter-row{grid-template-columns:1fr;gap:6px;}
  .giga-v5-summary{grid-template-columns:1fr;}
}


/* ===== NDP Admin final repair 2026-07-04 ===== */
/* Keep legacy custom pages readable even when Filament/Tailwind resets change form controls. */
.giga-v5-wrap,
.giga-v5-wrap *{box-sizing:border-box;}
.giga-v5-wrap{width:100%;max-width:1280px!important;margin:0 auto!important;}
.giga-v5-filter{width:100%;}
.giga-v5-filter-row{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;}
.giga-v5-filter-body{display:flex!important;align-items:center!important;gap:10px 18px!important;flex-wrap:wrap!important;line-height:1.4!important;}
.giga-v5-filter-body label{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:32px!important;margin:0!important;white-space:nowrap!important;font-size:14px!important;color:#0f172a!important;}
.giga-v5-filter input[type="radio"],
.giga-v5-filter input[type="checkbox"]{
  appearance:auto!important;-webkit-appearance:auto!important;
  width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;box-shadow:none!important;
  accent-color:#2563eb!important;vertical-align:middle!important;
}
.giga-v5-filter input[type="text"],
.giga-v5-filter input[type="search"],
.giga-v5-filter input[type="number"],
.giga-v5-filter select{width:auto!important;max-width:100%!important;min-width:120px!important;}
.giga-v5-filter .giga-v5-search-input{min-width:260px!important;}
.giga-v5-table-wrap{width:100%!important;overflow-x:auto!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;}
.giga-v5-table-wrap > table.giga-v5-table{border:0!important;border-radius:0!important;}
table.giga-v5-table{table-layout:auto!important;}
table.giga-v5-table th,table.giga-v5-table td{line-height:1.45!important;}
table.giga-v5-table td.left{white-space:normal!important;}
.fi-page-body > .giga-v5-wrap table.giga-v5-table{min-width:980px!important;}
.fi-page-body > .giga-v5-wrap > table.giga-v5-table{display:table!important;}

/* Avoid duplicated chrome and center-pushed content. */
body .fi-sidebar,body .fi-topbar,body .fi-layout > aside,body .fi-layout > header{display:none!important;}
body .fi-main{margin-left:var(--ndp-leftnav-w)!important;padding-top:var(--ndp-topbar-h)!important;width:calc(100vw - var(--ndp-leftnav-w))!important;max-width:none!important;}
body .fi-main-ctn,body .fi-page{max-width:none!important;width:100%!important;margin:0!important;}
body .fi-page{padding:40px 44px!important;}
body .fi-page-body{max-width:1280px!important;width:100%!important;margin:0 auto!important;}
.ndp-admin-v8-topbar{z-index:999!important;}
.ndp-admin-v8-leftnav{z-index:998!important;}

@media (max-width:900px){
  .giga-v5-filter-row{grid-template-columns:1fr!important;align-items:start!important;}
  .giga-v5-filter-body{gap:8px 12px!important;}
  .giga-v5-filter .giga-v5-search-input{min-width:100%!important;width:100%!important;}
}

/* ===== GA-01 Patch 1A: Filament v4 admin stability ===== */
/* When a Filament grid/section contains only one child, let it occupy the usable content width. */
.fi-sc-has-gap.fi-grid,
.fi-sc.fi-sc-has-gap.fi-grid,
.fi-grid.lg\:fi-grid-cols,
.fi-grid[class*="lg:fi-grid-cols"]{
  width:100%!important;
}
.fi-sc-has-gap.fi-grid > .fi-sc-component:only-child,
.fi-sc-has-gap.fi-grid > .fi-section:only-child,
.fi-grid[class*="lg:fi-grid-cols"] > .fi-section:only-child,
.fi-grid[class*="lg:fi-grid-cols"] > .fi-fo-component-ctn:only-child{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
}
/* Make rich text / wysiwyg editors usable on product, CMS and policy pages. */
.fi-fo-rich-editor,
.fi-rich-editor,
.fi-fo-rich-editor .ProseMirror,
.fi-rich-editor .ProseMirror,
.fi-fo-textarea textarea,
.fi-textarea textarea{
  min-height:280px!important;
}
.fi-fo-rich-editor .ProseMirror,
.fi-rich-editor .ProseMirror{
  padding:18px!important;
  line-height:1.75!important;
  font-size:15px!important;
}
.fi-fo-field-wrp:has(.fi-fo-rich-editor),
.fi-fo-field-wrp:has(.fi-rich-editor),
.fi-fo-field-wrp:has(textarea){
  width:100%!important;
}
@media (min-width:1024px){
  .fi-page-body{max-width:1440px!important;}
  .fi-page-header,.fi-header{max-width:1440px!important;}
}