/* The supplier portal keeps one task per workspace and a shared brand. */
:root{--portal-green:#51418f;--portal-ink:#252b3d;--portal-muted:#657086;--portal-line:#e1e5ef}
body{background:#f5f6fa;color:var(--portal-ink)}
button{background:#51418f}button.secondary{color:#51418f;border-color:#c9c3dd}
.portal-heading h1{font-weight:750}.portal-heading{margin-top:2rem}
.workspace-filters{grid-template-columns:1fr 1fr 1.2fr 1.5fr auto;box-shadow:0 4px 18px #25234004}
#portal-sidebar .workspace-tabs button[aria-current=page]{background:#efebf8;color:#51418f}.menu-symbol{color:#8676ac}
.brand-mark{background:none;object-fit:contain}.sidebar-brand{padding-top:.4rem}.sidebar-caption{color:#6b7285}
.balance-card{background:linear-gradient(115deg,#eeebf7,#f6f5fa);border-color:#ded7ed}.portal-kpi{border-top:3px solid #9e8ac4}.portal-kpi:nth-child(2){border-top-color:#8aafd4}.portal-kpi:nth-child(3){border-top-color:#d8b263}.portal-kpi:nth-child(4){border-top-color:#6aad9c}
.workspace-body th{background:#f2eff8;color:#514568}.order-card{box-shadow:0 5px 18px #26203304}.order-card-action{border-color:#ebe8f0}
.workspace-empty{border-color:#d6cde4}.sidebar-links a:hover{background:#f2eff8}
.document-fields{border:1px solid #e1ddeb;border-radius:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 1.2rem;margin:1.4rem 0}
.document-fields legend{padding:0 .4rem;font-size:.9rem;color:#51418f;font-weight:700}#editor .document-fields label{margin:0;font-size:.82rem}.document-fields .full-width,.document-total{grid-column:1/-1}.document-total{margin:.5rem 0 0;padding:.8rem;border-radius:9px;background:#eeebf8;color:#403368;font-weight:650}.document-total.invalid{background:#fff4e4;color:#77551e;font-weight:400;font-size:.85rem}
#editor{width:min(760px,94vw);padding:clamp(1rem,3vw,2rem)}#editor #error{color:#a3293a}#editor h2{margin-top:0}#editor #cancel{background:#f0edf6;color:#51418f;margin-right:.6rem}#fields>p{color:var(--portal-muted);font-size:.86rem}
body:not(.is-authenticated){min-height:100vh;min-height:100dvh;background:#12172a;color:#eff3fc}body:not(.is-authenticated):before{content:'';position:fixed;inset:0;background:linear-gradient(100deg,#17223870,#101628e8),url('/assets/speas-landscape-20261008.webp') center/cover no-repeat;pointer-events:none}
body:not(.is-authenticated)>header,body:not(.is-authenticated) main{position:relative}body:not(.is-authenticated)>header a{color:#e0d9f6}body:not(.is-authenticated) main{max-width:1400px;margin:0 auto;padding:clamp(20px,4vw,56px)}
#access{max-width:none;min-height:calc(100dvh - 170px);background:transparent;border:0;box-shadow:none;gap:clamp(28px,6vw,90px);margin:0;align-items:center;overflow:visible}
.login-story{background:transparent;padding:0}.login-story:after{display:none}.login-story h1{font-size:clamp(36px,4.4vw,62px);letter-spacing:-.035em}.login-story>p{color:#e0e6f3;max-width:460px}.login-story li{color:#d9e1ee}.login-story li>span{border-color:#a8b3d85c;color:#e8e3ff}
.purchase-login-brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:3px}.purchase-login-brand img{width:52px;height:52px}.purchase-login-brand small{display:block;color:#cbd4e6;font-size:9px;letter-spacing:1.4px}
.login-partners{display:flex;align-items:center;gap:30px;margin-top:2rem;border-top:1px solid #ffffff30;padding-top:1.5rem}.login-partners svg{width:140px;height:88px}.login-partners img{width:80px;height:80px;object-fit:contain}
.login-card{border:1px solid #ccd6f040;border-radius:26px;background:linear-gradient(130deg,#293148f0,#10172aed);box-shadow:0 26px 70px #0004;backdrop-filter:blur(14px);padding:clamp(24px,3vw,44px)}.login-card h2{color:#fff}.login-card>p{color:#cbd5e7}.login-card .login-kicker{color:#dbcbff}.login-card #login>button{background:linear-gradient(105deg,#51418f,#7755b4)}.login-card input{border-color:#b6c2dc;color:#19243a;background:#f3f6fd}.login-card .password-wrap button{color:#51418f;background:#e8e5f2}
#mfa{position:relative;color:#252b3d}body:not(.is-authenticated) #message:not(:empty){padding:1rem;border-radius:10px;background:#fff3e5;color:#754826}#invitation p{color:#d0daec}
@media(max-width:1100px){.workspace-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#access{min-height:0;max-width:560px;margin:0 auto}.login-story{padding:0}.login-story h1{font-size:34px}.login-partners{margin:1rem 0}.login-story>p{display:none}.login-card{margin-bottom:1rem}.login-story ol{display:none}}
@media(max-width:560px){.workspace-filters,.document-fields{grid-template-columns:1fr}.document-fields{padding:1rem}.workspace-content{padding:0 1rem 1.5rem}.portal-heading h1{font-size:1.8rem}.purchase-login-brand img{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:560px){.workspace-body .table-wrap{border:0;background:transparent;overflow:visible}.workspace-body table{min-width:0;display:block;background:transparent}.workspace-body thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.workspace-body tbody{display:grid;gap:1rem}.workspace-body tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.7rem;background:#fff;border:1px solid var(--portal-line);border-radius:14px}.workspace-body td{display:block;padding:.6rem;border:0;overflow-wrap:anywhere;min-width:0}.workspace-body td:before{content:attr(data-label);display:block;font-size:.68rem;color:var(--portal-muted);font-weight:600;margin-bottom:.35rem}.workspace-body td:last-child{grid-column:1/-1}.workspace-body td:last-child:before{display:none}.workspace-body td button{margin:0;width:100%}}