/* Common portal styling, complementary to the public website. */
.portal-page>header{position:relative;background:#080f16}.portal-main .step-navigation{position:static;inset:auto;display:flex;flex-direction:row;background:transparent;padding:0;border:0;width:auto;z-index:auto}
[hidden]{display:none!important}.portal-card,.portal-stats>div,.supplier-info,.demo-notice,.portal-primary,.portal-secondary,.order-picker button,.production-update,.portal-nav-links{border-radius:12px}.portal-page{--portal-ink:#233f56;--portal-muted:#556879}.portal-page .portal-main .eyebrow{color:#365b75}.portal-page .portal-primary{background:#284d68;border-color:#284d68}.portal-page .portal-primary:hover{background:#1e3c52}.portal-page .portal-stats>div{background:#223e55}.portal-page :focus-visible{outline:3px solid #bb7418;outline-offset:4px}.portal-main{overflow-wrap:anywhere}.portal-title h1{max-width:100%}.portal-page .portal-main h2{line-height:1.15}.portal-home-link{display:inline-block;color:#284d68;margin-bottom:24px;font-weight:600}.employee-demo-hero{padding:30px;background:linear-gradient(125deg,#2b465d,#132b41);border-radius:18px;color:#fff;margin:24px 0}.employee-demo-hero h2{font-size:clamp(2rem,4vw,3.6rem);margin:18px 0}.portal-main .employee-demo-hero p{color:#c9d8e4}.portal-main .employee-demo-hero .eyebrow{color:#bfd8e9}.employee-demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:24px 0}.employee-demo-stats article{border-radius:13px;background:#fff;padding:23px;border:1px solid #c9d4de}.employee-demo-stats span,.employee-demo-stats small{display:block;font-size:.875rem;color:#52687a;line-height:1.5}.employee-demo-stats strong{display:block;font-size:2rem;letter-spacing:-.035em;margin:12px 0;color:#1e394e}.employee-demo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.employee-demo-actions a{background:white;border:1px solid #becdd9;border-radius:14px;padding:25px;text-decoration:none;color:#1c374d;display:block}.employee-demo-actions a:hover{background:#e4edf3}.employee-demo-actions strong{display:block;font-size:1.3rem;margin:14px 0}.employee-demo-actions span{font-size:1rem;line-height:1.6;color:#52677b}.employee-demo-actions b{font-size:.875rem;color:#3e627b}.calloff-notice{border:1px solid #c7a55f;border-left:5px solid #b9801f;background:#fff6df;padding:24px;border-radius:13px;margin-bottom:24px}.calloff-notice h2{font-size:1.6rem;margin:0 0 13px}.calloff-notice p{font-size:1rem;line-height:1.65;margin:12px 0}.calloff-notice .call-number{display:inline-block;color:#193d56;font-size:1.7rem;font-weight:600;margin:8px 0}.calloff-notice small{display:block;line-height:1.5;color:#6b5939}.demo-form{max-width:760px}.demo-form label{display:block;margin:16px 0;font-size:1rem}.demo-form input,.demo-form select,.demo-form textarea,.po-select{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #9aafbf;border-radius:8px;background:white;color:#183448;font:1rem Arial,sans-serif}.demo-form textarea{min-height:100px}.portal-table-wrap{overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.5}.portal-table td,.portal-table th{padding:16px 12px;border-bottom:1px solid #d7e0e7;text-align:left;vertical-align:top}.portal-table th{font-weight:600;background:#e7edf2}.step-navigation{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.step-navigation span{display:inline-flex;gap:9px;padding:12px 18px;border-radius:30px;border:1px solid #b6c6d3;font-size:.9375rem;color:#536c7f}.step-navigation span[aria-current=step]{background:#27495f;color:white;border-color:#27495f}.shipment-step{padding:28px;background:white;border:1px solid #c7d4df;border-radius:14px}.shipment-step h2{font-size:1.8rem;margin-top:0}.shipment-step p{font-size:1rem;line-height:1.6}.shipment-buttons{display:flex;gap:12px;justify-content:space-between;margin-top:24px;flex-wrap:wrap}.po-line{border:1px solid #c7d4df;border-radius:12px;margin-top:16px;padding:18px}.po-line label{font-size:1rem;display:flex;gap:12px;align-items:center}.po-line input[type=checkbox]{width:22px;height:22px}.po-line input[type=number]{padding:12px;font-size:1rem;border:1px solid #8a9eaf;border-radius:7px;width:180px;max-width:100%;margin:12px}.po-line small{font-size:.875rem;color:#52687a;display:block}.shipment-status{padding:16px;background:#fff1d5;border-radius:10px;font-size:1rem;color:#674616}.shipment-status:empty{display:none}.packet-file{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.7fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #d2dbe2;font-size:1rem}.packet-file select,.packet-file button{font-size:1rem;padding:10px}.packet-file strong{overflow-wrap:anywhere}.portal-page footer{padding:32px 5.3%}.portal-page footer a{font-size:1rem}.portal-page input,.portal-page select,.portal-page textarea{min-height:44px}.portal-page button{min-height:44px}.portal-page .brand-wordmark{min-width:0}
@media(max-width:850px){.employee-demo-stats,.employee-demo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.packet-file{grid-template-columns:1fr 1fr}.packet-file strong{grid-column:1/-1}}
@media(max-width:480px){.employee-demo-actions{grid-template-columns:1fr}.employee-demo-stats article{padding:15px}.employee-demo-stats strong{font-size:1.5rem}.employee-demo-hero,.calloff-notice,.shipment-step{padding:20px}.portal-title h1{font-size:2.4rem}.step-navigation{gap:7px}.step-navigation span{padding:10px;font-size:.8rem}.portal-page header{padding-left:5%;padding-right:5%}.portal-page .brand-wordmark strong{font-size:1.4rem}.portal-page .brand-wordmark>span{font-size:.6rem}.portal-page .brand-mark{width:40px;height:40px}.portal-page .brand{gap:8px}.portal-page .menu{font-size:.8rem}.portal-page .portal-stats{grid-template-columns:1fr}.portal-page .portal-title{max-width:100%}}