/* =========================================================
   Shipxpeed panel theme — applies the new dashboard look
   (navy + blue, Inter) to every existing page.
   Loaded after the template's own CSS so it wins.
   Remove the <link> to this file to undo.
   ========================================================= */

:root{
  --sx-bg:#0a0f1c; --sx-surface:#0f1626; --sx-raised:#152036; --sx-hover:#1a2742;
  --sx-line:rgba(196,206,235,.09); --sx-line-2:rgba(196,206,235,.16);
  --sx-fg:#e9ecf5; --sx-fg-2:#a3abc2; --sx-fg-3:#6d7690;
  --sx-blue:#3b7bff; --sx-blue-2:#6b9cff; --sx-blue-bg:rgba(59,123,255,.14);
  --sx-ok:#5fd3a1; --sx-ok-bg:rgba(95,211,161,.12);
  --sx-warn:#f2b45a; --sx-warn-bg:rgba(242,180,90,.13);
  --sx-bad:#ff7b7b; --sx-bad-bg:rgba(255,123,123,.12);
  --sx-info:#22c3d6; --sx-info-bg:rgba(34,195,214,.13);
  --sx-r:14px; --sx-r-sm:10px;
  --sx-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sx-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* Bootstrap 5 variables, so components pick the theme up natively */
  --bs-body-bg:var(--sx-bg); --bs-body-color:var(--sx-fg); --bs-border-color:var(--sx-line-2);
  --bs-primary:#3b7bff; --bs-primary-rgb:59,123,255; --bs-link-color:var(--sx-blue-2); --bs-link-hover-color:#9dbcff;
  --bs-secondary-color:var(--sx-fg-2); --bs-tertiary-bg:var(--sx-raised); --bs-emphasis-color:#fff;
  --bs-card-bg:var(--sx-surface); --bs-heading-color:var(--sx-fg);
  color-scheme:dark;
}

[hidden]{display:none!important}
/* ---------- base ---------- */
html,body{background:var(--sx-bg)!important;color:var(--sx-fg)!important;font-family:var(--sx-font)!important;-webkit-font-smoothing:antialiased}
body{background-image:radial-gradient(1200px 500px at 85% -10%,rgba(59,123,255,.08),transparent 60%)!important;background-attachment:fixed!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--sx-fg)!important;font-family:var(--sx-font)!important;font-weight:700!important;letter-spacing:-.01em}
p,span,label,li,td,th,div{font-family:inherit}
a{color:var(--sx-blue-2)}
a:hover{color:#9dbcff}
hr{border-color:var(--sx-line-2)!important;opacity:1}
small,.small,.text-muted,.text-secondary,.text-body-secondary{color:var(--sx-fg-2)!important}
.text-dark,.text-black,.text-body{color:var(--sx-fg)!important}
.bg-white,.bg-light,.bg-body,.bg-body-tertiary,.bg-gray,.bg-grey{background-color:var(--sx-surface)!important}
.border,.border-top,.border-bottom,.border-start,.border-end{border-color:var(--sx-line-2)!important}
::selection{background:rgba(59,123,255,.35)}
*{scrollbar-color:var(--sx-raised) transparent;scrollbar-width:thin}
:focus-visible{outline:2px solid var(--sx-blue)!important;outline-offset:2px}

/* page wrappers that often carry a white background */
.main-content,.content-wrapper,.page-content,.page-wrapper,.content-page,.main-panel,.app-content,.content,.container-fluid,main{background:transparent!important;color:var(--sx-fg)}


/* =========================================================
   PAGE SKIN: wipes every page's own light colours, gradients
   and shadows, then re-dresses them in the panel design.
   ========================================================= */
:is(html,#sxb) .pc-container,.modal-content{color:var(--sx-fg)}
:is(html,#sxb) .pc-container :where(:is(div,section,article,header,footer,nav,aside,main,ul,ol,li,dl,dt,dd,form,fieldset,legend,span,p,label,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,td,th,small,strong,b,em):not(.btn):not([class^="btn"]):not([class*=" btn-"]):not([class*=" btn "]):not(.badge):not([class^="badge"]):not([class*=" badge"]):not(.sx-chip):not(.progress):not(.progress-bar):not([class^="bg-"]):not([class*=" bg-"]):not(.page-link):not(.form-check-input):not(.form-switch):not(.dropdown-menu):not(.tooltip):not(.toast):not(span[class*="status-"]):not(small[class*="status-"]):not([class*="sxd"]):not(.nav-link):not(.alert):not(.sxd *)),
:is(html,#sxb) .modal-content :where(:is(div,section,article,header,footer,nav,aside,main,ul,ol,li,dl,dt,dd,form,fieldset,legend,span,p,label,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,td,th,small,strong,b,em):not(.btn):not([class^="btn"]):not([class*=" btn-"]):not([class*=" btn "]):not(.badge):not([class^="badge"]):not([class*=" badge"]):not(.sx-chip):not(.progress):not(.progress-bar):not([class^="bg-"]):not([class*=" bg-"]):not(.page-link):not(.form-check-input):not(.form-switch):not(.dropdown-menu):not(.tooltip):not(.toast):not(span[class*="status-"]):not(small[class*="status-"]):not([class*="sxd"]):not(.nav-link):not(.alert):not(.sxd *)){background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important}
:is(html,#sxb) .pc-container :where(:is(div,section,article,header,footer,nav,aside,main,ul,ol,li,dl,dt,dd,form,fieldset,legend,span,p,label,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,td,th,small,strong,b,em):not(.btn):not([class^="btn"]):not([class*=" btn-"]):not([class*=" btn "]):not(.badge):not([class^="badge"]):not([class*=" badge"]):not(.sx-chip):not(.progress):not(.progress-bar):not([class^="bg-"]):not([class*=" bg-"]):not(.page-link):not(.form-check-input):not(.form-switch):not(.dropdown-menu):not(.tooltip):not(.toast):not(span[class*="status-"]):not(small[class*="status-"]):not([class*="sxd"]):not(.nav-link):not(.alert):not([class*="text-"]):not(.text-muted):not(.invalid-feedback):not(.sxd *)),
:is(html,#sxb) .modal-content :where(:is(div,section,article,header,footer,nav,aside,main,ul,ol,li,dl,dt,dd,form,fieldset,legend,span,p,label,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,td,th,small,strong,b,em):not(.btn):not([class^="btn"]):not([class*=" btn-"]):not([class*=" btn "]):not(.badge):not([class^="badge"]):not([class*=" badge"]):not(.sx-chip):not(.progress):not(.progress-bar):not([class^="bg-"]):not([class*=" bg-"]):not(.page-link):not(.form-check-input):not(.form-switch):not(.dropdown-menu):not(.tooltip):not(.toast):not(span[class*="status-"]):not(small[class*="status-"]):not([class*="sxd"]):not(.nav-link):not(.alert):not([class*="text-"]):not(.text-muted):not(.invalid-feedback):not(.sxd *)){color:inherit!important;-webkit-text-fill-color:currentColor}
:is(html,#sxb) .pc-container :where(*){border-color:var(--sx-line)!important}
:is(html,#sxb) .pc-container :where(hr){border-color:var(--sx-line-2)!important;opacity:1}

/* surfaces: anything that is a card, box, panel or section block */
:is(html,#sxb) .pc-container :is(.card,.info-card,.accordion-item,.table-container,.white-box,.content-box,.form-section,.filter-section,.panel,.box,
  [class*="-card"]:not([class*="card-body"]):not([class*="card-header"]):not([class*="card-footer"]):not([class*="card-title"]):not([class*="card-text"]):not(i),
  [class*="card-wrap"],[class*="-box"]:not(input):not(i),[class*="-panel"],[class*="wrapper"][class*="table"],.toggle-section,.status-filter-row){
  background:var(--sx-surface)!important;border:1px solid var(--sx-line)!important;border-radius:16px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 20px 40px -24px rgba(0,0,0,.6)!important}
:is(html,#sxb) .pc-container :is(.card,.info-card,[class*="-card"]) :is(.card,.info-card,[class*="-card"]){background:var(--sx-raised)!important;box-shadow:none!important;border-radius:12px!important}
:is(html,#sxb) .pc-container .card-header,:is(html,#sxb) .pc-container .card-footer,:is(html,#sxb) .pc-container .accordion-header{background:transparent!important;border-color:var(--sx-line)!important}
:is(html,#sxb) .pc-container .accordion-button{background:transparent!important;color:var(--sx-fg)!important;box-shadow:none!important;font-weight:600}
:is(html,#sxb) .pc-container .accordion-button:not(.collapsed){background:var(--sx-raised)!important;color:var(--sx-blue-2)!important}
:is(html,#sxb) .pc-container .accordion-button::after{filter:invert(1) grayscale(1) brightness(1.4)}
:is(html,#sxb) .pc-container .accordion-body{color:var(--sx-fg-2)!important}

/* page titles and section headers */
:is(html,#sxb) .pc-container :is(.page-title,.page-header h1,.header-text h1,.header-text h2,.header-text h3,.header-content h1,.header-content h2,.header-content h3,.header-content h4){font-size:clamp(20px,2vw,26px)!important;font-weight:700!important;letter-spacing:-.02em;color:var(--sx-fg)!important}
:is(html,#sxb) .pc-container :is(.header-text,.header-content) p{color:var(--sx-fg-2)!important}
:is(html,#sxb) .pc-container :is([class*="header-icon"],[class*="icon-box"],[class*="icon-wrap"],[class*="stat-icon"],[class*="card-icon"]){background:var(--sx-blue-bg)!important;color:var(--sx-blue-2)!important;border:0!important;box-shadow:none!important}
:is(html,#sxb) .pc-container :is([class*="header-icon"],[class*="icon-box"],[class*="icon-wrap"],[class*="stat-icon"],[class*="card-icon"]) i{color:inherit!important}

/* label / value pairs used across detail pages */
:is(html,#sxb) .pc-container :is(.info-label,.form-hint,.detail-label,[class*="-label"]:not(label):not(.form-check-label)){color:var(--sx-fg-3)!important;font-size:12.5px}
:is(html,#sxb) .pc-container :is(.info-value,.detail-value,[class*="-value"]){color:var(--sx-fg)!important;font-weight:500}
:is(html,#sxb) .pc-container .info-item,:is(html,#sxb) .pc-container .detail-row{border-bottom:1px solid var(--sx-line)!important}

/* custom inputs some pages use */
:is(html,#sxb) .pc-container :is(.form-control-modern,[class*="input-modern"],[class*="search-bar"] input,[class*="custom-date"]){background:var(--sx-raised)!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line-2)!important;border-radius:10px!important;box-shadow:none!important}
:is(html,#sxb) .pc-container :is([class*="search-bar"],[class*="search-group"],[class*="search-ref"]){background:transparent!important;box-shadow:none!important}

/* tabs used on many pages (pb-nav-tab, modern-tabs, status buttons) */
:is(html,#sxb) .pc-container :is(.pb-nav-tab,[class*="nav-tab"],[class*="tab-btn"],.status-btn-premium){background:var(--sx-raised)!important;color:var(--sx-fg-2)!important;border:1px solid var(--sx-line-2)!important;border-radius:10px!important;box-shadow:none!important}
:is(html,#sxb) .pc-container :is(.pb-nav-tab,[class*="nav-tab"],[class*="tab-btn"],.status-btn-premium):is(.active,:hover){background:var(--sx-blue-bg)!important;color:var(--sx-blue-2)!important;border-color:rgba(59,123,255,.45)!important}
:is(html,#sxb) .pc-container :is(.pb-nav-tab,[class*="nav-tab"],[class*="tab-btn"],.status-btn-premium).active{background:var(--sx-blue)!important;background-image:none!important;color:#fff!important;border-color:var(--sx-blue)!important;-webkit-text-fill-color:#fff}
:is(html,#sxb) .pc-container :is(.pb-nav-tab,[class*="nav-tab"],[class*="tab-btn"]).active *{color:#fff!important;-webkit-text-fill-color:#fff}
:is(html,#sxb) .pc-container .status-btn-premium *{color:inherit!important}

/* status pills defined with custom class names */
:is(html,#sxb) .pc-container :is([class*="status-"],[class*="badge-"]):is([class*="deliver"],[class*="success"],[class*="complete"],[class*="paid"],[class*="active"],[class*="approved"],[class*="verified"]){background:var(--sx-ok-bg)!important;color:var(--sx-ok)!important}
:is(html,#sxb) .pc-container :is([class*="status-"],[class*="badge-"]):is([class*="transit"],[class*="ship"],[class*="pickup"],[class*="manifest"],[class*="info"],[class*="process"]){background:var(--sx-info-bg)!important;color:var(--sx-info)!important}
:is(html,#sxb) .pc-container :is([class*="status-"],[class*="badge-"]):is([class*="pending"],[class*="ndr"],[class*="warning"],[class*="hold"],[class*="new"],[class*="open"]){background:var(--sx-warn-bg)!important;color:var(--sx-warn)!important}
:is(html,#sxb) .pc-container :is([class*="status-"],[class*="badge-"]):is([class*="cancel"],[class*="rto"],[class*="fail"],[class*="reject"],[class*="danger"],[class*="lost"]){background:var(--sx-bad-bg)!important;color:var(--sx-bad)!important}
:is(html,#sxb) .pc-container span[class*="status-"]:not([class^="btn"]):not([class*=" btn-"]):not([class*=" btn "]):not([class*="row"]):not([class*="filter"]):not([class*="container"]){border-radius:999px!important;padding:.3em .75em;font-size:12px;font-weight:600}

/* boosted components (beat page-level !important rules) */
:is(html,#sxb) .pc-container .table thead th,:is(html,#sxb) .pc-container table thead th,:is(html,#sxb) .pc-container table th{background:var(--sx-surface)!important;background-image:none!important;color:var(--sx-fg-3)!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:600!important;border-color:var(--sx-line-2)!important}
:is(html,#sxb) .pc-container table td{border-color:var(--sx-line)!important}
:is(html,#sxb) .pc-container tbody tr:hover>td{background:var(--sx-raised)!important}
:is(html,#sxb) :is(.pc-container,.modal) :is(.form-control,.form-select,input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],input[type=search],input[type=date],select,textarea){background:var(--sx-raised)!important;background-image:none!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line-2)!important;border-radius:10px!important;box-shadow:none!important}
:is(html,#sxb) :is(.pc-container,.modal) .form-select,:is(html,#sxb) :is(.pc-container,.modal) select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a3abc2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;padding-right:2.25rem!important}
:is(html,#sxb) :is(.pc-container,.modal) :is(.form-control,input,select,textarea):focus{border-color:var(--sx-blue)!important;box-shadow:0 0 0 3px rgba(59,123,255,.2)!important}
:is(html,#sxb) :is(.pc-container,.modal) .btn{border-radius:10px!important;background-image:none!important;font-weight:600!important;text-decoration:none!important}
:is(html,#sxb) :is(.pc-container,.modal) :is(.btn-primary,.btn-info,.btn-theme,.btn-custom,.btn-premium,[class*="btn-gradient"]){background:var(--sx-blue)!important;border-color:var(--sx-blue)!important;color:#fff!important}
:is(html,#sxb) :is(.pc-container,.modal) :is(.btn-light,.btn-secondary,.btn-default,.btn-white,.btn-outline-secondary,.btn-outline-primary,.btn-outline-dark,[class*="btn-premium-light"]){background:var(--sx-raised)!important;border:1px solid var(--sx-line-2)!important;color:var(--sx-fg)!important}
:is(html,#sxb) :is(.pc-container,.modal) .btn-success{background:#1f9d6b!important;border-color:#1f9d6b!important;color:#fff!important}
:is(html,#sxb) :is(.pc-container,.modal) .btn-danger{background:#d64545!important;border-color:#d64545!important;color:#fff!important}
:is(html,#sxb) .pc-container a:not(.btn):not([class*="nav"]):not(.dropdown-item):not(.page-link){color:var(--sx-blue-2)}
:is(html,#sxb) .modal .modal-content{background:var(--sx-surface)!important;background-image:none!important;border:1px solid var(--sx-line-2)!important;color:var(--sx-fg)!important}
:is(html,#sxb) .modal .modal-header,:is(html,#sxb) .modal .modal-footer{background:transparent!important;background-image:none!important;border-color:var(--sx-line)!important;color:var(--sx-fg)!important}
:is(html,#sxb) .modal .modal-header *{color:var(--sx-fg)!important}
:is(html,#sxb) .modal .btn-close{filter:invert(1) grayscale(1) brightness(1.6)!important;background-color:transparent!important}
:is(html,#sxb) .dropdown-menu{background:var(--sx-surface)!important;border:1px solid var(--sx-line-2)!important}
:is(html,#sxb) .dropdown-menu .dropdown-item{color:var(--sx-fg-2)!important;background:transparent!important}
:is(html,#sxb) .dropdown-menu .dropdown-item:hover{background:var(--sx-raised)!important;color:var(--sx-fg)!important}
:is(html,#sxb) .pc-container .page-link{background:var(--sx-surface)!important;border-color:var(--sx-line-2)!important;color:var(--sx-fg-2)!important}
:is(html,#sxb) .pc-container .page-item.active .page-link{background:var(--sx-blue)!important;border-color:var(--sx-blue)!important;color:#fff!important}
:is(html,#sxb) .pc-container .text-muted{color:var(--sx-fg-2)!important}
:is(html,#sxb) .pc-container .badge.bg-primary{background:var(--sx-blue-bg)!important;color:var(--sx-blue-2)!important}
/* ---------- cards ---------- */
.card,.box,.panel,.widget,.white-box,.card-box{
  background:var(--sx-surface)!important;border:1px solid var(--sx-line)!important;border-radius:var(--sx-r)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 20px 40px -24px rgba(0,0,0,.6)!important;color:var(--sx-fg)!important}
.card-header,.card-footer,.box-header,.panel-heading{background:transparent!important;border-color:var(--sx-line)!important;color:var(--sx-fg)!important}
.card-title{color:var(--sx-fg)!important;font-weight:600!important}
.card-body{color:var(--sx-fg)}

/* ---------- buttons ---------- */
.btn{border-radius:10px!important;font-weight:600!important;font-size:13.5px;transition:transform .15s,filter .2s,background .2s!important;box-shadow:none!important}
.btn:active{transform:translateY(1px)}
.btn-primary,.btn-info,.btn-theme,.btn-custom{background:var(--sx-blue)!important;border-color:var(--sx-blue)!important;color:#fff!important}
.btn-primary:hover,.btn-info:hover{filter:brightness(1.08)}
.btn-success{background:#1f9d6b!important;border-color:#1f9d6b!important;color:#fff!important}
.btn-danger{background:#d64545!important;border-color:#d64545!important;color:#fff!important}
.btn-warning{background:#e09a2d!important;border-color:#e09a2d!important;color:#1a1206!important}
.btn-secondary,.btn-light,.btn-default,.btn-white,.btn-dark{background:var(--sx-raised)!important;border:1px solid var(--sx-line-2)!important;color:var(--sx-fg)!important}
.btn-secondary:hover,.btn-light:hover,.btn-default:hover,.btn-white:hover,.btn-dark:hover{background:var(--sx-hover)!important}
[class*="btn-outline-"]{background:transparent!important;border:1px solid var(--sx-line-2)!important;color:var(--sx-fg)!important}
[class*="btn-outline-"]:hover{background:var(--sx-raised)!important}
.btn-outline-primary{color:var(--sx-blue-2)!important;border-color:rgba(59,123,255,.45)!important}
.btn-outline-danger{color:var(--sx-bad)!important;border-color:rgba(255,123,123,.4)!important}
.btn-link{color:var(--sx-blue-2)!important;background:none!important;border:0!important}

/* ---------- forms ---------- */
.form-control,.form-select,input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="password"],input[type="search"],input[type="date"],input[type="url"],select,textarea,
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
  background-color:var(--sx-raised)!important;color:var(--sx-fg)!important;border:1px solid var(--sx-line-2)!important;border-radius:10px!important;
  min-height:40px;font-family:var(--sx-font)!important;font-size:14px!important;box-shadow:none!important}
textarea{min-height:90px}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--sx-blue)!important;box-shadow:0 0 0 3px rgba(59,123,255,.2)!important;outline:none!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--sx-fg-3)!important}
.form-control:disabled,.form-control[readonly]{background-color:var(--sx-surface)!important;color:var(--sx-fg-2)!important}
label,.form-label,.col-form-label{color:var(--sx-fg-2)!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.02em}
.form-check-input{background-color:var(--sx-raised)!important;border-color:var(--sx-line-2)!important}
.form-check-input:checked{background-color:var(--sx-blue)!important;border-color:var(--sx-blue)!important}
.input-group-text{background:var(--sx-surface)!important;border-color:var(--sx-line-2)!important;color:var(--sx-fg-2)!important}
select option{background:var(--sx-surface);color:var(--sx-fg)}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--sx-fg)!important;line-height:38px!important}
.select2-dropdown{background:var(--sx-surface)!important;border-color:var(--sx-line-2)!important;color:var(--sx-fg)!important}
.select2-results__option--highlighted{background:var(--sx-blue)!important}
.invalid-feedback,.text-danger{color:var(--sx-bad)!important}

/* ---------- tables (incl. DataTables) ---------- */
.table,table{--bs-table-bg:transparent;--bs-table-color:var(--sx-fg);--bs-table-striped-bg:rgba(255,255,255,.02);--bs-table-hover-bg:var(--sx-raised);--bs-table-border-color:var(--sx-line);
  color:var(--sx-fg)!important;border-color:var(--sx-line)!important;font-size:13.5px}
.table>:not(caption)>*>*{background-color:transparent!important;color:var(--sx-fg)!important;border-bottom-color:var(--sx-line)!important;padding:.8rem .75rem}
.table thead th,.table th,table thead th{color:var(--sx-fg-3)!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:600!important;
  background:var(--sx-surface)!important;border-bottom:1px solid var(--sx-line-2)!important;white-space:nowrap}
.table tbody tr{transition:background .15s}
.table tbody tr:hover>*{background-color:var(--sx-raised)!important}
.table-bordered,.table-bordered td,.table-bordered th{border-color:var(--sx-line)!important}
.table-light,.thead-light th,.table-dark,.thead-dark th{background:var(--sx-surface)!important;color:var(--sx-fg-3)!important}
.table-responsive{border-radius:var(--sx-r-sm)}
.dataTables_wrapper,.dataTables_wrapper label,.dataTables_info,.dataTables_length,.dataTables_filter{color:var(--sx-fg-2)!important}
.dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--sx-fg-2)!important;border-radius:8px!important;border:1px solid transparent!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--sx-blue)!important;color:#fff!important;border-color:var(--sx-blue)!important}
td code,.awb,.tracking-number{font-family:var(--sx-mono)!important;font-size:12.5px}

/* ---------- badges / status chips ---------- */
.badge{border-radius:999px!important;font-weight:600!important;font-size:11.5px!important;padding:.38em .75em!important;letter-spacing:.01em}
.badge.bg-success,.badge-success,.bg-success-subtle{background:var(--sx-ok-bg)!important;color:var(--sx-ok)!important}
.badge.bg-danger,.badge-danger,.bg-danger-subtle{background:var(--sx-bad-bg)!important;color:var(--sx-bad)!important}
.badge.bg-warning,.badge-warning,.bg-warning-subtle{background:var(--sx-warn-bg)!important;color:var(--sx-warn)!important}
.badge.bg-info,.badge-info,.bg-info-subtle{background:var(--sx-info-bg)!important;color:var(--sx-info)!important}
.badge.bg-primary,.badge-primary,.bg-primary-subtle{background:var(--sx-blue-bg)!important;color:var(--sx-blue-2)!important}
.badge.bg-secondary,.badge-secondary,.badge.bg-light,.badge.bg-dark{background:var(--sx-raised)!important;color:var(--sx-fg-2)!important}

/* ---------- alerts / notices ---------- */
.alert{border-radius:12px!important;border:1px solid var(--sx-line-2)!important;background:var(--sx-raised)!important;color:var(--sx-fg)!important}
.alert-success{background:var(--sx-ok-bg)!important;border-color:rgba(95,211,161,.3)!important}
.alert-danger{background:var(--sx-bad-bg)!important;border-color:rgba(255,123,123,.3)!important}
.alert-warning{background:var(--sx-warn-bg)!important;border-color:rgba(242,180,90,.3)!important}
.alert-info,.alert-primary{background:var(--sx-blue-bg)!important;border-color:rgba(59,123,255,.3)!important}
marquee{color:var(--sx-warn)!important;font-weight:500}

/* ---------- modals / dropdowns / popovers ---------- */
.modal-content{background:var(--sx-surface)!important;border:1px solid var(--sx-line-2)!important;border-radius:16px!important;color:var(--sx-fg)!important;box-shadow:0 40px 80px -20px rgba(0,0,0,.6)!important}
.modal-header,.modal-footer{border-color:var(--sx-line)!important}
.modal-backdrop.show{opacity:.6!important;background:#050810!important}
.btn-close,.close{filter:invert(1) grayscale(1) brightness(1.6);opacity:.7!important;color:var(--sx-fg)!important;text-shadow:none!important}
.dropdown-menu{background:var(--sx-surface)!important;border:1px solid var(--sx-line-2)!important;border-radius:12px!important;box-shadow:0 20px 40px -12px rgba(0,0,0,.6)!important;padding:6px!important}
.dropdown-item{color:var(--sx-fg-2)!important;border-radius:8px!important;font-size:14px}
.dropdown-item:hover,.dropdown-item:focus{background:var(--sx-raised)!important;color:var(--sx-fg)!important}
.dropdown-divider{border-color:var(--sx-line)!important}
.popover,.tooltip-inner{background:var(--sx-raised)!important;color:var(--sx-fg)!important;border-color:var(--sx-line-2)!important}

/* ---------- tabs / pills / pagination / breadcrumbs ---------- */
.nav-tabs{border-bottom:1px solid var(--sx-line-2)!important}
.nav-tabs .nav-link{color:var(--sx-fg-2)!important;border:0!important;border-bottom:2px solid transparent!important;background:none!important;font-weight:600}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{color:var(--sx-fg)!important;border-bottom-color:var(--sx-blue)!important}
.nav-pills .nav-link{color:var(--sx-fg-2)!important;border-radius:10px!important}
.nav-pills .nav-link.active{background:var(--sx-blue)!important;color:#fff!important}
.pagination .page-link{background:var(--sx-surface)!important;border-color:var(--sx-line-2)!important;color:var(--sx-fg-2)!important}
.pagination .page-item.active .page-link{background:var(--sx-blue)!important;border-color:var(--sx-blue)!important;color:#fff!important}
.breadcrumb{background:transparent!important}
.breadcrumb-item,.breadcrumb-item a{color:var(--sx-fg-3)!important}
.breadcrumb-item.active{color:var(--sx-fg-2)!important}
.list-group-item{background:var(--sx-surface)!important;border-color:var(--sx-line)!important;color:var(--sx-fg)!important}
.progress{background:var(--sx-raised)!important;border-radius:99px!important}
.progress-bar{background:var(--sx-blue)!important}

/* ---------- footer ---------- */
footer,.footer,.main-footer{background:transparent!important;color:var(--sx-fg-3)!important;border-top:1px solid var(--sx-line)!important}

/* ---------- motion ---------- */
.card,.btn,.form-control,.table tbody tr{transition-timing-function:cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* =========================================================
   SHELL: sidebar + top bar (layouts/sellerdash.blade.php)
   ========================================================= */
:root{--sx-side-w:248px;--sx-top-h:64px}
.sx-side{position:fixed;inset:0 auto 0 0;width:var(--sx-side-w);z-index:1300;display:flex;flex-direction:column;gap:4px;padding:18px 12px 14px;
  background:var(--sx-bg);border-right:1px solid var(--sx-line);overflow:hidden}
.sx-brand{display:flex;align-items:center;gap:10px;padding:2px 10px 16px;text-decoration:none!important}
.sx-brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sx-blue);color:#fff;font-size:18px;box-shadow:0 8px 22px -10px var(--sx-blue)}
.sx-brand-text b{display:block;color:var(--sx-fg);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.sx-brand-text small{display:block;color:var(--sx-fg-3);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.sx-nav{flex:1;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:1px;padding-bottom:10px}
.sx-nav::-webkit-scrollbar{display:none}
.sx-nav-group{margin:14px 12px 6px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-fg-3);font-weight:600}
.sx-nav-link{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:10px;color:var(--sx-fg-2)!important;font-size:14px;font-weight:500;text-decoration:none!important;transition:background .18s,color .18s}
.sx-nav-link i{font-size:18px;width:18px;text-align:center;opacity:.9}
.sx-nav-link:hover{background:var(--sx-raised);color:var(--sx-fg)!important}
.sx-nav-link.is-active{background:var(--sx-blue-bg);color:var(--sx-blue-2)!important;box-shadow:inset 0 0 0 1px rgba(59,123,255,.2)}
.sx-side-card{margin-top:6px;padding:14px;border-radius:14px;border:1px solid var(--sx-line);background:var(--sx-surface)}
.sx-side-card p{margin:4px 0 8px;font-size:12.5px;color:var(--sx-fg-2)}
.sx-side-card a{font-size:13px;font-weight:600;color:var(--sx-blue-2)!important;text-decoration:none}
.sx-eyebrow{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sx-fg-3);font-weight:600}
.sx-side-backdrop{display:none}

.sx-top{position:fixed;top:0;left:var(--sx-side-w);right:0;height:var(--sx-top-h);z-index:1200;display:flex;align-items:center;gap:12px;padding:0 clamp(16px,2.4vw,32px);
  background:rgba(10,15,28,.78);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--sx-line)}
.sx-search{position:relative;flex:1;max-width:520px;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--sx-line-2);background:var(--sx-surface);margin:0}
.sx-search:focus-within{border-color:var(--sx-blue);box-shadow:0 0 0 3px rgba(59,123,255,.18)}
.sx-search i{color:var(--sx-fg-3);font-size:17px}
.sx-search input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--sx-fg)!important;font-size:14px;outline:none;min-height:0!important;padding:0!important}
.sx-search kbd{font-family:var(--sx-mono);font-size:11px;padding:2px 7px;border-radius:6px;border:1px solid var(--sx-line-2);color:var(--sx-fg-2);background:var(--sx-raised)}
.sx-suggest{position:absolute;top:46px;left:0;right:0;z-index:30;background:var(--sx-surface);border:1px solid var(--sx-line-2);border-radius:12px;box-shadow:0 20px 40px -12px rgba(0,0,0,.6);overflow:hidden;max-height:340px;overflow-y:auto}
.sx-suggest .search-suggestion-item{padding:10px 14px;border-bottom:1px solid var(--sx-line);color:var(--sx-fg);font-size:13.5px;cursor:pointer}
.sx-suggest .search-suggestion-item:hover{background:var(--sx-raised)}
.sx-suggest small{color:var(--sx-fg-3)}
.sx-top-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.sx-wallet{display:flex;align-items:center;gap:10px;height:40px;padding:0 5px 0 14px;border-radius:12px;border:1px solid var(--sx-line-2);background:var(--sx-surface)}
.sx-wallet small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-fg-3);line-height:1}
.sx-wallet b{color:var(--sx-fg);font-size:14.5px;line-height:1.25;font-variant-numeric:tabular-nums}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--sx-line-2);background:var(--sx-surface);color:var(--sx-fg)!important;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .18s,filter .18s,transform .12s}
.sx-btn:hover{background:var(--sx-raised)}
.sx-btn:active{transform:translateY(1px)}
.sx-btn-primary{background:var(--sx-blue);border-color:var(--sx-blue);color:#fff!important;box-shadow:0 8px 22px -12px var(--sx-blue)}
.sx-btn-primary:hover{background:var(--sx-blue);filter:brightness(1.08)}
.sx-btn-sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:8px}
.sx-btn-ghost{background:transparent}
.sx-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--sx-line-2);background:var(--sx-surface);display:grid;place-items:center;color:var(--sx-fg-2)!important;font-size:18px;cursor:pointer;text-decoration:none!important}
.sx-icon-btn:hover{color:var(--sx-fg)!important;background:var(--sx-raised)}
.sx-burger{display:none}
.sx-avatar{width:40px;height:40px;border-radius:12px;border:1px solid var(--sx-line-2);background:var(--sx-raised);color:var(--sx-blue-2);font-weight:700;font-size:14px;display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:0}
.sx-avatar img{width:100%;height:100%;object-fit:cover}
.sx-dd{position:relative}
.sx-dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:210px;z-index:1400;padding:6px;border-radius:12px;background:var(--sx-surface);border:1px solid var(--sx-line-2);box-shadow:0 24px 48px -16px rgba(0,0,0,.65)}
.sx-dd-right{left:auto;right:0}
.sx-dd.is-open .sx-dd-menu{display:block;animation:sxPop .14s ease-out}
.sx-dd-menu a,.sx-dd-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;border:0;background:none;color:var(--sx-fg-2)!important;font-size:14px;font-weight:500;text-decoration:none!important;cursor:pointer;text-align:left}
.sx-dd-menu a:hover,.sx-dd-menu button:hover{background:var(--sx-raised);color:var(--sx-fg)!important}
.sx-dd-menu i{font-size:17px}
.sx-dd-menu form{margin:0}
.sx-dd-head{padding:10px 10px 12px;border-bottom:1px solid var(--sx-line);margin-bottom:6px}
.sx-dd-head b{display:block;color:var(--sx-fg);font-size:14px}
.sx-dd-head small{display:block;color:var(--sx-fg-3);font-size:12px;margin:2px 0 8px;word-break:break-all}
.sx-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--sx-raised);color:var(--sx-fg-2);white-space:nowrap}
.sx-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.sx-chip.ok{color:var(--sx-ok);background:var(--sx-ok-bg)}.sx-chip.warn{color:var(--sx-warn);background:var(--sx-warn-bg)}
.sx-chip.bad{color:var(--sx-bad);background:var(--sx-bad-bg)}.sx-chip.info{color:var(--sx-info);background:var(--sx-info-bg)}
.sx-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--sx-line);font-size:13.5px}
.sx-kv span{color:var(--sx-fg-3)}.sx-kv b{color:var(--sx-fg);font-weight:500;text-align:right}
.sx-mono{font-family:var(--sx-mono)!important}
@keyframes sxPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* hide the template's own chrome if any page still prints it */
.sidebarCollapse,.pc-sidebar:not(.sx-side),.pc-header,.loader-bg,.mobile-sidebar-backdrop{display:none!important}

/* =========================================================
   CONTENT AREA: every page's <div class="pc-container">
   ========================================================= */
html body .pc-container{margin-left:var(--sx-side-w)!important;padding-top:var(--sx-top-h)!important;background:transparent!important;background-image:none!important;min-height:100vh;top:0!important;position:relative!important;width:auto!important;left:0!important}
.pc-container .pc-content{padding:24px clamp(16px,2.4vw,32px) 40px!important;max-width:1520px;margin:0!important}
.pc-footer{margin-left:var(--sx-side-w)!important;padding:14px clamp(16px,2.4vw,32px)!important;background:transparent!important;border-top:1px solid var(--sx-line)!important;color:var(--sx-fg-3)!important;position:relative!important;left:0!important;top:0!important}
.pc-footer p{color:var(--sx-fg-3)!important;font-size:12px}
.page-header,.page-header-title,.page-block{background:transparent!important;box-shadow:none!important;color:var(--sx-fg)!important}
.page-header h5,.page-header h2,.page-header-title h5{font-size:22px!important;font-weight:700!important}

/* inline light backgrounds that pages hard-code */
.pc-container [style*="background:#ff"],
.pc-container [style*="background: #ff"],
.pc-container [style*="background-color:#ff"],
.pc-container [style*="background-color: #ff"],
.pc-container [style*="background:#FF"],
.pc-container [style*="background: #FF"],
.pc-container [style*="background-color:#FF"],
.pc-container [style*="background-color: #FF"],
.pc-container [style*="background:#fa"],
.pc-container [style*="background: #fa"],
.pc-container [style*="background-color:#fa"],
.pc-container [style*="background-color: #fa"],
.pc-container [style*="background:#fb"],
.pc-container [style*="background: #fb"],
.pc-container [style*="background-color:#fb"],
.pc-container [style*="background-color: #fb"],
.pc-container [style*="background:#fc"],
.pc-container [style*="background: #fc"],
.pc-container [style*="background-color:#fc"],
.pc-container [style*="background-color: #fc"],
.pc-container [style*="background:#fd"],
.pc-container [style*="background: #fd"],
.pc-container [style*="background-color:#fd"],
.pc-container [style*="background-color: #fd"],
.pc-container [style*="background:#fe"],
.pc-container [style*="background: #fe"],
.pc-container [style*="background-color:#fe"],
.pc-container [style*="background-color: #fe"],
.pc-container [style*="background:#f0"],
.pc-container [style*="background: #f0"],
.pc-container [style*="background-color:#f0"],
.pc-container [style*="background-color: #f0"],
.pc-container [style*="background:#f1"],
.pc-container [style*="background: #f1"],
.pc-container [style*="background-color:#f1"],
.pc-container [style*="background-color: #f1"],
.pc-container [style*="background:#f2"],
.pc-container [style*="background: #f2"],
.pc-container [style*="background-color:#f2"],
.pc-container [style*="background-color: #f2"],
.pc-container [style*="background:#f3"],
.pc-container [style*="background: #f3"],
.pc-container [style*="background-color:#f3"],
.pc-container [style*="background-color: #f3"],
.pc-container [style*="background:#f4f"],
.pc-container [style*="background: #f4f"],
.pc-container [style*="background-color:#f4f"],
.pc-container [style*="background-color: #f4f"],
.pc-container [style*="background:#f5f"],
.pc-container [style*="background: #f5f"],
.pc-container [style*="background-color:#f5f"],
.pc-container [style*="background-color: #f5f"],
.pc-container [style*="background:#f6"],
.pc-container [style*="background: #f6"],
.pc-container [style*="background-color:#f6"],
.pc-container [style*="background-color: #f6"],
.pc-container [style*="background:#f7"],
.pc-container [style*="background: #f7"],
.pc-container [style*="background-color:#f7"],
.pc-container [style*="background-color: #f7"],
.pc-container [style*="background:#f8"],
.pc-container [style*="background: #f8"],
.pc-container [style*="background-color:#f8"],
.pc-container [style*="background-color: #f8"],
.pc-container [style*="background:#f9"],
.pc-container [style*="background: #f9"],
.pc-container [style*="background-color:#f9"],
.pc-container [style*="background-color: #f9"],
.pc-container [style*="background:#e0"],
.pc-container [style*="background: #e0"],
.pc-container [style*="background-color:#e0"],
.pc-container [style*="background-color: #e0"],
.pc-container [style*="background:#e1"],
.pc-container [style*="background: #e1"],
.pc-container [style*="background-color:#e1"],
.pc-container [style*="background-color: #e1"],
.pc-container [style*="background:#e2"],
.pc-container [style*="background: #e2"],
.pc-container [style*="background-color:#e2"],
.pc-container [style*="background-color: #e2"],
.pc-container [style*="background:#e3"],
.pc-container [style*="background: #e3"],
.pc-container [style*="background-color:#e3"],
.pc-container [style*="background-color: #e3"],
.pc-container [style*="background:#e4"],
.pc-container [style*="background: #e4"],
.pc-container [style*="background-color:#e4"],
.pc-container [style*="background-color: #e4"],
.pc-container [style*="background:#e5"],
.pc-container [style*="background: #e5"],
.pc-container [style*="background-color:#e5"],
.pc-container [style*="background-color: #e5"],
.pc-container [style*="background:#e6"],
.pc-container [style*="background: #e6"],
.pc-container [style*="background-color:#e6"],
.pc-container [style*="background-color: #e6"],
.pc-container [style*="background:#e7"],
.pc-container [style*="background: #e7"],
.pc-container [style*="background-color:#e7"],
.pc-container [style*="background-color: #e7"],
.pc-container [style*="background:#e8"],
.pc-container [style*="background: #e8"],
.pc-container [style*="background-color:#e8"],
.pc-container [style*="background-color: #e8"],
.pc-container [style*="background:#e9"],
.pc-container [style*="background: #e9"],
.pc-container [style*="background-color:#e9"],
.pc-container [style*="background-color: #e9"],
.pc-container [style*="background:#ea"],
.pc-container [style*="background: #ea"],
.pc-container [style*="background-color:#ea"],
.pc-container [style*="background-color: #ea"],
.pc-container [style*="background:#eb"],
.pc-container [style*="background: #eb"],
.pc-container [style*="background-color:#eb"],
.pc-container [style*="background-color: #eb"],
.pc-container [style*="background:#ec"],
.pc-container [style*="background: #ec"],
.pc-container [style*="background-color:#ec"],
.pc-container [style*="background-color: #ec"],
.pc-container [style*="background:#ed"],
.pc-container [style*="background: #ed"],
.pc-container [style*="background-color:#ed"],
.pc-container [style*="background-color: #ed"],
.pc-container [style*="background:#ee"],
.pc-container [style*="background: #ee"],
.pc-container [style*="background-color:#ee"],
.pc-container [style*="background-color: #ee"],
.pc-container [style*="background:#ef"],
.pc-container [style*="background: #ef"],
.pc-container [style*="background-color:#ef"],
.pc-container [style*="background-color: #ef"],
.pc-container [style*="background:white"],
.pc-container [style*="background: white"],
.pc-container [style*="background-color:white"],
.pc-container [style*="background-color: white"],
.pc-container [style*="background:linear-gradient"],
.pc-container [style*="background: linear-gradient"],
.pc-container [style*="background-color:linear-gradient"],
.pc-container [style*="background-color: linear-gradient"],
.pc-container [style*="background:rgba(255"],
.pc-container [style*="background: rgba(255"],
.pc-container [style*="background-color:rgba(255"],
.pc-container [style*="background-color: rgba(255"],
.pc-container [style*="background:#646dff26"],
.pc-container [style*="background: #646dff26"],
.pc-container [style*="background-color:#646dff26"],
.pc-container [style*="background-color: #646dff26"],
.modal [style*="background:#ff"],
.modal [style*="background: #ff"],
.modal [style*="background-color:#ff"],
.modal [style*="background-color: #ff"],
.modal [style*="background:#FF"],
.modal [style*="background: #FF"],
.modal [style*="background-color:#FF"],
.modal [style*="background-color: #FF"],
.modal [style*="background:#fa"],
.modal [style*="background: #fa"],
.modal [style*="background-color:#fa"],
.modal [style*="background-color: #fa"],
.modal [style*="background:#fb"],
.modal [style*="background: #fb"],
.modal [style*="background-color:#fb"],
.modal [style*="background-color: #fb"],
.modal [style*="background:#fc"],
.modal [style*="background: #fc"],
.modal [style*="background-color:#fc"],
.modal [style*="background-color: #fc"],
.modal [style*="background:#fd"],
.modal [style*="background: #fd"],
.modal [style*="background-color:#fd"],
.modal [style*="background-color: #fd"],
.modal [style*="background:#fe"],
.modal [style*="background: #fe"],
.modal [style*="background-color:#fe"],
.modal [style*="background-color: #fe"],
.modal [style*="background:#f0"],
.modal [style*="background: #f0"],
.modal [style*="background-color:#f0"],
.modal [style*="background-color: #f0"],
.modal [style*="background:#f1"],
.modal [style*="background: #f1"],
.modal [style*="background-color:#f1"],
.modal [style*="background-color: #f1"],
.modal [style*="background:#f2"],
.modal [style*="background: #f2"],
.modal [style*="background-color:#f2"],
.modal [style*="background-color: #f2"],
.modal [style*="background:#f3"],
.modal [style*="background: #f3"],
.modal [style*="background-color:#f3"],
.modal [style*="background-color: #f3"],
.modal [style*="background:#f4f"],
.modal [style*="background: #f4f"],
.modal [style*="background-color:#f4f"],
.modal [style*="background-color: #f4f"],
.modal [style*="background:#f5f"],
.modal [style*="background: #f5f"],
.modal [style*="background-color:#f5f"],
.modal [style*="background-color: #f5f"],
.modal [style*="background:#f6"],
.modal [style*="background: #f6"],
.modal [style*="background-color:#f6"],
.modal [style*="background-color: #f6"],
.modal [style*="background:#f7"],
.modal [style*="background: #f7"],
.modal [style*="background-color:#f7"],
.modal [style*="background-color: #f7"],
.modal [style*="background:#f8"],
.modal [style*="background: #f8"],
.modal [style*="background-color:#f8"],
.modal [style*="background-color: #f8"],
.modal [style*="background:#f9"],
.modal [style*="background: #f9"],
.modal [style*="background-color:#f9"],
.modal [style*="background-color: #f9"],
.modal [style*="background:#e0"],
.modal [style*="background: #e0"],
.modal [style*="background-color:#e0"],
.modal [style*="background-color: #e0"],
.modal [style*="background:#e1"],
.modal [style*="background: #e1"],
.modal [style*="background-color:#e1"],
.modal [style*="background-color: #e1"],
.modal [style*="background:#e2"],
.modal [style*="background: #e2"],
.modal [style*="background-color:#e2"],
.modal [style*="background-color: #e2"],
.modal [style*="background:#e3"],
.modal [style*="background: #e3"],
.modal [style*="background-color:#e3"],
.modal [style*="background-color: #e3"],
.modal [style*="background:#e4"],
.modal [style*="background: #e4"],
.modal [style*="background-color:#e4"],
.modal [style*="background-color: #e4"],
.modal [style*="background:#e5"],
.modal [style*="background: #e5"],
.modal [style*="background-color:#e5"],
.modal [style*="background-color: #e5"],
.modal [style*="background:#e6"],
.modal [style*="background: #e6"],
.modal [style*="background-color:#e6"],
.modal [style*="background-color: #e6"],
.modal [style*="background:#e7"],
.modal [style*="background: #e7"],
.modal [style*="background-color:#e7"],
.modal [style*="background-color: #e7"],
.modal [style*="background:#e8"],
.modal [style*="background: #e8"],
.modal [style*="background-color:#e8"],
.modal [style*="background-color: #e8"],
.modal [style*="background:#e9"],
.modal [style*="background: #e9"],
.modal [style*="background-color:#e9"],
.modal [style*="background-color: #e9"],
.modal [style*="background:#ea"],
.modal [style*="background: #ea"],
.modal [style*="background-color:#ea"],
.modal [style*="background-color: #ea"],
.modal [style*="background:#eb"],
.modal [style*="background: #eb"],
.modal [style*="background-color:#eb"],
.modal [style*="background-color: #eb"],
.modal [style*="background:#ec"],
.modal [style*="background: #ec"],
.modal [style*="background-color:#ec"],
.modal [style*="background-color: #ec"],
.modal [style*="background:#ed"],
.modal [style*="background: #ed"],
.modal [style*="background-color:#ed"],
.modal [style*="background-color: #ed"],
.modal [style*="background:#ee"],
.modal [style*="background: #ee"],
.modal [style*="background-color:#ee"],
.modal [style*="background-color: #ee"],
.modal [style*="background:#ef"],
.modal [style*="background: #ef"],
.modal [style*="background-color:#ef"],
.modal [style*="background-color: #ef"],
.modal [style*="background:white"],
.modal [style*="background: white"],
.modal [style*="background-color:white"],
.modal [style*="background-color: white"],
.modal [style*="background:linear-gradient"],
.modal [style*="background: linear-gradient"],
.modal [style*="background-color:linear-gradient"],
.modal [style*="background-color: linear-gradient"],
.modal [style*="background:rgba(255"],
.modal [style*="background: rgba(255"],
.modal [style*="background-color:rgba(255"],
.modal [style*="background-color: rgba(255"],
.modal [style*="background:#646dff26"],
.modal [style*="background: #646dff26"],
.modal [style*="background-color:#646dff26"],
.modal [style*="background-color: #646dff26"]{
  background:var(--sx-raised)!important;background-image:none!important;border-color:var(--sx-line-2)!important}
.pc-container .btn[style*="background"],.pc-container .badge[style*="background"]{background-image:none!important}
/* inline dark text colours (#0xx – #6xx) become readable */
.pc-container [style*="color:#0"],.pc-container [style*="color: #0"],.pc-container [style*="color:#1"],.pc-container [style*="color: #1"],.pc-container [style*="color:#2"],.pc-container [style*="color: #2"],
.pc-container [style*="color:#3"],.pc-container [style*="color: #3"],.pc-container [style*="color:#4"],.pc-container [style*="color: #4"],.pc-container [style*="color:black"],.pc-container [style*="color: black"],
.modal [style*="color:#1"],.modal [style*="color: #1"],.modal [style*="color:#2"],.modal [style*="color: #2"],.modal [style*="color:#3"],.modal [style*="color: #3"]{color:var(--sx-fg)!important}
.pc-container [style*="color:#5"],.pc-container [style*="color: #5"],.pc-container [style*="color:#6"],.pc-container [style*="color: #6"],.pc-container [style*="color:#7"],.pc-container [style*="color: #7"]{color:var(--sx-fg-2)!important}
.pc-container [style*="border:1px solid #e"],.pc-container [style*="border: 1px solid #e"],.pc-container [style*="border:1px solid #d"],.pc-container [style*="border: 1px solid #d"],.pc-container [style*="border-bottom:1px solid #e"],.pc-container [style*="border-bottom: 1px solid #e"]{border-color:var(--sx-line-2)!important}

/* the template's per-page "premium" widgets */
.pc-container [class*="premium"]:not(.btn):not([class*="btn"]):not(.badge):not(input):not(select),
.pc-container .table-container,.pc-container .table-header,.pc-container .filter-block,.pc-container .stat-card,.pc-container .modern-card,.pc-container .dashboard-card,
.pc-container .order-card,.pc-container .summary-card,.pc-container .info-card,.pc-container .content-card,.pc-container .form-card,.pc-container .filter-card,.pc-container .toggle-section,.pc-container .status-filter-row{
  background-color:var(--sx-surface)!important;background-image:none!important;color:var(--sx-fg)!important;border-color:var(--sx-line)!important}
.pc-container [class*="btn-premium"],.pc-container .status-btn-premium{background:var(--sx-raised)!important;background-image:none!important;border:1px solid var(--sx-line-2)!important;color:var(--sx-fg)!important;box-shadow:none!important}
.pc-container [class*="btn-premium"]:hover,.pc-container .status-btn-premium:hover,.pc-container .status-btn-premium.active{background:var(--sx-blue-bg)!important;border-color:rgba(59,123,255,.45)!important;color:var(--sx-blue-2)!important}
.pc-container .text-dark,.pc-container .fw-bold,.pc-container .fw-semibold,.pc-container strong,.pc-container b{color:inherit}
.pc-container h1,.pc-container h2,.pc-container h3,.pc-container h4,.pc-container h5,.pc-container h6{color:var(--sx-fg)!important}
.pc-container p{color:var(--sx-fg-2)}
.pc-container .bg-white,.pc-container .bg-light,.pc-container .card-header.bg-white{background:var(--sx-surface)!important}
.pc-container .shadow,.pc-container .shadow-sm,.pc-container .shadow-lg{box-shadow:0 20px 40px -24px rgba(0,0,0,.6)!important}

/* daterangepicker (loaded by the template) */
.daterangepicker{background:var(--sx-surface)!important;border-color:var(--sx-line-2)!important;color:var(--sx-fg)!important}
.daterangepicker .calendar-table{background:var(--sx-surface)!important;border-color:var(--sx-line)!important}
.daterangepicker td.off{background:transparent!important;color:var(--sx-fg-3)!important}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:var(--sx-raised)!important}
.daterangepicker td.active,.daterangepicker td.active:hover{background:var(--sx-blue)!important}
.daterangepicker .ranges li:hover{background:var(--sx-raised)!important}
.daterangepicker .ranges li.active{background:var(--sx-blue)!important}

/* responsive shell */
@media (max-width:1100px){:root{--sx-side-w:220px}}
@media (max-width:991.98px){
  .sx-side{transform:translateX(-104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);width:272px;box-shadow:30px 0 60px rgba(0,0,0,.45)}
  .sx-side.is-open{transform:none}
  .sx-side-backdrop{display:block;position:fixed;inset:0;z-index:1250;background:rgba(5,8,16,.55);opacity:0;pointer-events:none;transition:opacity .2s}
  .sx-side-backdrop.is-open{opacity:1;pointer-events:auto}
  .sx-top{left:0}
  .sx-burger{display:grid}
  html body .pc-container,html body .pc-footer{margin-left:0!important}
}
@media (max-width:640px){
  .sx-hide-sm,.sx-wallet small,.sx-search kbd{display:none!important}
  .sx-search{max-width:none}
  .sx-top{gap:8px}
  .sx-wallet{padding:0 4px;border:0;background:none}
  .sx-wallet>div{display:none}
  .sx-search{min-width:0}
  .sx-top-r{gap:6px}
}