/* Owner-approved compact supplier dashboard. */
.portal .side{background:#0b2943!important;color:#ecf5fb!important;border-right:0!important}
.portal .side .brand,.portal .side .brand strong,.portal .side .nav button,.portal .side .supplier-card,.portal .side .help-card{color:#ecf5fb!important}
.portal .side .brand small,.portal .side small,.portal .side .nav-section-label{color:#a9c2d5!important}
.portal .side .nav button.active{background:#294961!important;color:#fff!important;border-color:transparent!important}
.portal .side .nav button:hover{background:#23445e!important}
.portal .content{background:#f6f9fb!important}
.fm-compact-dashboard{gap:18px!important;color:#081c34}
.fm-compact-dashboard [hidden]{display:none!important}
.fm-compact-dashboard .dashboard-welcome h1{font-size:30px;margin:0 0 4px;letter-spacing:-.7px}
.fm-compact-dashboard .dashboard-welcome p{font-size:16px;margin:0;color:#334a60}
.fm-compact-dashboard .dashboard-focus-card{background:none;border:0;padding:0;box-shadow:none;border-radius:0}
.fm-compact-dashboard .supplier-approved-stat{border-radius:11px!important;padding:16px!important;box-shadow:0 2px 7px #12334c08!important;min-height:100px!important}
.fm-compact-dashboard .supplier-approved-stat i{background:#e9f4fb;color:#165799;border-radius:16px}
.fm-compact-dashboard .supplier-approved-stat:nth-child(2){background:#f6fcfa;border-color:#dfefea}
.fm-compact-dashboard .supplier-approved-stat:nth-child(2) i{background:#e2f4ef;color:#13856f}
.fm-compact-dashboard .supplier-approved-stat:nth-child(3){background:#fffafb;border-color:#f0e1e6}
.fm-compact-dashboard .supplier-approved-stat:nth-child(3) i{background:#fcebf0;color:#b6264b}
.fm-compact-dashboard button:focus-visible{outline:3px solid #2875ba!important;outline-offset:3px}
.fm-dash-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:18px}
.fm-dash-shipment,.fm-dash-recent,.fm-dash-attention,.fm-dash-files,.fm-dash-empty{background:#fff;border:1px solid #e7edf1;border-radius:11px;box-shadow:0 3px 8px #112b4306;padding:20px;min-width:0}
.fm-dash-shipment{position:relative;padding-top:46px}
.fm-dash-section-title{position:absolute;top:16px;left:20px;font-size:17px;margin:0}
.fm-dash-stage{position:absolute;top:14px;right:20px;border-radius:10px;padding:7px 14px;max-width:45%;overflow-wrap:anywhere}
.fm-dash-shipment-body{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(160px,1fr);gap:20px;align-items:center}
.fm-dash-po{font-size:clamp(21px,2.1vw,31px);letter-spacing:-.6px;margin:6px 0;color:#07182c;overflow-wrap:anywhere}
.fm-dash-reference{margin:0 0 16px;font-size:15px;color:#627287}
.fm-dash-facts{display:grid;grid-template-columns:1.15fr .8fr .9fr 1fr;gap:10px;margin:0}
.fm-dash-facts div{min-width:0;border-right:1px solid #eef0f4;padding-right:6px}.fm-dash-facts div:last-child{border:0}
.fm-dash-facts dt{font-size:12px;color:#667587;margin-bottom:5px}.fm-dash-facts dd{font-size:13px;font-weight:700;margin:0;overflow-wrap:anywhere}
.fm-dash-progress{border-left:1px solid #e9edf1;padding-left:20px;display:grid;gap:10px;color:#627287;font-size:13px}
.fm-dash-progress strong{font-size:32px;color:#091a30}.fm-dash-progress .progress{height:7px;margin:0 0 22px;background:#e4e9ef}.fm-dash-progress .progress i{background:#24a68b!important}
.fm-dash-progress .btn{justify-self:end;border:1px solid #3b76b9;border-radius:8px;color:#155293;min-height:44px;padding:10px 20px;background:white}
.fm-dash-track{display:flex;list-style:none;margin:28px 0 0;padding:0}.fm-dash-track li{flex:1;position:relative;text-align:center;font-size:11px;color:#54677a;min-width:0}.fm-dash-track li:before{content:'';position:absolute;top:11px;left:-50%;right:50%;height:2px;background:#ced7de}.fm-dash-track li:first-child:before{display:none}.fm-dash-track li.done:before{background:#29a58c}.fm-dash-track i{position:relative;display:grid;place-items:center;width:23px;height:23px;border:2px solid #cad4dd;background:white;border-radius:50%;margin:0 auto 8px;font-style:normal}.fm-dash-track .done i{background:#2ba98e;border-color:#2ba98e;color:white}.fm-dash-track .current i{outline:2px solid #2ba98e;outline-offset:2px}.fm-dash-track .current span{font-weight:700;color:#102940}
.fm-dash-next{background:#0b2943;color:white;border-radius:11px;padding:22px;display:flex;flex-direction:column;min-width:0}.fm-dash-next h2{font-size:20px;margin:0 0 24px}.fm-dash-next small{color:#e5c673;font-weight:700;font-size:11px}.fm-dash-next h3{font-size:23px;margin:9px 0}.fm-dash-next p{color:#b6c9dc;font-size:14px;line-height:1.45;margin:0 0 18px}.fm-dash-next .btn{margin-top:auto;background:linear-gradient(#ead38e,#d7b565)!important;color:#171b20;border:0;border-radius:8px;min-height:46px;font-weight:800;width:100%}.fm-dash-next>span:last-child{color:#b6c9dc;font-size:11px;text-align:center;margin-top:10px}.fm-dash-next .muted{color:#d4e2ee!important}
.fm-dash-secondary{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
.fm-dash-secondary header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f3;padding-bottom:8px}.fm-dash-secondary h2{font-size:17px;margin:0}.fm-dash-link{border:0;background:transparent;color:#14579c;font:inherit;font-weight:650;font-size:12px;cursor:pointer;min-height:44px;padding:4px 6px}.fm-dash-event{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #edf0f3;min-height:52px}.fm-dash-event:last-child{border-bottom:0}.fm-dash-event>i{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#f0f4f7;font-style:normal;font-size:12px;font-weight:700}.fm-dash-event>div{flex:1;min-width:0}.fm-dash-event b{font-size:13px;display:block;overflow-wrap:anywhere}.fm-dash-event small{color:#637589;font-size:11px}.fm-dash-event .tag{font-size:10px}.fm-dash-attention>div{padding:14px 0;border-bottom:1px solid #edf0f3}.fm-dash-attention b{font-size:13px}.fm-dash-attention p,.fm-dash-recent>p{font-size:12px;color:#617387;line-height:1.45;margin:4px 0}
.fm-dash-files{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;padding:8px 20px;gap:24px}.fm-dash-files>div{display:flex;align-items:center;gap:10px;min-width:0}.fm-dash-files>div+div{border-left:1px solid #e0e7ed;padding-left:24px}.fm-dash-files b{font-size:14px}.fm-dash-files .fm-dash-link{margin-left:auto}.fm-dash-count{background:#edf3f7;border-radius:20px;padding:4px 12px;font-weight:700;font-size:13px}
.fm-dash-switch-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}.fm-dash-switch-head h2{font-size:18px;margin:0}.fm-dash-switch-head h2 small{font-size:12px;color:#5e7184;margin-left:12px;font-weight:400}.fm-dash-switch-head>span{font-size:12px;color:#53667a}.fm-compact-dashboard .supplier-shipment-tabs{margin-bottom:6px}.fm-compact-dashboard .supplier-shipment-tab{border-radius:7px;min-width:230px;padding:8px 14px;box-shadow:none;min-height:52px}.fm-compact-dashboard .supplier-shipment-tab.active{border-color:#2c74ba;background:#fffdf7;box-shadow:0 0 0 1px #2c74ba}.fm-compact-dashboard .supplier-shipment-tab strong{font-size:13px}
@media(max-width:1280px){.fm-dash-main{grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr)}.fm-dash-shipment-body{grid-template-columns:1fr}.fm-dash-progress{border-left:0;padding:0;grid-template-columns:1fr auto;align-items:center;gap:4px 15px}.fm-dash-progress strong{grid-column:1;font-size:25px}.fm-dash-progress .progress{margin:3px 0;grid-column:1}.fm-dash-progress .btn{grid-column:2;grid-row:1/4}.fm-dash-track{margin-top:20px}}
@media(max-width:760px){.fm-dash-main,.fm-dash-secondary{grid-template-columns:1fr}.fm-compact-dashboard .cards{grid-template-columns:1fr!important;gap:8px!important}.fm-compact-dashboard .supplier-approved-stat{min-height:80px!important;padding:12px!important}.fm-dash-shipment,.fm-dash-recent,.fm-dash-attention{padding:15px}.fm-dash-shipment{padding-top:52px}.fm-dash-section-title{left:15px;font-size:15px}.fm-dash-stage{right:15px;font-size:10px}.fm-dash-facts{grid-template-columns:1fr 1fr;gap:14px}.fm-dash-po{font-size:24px}.fm-dash-next{padding:20px}.fm-dash-next h2{margin-bottom:15px}.fm-dash-secondary header{flex-wrap:wrap;gap:0}.fm-dash-files{grid-template-columns:1fr;gap:0;padding:8px 15px}.fm-dash-files>div+div{border-left:0;border-top:1px solid #e0e7ed;padding-left:0}.fm-dash-switch-head{align-items:start;flex-direction:column;gap:0}.fm-dash-track li{font-size:10px}.fm-dash-event{gap:7px}.fm-compact-dashboard .dashboard-welcome h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.fm-compact-dashboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.fm-compact-dashboard .dashboard-focus-card{display:block!important;gap:0!important}.fm-compact-dashboard .dashboard-focus-card>.fm-dash-main{margin-top:0!important}.fm-compact-dashboard .supplier-shipment-tabs{margin-top:0!important}.fm-compact-dashboard .dashboard-welcome{margin-bottom:0!important}.fm-compact-dashboard .fm-dash-secondary,.fm-compact-dashboard .fm-dash-files{margin-top:14px!important}.fm-compact-dashboard .fm-dash-recent header{padding-bottom:0}.fm-compact-dashboard .fm-dash-event{padding:3px 0;min-height:48px}.portal .side .supplier-card,.portal .side .help-card{background:transparent!important;border-color:#446077!important}.portal .side .nav button{font-weight:500!important}.portal .side .nav button>b{background:transparent!important;color:#c6dce9!important}.fm-compact-dashboard .supplier-approved-stat{font-weight:500!important}.fm-compact-dashboard .supplier-approved-stat small{color:#15599c;font-weight:600}.fm-compact-dashboard .fm-dash-next>h2{color:white!important}

.fm-compact-dashboard{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%}.fm-compact-dashboard>*,.fm-dash-main>*,.fm-dash-shipment-body>*,.fm-dash-secondary>*{min-width:0;max-width:100%}.fm-compact-dashboard .dashboard-welcome h1{overflow-wrap:anywhere}.portal .side .supplier-card strong{color:#e4eff6!important}@media(max-width:1120px){.portal:not(.mobile-nav-open) .side{transform:translateX(-110%)!important;visibility:hidden}.portal.mobile-nav-open .side{transform:translateX(0)!important;visibility:visible}}

.fm-dash-file-dialog{width:min(860px,calc(100vw - 24px));max-height:90dvh;box-sizing:border-box;border:1px solid #d5e0e8;border-radius:14px;padding:20px;color:#102940}.fm-dash-file-dialog::backdrop{background:#071d33aa}.fm-dash-file-dialog header{display:flex;justify-content:space-between;align-items:start;gap:12px}.fm-dash-file-dialog h2{margin:0}.fm-dash-file-dialog header p{font-size:12px;overflow-wrap:anywhere}.fm-dash-file-row{display:flex;align-items:center;gap:12px;border-top:1px solid #e3eaf0;padding:14px 0}.fm-dash-file-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.fm-dash-file-row small{display:block;margin-top:5px;color:#64798c}.fm-dash-file-row img{width:80px;height:64px;object-fit:cover;border-radius:7px}.fm-dash-file-row .btn,.fm-dash-file-row a{min-height:44px}.fm-dash-file-dialog [data-files-more]{min-height:44px}.fm-dash-file-dialog [hidden]{display:none!important}@media(max-width:600px){.fm-dash-file-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px}.fm-dash-file-row img{width:65px;height:58px}.fm-dash-file-row a{text-align:center}.fm-dash-file-dialog{padding:14px}}

@media(min-width:761px){.portal .content .fm-compact-dashboard [data-stats].cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}