:root{--navy:#061b33;--deep:#031426;--gold:#d7a84c;--aqua:#00a6bc;--ink:#0b2138;--muted:#65788a;--line:#dbe7ed;--soft:#f4f8fb;--white:#fff;--green:#20a36b;--red:#cf3f4c;--grey:#8797a6;--shadow:0 22px 60px rgba(6,27,51,.12)}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#eef4f7}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(0,166,188,.32);outline-offset:2px}.muted{color:var(--muted)}.mini{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(circle at top left,rgba(0,166,188,.18),transparent 34%),#eef7f8}.login-grid{width:min(1100px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.login-card{background:rgba(255,255,255,.96);border:1px solid rgba(7,27,51,.1);border-radius:22px;box-shadow:var(--shadow);padding:clamp(22px,4vw,38px)}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand img{width:46px;height:46px;border-radius:50%}.brand strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:24px;letter-spacing:-.02em}.brand span{color:var(--aqua)}.side .brand{color:#fff;padding:4px 6px 10px;min-width:0}.side .brand img{background:#fff;flex:0 0 auto}.side .brand small{display:block;color:#a9c6d6;font-size:10px;letter-spacing:.04em;margin-top:2px}
.eyebrow{display:inline-flex;margin-top:30px;align-items:center;gap:8px;border-radius:999px;background:#e3f8fb;color:#00798b;padding:8px 12px;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.login-card h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(34px,5vw,62px);line-height:.98;margin:18px 0 14px;letter-spacing:-.035em}.login-card h2{font-family:"Space Grotesk",Inter,sans-serif;margin:0 0 8px;font-size:30px}.login-card p{color:#526b7b;line-height:1.65}.checks{display:grid;gap:12px;margin-top:26px}.checks div{display:flex;gap:11px;align-items:flex-start;background:#f5fbfc;border:1px solid #d8edf1;border-radius:14px;padding:12px}.checks i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--aqua);color:#fff;font-style:normal;font-weight:900;flex:0 0 auto}
.login-form{display:grid;gap:14px;margin-top:20px}label{display:grid;gap:7px;font-weight:800;color:#18344a}input,select,textarea{width:100%;border:1px solid #cbdde6;border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink);outline:0}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(0,166,188,.14)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.auth-tab{border:1px solid var(--line);background:#f6fbfc;color:var(--navy);border-radius:999px;padding:11px 12px;font-weight:950}.auth-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.quick-register-note{padding:12px;border:1px solid #d8edf1;border-radius:15px;background:#f6fcfd;color:#48677a;font-size:13px;font-weight:750;line-height:1.55}.otp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.otp-row input{text-align:center;padding:12px 4px;font-weight:950;font-size:18px}
.btn{border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--navy),#087d99);color:#fff;min-height:44px;padding:12px 18px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;box-shadow:0 12px 28px rgba(6,27,51,.13);transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.btn:hover{background:linear-gradient(135deg,#082a4c,#0899ad);box-shadow:0 16px 34px rgba(6,27,51,.17);transform:translateY(-1px)}.btn:active,.btn.is-pressed{transform:translateY(1px) scale(.99);box-shadow:0 8px 18px rgba(6,27,51,.12)}.btn.primary{background:linear-gradient(135deg,var(--navy),#087d99);color:#fff}.btn.gold{background:linear-gradient(135deg,var(--navy),#087d99);color:#fff}.btn.warning{background:#fff5dc;color:#835700;border-color:#f0d28b;box-shadow:none}.btn.danger{background:#fff0f1;color:#a82c38;border-color:#f2c5ca;box-shadow:none}.btn.light,.btn.secondary{background:#edf6f8;color:var(--navy);border-color:#d9edf2;box-shadow:none}.btn.outline,.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.btn.is-processing,.btn[aria-busy="true"]{pointer-events:none;opacity:.82}.btn.is-processing:before,.btn[aria-busy="true"]:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-text{min-height:22px;color:#b14b00;font-weight:800}
.portal{min-height:100vh;display:grid;grid-template-columns:minmax(230px,250px) minmax(0,1fr);background:#f5f8fb;transition:grid-template-columns .22s ease}.portal.is-collapsed{grid-template-columns:82px minmax(0,1fr)}.side{background:linear-gradient(180deg,var(--deep),var(--navy));color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:16px;z-index:20;overflow-y:auto;overscroll-behavior:contain}.portal.is-collapsed .brand strong,.portal.is-collapsed .nav-label,.portal.is-collapsed .supplier-card,.portal.is-collapsed .help-card,.portal.is-collapsed .nav-section-title{display:none}.portal.is-collapsed .side{align-items:center}.portal.is-collapsed .nav button{justify-content:center;padding-inline:10px}.portal.is-collapsed .nav b{margin:0}.nav{display:grid;gap:6px}.nav button{border:0;color:#d7e6ef;background:transparent;text-align:left;padding:12px 13px;border-radius:12px;font-weight:800;display:flex;align-items:center;gap:10px;min-width:0}.nav button.active,.nav button:hover{background:rgba(215,168,76,.18);color:#fff}.nav b{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:11px;flex:0 0 auto}.nav-separator{height:1px;background:rgba(255,255,255,.13);margin:8px 6px}.nav-section-title{font-size:11px;color:#93adbe;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin:4px 10px}
.supplier-card,.help-card{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:16px;padding:14px;color:#d8e7ef}.supplier-card{margin-top:auto}.supplier-card strong,.help-card strong{color:#fff;display:block;margin-bottom:4px}.supplier-card small,.help-card small{display:block;color:#abc3d3;line-height:1.5;overflow-wrap:anywhere}
.main{min-width:0}.topbar{min-height:74px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(240px,560px) auto;gap:16px;align-items:center;padding:12px 28px;position:sticky;top:0;z-index:15}.header-left{display:flex;align-items:center;gap:13px;min-width:0}.page-context{display:grid;gap:2px;min-width:0}.page-context span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:900}.page-context strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font-weight:900;display:grid;place-items:center;box-shadow:0 8px 22px rgba(6,27,51,.06)}.icon-btn:hover{border-color:#b7d8e2;background:#f6fbfc}.search{position:relative;min-width:0}.search input{padding-left:42px;border-radius:15px;height:46px}.search .search-icon{position:absolute;left:14px;top:23px;transform:translateY(-50%);color:var(--muted);font-weight:900}.search-hint{display:none;position:absolute;left:12px;right:12px;top:50px;padding:8px 10px;border:1px solid #d8edf1;border-radius:12px;background:#fff;color:var(--muted);font-size:12px;font-weight:800;box-shadow:0 14px 30px rgba(6,27,51,.08);z-index:3}.search.has-query:focus-within .search-hint{display:block}
.top-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.language-select{width:auto;min-width:76px;height:42px;padding:0 10px;border-radius:13px}.notify{position:relative}.notify-count{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;display:grid;place-items:center}.profile-menu{position:relative}.profile-trigger{border:1px solid var(--line);background:#fff;border-radius:16px;padding:7px 10px;display:flex;align-items:center;gap:10px;color:var(--ink);max-width:260px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#0e7f9a);color:#fff;font-weight:900;flex:0 0 auto}.profile-text{display:grid;text-align:left;min-width:0}.profile-text strong,.profile-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text small{color:var(--muted);font-size:12px;font-weight:800}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;z-index:30}.profile-dropdown button,.profile-dropdown a{width:100%;border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;text-align:left;padding:12px;border-radius:12px;font-weight:900;text-decoration:none}.profile-dropdown button:hover,.profile-dropdown a:hover{background:#f2f8fb}
.content{width:min(100%,1540px);margin-inline:auto;padding:clamp(16px,2vw,28px);display:grid;gap:22px}.portal,.main,.content,.panel,.hero{min-width:0}.hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#071b33,#07395d);color:#fff;border-radius:22px;padding:24px;overflow:hidden;box-shadow:var(--shadow)}.hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(28px,4vw,48px);margin:5px 0;letter-spacing:-.03em}.hero p{color:#c5d8e3;margin:0;line-height:1.55}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 11px;background:#edf7fa;color:#08788a;font-weight:900;font-size:12px}.hero .pill{background:rgba(255,255,255,.11);color:#dff8ff}
.dashboard-shell{display:grid;gap:16px}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#061b33,#083f63);color:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.dashboard-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(28px,3.6vw,44px);line-height:1.03;margin:8px 0;letter-spacing:-.035em}.dashboard-hero p{margin:0;color:#c8dae5;line-height:1.55;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat,.panel{background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(6,27,51,.07)}.stat{border-radius:16px;padding:14px;min-height:104px;display:grid;gap:8px;align-content:space-between}.stat span{color:var(--muted);font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.055em}.stat strong{display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:28px;line-height:1}.stat small{color:#7b8c9b;font-weight:800}.stat.action{border-color:#f2d28d;background:#fffaf0}.stat.review{border-color:#bde7ef;background:#f5fcfd}.stat.success{border-color:#bdebd3;background:#f5fcf8}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;align-items:start}.dashboard-stack{display:grid;gap:16px}.dashboard-focus-card{display:grid;gap:16px;padding:18px}.dashboard-primary-po{border:1px solid #d8edf1;background:linear-gradient(135deg,#f8fcfd,#fff);border-radius:18px;padding:17px;display:grid;gap:14px}.dashboard-po-top{display:flex;justify-content:space-between;gap:14px;align-items:start;flex-wrap:wrap}.dashboard-po-title h2{margin:6px 0 4px;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.dashboard-po-title p{margin:0;color:var(--muted);font-weight:800;line-height:1.45}.dashboard-po-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-po-meta div{background:#fff;border:1px solid #e4eef3;border-radius:14px;padding:11px;display:grid;gap:4px}.dashboard-po-meta span,.dashboard-mini-metric span{color:var(--muted);font-size:10px;letter-spacing:.075em;text-transform:uppercase;font-weight:950}.dashboard-po-meta strong,.dashboard-mini-metric strong{font-family:"Space Grotesk",Inter,sans-serif;color:var(--navy)}.dashboard-next-action{border:1px solid rgba(215,168,76,.45);background:#fffaf0;border-radius:18px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.dashboard-next-action h3,.dashboard-active-shipment h3{margin:0;font-family:"Space Grotesk",Inter,sans-serif}.dashboard-next-action p,.dashboard-active-shipment p{margin:4px 0 0;color:var(--muted);font-weight:800;line-height:1.45}.dashboard-active-shipment{border:1px solid #dce9ef;border-radius:18px;background:#fff;padding:16px;display:grid;gap:12px}.dashboard-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-mini-metric{border:1px solid #e4eef3;border-radius:14px;background:#fbfdfe;padding:11px;display:grid;gap:4px}.dashboard-activity{display:grid}.dashboard-activity .activity-item{grid-template-columns:1fr auto}.soft-pulse{position:relative}.soft-pulse:before{content:"";width:9px;height:9px;border-radius:50%;background:#20a36b;box-shadow:0 0 0 0 rgba(32,163,107,.26);animation:softPulse 2.4s ease-out infinite;display:inline-block;margin-right:8px}@keyframes softPulse{70%{box-shadow:0 0 0 10px rgba(32,163,107,0)}100%{box-shadow:0 0 0 0 rgba(32,163,107,0)}}@media (prefers-reduced-motion:reduce){.soft-pulse:before{animation:none;box-shadow:none}}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;align-items:start}.panel{border-radius:18px;overflow:hidden}.panel-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-head h2{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:20px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:13px;font-weight:700}.po-list,.container-list,.activity-list,.action-list{display:grid}.po-row,.container-row,.activity-item,.action-item,.journey-item{display:grid;gap:12px;padding:14px 18px;border-bottom:1px solid #edf2f5;min-width:0}.po-row{grid-template-columns:1.1fr .75fr .75fr auto;align-items:center}.po-row:last-child,.container-row:last-child,.activity-item:last-child,.action-item:last-child,.journey-item:last-child{border-bottom:0}.po-row strong,.container-row h3,.review-line strong,.kv b{overflow-wrap:anywhere}.tag{display:inline-flex;border-radius:999px;padding:6px 9px;background:#edf7fa;color:#08788a;font-weight:900;font-size:12px;width:fit-content}.tag.gold{background:#fff2d6;color:#8b5e00}.tag.green{background:#e8f8ef;color:#16794d}.tag.red{background:#fff0f1;color:#a82c38}.tag.grey{background:#eef2f5;color:#566778}.container-row{grid-template-columns:1fr auto}.progress{height:8px;background:#e6eef2;border-radius:999px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--aqua),var(--gold));width:42%}.action-item{grid-template-columns:1fr auto;align-items:center}.action-item b,.journey-item b{display:block}.action-item small,.journey-item small{color:var(--muted);font-weight:700}.journey-item{grid-template-columns:42px 1fr auto;align-items:center}.journey-dot{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:#edf7fa;color:#08788a;font-weight:900}.journey-dot.gold{background:#fff2d6;color:#8b5e00}.journey-dot.green{background:#e8f8ef;color:#16794d}.journey-dot.red{background:#fff0f1;color:#a82c38}.empty-compact{padding:18px;color:var(--muted);font-weight:800}
.guide{padding:18px 20px;display:grid;gap:12px}.guide-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.guide-step b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eef8fa;color:#08788a}.empty-state{padding:26px;display:grid;gap:12px}.empty-state h3{font-family:"Space Grotesk",Inter,sans-serif;margin:0;font-size:24px}.empty-state p{margin:0;color:var(--muted);line-height:1.6}.foundation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}.foundation-card{border:1px solid var(--line);border-radius:16px;background:#f8fbfd;padding:16px}.foundation-card b{display:block;margin-bottom:6px}.foundation-card small{color:var(--muted);line-height:1.55}
.offer-shell{display:grid;gap:16px}.offer-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);background:#fbfdfe}.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.55fr);gap:16px}.offer-list{display:grid}.offer-row{display:grid;grid-template-columns:1.1fr .8fr .75fr .75fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf2f5}.offer-row strong{display:block}.offer-row small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.offer-form{display:grid;gap:14px;padding:18px}.offer-line-wrap{overflow-x:auto}.offer-line-table{width:100%;min-width:980px;border-collapse:collapse}.offer-line-table th,.offer-line-table td{padding:10px 8px;border-bottom:1px solid #edf2f5;text-align:left;vertical-align:top}.offer-line-table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.offer-line-table input,.offer-line-table select{border-radius:10px;padding:10px}.offer-detail{padding:18px;display:grid;gap:12px}.offer-timeline{display:grid;gap:8px}.offer-event{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid #e7eef3;border-radius:13px;background:#fff}.offer-event i{width:30px;height:30px;border-radius:10px;background:#eef8fa;color:#08788a;display:grid;place-items:center;font-style:normal;font-weight:900}.offer-event b{display:block}.offer-event small{color:var(--muted);font-weight:800}.offer-actions{display:flex;gap:10px;flex-wrap:wrap}.offer-preview{border:1px solid #d8edf1;border-radius:16px;background:#f8fcfd;padding:14px;display:grid;gap:8px}.offer-preview .review-line:last-child{border-bottom:0}
.wizard{display:none}.wizard.active{display:block}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 0}.step{border-radius:16px;background:#fff;border:1px solid var(--line);padding:12px;display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:900}.step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3f6;font-style:normal}.step.active{border-color:rgba(0,166,188,.55);color:var(--navy);box-shadow:0 10px 24px rgba(0,166,188,.09)}.step.active i{background:var(--aqua);color:#fff}.wizard-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start;margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px}.form-grid .span-2{grid-column:span 2}.form-grid .span-4{grid-column:span 4}.po-summary{padding:18px;display:grid;gap:13px}.po-summary h3{margin:0;font-family:"Space Grotesk",Inter,sans-serif}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #edf2f5;padding-top:12px}.kv span{color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase}.kv b{text-align:right}.product-table{width:100%;min-width:620px;border-collapse:collapse}.product-table th,.product-table td{padding:13px;border-bottom:1px solid #edf2f5;text-align:left}.product-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.upload-box{min-height:122px;border:1px dashed #b9d5de;border-radius:16px;background:#f8fcfd;display:grid;place-items:center;text-align:center;padding:18px;color:var(--muted)}.upload-box input{max-width:100%;font-size:14px}.review-list{padding:20px;display:grid;gap:10px}.review-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f5}.wizard-actions{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-top:1px solid var(--line)}
.finance-shell{display:grid;gap:14px}.finance-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 12px 34px rgba(6,27,51,.07)}.finance-hero h1{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:26px;letter-spacing:-.02em}.finance-hero p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:750;line-height:1.45}.finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finance-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:5px;box-shadow:0 8px 22px rgba(6,27,51,.05)}.finance-card span{font-size:10px;text-transform:uppercase;letter-spacing:.075em;color:var(--muted);font-weight:950}.finance-card strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:22px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-card small{color:#718393;font-size:12px;font-weight:800}.finance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.46fr);gap:14px;align-items:start}.finance-table-wrap{overflow:auto}.finance-table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}.finance-table th,.finance-table td{padding:10px 12px;border-bottom:1px solid #edf2f5;text-align:left;vertical-align:middle;font-size:13px}.finance-table th{position:sticky;top:0;background:#f8fbfd;color:#5f7180;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:950;z-index:1}.finance-table td.money,.finance-table th.money{text-align:right;font-variant-numeric:tabular-nums}.finance-table tbody tr:hover{background:#fbfdfe}.finance-row-title{display:grid;gap:2px}.finance-row-title b{color:#0b2138}.finance-row-title small{color:var(--muted);font-weight:750}.finance-tabs{display:flex;gap:8px;flex-wrap:wrap}.finance-filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:900;color:var(--navy)}.finance-filter.active{background:var(--navy);color:#fff}.schedule-list,.statement-list{display:grid}.schedule-item{padding:13px 16px;border-bottom:1px solid #edf2f5;display:grid;gap:8px}.schedule-item:last-child{border-bottom:0}.schedule-bar{height:7px;background:#e8eef3;border-radius:999px;overflow:hidden}.schedule-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--aqua),var(--green))}.finance-mobile-list{display:none}.finance-mobile-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;gap:8px}.finance-mobile-top{display:flex;justify-content:space-between;gap:10px}.finance-mobile-top b{font-family:"Space Grotesk",Inter,sans-serif}.finance-mobile-money{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finance-mobile-money div{background:#f7fbfd;border-radius:12px;padding:9px}.finance-mobile-money span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:950}.finance-note{border:1px solid #d8edf1;background:#f8fcfd;border-radius:14px;padding:12px 14px;color:#426176;font-size:12px;font-weight:800;line-height:1.5}
.documents-shell{display:grid;gap:16px}.document-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.doc-metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 13px;box-shadow:0 8px 22px rgba(6,27,51,.05);display:grid;gap:6px;min-height:96px}.doc-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.075em;color:var(--muted);font-weight:950}.doc-metric strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:25px;color:var(--navy);line-height:1}.doc-metric small{font-size:12px;color:#718393;font-weight:800}.doc-metric.alert{border-color:#f1c5c9;background:#fff8f8}.doc-metric.good{border-color:#bdebd3;background:#f7fcf9}.document-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);background:#fbfdfe}.document-toolbar h2{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:21px}.document-toolbar p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:750}.document-filters select{width:auto;min-width:180px}.document-table-wrap{overflow:auto}.document-table{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0}.document-table th,.document-table td{padding:11px 12px;border-bottom:1px solid #edf2f5;text-align:left;vertical-align:middle;font-size:13px}.document-table th{position:sticky;top:0;background:#f8fbfd;color:#5f7180;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:950;z-index:1}.doc-title{display:grid;gap:2px}.doc-title b{font-size:14px;color:#0b2138}.doc-title small{color:var(--muted);font-weight:800}.doc-reference{display:grid;gap:2px}.doc-reference b{font-variant-numeric:tabular-nums}.doc-reference small{color:var(--muted);font-size:12px;font-weight:800}.doc-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.doc-actions .btn{padding:8px 11px;min-height:34px;font-size:12px}.document-mobile-list{display:none}.document-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:grid;gap:10px;box-shadow:0 8px 22px rgba(6,27,51,.05)}.document-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.document-card h3{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:18px}.document-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.document-card dt{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:950;letter-spacing:.06em}.document-card dd{margin:2px 0 0;font-weight:900;color:var(--ink);overflow-wrap:anywhere}.evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.evidence-card{border:1px solid #dbe9ef;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fcfd);padding:13px;display:grid;gap:8px;min-height:135px}.evidence-card b{font-family:"Space Grotesk",Inter,sans-serif;font-size:16px}.evidence-card small{color:var(--muted);font-weight:800;line-height:1.45}.evidence-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.upload-box textarea{width:100%;min-height:58px;margin:10px 0 8px;border:1px solid #d6e2e8;border-radius:12px;padding:9px 10px;font:800 13px Inter,sans-serif;color:var(--ink);background:#fbfdfe;resize:vertical}.otp-resend-card{border-color:#d8edf1;background:#f7fcfd;color:#294b63}.staged-kyc-card{border:1px solid #d9eaf0;background:#fff;border-radius:18px;padding:14px;display:grid;gap:10px;box-shadow:0 12px 28px rgba(6,27,51,.06)}.staged-kyc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staged-kyc-grid span{border:1px solid #e3edf2;border-radius:13px;padding:10px;background:#fbfdfe;display:grid;gap:3px}.staged-kyc-grid small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:950;font-size:10px}.staged-kyc-grid b{font-size:13px;color:var(--navy)}.staged-kyc-card p{margin:0;color:#5e7485;font-weight:850;line-height:1.45}.staged-kyc-card .btn{justify-self:start}@media(max-width:760px){.staged-kyc-grid{grid-template-columns:1fr}}
.supplier-security-card{margin-top:18px;border:1px solid rgba(17,197,167,.22);background:linear-gradient(135deg,#f7fffc,#fff);border-radius:18px;padding:18px;box-shadow:0 16px 34px rgba(6,27,51,.08);display:grid;gap:14px}.supplier-security-card h3{margin:0;font-family:"Space Grotesk",Inter,sans-serif;color:var(--navy)}.supplier-security-card p{margin:0;color:var(--muted);line-height:1.55}.supplier-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.supplier-password-field{display:grid;gap:7px;font-weight:900;color:var(--ink)}.supplier-password-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.supplier-password-input input{border:0;box-shadow:none;width:100%;padding:12px;background:transparent}.supplier-password-input button{width:42px;align-self:stretch;border:0;background:#eef8f8;color:var(--navy);font-weight:1000;cursor:pointer}.supplier-password-input button:hover{background:#dff4ef}.supplier-password-status{font-weight:900;color:var(--muted)}.supplier-security-note{display:flex;gap:10px;align-items:flex-start;border-radius:14px;background:#eef8f8;color:#0e5f6e;padding:12px;font-weight:800}.supplier-security-note b{color:var(--navy)}
.shell-overlay{display:none;position:fixed;inset:0;background:rgba(3,20,38,.42);z-index:18}
@media(min-width:1600px){.content{width:min(100%,1680px)}.cards{grid-template-columns:repeat(4,minmax(180px,1fr))}.grid-2{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}}
@media(max-width:1366px){.side{padding:16px 12px}.portal{grid-template-columns:220px minmax(0,1fr)}.portal.is-collapsed{grid-template-columns:78px minmax(0,1fr)}.content{gap:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.55fr)}.grid-2{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)}.po-row{grid-template-columns:minmax(0,1fr) minmax(150px,.6fr) minmax(120px,.45fr) auto}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-4{grid-column:span 3}}
@media(max-width:1120px){.portal{display:block}.side{position:fixed;left:0;top:0;bottom:0;width:min(86vw,310px);height:100dvh;transform:translateX(-104%);transition:transform .22s ease;box-shadow:var(--shadow)}.portal.mobile-nav-open .side{transform:translateX(0)}.portal.mobile-nav-open .shell-overlay{display:block}.portal.is-collapsed .brand strong,.portal.is-collapsed .nav-label,.portal.is-collapsed .supplier-card,.portal.is-collapsed .help-card,.portal.is-collapsed .nav-section-title{display:block}.portal.is-collapsed .side{align-items:stretch}.portal.is-collapsed .nav button{justify-content:flex-start}.topbar{grid-template-columns:1fr;gap:12px;padding:12px 16px}.header-left,.top-actions{width:100%;justify-content:space-between}.search{width:100%;order:3}.content{width:100%;padding:18px}.dashboard-hero,.dashboard-grid,.grid-2,.wizard-grid,.offer-grid,.finance-grid{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.po-row,.offer-row{grid-template-columns:1fr 1fr}.stepper{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:4px}.step{min-width:120px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .span-4{grid-column:span 2}.foundation-list{grid-template-columns:1fr 1fr}.finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.document-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){button,input,select,textarea{font-size:16px}.content{padding:14px 10px 92px;gap:14px}.hero{grid-template-columns:1fr;padding:18px}.hero h1{font-size:clamp(24px,8vw,34px)}.dashboard-hero{padding:17px;border-radius:18px}.dashboard-hero h1{font-size:28px}.cards,.grid-2,.form-grid,.upload-grid,.foundation-list,.finance-summary,.document-summary,.evidence-grid{grid-template-columns:1fr}.stat{min-height:98px;padding:13px}.stat strong{font-size:28px}.form-grid .span-2,.form-grid .span-4{grid-column:span 1}.panel-head{display:grid;gap:10px;padding:15px}.po-row,.container-row,.action-item,.journey-item,.offer-row{grid-template-columns:1fr}.po-row>div:last-child{justify-content:stretch!important}.po-row .btn,.wizard-actions .btn,.offer-actions .btn{width:100%}.wizard-actions,.wizard-actions>div{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important}.stepper{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(116px,42%);overflow-x:auto;scroll-snap-type:x proximity}.step{scroll-snap-align:start}.product-table{min-width:560px}.kv{grid-template-columns:1fr}.kv b{text-align:left}.review-line{display:grid;gap:5px}.upload-box{min-height:108px}.login-grid{grid-template-columns:1fr}.login-wrap{display:block;padding:14px 8px 26px}.login-card{border-radius:14px;padding:18px 14px}.login-card h1{font-size:27px;line-height:1.05}.login-card p{line-height:1.55}.profile-text{display:none}.profile-trigger{padding:7px}.language-select{min-width:66px}.page-context strong{font-size:18px}.finance-hero{display:grid;padding:14px}.finance-table-wrap,.document-table-wrap{display:none}.finance-mobile-list,.document-mobile-list{display:grid;gap:10px;padding:14px}.finance-card strong{font-size:20px}.document-toolbar{display:grid;padding:14px}.document-filters select{width:100%}.document-card dl{grid-template-columns:1fr}}
	@media(max-height:760px) and (min-width:900px){.side{gap:12px}.nav button{padding:9px 11px}.topbar{min-height:62px}.hero{padding:18px}.content{gap:16px}}
	/* 2026-08 premium supplier purchase order redesign */
	.supplier-po-section{display:grid;gap:18px}
	.supplier-po-hero{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#061b33 0%,#0a3f63 58%,#0a6a75 100%);color:#fff;padding:24px;box-shadow:0 24px 70px rgba(6,27,51,.16);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
	.supplier-po-hero:before{content:"";position:absolute;inset:-45% -15% auto auto;width:430px;height:430px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%);pointer-events:none}
	.supplier-po-hero:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(215,168,76,.7),transparent)}
	.supplier-po-hero>*{position:relative;z-index:1}
	.supplier-po-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1;margin:8px 0}
	.supplier-po-hero p{max-width:780px;margin:0;color:#c9dde8;line-height:1.6;font-weight:700}
	.supplier-po-hero .pill{background:rgba(255,255,255,.13);color:#e6fbff;border:1px solid rgba(255,255,255,.15)}
	.supplier-po-hero .hero-actions{align-items:center}
	.supplier-po-panel{border-radius:22px;border:1px solid rgba(0,166,188,.15);box-shadow:0 18px 46px rgba(6,27,51,.08);background:linear-gradient(180deg,#fff,#fbfdfe)}
	.supplier-po-panel .panel-head{background:linear-gradient(180deg,#fff,#f7fcfd);padding:18px 20px}
	.supplier-po-panel .panel-head h2{font-size:22px;letter-spacing:-.015em}
	.premium-po-list{gap:12px;padding:16px}
	.premium-po-list .premium-po-card{border:1px solid #dbe9ef;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8fcfe 100%);box-shadow:0 12px 28px rgba(6,27,51,.07);padding:16px;grid-template-columns:minmax(0,1.18fr) minmax(190px,.52fr) minmax(150px,.36fr) auto;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
	.premium-po-list .premium-po-card:hover{transform:translateY(-2px);border-color:rgba(0,166,188,.32);box-shadow:0 18px 36px rgba(6,27,51,.1)}
	.po-card-main{display:grid;gap:8px}
	.po-card-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
	.po-card-title strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:20px;color:var(--navy)}
	.po-route{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#426176;font-weight:900}
	.po-route i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eaf7fa;color:#08788a;font-style:normal;font-size:12px}
	.po-next{display:inline-flex;gap:7px;align-items:center;color:#6b7c89;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
	.po-products,.po-quantity{border-left:1px solid #e4eff4;padding-left:14px;display:grid;gap:5px;align-content:center}
	.po-products strong,.po-quantity strong{font-size:15px;line-height:1.35}
	.po-quantity strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:24px;color:#0b334f}
	.po-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
	.po-card-actions .btn{min-height:38px;padding:10px 14px;box-shadow:none}
	.btn[disabled]{opacity:.55;cursor:not-allowed}
	@media(max-width:1120px){.supplier-po-hero{grid-template-columns:1fr}.premium-po-list .premium-po-card{grid-template-columns:1fr 1fr}.po-card-actions{grid-column:1/-1;justify-content:flex-start}.po-products{border-left:0;padding-left:0}.po-quantity{border-left:0;padding-left:0}}
	@media(max-width:760px){.supplier-po-hero{border-radius:18px;padding:18px}.supplier-po-hero h1{font-size:30px}.premium-po-list{padding:12px}.premium-po-list .premium-po-card{grid-template-columns:1fr;padding:14px}.po-card-actions .btn{width:100%}.po-products,.po-quantity{border-left:0;border-top:1px solid #edf2f5;padding:12px 0 0}.po-card-title strong{font-size:18px}}
	.phase8-shell{display:grid;gap:16px}
	.phase8-hero{background:linear-gradient(135deg,#04172b,#063a58 58%,#0a6c79);border-radius:24px;box-shadow:0 24px 70px rgba(6,27,51,.16)}
	.phase8-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
	.phase8-metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;display:grid;gap:6px;box-shadow:0 10px 26px rgba(6,27,51,.06)}
	.phase8-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950}
	.phase8-metric strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:28px;color:var(--navy)}
	.phase8-metric small{color:var(--muted);font-size:12px;font-weight:800}
	.phase8-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:16px;align-items:start}
	.phase8-actions{display:grid;gap:12px;padding:14px}
	.phase8-action{border:1px solid #dbe9ef;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fcfd);box-shadow:0 12px 28px rgba(6,27,51,.07);padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
	.phase8-action.overdue{border-color:#f3c8ce;background:#fff8f8}.phase8-action.correction_required{border-color:#efc36c;background:#fffaf0}.phase8-action.completed{border-color:#bdebd3;background:#f7fcf9}
	.phase8-action h3{margin:6px 0 4px;font-family:"Space Grotesk",Inter,sans-serif;font-size:19px;line-height:1.2}.phase8-action p{margin:0;color:#526b7b;font-weight:750;line-height:1.45}.phase8-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.phase8-meta .tag{font-size:11px}
	.phase8-proof{display:grid;gap:8px;margin-top:10px;padding:11px;border:1px solid #e4eff4;border-radius:13px;background:#fbfdfe}.phase8-proof b{font-size:12px}.phase8-proof small{color:var(--muted);font-weight:800;line-height:1.45}
	.phase8-side{display:grid;gap:14px}.phase8-feed{display:grid}.phase8-feed-item{padding:13px 16px;border-bottom:1px solid #edf2f5;display:grid;gap:5px}.phase8-feed-item:last-child{border-bottom:0}.phase8-feed-item b{font-size:14px}.phase8-feed-item small{color:var(--muted);font-weight:800;line-height:1.45}
	.notification-drawer{position:fixed;right:18px;top:82px;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 110px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(6,27,51,.22);z-index:70;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
	.notification-head{flex-wrap:wrap;padding:15px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-head h2{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:20px}
	.notification-list{min-height:0;overflow:auto;display:grid}.notification-item{min-width:0;overflow-wrap:anywhere;padding:14px 16px;border-bottom:1px solid #edf2f5;display:grid;gap:7px}.notification-item.unread{background:#f7fcfd}.notification-item b{font-size:14px}.notification-item p{margin:0;color:#526b7b;font-size:13px;font-weight:750;line-height:1.45}
	@media(max-width:1120px){.phase8-grid{grid-template-columns:1fr}.phase8-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}
	@media(max-width:760px){.phase8-hero{border-radius:18px}.phase8-counts{grid-template-columns:1fr 1fr}.phase8-action{grid-template-columns:1fr}.phase8-action .btn{width:100%}.notification-drawer{left:10px;right:10px;top:72px;width:auto}}
	.kyc-shell{display:grid;gap:16px}.kyc-hero{background:linear-gradient(135deg,#061b33,#06445f 62%,#0b7a83);color:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.kyc-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(28px,3.8vw,46px);margin:8px 0 6px;letter-spacing:-.035em}.kyc-hero p{margin:0;color:#c9dde8;line-height:1.55;max-width:780px}.kyc-status-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px;min-width:220px}.kyc-status-card strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:34px}.kyc-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.kyc-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:8px;box-shadow:0 10px 24px rgba(6,27,51,.06)}.kyc-step i{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:#eef8fa;color:#08788a;font-style:normal;font-weight:950}.kyc-step.done{border-color:#bdebd3;background:#f8fffb}.kyc-step.done i{background:#20a36b;color:#fff}.kyc-step.active{border-color:#d7a84c;background:#fffaf1}.kyc-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.46fr);gap:16px;align-items:start}.kyc-form{padding:18px;display:grid;gap:14px}.kyc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kyc-form-grid .span-2{grid-column:span 2}.kyc-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.kyc-doc-card{border:1px solid #dbe9ef;border-radius:16px;background:#fff;padding:14px;display:grid;gap:10px}.kyc-doc-card.required{border-color:#f1d28d;background:#fffdf6}.kyc-doc-card h3{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:17px}.kyc-doc-card small{color:var(--muted);font-weight:800;line-height:1.45}.kyc-doc-list{display:grid;gap:9px;padding:0 18px 18px}.kyc-document-row{border:1px solid var(--line);border-radius:14px;background:#fbfdfe;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.kyc-document-row b{display:block}.kyc-document-row small{color:var(--muted);font-weight:800}.kyc-side-list{display:grid}.kyc-side-item{padding:13px 16px;border-bottom:1px solid #edf2f5;display:grid;gap:5px}.kyc-side-item:last-child{border-bottom:0}.kyc-side-item b{font-size:14px}.kyc-side-item small{color:var(--muted);font-weight:800;line-height:1.45}.kyc-bank-mask{font-variant-numeric:tabular-nums;letter-spacing:.08em}.kyc-ask-once{display:grid;gap:10px;padding:16px}.kyc-ask-card{border:1px solid #e1edf3;background:#fbfdfe;border-radius:14px;padding:12px;display:grid;gap:5px}.kyc-ask-card b{color:var(--navy)}.kyc-ask-card small{color:var(--muted);font-weight:800}.kyc-upload-form{display:grid;gap:10px}.kyc-upload-form input[type=file]{padding:10px;background:#f8fcfd}.commercial-locked{position:relative}.commercial-locked::before{content:"KYC Pending: commercial modules remain restricted until FishMarket.ai approval.";display:block;background:#fff8e8;border:1px solid #efd28d;color:#76520b;font-weight:900;border-radius:14px;padding:11px;margin-bottom:12px}
	@media(max-width:1120px){.kyc-hero,.kyc-panels{grid-template-columns:1fr}.kyc-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
	@media(max-width:760px){.login-grid{grid-template-columns:1fr}.kyc-track{grid-template-columns:1fr 1fr}.kyc-form-grid,.kyc-doc-grid{grid-template-columns:1fr}.kyc-form-grid .span-2{grid-column:auto}.kyc-document-row{grid-template-columns:1fr}.kyc-status-card{min-width:0}.otp-row{gap:4px}}
	/* Phase 12 supplier dashboard correction: approved compact dashboard visual */
	.dashboard-shell{gap:18px}.dashboard-welcome{padding:4px 2px 0}.dashboard-welcome h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:26px;letter-spacing:-.018em;line-height:1.08;margin:0 0 8px;color:#071b33}.dashboard-welcome p{margin:0;color:#5f7283;font-weight:700;line-height:1.45}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.stat{position:relative;grid-template-columns:58px 1fr;grid-template-areas:"icon label" "icon value" "icon link";align-items:center;min-height:116px;padding:18px 22px;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);border-color:#dfe9ef;box-shadow:0 14px 34px rgba(6,27,51,.075)}.stat i{grid-area:icon;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#eef5ff;color:#082842;font-style:normal;font-size:12px;font-weight:950}.stat.success i{background:#eaf8ef;color:#13764d}.stat.action i{background:#fff2d6;color:#8b5e00}.stat span{grid-area:label;text-transform:none;letter-spacing:0;color:#536575;font-size:15px}.stat strong{grid-area:value;font-size:28px}.stat small{grid-area:link;color:#30465a}.dashboard-focus-card{padding:0}.dashboard-primary-po{grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr) 220px;align-items:center;min-height:206px;border-radius:20px;padding:26px 30px;background:linear-gradient(105deg,#fff 0%,#fff 67%,#fbfdff 100%);border:1px solid #dce7ee;box-shadow:0 16px 44px rgba(6,27,51,.08)}.dashboard-primary-po.empty{display:block}.dashboard-po-title span{color:#3f5165;font-size:14px;text-transform:uppercase;letter-spacing:.045em;font-weight:950}.dashboard-po-title h2{font-size:34px;margin:14px 0 24px;letter-spacing:-.02em}.dashboard-po-title p{max-width:680px}.dashboard-po-facts{display:flex;gap:30px;flex-wrap:wrap}.dashboard-po-facts span{display:inline-flex;gap:10px;align-items:center;color:#071b33;font-weight:900}.dashboard-po-facts i,.journey-dot i{width:28px;height:28px;border-radius:10px;background:#f4f7fa;color:#33485d;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:950;border:1px solid #e0e8ee}.dashboard-po-progress{border-left:1px solid #e5edf2;padding-left:28px;display:grid;gap:8px}.dashboard-po-progress small{font-weight:850;color:#65788a}.dashboard-po-progress strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:31px;color:#b98313}.dashboard-po-progress p{margin:0;color:#65788a;font-weight:800}.dashboard-po-actions{border-left:1px solid #e5edf2;padding-left:28px;display:grid;gap:12px}.dashboard-status-note{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:1px solid #f0d28b;background:#fff7e6;color:#77510a;border-radius:999px;padding:10px 13px;font-weight:950;font-size:13px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr) minmax(330px,.95fr);gap:22px;align-items:stretch}.dashboard-lower-grid .panel{border-radius:18px}.dashboard-lower-grid .panel-head{padding:18px 20px}.dashboard-lower-grid .panel-head h2{font-size:18px}.dashboard-active-shipment{border:0;border-radius:0;padding:18px 20px}.dashboard-active-shipment h3{font-size:17px}.stage-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start;margin:14px 0;position:relative}.stage-track:before{content:"";position:absolute;left:7%;right:7%;top:17px;height:2px;background:#dfe7ee}.stage-track span{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;text-align:center;color:#66788a;font-size:11px;font-weight:900}.stage-track i{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #cdd8e0;color:#6e7f8e;display:grid;place-items:center;font-style:normal}.stage-track span.done i{background:#20a36b;border-color:#20a36b;color:#fff}.stage-track span.active i{background:#d7a84c;border-color:#d7a84c;color:#061b33}.stage-track b{font-size:11px;line-height:1.2}.dashboard-next-action{grid-template-columns:54px minmax(0,1fr);padding:20px;border:0;background:#fff;box-shadow:none}.dashboard-next-action .btn{grid-column:2;justify-self:start;min-width:152px}.dashboard-activity .activity-item{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;padding:15px 20px}.dashboard-activity .activity-item b{font-size:14px}.progress{height:7px;background:#e9f0f5}.progress i{background:linear-gradient(90deg,#d7a84c,#20a36b)}.soft-pulse:before{background:#d7a84c;box-shadow:0 0 0 0 rgba(215,168,76,.28);animation:softGoldPulse 2.6s ease-out infinite}@keyframes softGoldPulse{70%{box-shadow:0 0 0 9px rgba(215,168,76,0)}100%{box-shadow:0 0 0 0 rgba(215,168,76,0)}}@media(prefers-reduced-motion:reduce){.soft-pulse:before{animation:none;box-shadow:none}}@media(max-width:1180px){.dashboard-primary-po{grid-template-columns:1fr}.dashboard-po-progress,.dashboard-po-actions{border-left:0;border-top:1px solid #e5edf2;padding:18px 0 0}.dashboard-po-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-status-note{grid-column:1/-1}.dashboard-lower-grid{grid-template-columns:1fr 1fr}.dashboard-lower-grid .panel:last-child{grid-column:1/-1}}@media(max-width:760px){.dashboard-welcome h1{font-size:23px}.cards,.dashboard-lower-grid{grid-template-columns:1fr;gap:12px}.stat{min-height:92px;padding:14px}.dashboard-primary-po{padding:18px;min-height:auto}.dashboard-po-title h2{font-size:25px;margin:10px 0 16px}.dashboard-po-facts{gap:12px}.dashboard-po-actions{grid-template-columns:1fr}.stage-track{overflow-x:auto;grid-template-columns:repeat(5,minmax(76px,1fr));padding-bottom:4px}.dashboard-next-action{grid-template-columns:44px 1fr}.dashboard-next-action .btn{grid-column:1/-1;width:100%}.dashboard-activity .activity-item{grid-template-columns:36px 1fr}}
.intel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fcfd,#fff)}.intel-card{border:1px solid #d9eaf0;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(6,27,51,.055);padding:13px;display:grid;gap:7px;min-width:0}.intel-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950}.intel-card strong{font-family:"Space Grotesk",Inter,sans-serif;font-size:22px;color:var(--navy)}.intel-card small{font-size:12px;color:#6d8291;font-weight:800;line-height:1.4}.intel-identifiers{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.intel-event-list{display:grid;gap:7px;margin-top:10px}.intel-event{border:1px solid #e2edf2;border-radius:12px;padding:9px 10px;background:#fbfdfe;display:flex;justify-content:space-between;gap:10px}.intel-event b{font-size:13px}.intel-event small{color:var(--muted);font-weight:800}.upload-box.is-uploading{border-color:rgba(0,166,188,.65);background:#f2fbfd}.upload-box.is-uploaded{border-color:#bdebd3;background:#f7fcf9}.upload-box.is-failed{border-color:#f1c5c9;background:#fff8f8}.upload-status-list{width:100%;display:grid;gap:7px;margin-top:10px}.upload-status-row{border:1px solid #dfeaf0;border-radius:11px;background:#fff;padding:8px 9px;text-align:left;display:grid;gap:3px}.upload-status-row b{font-size:12px;color:#0b2138;overflow-wrap:anywhere}.upload-status-row small{font-size:11px;color:#65798a;font-weight:800;line-height:1.35}.upload-status-row.uploading{border-color:#8bd8e5;background:#f5fdff}.upload-status-row.uploaded{border-color:#bdebd3;background:#f8fffb}.upload-status-row.failed,.upload-status-row.unsupported,.upload-status-row.file-too-large{border-color:#f1c5c9;background:#fff8f8}@media(max-width:760px){.intel-summary{grid-template-columns:1fr}}
/* 2026-08-28 Admin/Supplier design alignment: keep supplier role safe, match Admin visual language */
:root{--admin-match-navy:#061b33;--admin-match-deep:#031426;--admin-match-gold:#d7a84c;--admin-match-aqua:#00a6bc;--admin-match-shell:#f4f8fb}
body{background:var(--admin-match-shell)}.portal{background:var(--admin-match-shell);grid-template-columns:minmax(248px,270px) minmax(0,1fr)}.portal.is-collapsed{grid-template-columns:82px minmax(0,1fr)}
.side{background:linear-gradient(180deg,var(--admin-match-deep),var(--admin-match-navy));box-shadow:12px 0 34px rgba(6,27,51,.08);padding:20px 14px;scrollbar-width:thin;scrollbar-color:rgba(215,168,76,.55) rgba(255,255,255,.08)}
.brand img{background:#fff;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.18)}.brand strong{letter-spacing:-.015em}.brand span{color:#d7a84c}
.nav button{border:1px solid transparent;border-radius:12px;min-height:40px;font-size:13px}.nav button.active,.nav button:hover{background:rgba(215,168,76,.18);border-color:rgba(215,168,76,.34);box-shadow:inset 3px 0 0 var(--admin-match-gold)}.nav b{background:rgba(255,255,255,.1);color:#f6d486}
.topbar{position:sticky;top:0;z-index:56;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(219,231,237,.95);box-shadow:0 14px 34px rgba(6,27,51,.07);backdrop-filter:blur(16px);min-height:68px}.page-context strong{font-size:19px}.icon-btn,.profile-trigger,.language-select{border-radius:13px;box-shadow:0 8px 20px rgba(6,27,51,.05)}
.content{width:min(100%,1540px);padding-top:20px}.dashboard-hero,.phase8-hero,.supplier-po-hero,.kyc-hero{border-radius:22px;background:linear-gradient(135deg,#061b33 0%,#083f63 58%,#0a6c79 100%);box-shadow:0 24px 70px rgba(6,27,51,.14)}
.dashboard-hero h1,.supplier-po-hero h1,.kyc-hero h1{letter-spacing:-.025em}.stat,.panel,.finance-card,.doc-metric,.kyc-step,.phase8-metric{border-radius:16px;box-shadow:0 12px 30px rgba(6,27,51,.065)}.panel-head{background:linear-gradient(180deg,#fff,#f7fcfd)}
.btn{border-radius:12px}.btn.gold,.pill.gold{background:linear-gradient(135deg,#f0c46a,#d7a84c);color:#061b33}.btn:not(.light):not(.ghost){box-shadow:0 12px 26px rgba(6,27,51,.12)}
.supplier-card,.help-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075)}
	@media(max-width:1120px){.portal{display:block}.side{width:min(88vw,312px);padding:18px 14px}.topbar{grid-template-columns:1fr;align-items:start}.content{padding:18px 14px 88px}}@media(max-width:760px){.topbar{min-height:auto;padding:11px 12px}.content{padding:14px 10px 92px}.dashboard-hero,.phase8-hero,.supplier-po-hero,.kyc-hero{border-radius:18px}.page-context strong{font-size:17px}.cards{gap:10px}.stat,.panel{border-radius:15px}}
	.dashboard-grid{align-items:stretch}.dashboard-stack>.panel:first-child{min-height:100%}@media(max-width:1120px){.dashboard-grid{grid-template-columns:1fr}.dashboard-po-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-next-action{grid-template-columns:1fr}.dashboard-next-action .btn{width:fit-content}}@media(max-width:760px){.dashboard-hero{grid-template-columns:1fr;padding:17px}.dashboard-po-meta,.dashboard-mini-grid{grid-template-columns:1fr}.dashboard-focus-card{padding:13px}.dashboard-primary-po,.dashboard-next-action,.dashboard-active-shipment{border-radius:15px;padding:13px}.dashboard-next-action .btn{width:100%}.dashboard-po-title h2{font-size:25px}.dashboard-activity .activity-item{grid-template-columns:1fr}}
	/* Final Phase 12 dashboard-lock overrides */
	.dashboard-welcome{display:block!important}.dashboard-welcome h1{font-size:26px!important;color:#061b33!important}.dashboard-welcome p{color:#65788a!important}.cards[data-stats]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cards[data-stats] .stat{grid-template-columns:58px 1fr!important;min-height:116px!important;border-radius:18px!important;padding:18px 22px!important}.dashboard-focus-card[data-dashboard-primary-po]{padding:0!important}.dashboard-focus-card[data-dashboard-primary-po] .dashboard-primary-po{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr) 220px!important;padding:26px 30px!important;border-radius:20px!important}.dashboard-lower-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr) minmax(330px,.95fr)!important;gap:22px!important}.dashboard-lower-grid .dashboard-next-action{grid-template-columns:54px minmax(0,1fr)!important;padding:20px!important}.dashboard-lower-grid .dashboard-next-action .btn{grid-column:2!important;width:auto!important}@media(max-width:1180px){.dashboard-focus-card[data-dashboard-primary-po] .dashboard-primary-po{grid-template-columns:1fr!important}.dashboard-lower-grid{grid-template-columns:1fr 1fr!important}.dashboard-lower-grid .panel:last-child{grid-column:1/-1!important}}@media(max-width:760px){.cards[data-stats],.dashboard-lower-grid{grid-template-columns:1fr!important}.cards[data-stats] .stat{min-height:92px!important}.dashboard-focus-card[data-dashboard-primary-po]{padding:0!important}.dashboard-focus-card[data-dashboard-primary-po] .dashboard-primary-po{padding:18px!important}.dashboard-lower-grid .dashboard-next-action{grid-template-columns:44px minmax(0,1fr)!important}.dashboard-lower-grid .dashboard-next-action .btn{grid-column:1/-1!important;width:100%!important}}
	.supplier-po-dashboard-list{display:grid;gap:14px}.dashboard-focus-card[data-dashboard-primary-po] .supplier-po-dashboard-list .dashboard-primary-po{margin:0}.dashboard-po-actions .btn{min-width:0}.status-locked-po{min-height:68px}.status-update-message:empty{display:none}@media(max-width:760px){.dashboard-focus-card[data-dashboard-primary-po] .supplier-po-dashboard-list .dashboard-primary-po{grid-template-columns:1fr!important}.dashboard-po-actions .btn{width:100%}}
.supplier-document-choice-note{grid-column:1/-1;border:1px solid #d8edf1;background:linear-gradient(135deg,#f7fcfd,#fffaf0);border-radius:16px;padding:14px 16px;display:grid;gap:5px}.supplier-document-choice-note strong{font-family:"Space Grotesk",Inter,sans-serif;color:var(--navy);font-size:18px}.supplier-document-choice-note span{color:var(--muted);font-weight:800;line-height:1.5}

/* Keep commercial rows inside their panel so detail content cannot cover View/Edit. */
.offer-detail,.offer-preview{grid-template-columns:minmax(0,1fr)}
.offer-detail>div,.offer-preview .review-line,.offer-preview .review-line>*{min-width:0;overflow-wrap:anywhere}
.offer-detail h2,.offer-detail p{overflow-wrap:anywhere}
.offer-event{grid-template-columns:30px minmax(0,1fr) auto;overflow-wrap:anywhere}
@media(max-width:760px){.offer-event{grid-template-columns:30px minmax(0,1fr)}.offer-event>small{grid-column:2}}

.offer-grid>.panel,.offer-row>div,.offer-detail{min-width:0}
.offer-row>div{overflow-wrap:anywhere}
.offer-row .btn{max-width:100%;white-space:normal}
@media(min-width:1121px){.offer-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.75fr) minmax(0,.75fr) minmax(90px,.55fr)}}
@media(max-width:1560px){.offer-grid{grid-template-columns:minmax(0,1fr)}}

[data-section-loading]{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:10px 16px;border:1px solid #c6dde7;border-radius:10px;background:#fff;color:#17384e;box-shadow:0 4px 18px #143e5120;overflow-wrap:anywhere}
[data-section-loading]:empty{display:none}

@media(max-width:520px){[data-po-detail] .product-table{display:block;min-width:0;width:100%}[data-po-detail] .product-table thead{display:none}[data-po-detail] .product-table tbody{display:grid;gap:12px}[data-po-detail] .product-table tr{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:12px;padding:8px}[data-po-detail] .product-table td{display:block;padding:6px;border:0;overflow-wrap:anywhere}[data-po-detail] .product-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:3px}}


@media(max-width:760px){
  [data-login-screen].login-wrap{
    min-height:100dvh;
    padding:14px 12px 28px;
    background:radial-gradient(circle at 50% -12%,rgba(0,166,188,.3),transparent 38%),linear-gradient(180deg,#031426 0,#082d49 35%,#eef5f7 35%);
  }
  [data-login-screen] .login-grid{display:block;width:100%;max-width:460px;margin:auto}
  [data-login-screen] .login-card:first-child{display:none}
  [data-login-screen] .login-card:last-child{
    position:relative;
    padding:22px 16px 18px;
    border:1px solid rgba(215,168,76,.42);
    border-radius:26px;
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 65px rgba(2,18,35,.28),inset 0 1px 0 #fff;
    overflow:hidden;
  }
  [data-login-screen] .login-card:last-child:before{
    content:"FISHMARKET.AI · VERIFIED SUPPLIER ACCESS";
    display:block;
    margin:-22px -16px 20px;
    padding:15px 18px;
    background:linear-gradient(125deg,#061b33,#0b4568);
    color:#f2cc72;
    font-size:10px;
    font-weight:950;
    letter-spacing:.1em;
    text-align:center;
  }
  [data-login-screen] .login-card:last-child h2{margin:0;color:#061b33;font-family:"Space Grotesk",Inter,sans-serif;font-size:27px;letter-spacing:-.03em;text-align:center}
  [data-login-screen] .login-card:last-child>p:not(.sr-only){max-width:340px;margin:8px auto 18px;color:#63788a;font-size:13px;font-weight:750;line-height:1.5;text-align:center}
  [data-login-screen] .auth-tabs{
    position:relative;
    gap:5px;
    margin:0 0 20px;
    padding:5px;
    border:1px solid #dce7ed;
    border-radius:18px;
    background:#edf3f6;
    box-shadow:inset 0 2px 7px rgba(6,27,51,.06);
  }
  [data-login-screen] .auth-tab{
    min-width:0;
    min-height:52px;
    padding:9px 8px;
    border:0;
    border-radius:14px;
    background:transparent;
    color:#536a7d;
    font-size:12px;
    line-height:1.15;
    box-shadow:none;
    transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
  }
  [data-login-screen] .auth-tab.active{
    background:linear-gradient(135deg,#061b33,#0a4164);
    color:#fff;
    box-shadow:0 10px 22px rgba(6,27,51,.22),inset 0 1px 0 rgba(255,255,255,.2);
    transform:translateY(-1px);
  }
  [data-login-screen] .auth-tab[data-auth-tab="register"]:not(.active){background:#fff9ea;color:#775510}
  [data-login-screen] .login-form{gap:13px;margin-top:0}
  [data-login-screen] .login-form label{gap:7px;color:#17334b;font-size:12px;font-weight:900}
  [data-login-screen] .login-form input,[data-login-screen] .login-form select{
    min-height:52px;
    padding:13px 14px;
    border:1px solid #cbdde6;
    border-radius:14px;
    background:#fbfdfe;
    font-size:16px;
    box-shadow:inset 0 1px 2px rgba(6,27,51,.035);
  }
  [data-login-screen] .login-form input:focus,[data-login-screen] .login-form select:focus{border-color:#00a6bc;background:#fff;box-shadow:0 0 0 4px rgba(0,166,188,.13)}
  [data-login-screen] .login-form>.btn[type="submit"]{
    min-height:54px;
    margin-top:3px;
    border:1px solid rgba(244,204,108,.65);
    border-radius:16px;
    background:linear-gradient(125deg,#061b33 0,#0a4164 72%,#0b6279 100%);
    color:#fff;
    font-size:14px;
    letter-spacing:.01em;
    box-shadow:0 16px 30px rgba(6,27,51,.24),inset 0 1px 0 rgba(255,255,255,.18);
  }
  [data-login-screen] [data-register-form]>.btn[type="submit"]{background:linear-gradient(125deg,#b98016,#e0ad3c);border-color:#edc86d;color:#071b33;box-shadow:0 15px 30px rgba(188,133,27,.25)}
  [data-login-screen] .login-form>.btn.light{min-height:46px;border:1px solid #d8e5eb;border-radius:14px;background:#f3f8fa;color:#17334b;box-shadow:none}
  [data-login-screen] .quick-register-note{padding:12px 13px;border-color:#e4d098;border-radius:14px;background:#fff9e9;color:#624c1d;font-size:11px}
  [data-login-screen] .status-text{min-height:8px;font-size:12px;line-height:1.4;text-align:center}
}