/* MS Shipments B6 unified heritage baseline: B1..B5, ordered once.
   Legacy files will NOT be loaded separately. No application logic or text metrics altered here. */

/* ---- verified approved brand-luxury-v2971 ---- */
/* MS Shipments | Luxury Identity B1 — additive, CSS-only visual redesign.
 * Grounded in the approved MS geometric gold-monogram / bronze / charcoal /
 * ivory-marble reference. No changes to layout semantics, Tajawal, or finance.
 * Included AFTER all 2.9.6 styles. Color-only treatment for status chips.
 */
:root {
  color-scheme:light;
  --bg:#f7f3eb;
  --card:#fffdf9;
  --ink:#292018;
  --mut:#756b61;
  --line:#ded3c2;
  --brand:#84501f;
  --brand-strong:#5c3415;
  --brand-soft:#f8ecd6;
  --brand2:#d4af37;
  --accent:#b88534;
  --hi:#f8edda;
  --ok:#377454;
  --warn:#9a601f;
  --err:#b4423c;
  --premium-shadow:0 7px 24px rgba(74,42,12,.085);
  --lux-gold:#d4af37;
  --lux-bronze:#8b5e34;
  --lux-charcoal:#1f1c18;
  --lux-ivory:#faf9f6;
  --lux-panel:#fffdfa;
  --lux-border:#dfd0b9;
  --font:"MS Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;
}
html { color-scheme:light; }
body.ms-luxury {
  font-family:var(--font);
  color:var(--ink);
  background:linear-gradient(rgba(251,248,243,.87),rgba(251,248,243,.88)),
             url("ms-ivory-marble.jpg") center top / 765px auto repeat, #f8f4ed;
  min-height:100vh;
}
body.ms-luxury :is(h1,h2,h3,h4,h5,h6) { color:#33251a; }
body.ms-luxury :is(a:not(.btn),.muted) { text-decoration:none; }
body.ms-luxury a:not(.btn) { color:var(--brand); }
body.ms-luxury :is(a,button,input,select,textarea,summary):focus-visible {
  outline:2px solid #b17b25;
  outline-offset:3px;
}
/* Header retains the CURRENT single-row desktop navigation and mobile wrapping. */
body.ms-luxury .top {
  background:linear-gradient(115deg,rgba(20,15,11,.87),rgba(42,27,16,.80) 57%,rgba(20,16,12,.91)),
             url("ms-dark-marble.jpg") center / 546px auto repeat;
  color:#fff1d7;
  border-bottom:2px solid #ba8c43;
  box-shadow:0 9px 28px rgba(48,28,12,.19);
  backdrop-filter:none;
  min-height:69px;
}
body.ms-luxury .top .brand { color:#f8e5bc; }
body.ms-luxury .top .brand-mark {
  background:#18110c;
  border:1px solid #8c652c;
  border-radius:9px;
  box-shadow:0 2px 14px rgba(212,175,55,.13);
  overflow:hidden;
  width:40px;
  height:40px;
}
body.ms-luxury .top .brand-mark img { width:100%;height:100%;object-fit:cover;display:block; }
body.ms-luxury .top .brand-copy strong { color:#f9df9a;letter-spacing:.6px;font-family:Georgia,"Times New Roman",serif;text-transform:uppercase;font-weight:700; }
body.ms-luxury .top .brand-copy small {color:#d8c09a;letter-spacing:1.2px;}
body.ms-luxury .top .primary-nav>a,
body.ms-luxury .top .primary-nav>.nav-more>summary {
  color:#eee1cf;
  border-color:transparent;
  background:transparent;
}
body.ms-luxury .top .primary-nav>a:hover,
body.ms-luxury .top .primary-nav>a.on,
body.ms-luxury .top .primary-nav>.nav-more>summary:hover,
body.ms-luxury .top .primary-nav>.nav-more>summary.on {
  background:linear-gradient(120deg,#805521,#5f391c);
  border-color:#ba8c43;
  color:#fff9ec;
  box-shadow:inset 0 -2px 0 #e5c26d;
}
body.ms-luxury .top .nav-more-menu {
  background:#281d16;border-color:#8f6935;
  box-shadow:0 18px 40px rgba(30,17,10,.38);
}
body.ms-luxury .top .nav-more-menu a {color:#f1dfbf;}
body.ms-luxury .top .nav-more-menu a:hover,
body.ms-luxury .top .nav-more-menu a.on {background:#684420;color:#fff;}
body.ms-luxury .top .who :is(.account-link,.muted,.user-label) {color:#f3e3c9;}
body.ms-luxury .top .who :is(.account-link:hover,.account-link.on) {background:#795225;color:#fff;}
body.ms-luxury .top .who .user-avatar {
  background:linear-gradient(135deg,#f5da8c,#b57d29);color:#2e1e10;
  box-shadow:0 0 0 1px #c49d5d;
}
body.ms-luxury .top .btn.primary {
  color:#302011;
  border:1px solid #f0d28c;
  background:linear-gradient(135deg,#f8dfa0,#cf9c42);
  box-shadow:0 4px 11px rgba(231,175,72,.15);
}
body.ms-luxury main { color:var(--ink); }
body.ms-luxury main.wide { max-width:none; }
body.ms-luxury :is(.pagehead,.rowhead,.shipment-panel-heading) h1,
body.ms-luxury :is(.pagehead,.rowhead,.shipment-panel-heading) h2,
body.ms-luxury .v290-head h1 { color:#34291d; }
body.ms-luxury :is(.section-eyebrow,.hero-eyebrow,.v290-section-head .muted) { color:#96672e; }
body.ms-luxury :is(.muted,small,.pagehead .muted) { color:var(--mut); }
/* Real cards and tables remain compact and horizontally scrollable. */
body.ms-luxury :is(.card,.tablewrap,.fields .f,.shipment-preview-card,.document-row,.doc-type-card) {
  background:rgba(255,253,249,.95);
  border-color:var(--lux-border);
  color:var(--ink);
  box-shadow:0 5px 18px rgba(64,43,20,.055);
}
body.ms-luxury :is(.card,.tablewrap) { border-radius:13px; }
body.ms-luxury :is(.card h1,.card h2,.card h3,.tablewrap h2,.tablewrap h3) { color:#36261a; }
body.ms-luxury :is(.fields .f span,.document-row small,.document-row span,.doc-type-card span) { color:#796c5f; }
body.ms-luxury :is(.fields .f b,.doc-type-card b) { color:#39281d; }
body.ms-luxury .card a {color:#956120;}
body.ms-luxury .btn {
  background:linear-gradient(180deg,#fffefa,#f2e8d7);
  border-color:#d6c6af;
  color:#5f411e;
  box-shadow:0 2px 7px rgba(65,44,19,.04);
}
body.ms-luxury .btn:hover { border-color:#bd8b38;background:#f9efdc;color:#3a2716; }
body.ms-luxury .btn.primary {
  background:linear-gradient(135deg,#f3d58d,#d6a346);
  color:#3a260e;border:1px solid #bf8b34;
  box-shadow:0 4px 13px rgba(183,125,37,.15);
}
body.ms-luxury .btn.primary:hover { background:linear-gradient(135deg,#ffecb8,#e1b461); }
body.ms-luxury .btn.danger,body.ms-luxury .danger-btn {background:#9b382f;color:white;border-color:#8f312b;}
body.ms-luxury :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background:#fffefa;
  color:#30271e;
  border:1px solid #cfbea8;
  box-shadow:inset 0 1px 2px rgba(77,55,25,.03);
}
body.ms-luxury :is(input,select,textarea)::placeholder {color:#978575;opacity:1;}
body.ms-luxury label {color:#705743;}
body.ms-luxury :is(input,select,textarea):focus {border-color:#b27b29;}
body.ms-luxury input:disabled,body.ms-luxury select:disabled,body.ms-luxury textarea:disabled,
body.ms-luxury input[readonly] {background:#f2ecdf;color:#70655c;}
body.ms-luxury .filters,
body.ms-luxury :is(.v290-filterbar,.shipment-fit-toolbar,.v291-filters,.v281-filters) {
  background:rgba(255,251,244,.93);border-color:#dfcdb0;color:#5b4126;
}
body.ms-luxury .flash {background:#eff7ec;border-color:#bcd2ba;color:#245c34;}
body.ms-luxury .flash.err {background:#fff0ed;color:#922e29;border-color:#d6a09b;}
body.ms-luxury .flash.warn {background:#fff4db;color:#875319;border-color:#dbbc74;}
body.ms-luxury :is(.badge,.tag,.role-chip) {
  background:#f6e9d0;border:1px solid #d7bb83;color:#654518;
}
body.ms-luxury :is(.badge.ok,.status-chip.status-done,.status-select.status-done) {
  background:#e5f2e8;border-color:#9ec6a8;color:#276443;
}
body.ms-luxury :is(.badge.warn,.status-chip.status-clearing,.status-select.status-clearing) {
  background:#fff0d2;border-color:#dab16f;color:#895521;
}
body.ms-luxury :is(.status-chip.status-arrived,.status-select.status-arrived) {
  background:#f4e5c5;border-color:#cba96b;color:#734716;
}
body.ms-luxury :is(.status-chip.status-late,.status-select.status-late) {
  background:#fde9e4;border-color:#dda9a1;color:#a52b26;
}
body.ms-luxury :is(.status-chip.status-stopped,.status-select.status-stopped) {
  background:#eee9e1;border-color:#bfb4a5;color:#695c4e;
}
body.ms-luxury .grid th,body.ms-luxury .grid thead td {
  background:#33261c;color:#faeacb;border-bottom:1px solid #b08347;
}
body.ms-luxury .grid th.sortable a,body.ms-luxury .shipments-list-table th.sortable a {color:#faeacb;}
body.ms-luxury .grid td {background:#fffdf8;color:#382c22;border-bottom:1px solid #e8dccb;}
body.ms-luxury .grid tbody tr:nth-child(even) td {background:#f8f3e9;}
body.ms-luxury .grid tbody tr:hover td,body.ms-luxury .grid tr.click:hover td {background:#f5e6c9;}
body.ms-luxury .grid tfoot td {background:#eee0c3;color:#463018;}
body.ms-luxury .shipments-list-wrap {border-color:#d4bea2;scrollbar-color:#bc9c6b #f5edde;}
body.ms-luxury .page-list .shipments-list-table td[data-col="serial"],
body.ms-luxury .page-view .shipment-items-table td:first-child {
  background:#fff7e7;color:#6f4116;
}
body.ms-luxury .page-list .shipments-list-table tbody tr:nth-child(even) td[data-col="serial"],
body.ms-luxury .page-view .shipment-items-table tbody tr:nth-child(even) td:first-child {background:#f6ead4;}
body.ms-luxury .page-list .shipments-list-table tbody tr:hover td[data-col="serial"] {background:#eed4a1;}
body.ms-luxury .page-list .shipments-list-table thead th[data-col="serial"],
body.ms-luxury .page-view .shipment-items-table thead th:first-child {background:#4b3320;color:#ffebc0;}
body.ms-luxury .shipments-list-table td:first-child b {color:#a26621;}
/* Dashboard hero: same maritime illustration, re-colored gold / charcoal. */
body.ms-luxury .premium-hero {
  background:#2f1e12;
  border-color:#ae7f3c;
  box-shadow:0 12px 30px rgba(65,38,16,.16);
}
body.ms-luxury .operation-hero {
  background:linear-gradient(95deg,rgba(33,25,18,.93),rgba(60,39,22,.88));
}
body.ms-luxury .hero-art {
  background:linear-gradient(90deg,rgba(30,19,12,.05),rgba(30,18,10,.22)),url("ms-port-gold.jpg") 54% 52% / cover no-repeat;
  filter:none;
}
body.ms-luxury :is(.premium-hero h1,.premium-hero h2,.premium-hero .hero-copy h1) {color:#ffe9b6;}
body.ms-luxury :is(.premium-hero .hero-copy p,.premium-hero .hero-eyebrow) {color:#eddbba;}
body.ms-luxury .premium-hero .btn.ghost {color:#ffe9bf;border-color:#997548;background:#24190f9c;}
body.ms-luxury .hero-live-dot {background:#ddbb76;box-shadow:0 0 0 4px #e3bd5330;}
body.ms-luxury .kpis>div,
body.ms-luxury .ops-kpis>div,
body.ms-luxury .ops-kpis>a,
body.ms-luxury .v290-kpis>.card {
  background:#fffdfa;border:1px solid #ddcbb1;
  box-shadow:0 5px 15px rgba(70,45,18,.06);color:#342719;
}
body.ms-luxury .kpis>div:before,body.ms-luxury .ops-kpis>:is(div,a):before {
  background:linear-gradient(90deg,transparent,rgba(206,150,51,.7),transparent);
}
body.ms-luxury :is(.kpis,.ops-kpis) b {color:#4b301b;}
body.ms-luxury :is(.kpis,.ops-kpis) span {color:#706254;}
body.ms-luxury .kpis .hi,
body.ms-luxury .ops-kpis .metric-gold,
body.ms-luxury .v290-kpis .v290-est {
  background:linear-gradient(125deg,#49311f,#805b2e)!important;
  border-color:#bb8c4a;
}
body.ms-luxury :is(.kpis .hi,.ops-kpis .metric-gold,.v290-kpis .v290-est) :is(b,span,strong,small) {color:#ffe1a2;}
body.ms-luxury .metric-symbol {border-color:#c99c53;background:#fff1d8;color:#946325;}
body.ms-luxury :is(.metric-blue,.metric-teal,.metric-purple,.metric-gold) .metric-symbol {color:#9c681d;}
body.ms-luxury .ops-kpis .danger {border-color:#d8b4a7;background:#fff3ee;}
body.ms-luxury .ops-kpis .warn {border-color:#dbbc78;background:#fff7e8;}
/* Dashboard real graphs, donut centre, alerts and timeline. */
body.ms-luxury .page-dashboard .v260b-analytics>.card {background:#fffdfa;}
body.ms-luxury .page-dashboard .v260b-bar-track {
  background:#f6ebd5;border-color:#e5d3b1;
}
body.ms-luxury .page-dashboard .v260b-bar-fill {
  background:linear-gradient(180deg,#edc66c,#936025);box-shadow:none;
}
body.ms-luxury .page-dashboard .v260b-bar-col:hover .v260b-bar-fill {background:linear-gradient(180deg,#fbe7a5,#ae702d);}
body.ms-luxury .page-dashboard .v260b-donut-hole,
body.ms-luxury .v290-donut-core {background:#fffaf0;border-color:#e0c9a0;box-shadow:0 0 0 2px #f4e4ca;}
body.ms-luxury .page-dashboard .v260b-donut-hole strong {color:#53371f;}
body.ms-luxury .page-dashboard .v260b-legend-row,
body.ms-luxury .page-dashboard .v260b-timeline-entry,
body.ms-luxury .recent-activity-item {border-color:#eadfcd;color:#453223;}
body.ms-luxury .page-dashboard .v260b-bar-value,
body.ms-luxury .page-dashboard .v260b-legend-row b,
body.ms-luxury .v290-month-val {color:#634322;}
body.ms-luxury .page-dashboard .v260b-timeline-entry:hover {background:#f9edda;}
body.ms-luxury .page-dashboard .v260b-timeline-point {background:#b98136;box-shadow:0 0 0 4px #e9cea5;}
body.ms-luxury .page-dashboard .v260b-status-chip {background:#f5e8d0;color:#6b471d;border-color:#dbc091;}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="منتهي"] {background:#e4f3e8;border-color:#b0cdb4;color:#2a6545;}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="متأخر"] {background:#fee9e5;border-color:#ddb0a9;color:#a23630;}
body.ms-luxury .ops-alert {background:#fffaf1;border-color:#e1d1b8;color:#4d3924;}
body.ms-luxury .ops-alert:hover {background:#f8ecd8;}
body.ms-luxury .status-track {background:#f2e5cb;border-color:#e3cfaa;}
body.ms-luxury .status-track span {background:linear-gradient(90deg,#a8742a,#e1b759);}
/* Shipments detail, tabs, finance and warehouse. */
body.ms-luxury .shipment-tabbar,
body.ms-luxury .shipment-quicknav {
  background:#f3e8d4;border:1px solid #dcc7a2;
}
body.ms-luxury .shipment-tab,
body.ms-luxury .shipment-quicknav a {color:#684a29;}
body.ms-luxury .shipment-tab:hover,
body.ms-luxury .shipment-quicknav a:hover {background:#f6e0af;border-color:#c89955;color:#51331a;}
body.ms-luxury .shipment-tab[aria-selected="true"] {
  background:linear-gradient(120deg,#dfb35c,#bd8335);
  color:#34220f;border-color:#b48038;box-shadow:inset 0 -2px #79501f;
}
body.ms-luxury .shipment-tab .tab-count {background:#f8e6be;color:#79511e;}
body.ms-luxury .shipment-preview-card {background:#fffdf8;}
body.ms-luxury .modepanel {background:#f6ebd5;border-color:#c8a774;color:#60401f;}
body.ms-luxury .modepanel.automatic {background:#e9f1e9;border-color:#b8cfb7;}
body.ms-luxury .modepanel.historical {background:#f7eddb;border-color:#dabd85;}
body.ms-luxury .page-form .v296-freight-legacy {background:#fff3dd;color:#725122;border-color:#c9a260;}
body.ms-luxury .page-form .v296-freight-copy-notice {background:#faf0d8;color:#5b401f;border-color:#d5b779;}
body.ms-luxury .page-form #freight_total_sar {background:#f8edce;color:#5f421a;border-color:#d0ae6e;}
body.ms-luxury .timeline::before {background:#d8b47b;}
body.ms-luxury .timeline-dot {background:#ad7733;border-color:#fffdf7;}
/* Reports and analytics — no changes to values/filters/export authorization. */
body.ms-luxury .v290-reports {color:#34291d;}
body.ms-luxury .v290-reports .card {background:#fffcf6;border-color:#dfceb3;}
body.ms-luxury .v290-filterbar label {color:#6a5241;}
body.ms-luxury .v290-filterbar select {background:#fffdfa;color:#3c2a1d;border-color:#d2baa1;}
body.ms-luxury .v290-kpis small,body.ms-luxury .v290-kpis span {color:#756554;}
body.ms-luxury .v290-kpis strong {color:#7c4d21;}
body.ms-luxury .v290-kpis .v290-rec strong {color:#39704a;}
body.ms-luxury .v290-kpis .v296-alloc strong {color:#a16f27;}
body.ms-luxury .v290-policy {background:#fff4df;color:#6b5032;border-color:#cca15a;}
body.ms-luxury .v290-policy strong {color:#84541e;}
body.ms-luxury .v290-section-head h2 {color:#38291d;}
body.ms-luxury .v290-months {border-color:#ddc5a1;}
body.ms-luxury .v290-month-bar {background:linear-gradient(180deg,#f3d484,#a47333);box-shadow:none;}
body.ms-luxury .v290-dot {box-shadow:none;}
body.ms-luxury .v290-vendor-row,body.ms-luxury .v290-exp-row {color:#4b382a;}
body.ms-luxury .v290-vendor-row:hover {color:#66421c;background:#faecd5;}
body.ms-luxury .v290-progress {background:#efdfc6;}
body.ms-luxury .v290-progress i {background:linear-gradient(90deg,#9d671f,#e4be68);}
body.ms-luxury .v290-warehouse>div {background:#faf3e8;border-color:#decab0;}
body.ms-luxury .v290-warehouse strong {color:#69421d;}
body.ms-luxury .v290-table th {background:#36271e;color:#f6e2bc;}
body.ms-luxury .v290-table td {background:#fffdf9;color:#423022;border-color:#e9d9c4;}
body.ms-luxury .v290-sup-table td:first-child {background:#fff4df;}
body.ms-luxury .v290-sup-table th:first-child {background:#44301f;}
body.ms-luxury .v290-donut-core strong {color:#513720;}
/* Knowledge Base KB1: preserve current server-side permission gating. */
body.ms-luxury .kb-root {color:#3b2c1e;}
body.ms-luxury .kb-hero {background:linear-gradient(115deg,#2b1f18,#654120);border-color:#ad8247;}
body.ms-luxury .kb-hero h1 {color:#ffecbe;}
body.ms-luxury .kb-hero p {color:#ead7b5;}
body.ms-luxury .kb-eyebrow {color:#f2d28a;}
body.ms-luxury .kb-search>label {color:#f8e9cc;}
body.ms-luxury .kb-searchbar input {background:#fffcf6;color:#3a281c;border-color:#bfa277;}
body.ms-luxury .kb-sidebar,body.ms-luxury .kb-card,body.ms-luxury .kb-article {background:#fffefa;border-color:#e0cdb4;color:#38291e;}
body.ms-luxury .kb-card:hover {background:#f9efdd;border-color:#bd8f47;}
body.ms-luxury .kb-card-cat,body.ms-luxury .kb-chip,body.ms-luxury .kb-card-more {color:#986522;}
body.ms-luxury .kb-sidebar nav a {color:#4d3828;}
body.ms-luxury .kb-sidebar nav a:hover,body.ms-luxury .kb-sidebar nav a.active {background:#f2dfb5;color:#4d3117;}
body.ms-luxury .kb-sidebar nav span {background:#efe1c8;color:#583919;}
body.ms-luxury .kb-crumb a,body.ms-luxury .kb-end a {color:#965e23;}
body.ms-luxury .kb-lead,body.ms-luxury .kb-card p {color:#746252;}
body.ms-luxury .kb-note {background:#fff2d5;color:#5e401f;}
body.ms-luxury .kb-note strong {color:#8c5618;}
body.ms-luxury .kb-related a {background:#f6e5c7;color:#6a451e;border-color:#dabd89;}
body.ms-luxury .kb-context-help>a {background:#fff8e9;color:#946121;border-color:#dcc396;}
body.ms-luxury .kb-context-help>a:hover {background:#f4e4c7;}
/* Other settings and utility modules use the same root/panel palette. */
body.ms-luxury :is(.v291-flag-chip,.v281-badge,.v292-form-actions,.supplier-panel) {
  border-color:#d8c5ac;
}
body.ms-luxury :is(.supplier-table th,.users-table th) {background:#33261d;color:#f5e3c5;}
body.ms-luxury .site-footer {
  color:#d9c8ad;background:linear-gradient(110deg,#211915,#3b2a1c);
  border-top:1px solid #b58b50;
}
body.ms-luxury .site-footer .footer-version {background:#6b491f;color:#f9d991;border-color:#997241;}
body.ms-luxury .site-footer a {color:#efc872;}
/* Login/reset pages: do not change their form logic or security workflow. */
body.ms-luxury .premium-auth-content {background:#f7f0e5;}
body.ms-luxury .premium-auth-content .authbox {background:#fffdf7;border:1px solid #d9be91;color:#332719;}
body.ms-luxury .premium-auth-content .authbox h1 {color:#322318;}
body.ms-luxury .premium-auth-content label {color:#685039;}
body.ms-luxury .premium-auth-story {
  background:linear-gradient(105deg,rgba(35,24,15,.37),rgba(25,20,16,.77)),url("ms-port-gold.jpg") center / cover no-repeat;
}
body.ms-luxury .story-message h2 {color:#f9e3b6;}
body.ms-luxury .story-eyebrow,body.ms-luxury .story-message .eyebrow {color:#e8ca86;}
body.ms-luxury .story-points span {background:#3b2919;color:#f5dfb7;border-color:#ad8651;}
/* Preserve true compact tables, mobile RTL, native focus indicators, and PDF8. */
@media(max-width:1100px){
 body.ms-luxury .top {flex-wrap:wrap;}
 body.ms-luxury .top .primary-nav {overflow-x:auto;}
}
@media(max-width:740px){
 body.ms-luxury .top {padding:7px 11px;gap:7px;}
 body.ms-luxury .top .brand-mark {width:33px;height:33px;}
 body.ms-luxury .card {padding:14px;}
 body.ms-luxury .shipment-tabbar {overflow-x:auto;flex-wrap:nowrap;}
}
@media print {
 body.ms-luxury {background:white!important;color:black!important;}
 body.ms-luxury :is(.card,.tablewrap,.grid td,.grid th) {box-shadow:none!important;}
 body.ms-luxury .top,body.ms-luxury .site-footer {display:none!important;}
}

/* Explicit correction for legacy sticky blue headings marked !important in parity.css. */
body.ms-luxury .grid thead th,
body.ms-luxury .shipments-list-table thead th,
body.ms-luxury .shipments-list-table thead th.bulk-select-head,
body.ms-luxury .page-list .shipments-list-table thead th[data-col="serial"] {
  background:#36281e !important;
  color:#f7e7c5 !important;
  border-color:#b78a47 !important;
}
body.ms-luxury .shipments-list-table thead th a {color:#f7e7c5 !important;}
/* Finance and audit pages include intentionally isolated original palettes. */
body.ms-luxury .v281-summary>.card,
body.ms-luxury .v291-audit .card,
body.ms-luxury .suppliers-kpis>.card {
  background:#fffdfa;
  border-color:#ddcbb1;
}
body.ms-luxury .v281-summary strong,
body.ms-luxury .v291-cards strong,
body.ms-luxury .suppliers-kpis b {color:#81531f;}
body.ms-luxury .v281-summary small,
body.ms-luxury .v281-summary .card span,
body.ms-luxury .v291-cards small,
body.ms-luxury .suppliers-kpis span {color:#715f50;}
body.ms-luxury .v281-summary .v281-est-card,
body.ms-luxury .v291-cards .v291-warn {background:#f9edcf;border-color:#d8b97f;}
body.ms-luxury .v281-summary .v281-est-card strong,
body.ms-luxury .v291-cards .v291-warn strong {color:#85541d;}
body.ms-luxury :is(.v281-policy,.v281-financial-disclosure,.v291-policy,.v282-reconcile-notice,.suppliers-info) {
  background:#fff3dd;
  color:#5f482d;
  border-inline-start-color:#c89d55;
}
body.ms-luxury :is(.v281-policy,.v281-financial-disclosure,.v291-policy,.v282-reconcile-notice,.suppliers-info) :is(p,strong,a) {color:#69461e;}
body.ms-luxury .v281-metrics span {background:#efe2c8;color:#5a4329;border-color:#c9b08b;}
body.ms-luxury .v291-audit {color:#3f2f22;}
body.ms-luxury .v291-filters label,body.ms-luxury .v281-filters label {color:#715644;}
body.ms-luxury .v291-panel h2 {color:#39291c;}
body.ms-luxury :is(.v281-table th,.v291-table th,.suppliers-table thead th) {
  background:#37281c;color:#f8e9cc;border-color:#9f743f;
}
body.ms-luxury :is(.v281-table td,.v291-table td,.suppliers-table td) {color:#413327;border-color:#e4d7c7;}
body.ms-luxury .page-suppliers .suppliers-table :is(td.suppliers-name,td.suppliers-editor) {
  background:#fff7e8;box-shadow:-2px 0 8px rgba(91,61,22,.09);
}
body.ms-luxury .page-suppliers .suppliers-table tbody tr:hover :is(td.suppliers-name,td.suppliers-editor) {background:#f6e2bd;}
body.ms-luxury .page-suppliers .suppliers-table th:first-child,
body.ms-luxury .page-suppliers .suppliers-table th.v282-editor-heading {background:#47301c;color:#f8e6ba;}
body.ms-luxury .v282-unassigned-chip,
body.ms-luxury .suppliers-table .suppliers-duplicate {background:#f6e8c8;color:#875719;border-color:#c9a46c;}
body.ms-luxury .suppliers-note,body.ms-luxury .v282-unassigned-editor {color:#8a5b26;}
/* Batch tools, users, and account settings retain their permissions and forms. */
body.ms-luxury .bulk-page h2 {color:#37291f;}
body.ms-luxury .bulk-guide span {background:#f4e8d1;color:#674820;border-color:#d6b785;}
body.ms-luxury .bulk-filter-grid label,
body.ms-luxury .bulk-operation-form label,
body.ms-luxury .bulk-approval-form label {color:#5a422d;}
body.ms-luxury .bulk-selection-summary {background:#f6ead4;border-color:#ddc193;}
body.ms-luxury .bulk-selection-summary b,
body.ms-luxury .bulk-selection-summary span {color:#6b481f;}
body.ms-luxury .mfa-code-grid code {background:#f6f0e5;color:#392b20;border-color:#d9c4a3;}
body.ms-luxury .mfa-on {background:#e7f5eb;color:#296541;}
body.ms-luxury .mfa-off {background:#fff2dc;color:#8e5b20;}
/* Keep long navigation available horizontally on narrow screens. */
@media(max-width:740px){
  body.ms-luxury .top {display:flex;flex-wrap:wrap;align-items:center;}
  body.ms-luxury .top .brand {order:0;min-width:0;margin:0;}
  body.ms-luxury .top .who {order:1;margin-inline-start:auto;}
  body.ms-luxury .top .primary-nav {
    order:3;display:flex;flex:0 0 100%;width:100%;min-width:0;
    flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:visible;
    scrollbar-width:thin;scrollbar-color:#ba8a45 #302219;
    padding:3px 0 6px;gap:4px;
  }
  body.ms-luxury .top .primary-nav>a,
  body.ms-luxury .top .primary-nav>.nav-more>summary {flex:0 0 auto;}
  body.ms-luxury .top .nav-more-menu {position:fixed;top:95px;right:8px;max-width:calc(100vw - 16px);}
}

/* Dark gold veins from the approved brand texture; readable areas stay restrained. */
body.ms-luxury .site-footer {
  background:linear-gradient(90deg,rgba(24,17,11,.92),rgba(41,28,18,.91)),
             url("ms-dark-marble.jpg") center / 546px auto repeat;
}
body.ms-luxury .page-dashboard .v260b-donut {
  box-shadow:0 0 0 6px rgba(187,143,76,.24),inset 0 0 18px rgba(64,35,12,.12);
}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="وصلت"] {
  background:#f1e6d1;border-color:#d2b581;color:#795325;
}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="غير محددة"] {
  background:#f2eee4;border-color:#c7b8a4;color:#77624d;
}
/* Auto-fit controls (were still navy in the pre-v296 polish layer). */
:root {--msui-focus:#b67d27;--ui292-border:#d9c5a7;--shipment-tab-border:#d7ba8c;--shipment-tab-focus:#b67d27;}
body.ms-luxury .page-list .shipment-fit-toolbar {background:#fff9ef;border-color:#ddc39b;}
body.ms-luxury .page-list .shipment-fit-help strong {color:#52391f;}
body.ms-luxury .page-list .shipment-fit-help span {color:#79634d;}
body.ms-luxury .page-list .shipment-fit-btn {background:#fffaf0;color:#654522;border-color:#d9bd8f;}
body.ms-luxury .page-list .shipment-fit-btn.is-active,
body.ms-luxury .page-list .shipment-fit-btn[aria-pressed="true"] {
  background:linear-gradient(120deg,#e6c073,#c79340);
  color:#382411;border-color:#ad7b2e;box-shadow:inset 0 -2px #96621c;
}
body.ms-luxury .v281-dashboard-note {background:#fff4df;color:#6c4f32;border-color:#d6ab67;}
body.ms-luxury .v281-dashboard-note strong,body.ms-luxury .v281-dashboard-note a {color:#85571f;}
body.ms-luxury .v281-chip.estimated {background:#fcf1dc;color:#8a591d;border-color:#d4ad70;}
body.ms-luxury .v281-chip.recorded {background:#e7f2e6;color:#2f6a47;border-color:#a8cab1;}
body.ms-luxury .v281-chip.unresolved {background:#ffece8;color:#a03b35;border-color:#dba8a3;}
body.ms-luxury .v281-footer-note {color:#7d6956;}


/* ---- verified approved brand-luxury-b2 ---- */
/* MS Shipments — Luxury Identity B2 visual reconciliation.
 * Additive AFTER brand-luxury-v2971.css. Approved gold MS monogram,
 * Tajawal, bronze/charcoal/ivory-marble. No data, forms, ACL, or charts logic.
 */

/* Login: old blue SVG still exists inside the legacy login markup.
   Render the SAME approved MS-gold-monogram.png already used in the header.
   This is visual-only; preserve Turnstile/login HTML and all controls. */
body.ms-luxury .premium-auth-shell {
  border-color:#cba66a;
  box-shadow:0 22px 65px rgba(45,27,13,.22);
}
body.ms-luxury .premium-auth-content .auth-brand .brand-mark {
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  overflow:hidden;
  border:1px solid #a87a3e;
  border-radius:10px;
  background:#211813 url("ms-gold-monogram.png") center / contain no-repeat;
  box-shadow:0 4px 13px rgba(96,58,16,.16);
}
body.ms-luxury .premium-auth-content .auth-brand .brand-mark img {
  visibility:hidden; /* only visual replacement; original accessible alt remains */
}
body.ms-luxury .premium-auth-content .authbox :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background:#fffaf2;
  color:#362618;
  border-color:#d1b991;
  caret-color:#9b6729;
}
body.ms-luxury .premium-auth-content .authbox :is(input,select,textarea):focus {
  outline:2px solid #b98734;
  outline-offset:2px;
  border-color:#b98734;
  box-shadow:0 0 0 3px rgba(216,176,96,.13);
}
/* Chrome/Edge can otherwise paint previously autofilled fields pale blue. */
body.ms-luxury .premium-auth-content .authbox input:-webkit-autofill,
body.ms-luxury .premium-auth-content .authbox input:-webkit-autofill:focus {
  -webkit-text-fill-color:#332419;
  -webkit-box-shadow:0 0 0 1000px #fffaf2 inset;
  box-shadow:0 0 0 1000px #fffaf2 inset;
  transition:background-color 9999s ease-out;
}

/* Current navigation: remove late legacy cyan border/outline, keep active cue. */
body.ms-luxury header.top .primary-nav>a.on,
body.ms-luxury header.top .primary-nav>.nav-more>summary.on,
body.ms-luxury header.top .primary-nav>a:hover,
body.ms-luxury header.top .primary-nav>.nav-more>summary:hover {
  color:#fff0cf;
  background:linear-gradient(115deg,#644321,#84602f);
  border:1px solid #cb9c4f;
  box-shadow:inset 0 -2px 0 #edcc83;
  outline-color:#d8ac5d;
}
body.ms-luxury .top :is(.primary-nav>a,.nav-more>summary,.account-link):focus-visible {
  outline-color:#f2d48d;
}

/* List hotfix V2.9.3 uses !important for sticky columns; preserve its exact
   scroll/position/z-index/width behavior, ONLY replace cyan/blue backgrounds. */
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table thead th[data-col="serial"],
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table thead th[data-col="bulk-select"] {
  background:#33261c!important;
  color:#f9e4bc!important;
  box-shadow:-1px 0 0 #ab8656!important;
}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table tbody td[data-col="serial"],
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table tbody td[data-col="bulk-select"] {
  background:#fff9ed!important;
  color:#51351e!important;
  box-shadow:-1px 0 0 #e1d1b9!important;
}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table tbody tr:nth-child(even) :is(td[data-col="serial"],td[data-col="bulk-select"]) {
  background:#f5ebda!important;
}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table tbody tr:hover :is(td[data-col="serial"],td[data-col="bulk-select"]) {
  background:#efdbb8!important;
}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow
 .shipments-list-table tbody td[data-col="bulk-select"]:has(input:checked) {
  background:#e4ca97!important;
}
body.ms-luxury .page-list .shipments-list-table [data-col="serial"] a,
body.ms-luxury .page-list .shipments-list-table [data-col="serial"] b {
  color:#87501a!important;
}
body.ms-luxury .page-list .shipments-list-table :is(th,td) {
  border-color:#e4d7c2;
}
body.ms-luxury .page-list .shipments-list-table thead :is(th,th a) {
  color:#fff0d2;
}
body.ms-luxury .page-list .shipments-list-wrap {
  scrollbar-color:#b38a49 #f4ead9;
}

/* Semantic statuses: remain distinguishable with text AND tone, without
   treating bright turquoise as a permanent brand color. More specific than
   status-e.css !important while affecting presentation only. */
body.ms-luxury :is(.status-chip.status-shipping,.status-select.status-shipping,
 .shipments-list-table .status-chip.status-shipping,
 .shipments-list-table .status-select.status-shipping,
 .shipment-status-shipping) {
  background:#574026!important;
  color:#ffedc8!important;
  border-color:#b88945!important;
}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="في الشحن"] {
  background:#574026!important;
  color:#ffedc8!important;
  border-color:#b88945!important;
}
body.ms-luxury :is(.status-chip.status-arrived,.status-select.status-arrived),
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="وصلت"] {
  background:#e9efe3!important;
  border-color:#8da57b!important;
  color:#335a2a!important;
}
body.ms-luxury :is(.status-chip.status-clearing,.status-select.status-clearing),
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="جاري التخليص"] {
  background:#fff0d6!important;
  border-color:#c39143!important;
  color:#795018!important;
}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="غير محددة"] {
  background:#f0e9dd;border-color:#c3b49d;color:#5b5045;
}
body.ms-luxury .page-dashboard .v260b-status-chip[data-state="متوقف"] {
  background:#eee9e1;border-color:#bcb2a2;color:#5f584f;
}
/* Keep accessibility status differentiation; do not change supplier colors. */

/* Dashboard activity scroll rail and supporting text were still cyan. */
body.ms-luxury .page-dashboard .v260b-timeline {
  scrollbar-color:#aa8046 #f2e9dd;
}
body.ms-luxury .page-dashboard .v260b-timeline-entry span:not(.v260b-timeline-point),
body.ms-luxury .page-dashboard .v260b-timeline-entry time {
  color:#89735b;
}
body.ms-luxury .page-dashboard :is(.v260b-data-note,.v260b-bar-label,
 .v260b-legend-row small) {
  color:#887764;
}
body.ms-luxury .page-dashboard .v260b-donut {
  box-shadow:0 0 0 7px #e6cfaa,inset 0 0 16px #4f2c1015;
}

/* These fixes do not override the established Tajawal typography, density,
   list sticky column layout, numeric formatting, or print/PDF implementation. */
@media print {
  body.ms-luxury .premium-auth-content .auth-brand .brand-mark,
  body.ms-luxury .top .brand-mark {box-shadow:none!important;}
}


/* ---- verified approved brand-luxury-b3 ---- */
/* MS Shipments Luxury B3 | Production theme polish.
 * Layer AFTER B2. Never alter business logic, finance calculations,
 * content or accessibility semantics. Arabic Tajawal is inherited intact. */

/* Resolution-independent marble (no low-res repeats / cheap photo blur). */
body.ms-luxury {
  background-color:#faf7f1;
  background-image:linear-gradient(180deg,rgba(255,255,255,.63),rgba(250,247,242,.71)),url("ms-ivory-marble-b3.svg");
  background-size:auto,cover;
  background-attachment:scroll,fixed;
}
body.ms-luxury .top,
body.ms-luxury .site-footer {
  background-color:#281a10;
  background-image:linear-gradient(110deg,rgba(26,18,13,.87),rgba(39,23,12,.75)),url("ms-dark-marble-b3.svg");
  background-size:auto,cover;
  background-repeat:no-repeat;
}
body.ms-luxury .premium-auth-story,
body.ms-luxury .page-dashboard .hero-art {
  background-image:linear-gradient(105deg,rgba(28,19,13,.20),rgba(21,14,11,.51)),url("ms-port-b3.webp");
  background-size:cover;
  background-position:center 48%;
  image-rendering:auto;
}
body.ms-luxury .premium-auth-story {background-position:center 43%;}
body.ms-luxury .page-dashboard .hero-art {background-position:center 46%;}
@media (min-width:1200px){
 body.ms-luxury .premium-auth-story {background-position:center 47%;}
}
/* Approved GOLD monogram. parity.css sets background:transparent!important,
 * which prevented B2 login badge from rendering and B2 hid the old blue image.
 * Override BOTH in B3, keeping auth/Turnstile HTML and alt text untouched. */
body.ms-luxury .premium-auth-content .auth-brand .brand-mark {
  display:inline-grid!important;
  flex:0 0 53px;
  width:53px!important;height:53px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #a4783e!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#24170f url("ms-gold-mark-b3.png") center center / cover no-repeat!important;
  box-shadow:0 2px 12px rgba(63,36,14,.17)!important;
}
body.ms-luxury .premium-auth-content .auth-brand .brand-mark :is(img,svg) {
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.ms-luxury .premium-auth-content .auth-brand h1,
body.ms-luxury .premium-auth-content .authbox h1,
body.ms-luxury .premium-auth-content .auth-brand p,
body.ms-luxury .premium-auth-content .authbox label,
body.ms-luxury .premium-auth-content .authbox a:not(.btn) {
  color:#4b301e!important;
}
body.ms-luxury .premium-auth-content .authbox :is(input,select,textarea) {
  color:#2c2117!important;
  -webkit-text-fill-color:#2c2117;
  accent-color:#bd8736;
}
body.ms-luxury .premium-auth-content .authbox :is(input,select,textarea)::selection {
  color:#2e200f;background:#e3c380;
}
body.ms-luxury .premium-auth-content .authbox input:-webkit-autofill,
body.ms-luxury .premium-auth-content .authbox input:-webkit-autofill:focus {
  -webkit-box-shadow:0 0 0 1000px #fffaf2 inset!important;
  -webkit-text-fill-color:#2c2117!important;
  caret-color:#3f2918;
}
body.ms-luxury .premium-auth-content .authbox :is(input,select,textarea):focus {
  outline:2px solid #b88636!important;
  outline-offset:2px;
  border-color:#a97933!important;
  box-shadow:0 0 0 3px #d1a35725!important;
}
body.ms-luxury .premium-auth-content .authbox button:focus-visible,
body.ms-luxury .premium-auth-content .authbox a:focus-visible {outline-color:#b88636;}
/* Header active item still inherited a late blue theme rule. */
body.ms-luxury header.top .primary-nav>a.on,
body.ms-luxury header.top .primary-nav>.nav-more>summary.on {
  color:#fff3d9!important;
  border-color:#bf9146!important;
  background:linear-gradient(130deg,#4b321d,#8b602f)!important;
  box-shadow:inset 0 -2px 0 #f0c66b!important;
}
body.ms-luxury header.top .brand-mark,
body.ms-luxury .top .brand-mark {
  border:1px solid #ad8040!important;
  border-radius:9px!important;
  background:#20140c!important;
  box-shadow:0 2px 10px #120b0690!important;
}
body.ms-luxury .top .brand-mark img {object-fit:cover;filter:none;}
/* Responsive, crisp, custom outline icon set; no emoji/glyph dependency. */
body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis .metric-symbol {
  display:inline-flex;align-items:center;justify-content:center;
  width:37px;height:37px;min-width:37px;min-height:37px;
  border:1px solid #cfa96b;
  border-radius:11px;
  color:#86541f;
  background:linear-gradient(150deg,#fff6e5,#f4e1bc);
  box-shadow:inset 0 1px 0 #fffef8,0 2px 5px #5e401016;
  line-height:1;
}
body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis .metric-symbol svg {
  width:22px;height:22px;display:block;flex:0 0 auto;
  stroke:currentColor;overflow:visible;
  vector-effect:non-scaling-stroke;
}
body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis .metric-gold .metric-symbol {
  background:linear-gradient(150deg,#fce8ab,#d6aa59);
  border-color:#e3bf75;color:#4d3016;
}
body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis :is(a,div):hover .metric-symbol {
  border-color:#bd8736;box-shadow:0 3px 9px #98652a32;
}
@media(max-width:740px){
 body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis .metric-symbol{width:32px;height:32px;min-width:32px;min-height:32px;}
 body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis .metric-symbol svg{width:19px;height:19px;}
}
/* Specific remaining blue decorative elements, not supplier identity badges. */
body.ms-luxury .page-list :is(.bulk-list-toolbar,.shipment-fit-toolbar) {
  border-color:#bc945c!important;
}
body.ms-luxury .page-list .bulk-list-toolbar {
  background:linear-gradient(100deg,#38271c,#644322)!important;
  color:#f5e4bf!important;
}
body.ms-luxury .page-list .bulk-list-toolbar :is(span,strong,small) {color:inherit;}
body.ms-luxury .page-list .shipments-list-table :is(th,td)[data-col="bulk-select"] {
  border-color:#c8ae83;
}
body.ms-luxury .page-dashboard .v260b-timeline {
  scrollbar-color:#a97b3c #efe2ce!important;
}
/* Preserve the original Tajawal font, all document exports, user data and ACL. */
@media print {
 body.ms-luxury {background:#fff!important;}
 body.ms-luxury .page-dashboard .ops-kpis.v260b-kpis .metric-symbol {box-shadow:none!important;}
}


/* ---- verified approved brand-luxury-b4 ---- */
/* MS Shipments Luxury B4: scoped, visual-only corrections. Inherit MS Tajawal.
   Gold #D4AF37, bronze #8B5E34, charcoal #1F1C18, ivory #FAF9F6.
   Loaded last after B3. Do not change table positions, auth logic or finance ACL. */

/* Supplier identity: original brand logos remain in their own colors, within
   a quiet ivory slot. Eliminate random legacy neon tone pills. */
body.ms-luxury .supplier-badge {
  --sup-bg:#f9f3e8;--sup-border:#ceb488;--sup-fg:#51351f;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  max-width:100%;min-width:0;line-height:1.32;
  background:linear-gradient(115deg,#fffaf2,#f5ead7)!important;
  border:1px solid #cbae7b!important;color:#50381f!important;
  box-shadow:inset 0 1px 0 #fff,0 1px 3px #34200a12;
  border-radius:10px!important;padding:3px 9px!important;font-weight:750;
  font-family:inherit;vertical-align:middle;text-align:center;
}
body.ms-luxury .supplier-badge.supplier-branded-b4 {padding:3px 6px 3px 9px!important;justify-content:flex-start;}
body.ms-luxury .supplier-badge .supplier-logo-frame {
  display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;
  width:39px;height:31px;overflow:hidden;border-radius:6px;
  background:#fff;border:1px solid #e8decd;
}
body.ms-luxury .supplier-badge .supplier-logo-b4 {width:36px;height:27px;max-width:100%;object-fit:contain;display:block;}
body.ms-luxury .supplier-badge .supplier-badge-text {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px;color:inherit!important;}
body.ms-luxury .supplier-badge-empty {background:#f2ebdd!important;color:#736756!important;}
body.ms-luxury .page-list .shipments-list-table td[data-col="supplier"] .supplier-badge{max-width:100%;}
body.ms-luxury .page-list .shipments-list-table td[data-col="supplier"] {min-width:130px;}
body.ms-luxury .page-view .supplier-detail-field .supplier-badge {justify-content:flex-start;}

/* Supplier directory: polished masthead, KPI tiles, readable original data grid.
   Do not obscure the financial-disclosure and unassigned-supplier sections. */
body.ms-luxury .page-suppliers .suppliers-luxury-b4 {gap:15px;}
body.ms-luxury .page-suppliers .suppliers-hero-b4 {
  position:relative;overflow:hidden;border-radius:16px;min-height:128px;
  padding:24px 28px;border:1px solid #bc955b;
  background:linear-gradient(95deg,#2b2016f5 10%,#4d3422de 57%,#7a522abf),url("ms-dark-marble-b3.svg") center / cover;
  box-shadow:0 10px 25px #4d301923;
}
body.ms-luxury .page-suppliers .suppliers-hero-b4 :is(h1,p,.section-eyebrow){color:#fce7c0!important;}
body.ms-luxury .page-suppliers .suppliers-hero-b4 .section-eyebrow{color:#dfb66e!important;letter-spacing:1.1px;}
body.ms-luxury .page-suppliers .suppliers-hero-b4 .btn{background:#fff6e9;color:#593815;border-color:#d7ad66;}
body.ms-luxury .page-suppliers .suppliers-kpis>.card{
 background:linear-gradient(155deg,#fffefa,#f5ead9)!important;
 border:1px solid #dec9a8!important;border-top:3px solid #c6a05f!important;
 box-shadow:0 5px 16px #61452510!important;border-radius:13px;
}
body.ms-luxury .page-suppliers .suppliers-kpis>.card b{color:#653f20!important;font-variant-numeric:tabular-nums;}
body.ms-luxury .page-suppliers .suppliers-kpis>.card span{color:#79644e!important;}
body.ms-luxury .page-suppliers .suppliers-table-wrap{border:1px solid #cdb183!important;border-radius:13px;scrollbar-color:#be9151 #f4e9d9;}
body.ms-luxury .page-suppliers .suppliers-table thead th{
 background:#32261d!important;color:#ffedd1!important;border-color:#795834!important;
}
body.ms-luxury .page-suppliers .suppliers-table tbody tr:nth-child(odd) td{background:#fffdfa!important;}
body.ms-luxury .page-suppliers .suppliers-table tbody tr:nth-child(even) td{background:#f9f3e8!important;}
body.ms-luxury .page-suppliers .suppliers-table tbody tr:hover td{background:#f1e1c4!important;color:#392518!important;}
body.ms-luxury .page-suppliers .suppliers-table tbody tr:hover td.suppliers-name,
body.ms-luxury .page-suppliers .suppliers-table tbody tr:hover td.suppliers-editor{background:#f1e1c4!important;}
body.ms-luxury .page-suppliers .suppliers-table td.suppliers-name {
 min-width:205px;max-width:245px;text-align:start;box-shadow:-1px 0 0 #d6bf99!important;
}
body.ms-luxury .page-suppliers .suppliers-table td.suppliers-name a{text-decoration:none;}
body.ms-luxury .page-suppliers .suppliers-table td.suppliers-name .supplier-badge{max-width:100%;}
body.ms-luxury .page-suppliers .suppliers-table td.suppliers-name .supplier-badge-text{max-width:140px;}
body.ms-luxury .page-suppliers .suppliers-table td.suppliers-editor{box-shadow:1px 0 0 #d6bf99!important;}
body.ms-luxury .page-suppliers .supplier-inline-form :is(input,select){background:#fffdf8!important;color:#39291a!important;border-color:#c9aa80!important;}
body.ms-luxury .page-suppliers :is(.v282-reconcile-notice,.v281-financial-disclosure,.suppliers-info){background:#fff9ee!important;border-color:#dbbe8f!important;}
body.ms-luxury .page-suppliers .suppliers-search :is(input,select){background:#fffdf9!important;border-color:#cdb38a!important;color:#39291a!important;}

/* Login phrase still inherited old cold blue. A scoped text override only;
   never touch Turnstile widget, login form or session behavior. */
body.ms-luxury .premium-auth-story .story-message p,
body.ms-luxury .premium-auth-story .story-message p :is(span,strong,small),
body.ms-luxury .premium-auth-story .story-points span {
 color:#fff0d6!important;
}
body.ms-luxury .premium-auth-story .story-message p{text-shadow:0 1px 2px #130c06a6;}

/* Navigation hover, active and keyboard focus, including legacy !important selectors. */
body.ms-luxury header.top .primary-nav>a:hover,
body.ms-luxury header.top .primary-nav>a.on,
body.ms-luxury header.top .primary-nav>.nav-more>summary:hover,
body.ms-luxury header.top .primary-nav>.nav-more>summary.on,
body.ms-luxury header.top .nav-more-menu>a:hover,
body.ms-luxury header.top .nav-more-menu>a.on {
 background:linear-gradient(125deg,#6d4826,#91642e)!important;
 color:#fff5df!important;border-color:#d5aa61!important;
 box-shadow:inset 0 -2px 0 #f1d183!important;
}
body.ms-luxury header.top .primary-nav>a:focus-visible,
body.ms-luxury header.top .primary-nav>.nav-more>summary:focus-visible,
body.ms-luxury header.top .who a:focus-visible{outline:2px solid #e9bb65!important;outline-offset:2px;}

/* Account was near-white on dark toolbar: make it a dark bronze, readable chip. */
body.ms-luxury header.top .who a.account-link,
body.ms-luxury header.top .who a.account-link:not(.btn){
 background:#5b3d21!important;border:1px solid #be914f!important;
 color:#ffeacc!important;opacity:1!important;
 text-decoration:none!important;text-shadow:none!important;
 box-shadow:inset 0 1px 0 #d8b7762c!important;
 border-radius:9px!important;padding:7px 11px!important;
}
body.ms-luxury header.top .who a.account-link:hover,
body.ms-luxury header.top .who a.account-link.on{
 background:#96632e!important;color:#fff!important;border-color:#edc47b!important;
}

/* Shipment hover + bulk selection. Explicitly override V2.9.3 sticky cells and
   avoid blue of the old bulk-selection rules, while preserving row position. */
body.ms-luxury .page-list .shipments-list-table tbody tr.click:hover td,
body.ms-luxury .page-list .shipments-list-table tbody tr:hover td,
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced .shipments-list-table tbody tr:hover td{
 background:#f0dfc0!important;color:#392719!important;
 border-color:#d5b68c!important;
}
body.ms-luxury .page-list .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked) td,
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked) td{
 background:#e9ce9c!important;color:#2f2115!important;border-color:#bf9558!important;
 box-shadow:inset 0 1px 0 #c59957,inset 0 -1px 0 #c59957!important;
}
body.ms-luxury .page-list .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked):hover td{
 background:#dfba7a!important;
}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody tr:hover :is(td[data-col="serial"],td[data-col="bulk-select"]){background:#f0dfc0!important;color:#3c2918!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked) :is(td[data-col="serial"],td[data-col="bulk-select"]){background:#e9ce9c!important;color:#2f2115!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody td[data-col="bulk-select"]:has(input:checked){background:#e9ce9c!important;}
body.ms-luxury .page-list .shipments-list-table tbody tr :is(a,b,strong){color:inherit;}
body.ms-luxury .page-list .shipments-list-table tbody td[data-col="serial"] a,
body.ms-luxury .page-list .shipments-list-table tbody td[data-col="serial"] b{color:#75501f!important;}
body.ms-luxury .page-list .bulk-list-checkbox,
body.ms-luxury .page-list #bulk-list-select-all{accent-color:#a46c26!important;}
body.ms-luxury .page-list .shipments-list-table :is(a,select,input):focus-visible{outline:2px solid #aa752f!important;outline-offset:2px;}
body.ms-luxury .page-list .shipments-list-table tbody tr:hover .supplier-badge,
body.ms-luxury .page-list .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked) .supplier-badge{background:#fff8ed!important;color:#50381f!important;}

/* Country of origin is represented by a genuine bundled SVG for known values.
   Unknown values retain their original escaped text; stored origin is untouched. */
body.ms-luxury .origin-country-cell-b4{text-align:center!important;min-width:74px;}
body.ms-luxury .origin-flag-b4{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:39px;height:29px;background:#fffaf4;border:1px solid #d2b787;border-radius:6px;padding:2px;}
body.ms-luxury .origin-flag-b4 img{display:block;object-fit:cover;border-radius:3px;width:32px;height:22px;box-shadow:0 0 0 1px #31211520;}
body.ms-luxury .origin-unmapped-b4{display:inline-block;color:#6b543b;font-size:12px;white-space:nowrap;}
body.ms-luxury .sr-only-b4{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
@media(max-width:760px){
 body.ms-luxury .page-suppliers .suppliers-hero-b4{padding:17px 14px;min-height:110px;}
 body.ms-luxury .page-suppliers .suppliers-table td.suppliers-name{min-width:170px;}
 body.ms-luxury .supplier-badge .supplier-logo-frame{width:33px;height:28px;}
 body.ms-luxury .supplier-badge .supplier-logo-b4{width:30px;height:24px;}
}
@media print{body.ms-luxury .origin-flag-b4{box-shadow:none!important;}body.ms-luxury .supplier-badge{box-shadow:none!important;}}


/* ---- verified approved brand-luxury-b5 ---- */
/* MS Shipments Luxury B5 — scoped final identity refinements. Tajawal unchanged. */
:root{--b5-gold:#c79a51;--b5-ink:#3b2818;--b5-cream:#fff8e9;}
body.ms-luxury{background-image:linear-gradient(180deg,rgba(255,255,255,.40),rgba(251,247,241,.65)),url("ms-ivory-marble-b5.svg")!important;background-size:auto,cover!important;}
body.ms-luxury .page-dashboard .hero-art,body.ms-luxury .premium-auth-story{background-image:linear-gradient(105deg,rgba(28,19,13,.08),rgba(21,14,11,.44)),url("ms-port-b5.webp")!important;image-rendering:auto;}
/* B5-01: persistent navy bulk-select sticky column on shipment register */
body.ms-luxury .page-list .shipments-list-table tbody :is(td[data-col="bulk-select"],td[data-col="serial"]){background:#fffaf2!important;color:#624223!important;}
body.ms-luxury .page-list .shipments-list-table tbody tr:nth-child(even) :is(td[data-col="bulk-select"],td[data-col="serial"]){background:#f6eddf!important;}
body.ms-luxury .page-list .shipments-list-table tbody tr:hover :is(td[data-col="bulk-select"],td[data-col="serial"]){background:#ead2a9!important;color:#362217!important;}
body.ms-luxury .page-list .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked) :is(td[data-col="bulk-select"],td[data-col="serial"]){background:#e2bd80!important;}
body.ms-luxury .page-list .shipments-list-table .bulk-list-checkbox{accent-color:#a77734!important;}
/* B5-03: identity strip; no financial fields disclosed to warehouse users. */
body.ms-luxury .page-view .b5-shipment-title{font-size:clamp(21px,2.3vw,32px)!important;line-height:1.45!important;}
body.ms-luxury .b5-shipment-identity{display:inline-flex;flex-wrap:wrap;align-items:center;gap:9px 13px;max-width:100%;vertical-align:middle;}
body.ms-luxury .b5-shipment-no{font-weight:800;color:#3d2918;white-space:nowrap;}
body.ms-luxury .b5-shipment-no b{font-weight:850;font-size:1.18em;color:#744416;letter-spacing:.2px;}
body.ms-luxury .b5-shipment-supplier .supplier-badge{font-size:15px!important;min-height:46px!important;padding:4px 10px!important;border-color:#bb955a!important;}
body.ms-luxury .b5-shipment-supplier .supplier-logo-frame{width:58px!important;height:42px!important;}
body.ms-luxury .b5-shipment-supplier .supplier-logo-b4{width:54px!important;height:38px!important;object-fit:contain;}
body.ms-luxury .b5-shipment-origin .origin-flag-b4{min-width:51px!important;height:40px!important;}
body.ms-luxury .b5-shipment-origin .origin-flag-b4 img{width:42px;height:29px;}
/* All shipment header metadata share one measured chip size; tones remain semantic. */
body.ms-luxury .page-view .shipment-heading-row :is(.b5-shipment-status,.lock-badge){
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
  box-sizing:border-box;flex:0 0 auto;
  height:var(--shipment-chip-height,36px);min-height:var(--shipment-chip-height,36px);
  padding-block:0;padding-inline:var(--shipment-chip-padding,13px);
  border-radius:var(--shipment-chip-radius,999px);
  font-size:var(--shipment-chip-font-size,14px)!important;font-weight:750;
  line-height:1.2;white-space:nowrap;
}
body.ms-luxury .b5-shipment-status{
  background:#6b4826;color:#fff3d5!important;
  border:1px solid #b78a47;
}
/* B5-04/05: document type indicators + inline editor (no popup) */
body.ms-luxury :is(.page-documents,.page-view) .doc-icon,body.ms-luxury .page-documents .doc-type-card b{background:linear-gradient(135deg,#6a4729,#aa793e)!important;color:#fff0d1!important;border:1px solid #bd985f!important;}
body.ms-luxury .page-documents .doc-type-card b{padding:3px 9px;border-radius:10px;}
body.ms-luxury .page-documents .document-row{overflow:visible;min-width:0;}
body.ms-luxury .page-documents .doc-actions{flex-wrap:wrap;position:relative;}
body.ms-luxury .page-documents .b5-doc-edit{min-width:80px;}
body.ms-luxury .page-documents .b5-doc-edit summary{list-style:none;cursor:pointer;text-align:center;background:#faf2e3!important;color:#65441d!important;border-color:#c7a46b!important;}
body.ms-luxury .page-documents .b5-doc-edit summary::-webkit-details-marker{display:none;}
body.ms-luxury .page-documents .b5-doc-edit[open]{flex:0 0 100%;}
body.ms-luxury .page-documents .b5-doc-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;margin-top:10px;border:1px solid #d6b782;background:#fff8ec;border-radius:12px;min-width:min(500px,82vw);box-shadow:0 6px 19px #5940231b;}
body.ms-luxury .page-documents .b5-doc-edit-form label{display:flex;flex-direction:column;gap:4px;color:#50351e;}
body.ms-luxury .page-documents .b5-doc-edit-form :is(input,select){background:#fffefa;color:#2b1b10;border-color:#cbaa75;}
body.ms-luxury .page-documents .b5-doc-edit-form p{grid-column:1/-1;margin:0;}
body.ms-luxury .page-documents .b5-doc-edit-form button{width:max-content;max-width:100%;}
/* B5-08 / B5-09: remove stale focus/hover blue, preserve visible keyboard focus. */
body.ms-luxury :is(.card,.kpis>div,.ops-kpis>div,.ops-kpis>a,.f,.doc-type-card,.modepanel,.tablewrap):hover{border-color:#caa36b!important;box-shadow:0 3px 14px #a77f3b24!important;}
body.ms-luxury .page-form :is(.card,.modepanel,.form-card,.tablewrap):hover{border-color:#cda66f!important;}
body.ms-luxury .page-form :is(input,select,textarea):focus,body.ms-luxury .page-form :is(input,select,textarea):focus-visible{outline:2px solid #b98539!important;outline-offset:1px;border-color:#b98539!important;box-shadow:0 0 0 3px #ccac7133!important;}
body.ms-luxury .page-form :is(input,select,textarea)::selection{background:#e6c17d;color:#2b1d10;}
body.ms-luxury .page-form input[type=checkbox],body.ms-luxury .page-form input[type=radio]{accent-color:#a97839!important;}
body.ms-luxury .page-form :is(.items-editor,.expense-editor,.expense-editor-wrap) :is(tfoot td,.totals-row td){background:#f3e5cd!important;color:#513619!important;}
body.ms-luxury .page-form .grid :is(th,td),body.ms-luxury .page-form .tablewrap{border-color:#cfb38a!important;}
body.ms-luxury :is(button,.btn,a,summary):focus-visible{outline:2px solid #d7a452!important;outline-offset:2px;}
/* B5-17: compact action feed; preserve original event links and chronological records. */
body.ms-luxury .page-dashboard .v260b-timeline{max-height:285px;gap:6px;padding:3px 5px;scrollbar-color:#bc8a45 #f5ead9;}














@media(max-width:720px){body.ms-luxury .page-view .b5-shipment-title{font-size:22px!important;}body.ms-luxury .page-documents .b5-doc-edit-form{grid-template-columns:1fr;min-width:0;}body.ms-luxury .page-dashboard .b5-activity-top{flex-wrap:wrap;}}
@media print{body.ms-luxury .b5-doc-edit{display:none!important;}body.ms-luxury .page-dashboard .b5-activity-entry{break-inside:avoid;}}

/* Highest specificity only for scroll-pinned cells, keeping sticky right/left layout and z-index intact. */
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody tr :is(td[data-col="bulk-select"],td[data-col="serial"]){background:#fffaf2!important;color:#604427!important;box-shadow:-1px 0 0 #d8bf9a!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody tr:nth-child(even) :is(td[data-col="bulk-select"],td[data-col="serial"]){background:#f5ebdb!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table thead th[data-col="bulk-select"],
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table thead th[data-col="serial"]{background:#34271b!important;color:#f8e8c8!important;border-color:#8a663a!important;box-shadow:-1px 0 0 #937044!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody tr:hover :is(td[data-col="serial"],td[data-col="bulk-select"]){background:#efd8b2!important;color:#372416!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody tr:has(.bulk-list-checkbox:checked) :is(td[data-col="serial"],td[data-col="bulk-select"]){background:#e5c38d!important;color:#372416!important;}
body.ms-luxury .page-list .shipments-list-wrap.v293-enhanced.has-horizontal-overflow .shipments-list-table tbody td[data-col="bulk-select"]:has(input:checked){background:#e5c38d!important;}

/* MS Shipments — Stable Navbar v1.1: identical horizontal anchoring across pages.
 * Prevent active-page overflow and scrollbar appearance from shifting links. */
@media (min-width:741px) {
  html { scrollbar-gutter:stable; }
  body.ms-luxury header.top .ms-nav-help-placeholder {
    display:inline-block;flex:0 0 30px;width:30px;min-width:30px;height:30px;
    visibility:hidden;pointer-events:none;
  }
  body.ms-luxury header.top .primary-nav {min-width:0;white-space:nowrap;justify-content:flex-start;}
  body.ms-luxury header.top .primary-nav > a,
  body.ms-luxury header.top .primary-nav > .nav-more {flex:0 0 auto;}
  body.ms-luxury header.top .who {flex-shrink:0;white-space:nowrap;}
}
@media (min-width:1500px) {
  body.ms-luxury header.top {
    display:grid;grid-template-columns:200px minmax(0,1fr) max-content;
    align-items:center;gap:12px;flex-wrap:nowrap;
  }
  body.ms-luxury header.top .brand {min-width:0;width:200px;}
  body.ms-luxury header.top .primary-nav {display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow:visible;gap:3px;}
  body.ms-luxury header.top .who {display:flex;gap:8px;justify-content:flex-end;min-width:0;}
}
@media (min-width:741px) and (max-width:1499px) {
  body.ms-luxury header.top {display:grid;grid-template-columns:minmax(200px,1fr) max-content;gap:6px 12px;align-items:center;}
  body.ms-luxury header.top .brand {grid-row:1;grid-column:1;min-width:0;}
  body.ms-luxury header.top .who {grid-row:1;grid-column:2;justify-content:flex-end;}
  body.ms-luxury header.top .primary-nav {
    grid-row:2;grid-column:1 / -1;min-width:0;display:flex;flex-wrap:nowrap;
    overflow:visible;justify-content:flex-start;gap:6px;
  }
}
@media (max-width:740px) {
  body.ms-luxury header.top .ms-nav-help-placeholder {display:none;}
}
/* DD/MM/YYYY date presentation; actual form values remain ISO for backend storage. */
body.ms-luxury .b6-shipment-form .ms-date-entry {
  display:flex;align-items:center;min-width:0;position:relative;
  width:100%;border:1px solid #d4b57f;border-radius:7px;
  background:#fffdfa;overflow:visible;
}
body.ms-luxury .b6-shipment-form .ms-date-entry:focus-within {
  outline:2px solid #b17b25;outline-offset:2px;
}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-display {
  flex:1 1 auto;min-width:0;width:100%;height:37px;border:0!important;
  border-radius:7px;background:transparent;box-shadow:none!important;
  padding:7px 10px;direction:ltr;text-align:right;font:500 15px "MS Tajawal",Tahoma,sans-serif;
  color:#3b291b;font-variant-numeric:tabular-nums;
}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-display::placeholder {color:#93846f;opacity:1;}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-display:focus {outline:0!important;}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-open {
  flex:0 0 40px;display:grid;place-items:center;height:37px;border:0;
  border-inline-start:1px solid #e7d8c1;background:transparent;color:#785c38;
  cursor:pointer;border-radius:6px;
}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-open:hover {background:#f5e5c9;}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-native {
  position:absolute;inset-inline-start:5px;bottom:0;width:1px;height:1px;opacity:0;
  pointer-events:none;border:0;padding:0;min-width:0;
}
body.ms-luxury .b6-shipment-form .ms-date-entry .ms-date-display[aria-invalid="true"] {color:#a82727;}