/* SILK ROAD LOGISTICS — unified shipping-first theme, October 2026 */
:root{--bg:#071522;--surface:#0d2030;--ink:#f1f5f8;--muted:#9db0bf;--line:#263d4e;--blue:#e4a93d;--cyan:#54d5d0;--navy:#06111c;--green:#3fc39b;--shadow:0 18px 46px #0003}
body{background:#071522;color:#edf4f8;font-family:'DM Sans','Cairo',sans-serif}
.top{background:rgba(5,17,28,.96);border-bottom:1px solid #263d4e;backdrop-filter:blur(12px)}
.brand-wordmark b{color:#f4f7fa}.brand-wordmark em{color:#e4ad43;font-style:normal}.brand-wordmark small{color:#8fa4b4}.brand-logo{width:46px;height:46px;object-fit:contain}
.top nav{color:#b8c8d3}.top nav a:hover,.text-link{color:#efb74c}.nav-cta{background:#e6ad42;color:#101a22;box-shadow:0 7px 20px #e6ad4220}.top nav .lang{border-color:#30475a}
.wrap{max-width:1240px}.hero{border:1px solid #294256;border-radius:26px;background:radial-gradient(circle at 82% 30%,#17526a 0,transparent 35%),linear-gradient(120deg,#0b1d2c,#102b3e 65%,#0a1926);box-shadow:0 24px 70px #0003}.hero h1{color:#f7f9fb}.hero .eyebrow,.auth-side .eyebrow{color:#efb74c}.hero p,.trust{color:#c2d1dc}.hero .primary,.btn.primary{background:linear-gradient(120deg,#e5ad42,#f4c969);color:#12202a;box-shadow:0 8px 24px #e5ad4220}.hero .secondary{background:#10283a;border-color:#385266;color:#eef5f8}.globe{background:radial-gradient(circle at 35% 30%,#7ee2d6,#207f9e 60%,#12344d);color:#effffc;box-shadow:0 0 75px #30b5b855,inset -20px -15px 30px #07182e77}.orbit{border-color:#72d9d044}.float-card{background:#f4f7f8;color:#132431}.card-bottom b{color:#c78b20}
.section-head h2,.page-head h1{color:#f5f7f8}.section-head .eyebrow{color:#e7b44d}.feature{background:linear-gradient(145deg,#102638,#0a1a28);border:1px solid #2b4356;color:#f4f7f9;box-shadow:0 12px 30px #0002}.feature p,.page-head p{color:#aebfcb}.feature-icon{background:#322a1a;color:#f0bb4f;border:1px solid #765a2c}.panel,.auth-shell,.auth-card{background:#0d2030;color:#edf4f8;border:1px solid #2a4255}.auth-card label,.panel label{color:#c8d6df}.auth-side{background:radial-gradient(circle at 85% 20%,#246078,#0d1d2b 55%,#07111d);color:#fff}.input,input,select,textarea{background:#081a28;color:#edf4f8;border:1px solid #30495c;border-radius:9px}.input:focus,input:focus,select:focus,textarea:focus{outline:2px solid #e4ad4355;border-color:#e4ad43}.btn.secondary{background:#10283a;border-color:#314b5f;color:#f0f5f8}.arrival-card,.arrival-item{background:#0d2030!important;border-color:#2a4255!important;color:#f2f6f8!important}.arrival-card p,.arrival-foot,.arrival-card small,.muted{color:#9fb1bf!important}.capacity-track{background:#263e50}.capacity-track span{background:linear-gradient(90deg,#e0a43a,#f4d17b)}
footer{background:#040e17;border-color:#263b4c;color:#90a6b6}.footer-brand{color:#f5f8fa}.footer-logo{object-fit:contain}.status,.sr-pill{font-weight:800}
/* Consistent admin/client workspace */
.sr-app{background:#071522!important;color:#edf4f8!important}.sr-side{background:linear-gradient(180deg,#081a28,#06111c)!important;border-color:#263d4e!important}.sr-side-brand{color:#f2bd4d!important}.sr-side-nav a{color:#b8c8d3!important}.sr-side-nav a:hover,.sr-side-nav a.on,.sr-side-nav a.active{background:#e4ad4315!important;border-color:#88682e!important;color:#f4c765!important}.sr-main{background:#071522!important}.sr-top{background:#091a28!important;border-color:#263d4e!important}.sr-top-title h1{color:#f3f6f8!important}.sr-top-title p,.sr-muted{color:#9eb1bf!important}.sr-panel .sr-kpi,.sr-card,.sr-order,.sr-req,.sr-arr-card,.sr-create,.sr-step-card,.sr-ship-side,.sr-ship-preview{background:#0d2030!important;border-color:#294356!important;color:#edf4f8!important}.sr-kpi strong,.sr-price,.sr-order-price{color:#f0bd53!important}.sr-card-head h2,.sr-req-main b,.sr-arr b{color:#f1f5f7!important}.sr-card-head a,.sr-side-foot a{color:#e9b34d!important}.sr-table th{background:#122a3c!important;color:#cbd9e2!important}.sr-table td{border-color:#253c4d!important;color:#dce5eb!important}.sr-form label,.sr-field{color:#c6d4de!important}.sr-form input,.sr-form select,.sr-form textarea,.sr-field input,.sr-field select,.sr-field textarea{background:#081a28!important;color:#edf4f8!important;border-color:#30495c!important}.sr-btn-gold,.sr-btn.sr-btn-gold{background:linear-gradient(120deg,#e4aa3d,#f5cc6d)!important;color:#10202a!important;border-color:#e4aa3d!important}.sr-btn-ghost{background:#10283a!important;color:#dce8ef!important;border-color:#344e60!important}.sr-alert{border-radius:12px}.sr-order-note{background:#132a3b!important;border-color:#385368!important;color:#e6eef3!important}.hub-release{border-color:#b88b36!important;background:linear-gradient(120deg,#172d3b,#102334)!important}.hub-copy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sr-empty{background:#0d2030!important;color:#eaf2f7!important}.sr-bottom{background:#071522!important;border-color:#263d4e!important}.sr-bottom a{color:#9fb2c1!important}.sr-bottom a.on{color:#efbd58!important}
@media(max-width:900px){.top{background:#061521}.hero{padding:35px 28px}.sr-side{background:#071522!important}}
@media(max-width:600px){.top{position:relative}.wrap{padding-left:16px;padding-right:16px}.hero{padding:27px 20px}.hero h1{font-size:34px}.sr-main{padding-bottom:75px}.hub-copy-actions .sr-btn{flex:1}}

/* FINAL THEME POLISH — consistent dark shipping palette and accessible contrast */
:root{color-scheme:dark;--bg:#071522;--surface:#0d2030;--ink:#f4f7fa;--muted:#a9bac7;--line:#294356;--gold:#efb847;--teal:#53d5cf}
html{background:#071522;color:#f4f7fa}body{background:#071522!important;color:#edf4f8!important}
/* Prevent the original light theme from leaking into the refreshed homepage */
.top,.top nav,.top nav a{color:#d5e0e8}.top nav a:hover,.top nav a:focus{color:#f4c765}
.hero{background:radial-gradient(ellipse at 82% 18%,rgba(24,83,105,.78),transparent 38%),linear-gradient(115deg,#0b1d2c 0%,#102b3e 62%,#0a1926 100%);color:#f4f7fa}
.hero h1,.hero h2,.hero h3,.section-head h2,.feature h3,.page-head h1{color:#f7f9fb!important}
.hero p,.hero .trust,.feature p,.page-head p{color:#c6d5df!important}
.hero .secondary,.btn.secondary,.sr-btn-ghost{background:#10283a!important;color:#f0f5f8!important;border:1px solid #385266!important}
.float-card{background:#f4f7f8!important;color:#152635!important;border:1px solid #dbe4e9}.float-card span{color:#667d8c}.float-card .dot{background:#20bd91}
.feature,.panel,.auth-shell,.auth-card,.arrival-card,.arrival-item{color:#edf4f8!important}
/* Form controls: dark fields always have light text, even on browser autofill */
input,select,textarea,.input,.sr-form input,.sr-form select,.sr-form textarea,.sr-field input,.sr-field select,.sr-field textarea{background-color:#081a28!important;color:#f2f6f9!important;border:1px solid #3a5365!important}
input::placeholder,textarea::placeholder,.sr-form input::placeholder,.sr-form textarea::placeholder{color:#8fa5b5!important;opacity:1}
select option{background:#0d2030!important;color:#f2f6f9!important}
input:focus,select:focus,textarea:focus,.input:focus{outline:2px solid #efb847!important;outline-offset:1px;border-color:#efb847!important}
label,.auth-card label,.panel label,.sr-form label,.sr-field{color:#d3dfe7!important}
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}
/* Standardize status chips and alerts without pale text on pale backgrounds */
.status,.sr-pill{color:#f4f7fa}
.sr-app,.sr-main,.sr-bottom{background:#071522!important;color:#edf4f8!important}
.sr-card,.sr-order,.sr-req,.sr-arr-card,.sr-create,.sr-step-card,.sr-ship-side,.sr-ship-preview,.sr-panel .sr-kpi{background:#0d2030!important;color:#edf4f8!important;border-color:#294356!important}
.sr-table th{background:#142b3d!important;color:#e1eaf0!important}.sr-table td{background:transparent;color:#dce5eb!important}
.sr-muted,.sr-top-title p,.sr-bottom a{color:#a9bac7!important}
.sr-alert{background:#132a3b!important;color:#edf4f8!important;border:1px solid #385368!important}
.sr-btn-gold,.sr-btn.sr-btn-gold,.btn.primary,.hero .primary{background:linear-gradient(120deg,#e8ad3d,#f6cf70)!important;color:#17232c!important;border-color:#e8ad3d!important}
.text-link,.sr-card-head a,.sr-side-foot a{color:#f0bd53!important}
@media (prefers-reduced-motion:no-preference){.btn,.sr-btn,.top nav a{transition:background-color .18s ease,color .18s ease,border-color .18s ease}}

/* FIX CONTRASTE ADMIN — demandes, arrivages, tracking et fiches produit */
.sr-req-list,.sr-req-body,.sr-req-info,.sr-req-info>div,.sr-arr-list,.sr-arr-card-body,.sr-tracking,.sr-track-card,.sr-product-info,.sr-product-details{background:#0b1b29!important;color:#eaf1f6!important}
.sr-req,.sr-arr-card,.sr-order,.sr-card,.sr-panel,.sr-create,.sr-step-card,.sr-ship-side,.sr-ship-preview{background:#0e2232!important;color:#eaf1f6!important;border-color:#2b4559!important}
.sr-req summary,.sr-req summary *,.sr-req-body,.sr-req-body p,.sr-req-info,.sr-req-info span,.sr-req-info strong,.sr-req-info b,.sr-arr-card *,.sr-product-info *{color:#dce7ee}
.sr-req-main b,.sr-req-price,.sr-arr b,.sr-price,.sr-order-price{color:#f2bd50!important}
.sr-req-photo{background:#142b3b!important;border-color:#30495c!important}
.sr-req-info label,.sr-req-info small,.sr-arr-card small,.sr-product-info small,.sr-muted{color:#9fb3c2!important}
/* Remplacer les panneaux blancs hérités sans toucher aux images des produits */
.sr-app main,.sr-main section,.sr-main article,.sr-main .content,.sr-main .workspace{background-color:#071522;color:#eaf1f6}
.sr-req-body [style*="background: white"],.sr-req-body [style*="background:#fff"],.sr-req-body [style*="background: #fff"],.sr-arr-card [style*="background: white"],.sr-arr-card [style*="background:#fff"]{background:#102536!important;color:#eaf1f6!important}
/* Inputs et listes lisibles */
.sr-req-body input,.sr-req-body select,.sr-req-body textarea,.sr-arr-card input,.sr-arr-card select,.sr-arr-card textarea{background:#081a28!important;color:#f2f6f9!important;border-color:#3a5365!important}
.sr-req-body select option,.sr-arr-card select option{background:#0d2030!important;color:#f2f6f9!important}
/* Tracking codes, references and labels */
.sr-req code,.sr-req .tracking-code,.sr-track-code,.tracking-code,.barcode-label{background:#132a3b!important;color:#f4c765!important;border:1px solid #30495c!important;border-radius:6px}
.sr-req .sr-pill,.sr-status,.status-badge{background:#20384a!important;color:#f2d28b!important;border:1px solid #3b5669!important}

/* HARD DARK THEME OVERRIDE — remove legacy white and pale-orange panels */
:root{color-scheme:dark;--sr-canvas:#071522;--sr-card:#0d2030;--sr-ink:#edf4f8;--sr-ink-2:#c8d8e3;--sr-muted:#9fb2c1;--sr-line:#294356;--sr-gold-soft:#352b19}
.sr-app,.sr-app .sr-main,.sr-app .sr-workspace,.sr-app .sr-content,.sr-app .sr-page,.sr-app .sr-container{background:#071522!important;color:#edf4f8!important}
.sr-app .sr-side,.sr-app .sr-top,.sr-app .sr-card,.sr-app .sr-kpi,.sr-app .sr-table-wrap,.sr-app .sr-panel,.sr-app .sr-section,.sr-app .sr-modal,.sr-app .sr-modal-content,.sr-app .sr-form-card,.sr-app .sr-detail,.sr-app .sr-request,.sr-app .sr-request-card,.sr-app .sr-request-details,.sr-app .sr-product,.sr-app .sr-product-card,.sr-app .sr-info-card,.sr-app .sr-stat-card,.sr-app .sr-req,.sr-app .sr-req-body,.sr-app .sr-req-info,.sr-app .sr-req-list,.sr-app .sr-arr-card,.sr-app .sr-order,.sr-app .sr-create,.sr-app .sr-step-card,.sr-app .sr-ship-side,.sr-app .sr-ship-preview{background-color:#0d2030!important;color:#edf4f8!important;border-color:#294356!important}
.sr-app .sr-table th,.sr-app table thead th{background:#142b3d!important;color:#dce7ee!important}
.sr-app .sr-table td,.sr-app table tbody td{background:#0d2030!important;color:#dce7ee!important;border-color:#294356!important}
.sr-app .sr-pill,.sr-app .sr-status,.sr-app .status-badge,.sr-app .p-new,.sr-app .p-reviewing,.sr-app .p-approved,.sr-app .p-purchased,.sr-app .p-arrived,.sr-app .p-cancelled{background:#20384a!important;color:#f2d28b!important;border:1px solid #3b5669!important}
.sr-app .sr-logout:hover,.sr-app .sr-seg button.on,.sr-app .sr-tabs button.active{background:#20384a!important;color:#f4c765!important}
.sr-app .sr-kpi.is-hot{background:linear-gradient(160deg,#0d2030,#172d3b)!important;border-color:#a77b2b!important}
.sr-app .k-blue,.sr-app .k-green,.sr-app .k-purple,.sr-app .k-orange{background:#172d3b!important;color:#e4edf3!important}
.sr-app input,.sr-app select,.sr-app textarea,.sr-app option,.sr-app .input{background:#081a28!important;color:#f2f6f9!important;border-color:#3a5365!important}
.sr-app input::placeholder,.sr-app textarea::placeholder{color:#91a7b7!important}
.sr-app label,.sr-app .sr-label,.sr-app .sr-id,.sr-app .sr-muted,.sr-app small{color:#a9bac7}
.sr-app .sr-price,.sr-app .sr-order-price,.sr-app .sr-req-price{color:#f2bd50!important}
/* Inline legacy panels: darken backgrounds while preserving product photos and logos */
.sr-app [style*="background: white"],.sr-app [style*="background:white"],.sr-app [style*="background: #fff"],.sr-app [style*="background:#fff"],.sr-app [style*="background-color: white"],.sr-app [style*="background-color:#fff"],.sr-app [style*="background-color: #fff"]{background:#102536!important;color:#edf4f8!important;border-color:#294356!important}
/* Client tracking, shipment and product data must never render as white cards */
.sr-app .tracking,.sr-app .tracking-card,.sr-app .tracking-result,.sr-app .tracking-timeline,.sr-app .product-details,.sr-app .product-info,.sr-app .shipment-details,.sr-app .shipment-card{background:#0d2030!important;color:#edf4f8!important;border-color:#294356!important}


/* Silk Road shipping landing page: China–Algeria cargo visual */
body:not(.sr-app-body){background:#071522;color:#edf4f8}
body:not(.sr-app-body) .top{background:rgba(5,17,29,.97);border-bottom:1px solid #243c4f;color:#eaf2f8;box-shadow:0 8px 30px #0002}
body:not(.sr-app-body) .brand-wordmark b{color:#f5f7fb}body:not(.sr-app-body) .brand-wordmark em{color:#eab64d;font-style:normal}
body:not(.sr-app-body) .brand-wordmark small{color:#91a7b9}body:not(.sr-app-body) nav{color:#c7d5e1}body:not(.sr-app-body) nav a:hover{color:#f4bd4d}body:not(.sr-app-body) nav .lang{border-color:#30485b;color:#e8eff5}
body:not(.sr-app-body) .nav-cta{background:#eab64d;color:#101a24}body:not(.sr-app-body) .wrap{max-width:1320px}
body:not(.sr-app-body) .hero{min-height:510px;margin:24px 0 54px;padding:52px 48px;border:1px solid #29475b;background:linear-gradient(110deg,#0b1d2b 0%,#102c3d 55%,#0c2535 100%);box-shadow:0 24px 70px #0003}
body:not(.sr-app-body) .hero:before{right:auto;left:0;top:-70px;border-color:#d9e6f00d;width:380px;height:380px}
body:not(.sr-app-body) .hero .eyebrow{color:#f4bd4d}body:not(.sr-app-body) .hero h1{color:#f7f9fc;text-wrap:balance}body:not(.sr-app-body) .hero p{color:#c7d6e2}
body:not(.sr-app-body) .btn.primary{background:linear-gradient(110deg,#e8ad37,#f6cf70);color:#101923;box-shadow:0 8px 22px #d79d322e}
body:not(.sr-app-body) .hero .secondary{background:#112b3c;border-color:#355367;color:#f4f7fa}
body:not(.sr-app-body) .shipping-visual{height:340px;border-radius:22px;overflow:hidden;background:#0a1b2b url("china-algeria-shipping.png") center/cover no-repeat;border:1px solid #29475b;box-shadow:0 18px 45px #0004}
body:not(.sr-app-body) .shipping-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#06152210 35%,#0615228c 100%);pointer-events:none}
body:not(.sr-app-body) .shipping-visual .float-card{z-index:2;background:#0b1e2c;color:#f5f8fb;border:1px solid #385164;box-shadow:0 10px 25px #0005}
body:not(.sr-app-body) .shipping-visual .card-top{top:18px;right:16px}body:not(.sr-app-body) .shipping-visual .card-bottom{bottom:18px;left:16px}
body:not(.sr-app-body) .shipping-visual .card-bottom b{color:#f4bd4d}body:not(.sr-app-body) .shipping-visual .card-bottom span{color:#c0cfdb}
body:not(.sr-app-body) .route-badge{position:absolute;z-index:2;bottom:18px;right:16px;padding:10px 12px;border-radius:10px;background:#071522df;border:1px solid #dba83c;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px}.route-badge span{color:#f4bd4d;padding:0 5px}
body:not(.sr-app-body) .section-head h2,body:not(.sr-app-body) .page-head h1{color:#f4f7fa}body:not(.sr-app-body) .feature-grid .feature{background:linear-gradient(145deg,#102638,#0b1a27);border-color:#294254;color:#edf4f8}body:not(.sr-app-body) .feature p,body:not(.sr-app-body) .page-head p{color:#aebfcd}
body:not(.sr-app-body) .feature-icon{background:#352b19;border-color:#785b2a;color:#f4bd4d}body:not(.sr-app-body) .text-link{color:#f4bd4d}
body:not(.sr-app-body) footer{background:#050e17;border-color:#263b4c;color:#9eb0bf}body:not(.sr-app-body) .footer-brand{color:#f5f7fa}body:not(.sr-app-body) .footer-logo{object-fit:contain;background:#fff;border-radius:8px}
body:not(.sr-app-body) .page-head{color:#f4f7fa}body:not(.sr-app-body) .arrival-card{background:#0d2030;border-color:#2b4356;color:#edf4f8}body:not(.sr-app-body) .arrival-card h3{color:#f5f7fa}body:not(.sr-app-body) .arrival-stats b{color:#edf4f8}body:not(.sr-app-body) .arrival-stats small,body:not(.sr-app-body) .arrival-foot{color:#a8bac8}body:not(.sr-app-body) .country-pill{background:#172d3e;color:#dce7ef}body:not(.sr-app-body) .capacity-label b{color:#f5f7fa}
@media(max-width:900px){body:not(.sr-app-body) .hero{padding:30px 24px;gap:22px}body:not(.sr-app-body) .shipping-visual{height:260px}}
@media(max-width:600px){body:not(.sr-app-body) .top{position:relative;padding:12px 16px;align-items:flex-start;flex-direction:column}body:not(.sr-app-body) nav{gap:12px;flex-wrap:wrap;font-size:12px}body:not(.sr-app-body) .hero{margin-top:16px;padding:24px 18px}body:not(.sr-app-body) .shipping-visual{height:220px}body:not(.sr-app-body) .route-badge{font-size:8px;right:8px;bottom:8px}body:not(.sr-app-body) .shipping-visual .card-top{top:8px;right:8px}body:not(.sr-app-body) .shipping-visual .card-bottom{bottom:8px;left:8px}}