/* Role-specific commerce portals. The consumer storefront is styled separately. */
#view-account,#view-workbench,#view-legal{--portal-ink:#1b2b3b;--portal-muted:#697583;--portal-line:#e7e9ed;--portal-accent:#ec533b;--portal-soft:#f7f8fa;color:var(--portal-ink)}
#view-account .page-heading,#view-workbench .page-heading,#view-legal .page-heading{padding:30px 0 22px}
#view-account .page-heading h1,#view-workbench .page-heading h1,#view-legal .page-heading h1{font-size:29px;line-height:1.3;margin:4px 0 8px}
#view-account .page-heading>p:last-child,#view-workbench .page-heading>p:last-child,#view-legal .page-heading>p:last-child{color:var(--portal-muted);font-size:13px}
#view-account button,#view-workbench button,#view-legal button{font-family:inherit}
#view-account .primary,#view-workbench .primary,#view-legal .primary{background:var(--portal-accent);border-color:var(--portal-accent);color:white;border-radius:6px;font-size:13px;min-height:40px;font-weight:650}
#view-account .primary:hover,#view-workbench .primary:hover,#view-legal .primary:hover{background:#d94430}
#view-account .secondary,#view-workbench .secondary,#view-legal .secondary{border:1px solid #d8dde3;background:white;color:#26394a;border-radius:6px;min-height:38px;font-size:12px}
#view-account .panel,#view-workbench .panel,#view-legal .panel{border:1px solid var(--portal-line);border-radius:8px;padding:24px;background:#fff;margin:0 0 20px}
#view-account .panel h3,#view-workbench .panel h3,#view-legal .panel h3{font-size:17px;line-height:1.5;margin:0 0 15px}
#view-account .small,#view-workbench .small,#view-legal .small{font-size:12px;line-height:1.8;color:var(--portal-muted)}
#view-account .eyebrow,#view-workbench .eyebrow,#view-legal .eyebrow{font-size:10px;letter-spacing:1.8px;color:#7d8992;margin:0 0 7px}
#view-account .form-notice,#view-workbench .form-notice{padding:15px 17px;background:#fff8ec;color:#84632d;border:1px solid #efe2c8;border-radius:6px;font-size:12px;line-height:1.8}
#view-account .form-field,#view-workbench .form-field{gap:8px;display:flex;flex-direction:column;font-size:13px;font-weight:550;min-width:0}
#view-account input:not([type=checkbox]),#view-account select,#view-account textarea,#view-workbench input:not([type=checkbox]),#view-workbench select,#view-workbench textarea{box-sizing:border-box;min-height:43px;border:1px solid #dbe0e5;background:white;padding:11px 12px;border-radius:5px;color:#25384b;font:400 13px/1.5 inherit;width:100%}
#view-account input:focus,#view-account select:focus,#view-workbench input:focus,#view-workbench textarea:focus,#view-workbench select:focus{outline:2px solid #f9ccbf;outline-offset:1px;border-color:#eb735d}
#view-account input:disabled{background:#f5f6f7;color:#8a929a}
#view-account .business-form,#view-workbench .business-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin-top:20px}
#view-account .stack-form,#view-workbench .stack-form{display:flex;flex-direction:column;gap:20px}
#view-account .stack-form>button{align-self:flex-start;min-width:130px}
#view-account .form-actions,#view-workbench .form-actions{grid-column:1/-1;display:flex;gap:12px;border-top:1px solid var(--portal-line);padding-top:19px;margin-top:4px}
#view-account .inline-link,#view-workbench .inline-link{color:#da4c36;font-weight:550;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font-size:inherit}
#view-account .text-button,#view-workbench .text-button{color:#344b61;font-size:12px;line-height:1.6}
#view-account .account-layout{display:grid;grid-template-columns:0.9fr 1.1fr;min-height:650px;border:1px solid var(--portal-line);background:#fff;border-radius:10px;overflow:hidden;margin-bottom:30px}
#view-account .account-intro{padding:42px;background:#eef2f4;display:flex;flex-direction:column;align-items:flex-start}
#view-account .account-intro h2{font-size:32px;line-height:1.5;letter-spacing:-1px;max-width:350px;margin:20px 0 14px}
#view-account .account-intro>p:not(.eyebrow){color:#61727e;font-size:14px;line-height:1.9;max-width:350px}
#view-account .account-intro .form-notice{margin-top:auto;background:#e7edef;border-color:#dbe3e7;color:#687b88;font-size:11px}
#view-account .account-intro>.text-button{margin-top:18px;text-align:left}
#view-account .account-form-panel{padding:35px 44px}
#view-account .account-form-panel>.tabs{display:flex;gap:25px;border-bottom:1px solid var(--portal-line);margin-bottom:30px;padding:0;overflow:visible}
#view-account .account-form-panel>.tabs .tab{padding:0 0 15px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:#818b95;font-size:14px;white-space:nowrap}
#view-account .account-form-panel>.tabs .tab.active{border-bottom-color:var(--portal-accent);color:#20374a;font-weight:700}
#view-account .auth-heading h3{font-size:23px;margin:3px 0 10px}
#view-account .auth-heading>p:last-child{font-size:12px;line-height:1.8;color:var(--portal-muted);margin-bottom:4px}
#view-account .auth-value-list{list-style:none;padding:10px 0 25px;margin:0;display:grid;gap:20px}
#view-account .auth-value-list li{display:flex;align-items:flex-start;gap:15px;font-size:14px}
#view-account .auth-value-list li>b{font-size:11px;color:#9baab3;border:1px solid #d0dbe0;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-weight:600}
#view-account .auth-value-list li strong{display:block;color:#7b8a95;font-size:11px;font-weight:400;margin-top:4px}
#view-account .registration-progress{display:flex;list-style:none;padding:0 0 16px;margin:0 0 7px;border-bottom:1px solid var(--portal-line);gap:14px}
#view-account .registration-progress li{display:flex;gap:7px;align-items:center;color:#9aabb5;font-size:11px;white-space:nowrap}
#view-account .registration-progress li span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f0f2f4;font-weight:700}
#view-account .registration-progress li.active{color:#d64a34;font-weight:650}
#view-account .registration-progress li.active span{background:#fff0eb;color:#d64a34}
#view-account .registration-progress li.complete{color:#4e7669}
#view-account [data-register-step]>h4{font-size:15px;margin:0 0 15px}
#view-account [data-register-step="2"]{display:flex;flex-direction:column;gap:20px}
#view-account [data-register-step][hidden]{display:none}
#view-account .registration-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#view-account .registration-role{display:flex;position:relative;flex-direction:column;text-align:left;border:1px solid var(--portal-line);background:#fff;border-radius:6px;padding:17px;min-height:126px;gap:9px}
#view-account .registration-role.selected{background:#fff8f4;border-color:#ec907c}
#view-account .registration-role strong{font-size:14px;font-weight:650;color:#273d4d}
#view-account .registration-role span{font-size:11px;line-height:1.8;color:#7b8993}
#view-account .registration-role i{font-style:normal;font-size:10px;color:#bb715e;margin-top:auto}
#view-account .registration-role-summary{border-left:3px solid #e9775d;background:#fff8f5;padding:12px 15px}
#view-account .registration-role-summary span{font-size:13px;font-weight:700}
#view-account .registration-role-summary p{font-size:11px;color:#927768;margin:5px 0 0}
#view-account .registration-actions{display:flex;justify-content:space-between;gap:12px}
#view-account .registration-actions .primary{margin-left:auto;min-width:130px}
#view-account .auth-secondary-link{font-size:12px;color:#87929b;text-align:center;border-top:1px solid var(--portal-line);padding-top:20px;margin:0}
#view-account .agreement-box{background:#fafbfc;border:1px solid var(--portal-line);padding:17px;border-radius:6px}
#view-account .agreement-box>strong{font-size:13px}
#view-account .agreement-box>p{font-size:11px;color:#8b939a;line-height:1.8;margin:8px 0 15px}
#view-account .agreement-check{align-items:flex-start;display:flex;gap:9px;font-size:12px;line-height:1.9;margin:12px 0}
#view-account .agreement-check input{accent-color:#e55b42;flex-shrink:0;margin-top:4px}
#view-account .agreement-check small{display:block;font-size:10px;color:#9a9fa6}
#view-account .reset-credential{padding:18px;background:#f2f5f7;border:1px dashed #c4d0d8;border-radius:6px}
#view-account .reset-credential code{display:block;overflow-wrap:anywhere;font-size:11px;padding:12px 0}
#view-account .member-shell{display:grid;grid-template-columns:226px minmax(0,1fr);gap:24px;margin-bottom:30px}
#view-account .member-sidebar{border:1px solid var(--portal-line);border-radius:8px;background:white;height:fit-content;overflow:hidden}
#view-account .member-identity{padding:28px 20px 23px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--portal-line);gap:7px}
#view-account .member-avatar{height:55px;width:55px;background:#f7e9e1;color:#a9654b;display:grid;place-items:center;border-radius:50%;font-size:23px;margin-bottom:5px}
#view-account .member-identity strong{font-size:14px;overflow-wrap:anywhere;text-align:center}
#view-account .member-identity small{font-size:11px;color:#919ba4}
#view-account .member-sidebar nav{display:flex;flex-direction:column;padding:14px 12px;gap:5px}
#view-account .member-sidebar nav button{display:flex;justify-content:space-between;text-align:left;background:none;border:0;border-radius:5px;font-size:13px;color:#65717d;padding:13px 16px}
#view-account .member-sidebar nav button.active{background:#fff2ec;color:#c64d35;font-weight:650}
#view-account .member-signout{background:none;border:0;border-top:1px solid var(--portal-line);padding:17px;width:100%;font-size:12px;color:#7c8893;text-align:left;padding-left:28px}
#view-account .member-main,#view-workbench .business-main{min-width:0}
#view-account .portal-titlebar,#view-workbench .portal-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 22px}
#view-account .portal-titlebar h2,#view-workbench .portal-titlebar h2{font-size:25px;margin:3px 0 0}
#view-workbench .portal-titlebar>div>p:last-child{font-size:12px;color:#89949d;margin:9px 0 0}
#view-account .member-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--portal-line);border-radius:8px;padding:25px}
#view-account .member-welcome>div>p:first-child{font-size:12px;color:#8b969f;margin:0 0 7px}
#view-account .member-welcome h3{font-size:19px;margin:0 0 10px;line-height:1.5}
#view-account .member-welcome .primary{white-space:nowrap}
#view-account .member-order-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--portal-line);border-radius:8px;margin:18px 0}
#view-account .member-order-shortcuts button{border:0;border-right:1px solid #edf0f3;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:23px 10px}
#view-account .member-order-shortcuts button:last-child{border-right:0}
#view-account .member-order-shortcuts strong{font-size:25px;color:#283c4d}
#view-account .member-order-shortcuts span{font-size:12px;color:#8a969f}
#view-account .member-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
#view-account .member-service-grid button{position:relative;display:flex;flex-direction:column;text-align:left;gap:9px;border:1px solid var(--portal-line);background:white;border-radius:7px;padding:23px 40px 23px 23px}
#view-account .member-service-grid strong{font-size:14px;color:#304657}
#view-account .member-service-grid span{font-size:11px;color:#909ca5;line-height:1.8}
#view-account .member-service-grid b{position:absolute;right:19px;top:24px;font-weight:400;color:#a4afb7}
#view-account .member-environment-note{border-top:1px solid #e3e7ea;padding:20px 0;color:#9aa4ac;font-size:11px;line-height:1.9}
#view-account .member-environment-note strong{font-size:11px;color:#788793}
#view-account .panel-heading p{font-size:12px;line-height:1.8;color:#83919b;margin:-7px 0 20px}
#view-account .address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#view-account .address-card{padding:19px;border:1px solid #dde4e9;border-radius:6px}
#view-account .address-card-top{display:flex;justify-content:space-between;gap:15px;font-size:13px}
#view-account .address-card-top span{font-size:11px;color:#a0a8af}
#view-account .address-card p{font-size:12px;color:#7b8a95;line-height:1.9;margin:12px 0}
#view-account .address-card .text-button{padding:0;margin-right:18px}
#view-account .security-status{display:flex;gap:19px;padding:24px;background:#edf3f3;border-radius:8px;margin-bottom:20px}
#view-account .security-monogram{display:grid;place-items:center;border:1px solid #b8d0cd;border-radius:6px;width:42px;height:48px;font-size:12px;font-weight:700;color:#527a74;flex-shrink:0}
#view-account .security-status h3{font-size:16px;margin:1px 0 6px}
#view-account .security-status p{font-size:12px;line-height:1.8;color:#7d9390;margin:0}
#view-account .portal-definition{margin:0;display:grid;gap:0}
#view-account .portal-definition>div{display:grid;grid-template-columns:160px 1fr;padding:15px 0;border-bottom:1px solid #edf0f3;font-size:12px}
#view-account .portal-definition dt{color:#8a98a3}
#view-account .portal-definition dd{margin:0;color:#445d6f;overflow-wrap:anywhere}
#view-account .portal-empty,#view-workbench .portal-empty,#view-legal .portal-empty{padding:35px 24px;background:#fafbfc;text-align:center;border:1px dashed #dfe5eb;border-radius:6px;grid-column:1/-1}
#view-account .portal-empty strong,#view-workbench .portal-empty strong,#view-legal .portal-empty strong{font-size:14px;font-weight:550}
#view-account .portal-empty p,#view-workbench .portal-empty p,#view-legal .portal-empty p{font-size:12px;line-height:1.9;color:#94a0a9;margin:9px 0 0}
#view-workbench .business-portal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;margin-bottom:30px}
#view-workbench .business-sidebar{background:#1f3344;border-radius:8px;overflow:hidden;height:fit-content;color:#dbe6ec}
#view-workbench .business-role{padding:26px 24px;border-bottom:1px solid #344858;display:flex;flex-direction:column;gap:9px}
#view-workbench .portal-role-icon{width:38px;height:38px;border-radius:8px;background:#3d5262;display:grid;place-items:center;font-size:19px;font-weight:700;margin-bottom:4px;color:#fff}
#view-workbench .business-role strong{font-size:16px;font-weight:650;color:#fff}
#view-workbench .business-role small{font-size:11px;color:#90a5b3;line-height:1.8;overflow-wrap:anywhere}
#view-workbench .business-mode{display:inline-flex;align-self:flex-start;border:1px solid #486071;color:#9ab2bf;padding:3px 7px;font-size:9px;border-radius:4px;margin-top:4px}
#view-workbench .business-sidebar nav{display:flex;flex-direction:column;padding:15px 11px;gap:4px}
#view-workbench .business-sidebar nav button{display:flex;align-items:center;gap:10px;justify-content:space-between;background:none;border:0;border-radius:5px;color:#a6bac7;font-size:12px;padding:13px 14px;text-align:left}
#view-workbench .business-sidebar nav button.active{background:#3b5060;color:#fff;font-weight:600}
#view-workbench .business-sidebar nav button b{background:#5e6f7b;font-size:10px;min-width:19px;text-align:center;border-radius:4px;padding:1px 4px;font-weight:550}
#view-workbench .business-sidebar nav button i{font-style:normal;color:#7792a5}
#view-workbench .business-sidebar-footer{display:flex;flex-direction:column;border-top:1px solid #344858;padding:16px 25px;gap:14px}
#view-workbench .business-sidebar-footer button{color:#8ea6b6;background:none;border:0;text-align:left;padding:0;font-size:11px}
#view-workbench .business-demo-note{padding:12px 15px;background:#f1f4f6;border:1px solid #e1e7eb;border-radius:5px;font-size:10px;color:#8d9ba5;line-height:1.8;margin-bottom:20px}
#view-workbench .business-demo-note span{font-weight:650;color:#688394;margin-right:12px}
#view-workbench .business-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}
#view-workbench .business-metrics button{display:flex;flex-direction:column;align-items:flex-start;padding:20px 17px;border:1px solid var(--portal-line);border-radius:7px;background:#fff;gap:10px;text-align:left;min-width:0}
#view-workbench .business-metrics span{font-size:12px;color:#778a98}
#view-workbench .business-metrics strong{font-size:29px;color:#263c4d;line-height:1;font-weight:650}
#view-workbench .business-metrics small{font-size:10px;color:#a0acb5;line-height:1.6}
#view-workbench .settlement-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-workbench .settlement-metrics>div{display:flex;flex-direction:column;gap:11px;border:1px solid var(--portal-line);background:white;border-radius:6px;padding:20px 17px;min-width:0}
#view-workbench .settlement-metrics>div>strong{font-size:23px;overflow-wrap:anywhere}
#view-workbench .portal-definition{margin:0}
#view-workbench .portal-definition>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;border-bottom:1px solid #edf0f3;padding:18px 0;font-size:12px;line-height:1.9}
#view-workbench .portal-definition dt{color:#8497a6}
#view-workbench .portal-definition dd{color:#4f6a7e;margin:0}
#view-workbench .business-guide{margin-bottom:24px}
#view-workbench .section-heading{margin:0 0 15px}
#view-workbench .section-heading h3{font-size:17px;margin:0 0 5px}
#view-workbench .section-heading p{font-size:12px;color:#8c9ba5;margin:0}
#view-workbench .business-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#view-workbench .business-workflow button{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--portal-line);padding:21px 18px;background:white;border-radius:6px;text-align:left;min-width:0}
#view-workbench .business-workflow button>span{color:#dfa38f;font-size:18px;line-height:1.1;font-weight:550}
#view-workbench .business-workflow button strong{display:block;font-size:13px;color:#334f62;margin-bottom:8px}
#view-workbench .business-workflow button p{font-size:11px;line-height:1.8;color:#93a1ab;margin:0}
#view-workbench .business-workflow button>b{margin-left:auto;color:#b7c2c9;font-weight:400;font-size:14px}
#view-workbench .business-summary-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
#view-workbench .business-events{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
#view-workbench .business-events li{display:flex;align-items:flex-start;gap:13px}
#view-workbench .business-events i{width:6px;height:6px;background:#b7c8d1;border-radius:50%;margin-top:6px;flex-shrink:0}
#view-workbench .business-events div{min-width:0}
#view-workbench .business-events strong{display:block;font-size:12px;font-weight:550;color:#536a7b}
#view-workbench .business-events span{display:block;color:#a0adb6;font-size:10px;line-height:1.8;overflow-wrap:anywhere;margin:5px 0 1px}
#view-workbench .business-events small{font-size:10px;color:#bcc4ca}
#view-workbench .settlement-reminder{display:flex;align-items:baseline;gap:12px;margin:20px 0}
#view-workbench .settlement-reminder strong{font-size:35px;color:#d66d51;font-weight:600}
#view-workbench .settlement-reminder span{font-size:12px;color:#8c9da9}
#view-workbench .business-boundary{border-top:1px solid #edf0f3;padding-top:19px;margin-top:24px}
#view-workbench .business-boundary strong{font-size:11px;color:#8497a5}
#view-workbench .business-boundary p{font-size:10px;color:#a0adb6;line-height:1.9;margin:8px 0 0}
#view-workbench .workbench-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 17px;gap:16px}
#view-workbench .workbench-toolbar>span{font-size:12px;color:#91a0aa}
#view-workbench .workbench-toolbar .search{width:min(300px,100%);border:0;padding:0;background:none}
#view-workbench .business-section-help{border-left:3px solid #e99680;padding:3px 0 3px 16px;margin:2px 0 22px}
#view-workbench .business-section-help strong{font-size:14px;color:#526c7c;font-weight:600}
#view-workbench .business-section-help p{font-size:11px;color:#9ba7af;line-height:1.8;margin:7px 0 0}
#view-workbench .admin-table-wrap,#view-account .admin-table-wrap{overflow:auto;margin:12px 0}
#view-workbench .admin-table,#view-account .admin-table{width:100%;border-collapse:collapse;min-width:560px;font-size:12px}
#view-workbench .admin-table th,#view-account .admin-table th{background:#f5f7f9;font-weight:550;font-size:11px;color:#8395a2;padding:13px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid #e4eaf0}
#view-workbench .admin-table td,#view-account .admin-table td{padding:17px 14px;vertical-align:top;color:#526a7c;border-bottom:1px solid #edf0f3;line-height:1.9;overflow-wrap:anywhere;max-width:250px}
#view-workbench .admin-table td small,#view-account .admin-table td small{display:block;color:#a5b0ba;font-size:10px;line-height:1.8;margin-top:5px;overflow-wrap:anywhere}
#view-workbench .admin-table td .primary,#view-workbench .admin-table td .secondary{min-height:31px;padding:6px 10px;font-size:10px;margin:0 4px 5px 0;white-space:nowrap}
#view-workbench .empty-table-row td{text-align:center!important;background:#fafbfc;padding:35px 20px}
#view-workbench .empty-table-row strong{display:block;font-size:12px;color:#8699a8;font-weight:550}
#view-workbench .empty-table-row span{display:block;font-size:10px;color:#b2bec7;margin-top:7px}
#view-workbench .form-required-note{grid-column:1/-1;margin:0;padding:9px 13px;background:#f7f8fa;border-radius:4px;color:#9ca9b3;font-size:10px;line-height:1.8;font-weight:400}
#view-workbench .country-fieldset{grid-column:1/-1;display:flex;gap:17px;border:1px solid #e1e8ee;padding:18px;border-radius:5px}
#view-workbench .country-fieldset legend{font-size:12px;color:#748b9b;padding:0 6px}
#view-workbench .country-fieldset label{display:flex;gap:6px;font-size:12px;color:#8ba0ad;align-items:center}
#view-workbench .country-fieldset input{accent-color:#e96e52}
#view-workbench .activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#view-workbench .activity-card,#view-workbench .shipment-card{padding:20px;border:1px solid #e2e8ec;border-radius:6px;margin:0}
#view-workbench .activity-card .panel-head{align-items:flex-start}
#view-workbench .activity-card .panel-head h3{font-size:15px;margin-bottom:7px}
#view-workbench .activity-stats{display:flex;gap:20px;justify-content:space-between;margin:20px 0}
#view-workbench .activity-stats span{font-size:10px;color:#9babb6}
#view-workbench .activity-stats strong{display:block;font-size:20px;color:#647c8d;font-weight:600;margin-bottom:5px}
#view-workbench .activity-card .tier-list{gap:5px}
#view-workbench .activity-card .tier-item{padding:10px 7px;font-size:10px;border:1px solid #f0e6e0;background:#fdf9f5;border-radius:3px}
#view-workbench .activity-card .tier-item strong{font-size:14px;color:#c47a61}
#view-workbench .shipment-card+.shipment-card{margin-top:17px}
#view-workbench .shipment-timeline{margin:20px 0 15px}
#view-workbench .shipment-timeline>div{display:flex;gap:13px;padding-bottom:18px;position:relative}
#view-workbench .shipment-timeline i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#b6c9d1;position:relative;top:7px}
#view-workbench .shipment-timeline span{font-size:12px;color:#899ca9;line-height:1.8}
#view-workbench .shipment-timeline strong{font-weight:550;color:#587182}
#view-workbench .shipment-timeline small{display:block;font-size:10px;color:#b2bec7}
#view-legal .legal-library-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
#view-legal .legal-library-bar strong{display:block;font-size:17px;font-weight:600;margin-bottom:7px}
#view-legal .legal-library-bar span{font-size:11px;color:#8f9ca6}
#view-legal .legal-draft-notice{border:1px solid #eddcbe;background:#fff9ef;color:#967c4c;border-radius:6px;padding:17px 20px;margin-bottom:24px}
#view-legal .legal-draft-notice strong{font-size:13px}
#view-legal .legal-draft-notice p{font-size:11px;line-height:1.9;margin:7px 0 0;color:#aa936a}
#view-legal .legal-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}
#view-legal .legal-directory{border:1px solid var(--portal-line);border-radius:6px;overflow:hidden;background:#fff;padding:15px;max-height:850px;overflow-y:auto}
#view-legal .legal-search{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#8296a5}
#view-legal .legal-search input{border:1px solid #dee5ea;padding:10px;font-size:11px;background:#f8fafb;border-radius:4px;width:100%;box-sizing:border-box}
#view-legal .legal-directory-count{font-size:10px;color:#a4b1bb;border-bottom:1px solid #edf0f3;padding:13px 0;margin-bottom:9px}
#view-legal .legal-nav{padding:13px 11px;display:flex;flex-direction:column;gap:7px;border:0;border-left:2px solid transparent;background:none;border-radius:0;text-align:left;width:100%;color:#6d8495;line-height:1.7;margin:0}
#view-legal .legal-nav.active{background:#fff3ed;border-left-color:#e78568;color:#b97157}
#view-legal .legal-nav span{font-size:12px}
#view-legal .legal-nav small{font-size:9px;color:#acb8c1}
#view-legal .legal-document{padding:32px 36px;min-width:0}
#view-legal .legal-document h2{font-size:23px;line-height:1.6;margin:13px 0 19px;color:#294456}
#view-legal .legal-document-heading{border-bottom:1px solid #e6ecf0;padding-bottom:23px;margin-bottom:25px}
#view-legal .legal-document-heading>.eyebrow{margin-top:16px}
#view-legal .legal-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-size:10px;color:#9badb9}
#view-legal .legal-metadata strong{display:block;font-size:11px;color:#7991a2;font-weight:500;margin-top:7px;overflow-wrap:anywhere}
#view-legal .legal-body{white-space:pre-wrap;font-size:13px;line-height:2.1;color:#677f90;overflow-wrap:anywhere}
#view-legal .legal-sources{border-top:1px solid #e6ecf0;margin-top:28px;padding-top:25px}
#view-legal .legal-sources h3{font-size:15px}
#view-legal .legal-sources p{font-size:11px;color:#a1b1bd;line-height:1.8}
#view-legal .legal-sources a{display:block;color:#b87d65;font-size:12px;line-height:1.9;margin-top:10px;text-decoration:none}
@media(max-width:1050px){#view-account .account-intro{padding:30px}#view-account .account-form-panel{padding:30px}#view-workbench .business-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#view-workbench .activity-list{grid-template-columns:1fr}#view-account .member-shell{grid-template-columns:190px minmax(0,1fr)}#view-workbench .business-portal{grid-template-columns:195px minmax(0,1fr)}#view-legal .legal-layout{grid-template-columns:225px minmax(0,1fr)}#view-legal .legal-document{padding:25px}}
@media(max-width:760px){#view-account .account-layout{grid-template-columns:1fr;min-height:0}#view-account .account-intro{padding:28px}#view-account .account-intro h2{font-size:26px;max-width:none;margin:7px 0}#view-account .account-intro .form-notice{margin-top:15px}#view-account .auth-value-list{display:none}#view-account .account-form-panel{padding:25px}#view-account .member-shell,#view-workbench .business-portal{grid-template-columns:1fr;gap:20px}#view-account .member-sidebar{display:flex;flex-direction:column}#view-account .member-identity{display:none}#view-account .member-sidebar nav{flex-direction:row;overflow-x:auto;padding:6px;gap:0}#view-account .member-sidebar nav button{white-space:nowrap;gap:10px;padding:13px}#view-account .member-signout{padding:11px 19px;font-size:11px}#view-workbench .business-role{padding:20px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}#view-workbench .business-role small{width:100%;padding-left:47px;margin-top:-4px}#view-workbench .portal-role-icon{height:34px;width:34px;margin:0}#view-workbench .business-mode{margin-left:auto;margin-top:0}#view-workbench .business-sidebar nav{flex-direction:row;overflow:auto;gap:5px;padding:9px}#view-workbench .business-sidebar nav button{white-space:nowrap;gap:14px;padding:12px}#view-workbench .business-sidebar-footer{flex-direction:row;flex-wrap:wrap;padding:13px 20px;gap:18px}#view-workbench .business-workflow,#view-workbench .business-summary-grid{grid-template-columns:1fr}#view-account .member-welcome{flex-direction:column;align-items:flex-start}#view-account .member-service-grid{grid-template-columns:1fr 1fr}#view-account .address-grid{grid-template-columns:1fr}#view-account .business-form,#view-workbench .business-form{grid-template-columns:1fr}#view-account .panel,#view-workbench .panel{padding:20px}#view-workbench .country-fieldset{flex-wrap:wrap}#view-legal .legal-layout{grid-template-columns:1fr}#view-legal .legal-directory{max-height:300px}#view-legal .legal-document{padding:23px}#view-legal .legal-document h2{font-size:21px}#view-legal .legal-metadata{grid-template-columns:1fr 1fr}#view-legal .legal-library-bar{align-items:flex-start}#view-legal .legal-library-bar .secondary{font-size:10px;padding:7px 10px;white-space:nowrap}}
@media(max-width:440px){#view-account .account-form-panel{padding:22px 18px}#view-account .registration-progress{gap:9px}#view-account .registration-progress li{font-size:10px;gap:5px}#view-account .registration-role{padding:14px;min-height:135px}#view-account .registration-role span{font-size:10px}#view-account .member-service-grid{grid-template-columns:1fr}#view-account .member-order-shortcuts button{padding:19px 6px}#view-account .member-order-shortcuts strong{font-size:22px}#view-account .member-order-shortcuts span{font-size:10px}#view-account .portal-titlebar h2,#view-workbench .portal-titlebar h2{font-size:23px}#view-account .portal-titlebar,#view-workbench .portal-titlebar{align-items:flex-start}#view-workbench .business-metrics{gap:9px}#view-workbench .business-metrics button{padding:17px 14px}#view-workbench .business-metrics strong{font-size:26px}#view-account .portal-definition>div{grid-template-columns:110px 1fr}#view-workbench .workbench-toolbar{align-items:flex-start;flex-direction:column}#view-workbench .workbench-toolbar .search{width:100%}}

/* Dedicated business portals. The buyer storefront has no staff navigation. */
.portal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:#fff;border-bottom:1px solid #e4e8e6;gap:20px}.portal-header[hidden]{display:none}.portal-header nav{display:flex;gap:12px;flex-wrap:wrap}.portal-header nav button{background:#f1f5f3;border:0;padding:11px 16px;border-radius:8px;color:#243e40;cursor:pointer}html[data-portal] .utility-bar,html[data-portal] .sf-main-header,html[data-portal] .sf-navigation,html[data-portal] .account-strip,html[data-portal] .sf-footer{display:none}html[data-portal] #main{min-height:75vh}@media(max-width:600px){.portal-header{align-items:flex-start;flex-direction:column}.portal-header nav button{padding:9px 12px}}