/* Charte SNG : marine, ardoise, turquoise. Présentation écran uniquement. */
@media screen {
:root{--nav:#2d435b;--teal:#287774;--ink:#243746;--muted:#62717d;--line:#d7dde2;--bg:#ebebeb;--gold:#80c8c4}
.sidebar{background:#2d435b;border-top:0;border-image:none;color:#fff}
.brand-mark{background:#203040;color:#80c8c4;box-shadow:inset 0 0 0 1px #ffffff25}
.brand small,.side-bottom{color:#d2dce5}.side-caption,.side-bottom small{color:#b9c7d5}.online-dot{background:#80c8c4}
.sidebar nav>a,.admin-menu summary,.admin-submenu a{color:#d2dce5;transition:background .15s,color .15s}
.sidebar nav>a:hover,.admin-menu summary:hover,.admin-submenu a:hover{background:#3b546e;color:#fff}
.sidebar nav>a.active,.admin-menu summary.active,.admin-submenu a.active{background:#80c8c4;color:#203040;box-shadow:none}
.admin-submenu{border-left-color:#71879b}.nav-tag{border-color:#80c8c4;color:#c4eeeb}.admin-menu summary:focus-visible,.admin-submenu a:focus-visible{outline-color:#80c8c4}
.topbar{border-top:0;border-image:none;border-bottom:1px solid #3b4d60;background:#203040;color:#d2dce5;box-shadow:0 2px 10px #20304012}
.topbar strong,.topbar .account{color:#fff}.topbar .account small{color:#c3d0db}.topbar a,.topbar .icon-button,.topbar .menu-toggle{color:#9bdad6}.topbar .divider{color:#9aabbc}
.environment{background:#2d435b;border-color:#71879b;color:#e0ebf2}.avatar{background:#80c8c4;color:#203040}
.panel{border-color:#d7dde2;border-radius:12px;box-shadow:0 3px 12px #20304008}
th{background:#eef2f5;color:#485e72}tbody tr:hover{background:#f2f8f8}
.button{background:#80c8c4;border-color:#80c8c4;color:#203040;border-radius:7px}.button:hover{background:#9ad6d2;border-color:#9ad6d2;color:#203040}.button.secondary{background:white;color:#286c70;border-color:#b8cbcf}.button.secondary:hover{background:#eaf5f4}.button.light{background:#e8f6f5;border-color:#e8f6f5;color:#203040}
label{color:#485e72}input,select,textarea{border-color:#cbd4dd}input:focus,select:focus,textarea:focus{outline-color:#80c8c4;border-color:#287774}
.badge.pending,.badge.queued,.badge.awaiting_cms,.badge.awaiting_sng{background:#fcf3d9;color:#80601a}.badge.Import,.badge.validated,.badge.valide,.badge.invoiced,.badge.sng_approved{background:#e3efd7;color:#426331}.badge.failed,.badge.returned_sng{background:#efdfdf;color:#a63f3a}
.notice{background:#e3efd7;border-color:#d5e6c5;color:#426331}.notice.warning,.demo-note{background:#fcf3d9;border-color:#e9dbab;color:#80601a}.notice.error{background:#efdfdf;border-color:#e5caca;color:#a63f3a}
.welcome,.login-art{background:linear-gradient(115deg,#203040,#2d435b)}.welcome .eyebrow,.login-art .eyebrow{color:#9bdad6}.welcome p:not(.eyebrow),.login-art p:not(.eyebrow){color:#d2dce5}
.workflow-card{background:#eaf3f4}.workflow-card p,.workflow-card ol{color:#485e72}.round-icon{background:#d4ecea;color:#287774}.steps span{background:#dceceb;color:#365b65}
.page-heading .eyebrow{color:#287774}.page-heading h1{color:#243746}
.containers i{background:repeating-linear-gradient(90deg,#80c8c4 0,#80c8c4 10px,#9ad6d2 11px,#9ad6d2 12px)}.containers i:nth-child(2n){background:repeating-linear-gradient(90deg,#627d96 0,#627d96 10px,#829aaf 11px,#829aaf 12px)}.hull{background:#dce7ef}.waves{color:#80c8c4}
.upload-form,.document-placeholder,.legend,.ocr-text{background:#f0f4f7;border-color:#cbd4dd;color:#526878}.sea-lines{border-color:#627d96;color:#d2dce5}.login-art>small{color:#b9c7d5}
}
@media(prefers-reduced-motion:reduce){.sidebar nav>a,.admin-menu summary,.admin-submenu a{transition:none}}
/* Lisibilité renforcée, uniquement à l’écran. */
@media screen {
body{font-size:15px}
.sidebar nav>a,.admin-menu summary,.admin-submenu a{font-size:14px}
.topbar,.account,.toolbar,.muted,.notice,.demo-note,.file-row{font-size:13px}
label,input,select,textarea,button,.button,td,td strong,.cell-title,.facts strong{font-size:14px}
th,.badge,td small,.facts small,.account small,.login-help{font-size:12px}
.review-table input,.review-actions .button,.legend,.source-name{font-size:12px}
.side-caption,.side-bottom,.brand small{font-size:11px}
h1{font-size:30px}h2{font-size:20px}.login-box h2{font-size:28px}
.admin-submenu a{padding-top:11px;padding-bottom:11px}
@media(max-width:760px){.page-heading h1{font-size:26px}.account small,.demo-note{font-size:11px}.topbar{gap:8px}.account{gap:8px;flex-wrap:wrap}.brand small{font-size:10px}}
}
.legacy-cargo-extract{margin-bottom:24px}.legacy-cargo-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;align-items:center}
.monthly-finance{margin:24px 0;padding-bottom:24px}.monthly-finance>.toolbar,.monthly-finance>p,.monthly-finance>details,.monthly-finance-summary,.monthly-finance-legend{margin-left:24px;margin-right:24px}.monthly-finance-summary,.monthly-finance-legend{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px;margin-bottom:16px}.monthly-finance-legend span{display:inline-flex;align-items:center;gap:8px}.monthly-finance-legend i{width:14px;height:14px;border-radius:3px}.finance-billed{fill:#2d435b;background:#2d435b}.finance-paid{fill:#287774;background:#287774}.finance-grid{stroke:#d7dde2;stroke-width:1}.finance-axis{fill:#485e72;font-size:11px}.monthly-finance-scroll{overflow-x:auto;margin:0 16px}.monthly-finance-chart{display:block;width:100%;min-width:720px;max-height:420px}.monthly-finance summary{cursor:pointer;color:#287774}
.monthly-finance-chart{width:auto;height:300px}
.submission-navire{min-width:0}.submission-navire>label{display:block;margin-bottom:8px}.submission-autocomplete{position:relative}.submission-autocomplete>input{width:100%;box-sizing:border-box}.submission-autocomplete>ul{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:300px;overflow-y:auto;margin:4px 0 0;padding:0;list-style:none;border:1px solid #a5c9c8;border-radius:8px;background:#fff;box-shadow:0 8px 24px #20304026}.submission-autocomplete>ul[hidden]{display:none}.submission-autocomplete li+li{border-top:1px solid #e2e8ec}.submission-autocomplete .submission-ship-option{display:block;width:100%;padding:12px 14px;text-align:left;white-space:normal;border:0;border-radius:0;background:#fff;color:#243746;cursor:pointer}.submission-ship-option strong,.submission-ship-option small{display:block;overflow-wrap:anywhere}.submission-ship-option small{margin-top:4px;color:#62717d;font-weight:400}.submission-autocomplete .submission-ship-option:hover,.submission-autocomplete .submission-ship-option:focus-visible{background:#e1f1f0;outline:2px solid #287774;outline-offset:-2px}.submission-navire>small{display:block;margin-top:6px}.submission-navire>#submission-status:empty{display:none}.submission-navire>#submission-search{margin-top:10px}