.scope-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.scope-label{display:block;font-size:10px;color:#828a95;margin-bottom:9px;letter-spacing:.4px}.company-tabs{display:flex;gap:5px;background:#e9ebee;border-radius:9px;padding:4px}.company-tabs button{display:flex;align-items:center;gap:8px;background:none;border:0;border-radius:6px;padding:9px 15px;color:#7a828c;font-size:12px}.company-tabs button.active{background:#fff;box-shadow:0 1px 5px #1221340d;color:#233955;font-weight:700}.company-tabs button span{font-size:10px;background:#e9edf3;border-radius:4px;padding:2px 5px}.scope-note{font-size:11px;color:#8c929a;padding-bottom:10px}.portal-title{font-size:18px;letter-spacing:.3px}.employee-scope .demo-user{margin:0}.company-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.company-card{border:1px solid #dfe3e8;background:#fff;border-radius:12px;padding:20px 23px;color:var(--ink);text-align:left;transition:border-color .15s}.company-card:hover,.company-card.selected{border-color:#8798ae}.company-card.selected{background:#f1f5fa}.company-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.company-card-top .icon{width:16px;height:16px;color:#919eb0}.company-card>strong{font:700 25px Manrope;letter-spacing:-.5px}.company-card strong small{font:400 11px 'DM Sans';color:#8b9199;letter-spacing:0}.company-card>p{font-size:11px;color:#7c838c;margin-top:7px}.company-card-status{margin-top:17px;padding-top:12px;border-top:1px solid #e5eaf0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:10px;color:#647387}.company-pill{display:inline-block;white-space:nowrap;border-radius:4px;padding:4px 7px;background:#e4ebf3;color:#586a82;font-size:9px;font-weight:700}.company-pill.pds{background:#eaf0f7;color:#6582a0}.pill.pending_pic{background:#edf0fb;color:#7485b0}.workflow{border:1px solid #dfe5ec;background:#f6f8fa;border-radius:8px;padding:13px 14px;margin:19px 0}.workflow>p{font-size:10px;color:#778392;margin-bottom:12px}.workflow ol{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:10px}.workflow li{flex:1;display:flex;align-items:center;gap:7px;font-size:10px;color:#9aa0a7}.workflow li>span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e9ecf1;color:#929caa;flex-shrink:0}.workflow li.done{color:#465d7a}.workflow li.done>span{background:#d5dfed;color:#4e698d}.workflow li.current{color:#536d8e}.workflow li.current>span{background:#e6edf6;color:#6580a1}.workflow .icon{width:13px;height:13px}.route-notice{display:flex;gap:10px;align-items:flex-start;background:#e8edf4;padding:12px;border-radius:7px;margin-bottom:19px;font-size:11px;line-height:1.7;color:#576a83}.route-notice .icon{width:17px;margin-top:2px}
@media(max-width:640px){.scope-controls{gap:12px;align-items:flex-start;margin-bottom:22px}.scope-note{font-size:10px;line-height:1.6;max-width:110px;text-align:right;padding-top:21px}.company-tabs button{padding:8px 10px;font-size:11px;gap:5px}.company-overview{gap:10px;margin-bottom:18px}.company-card{padding:16px}.company-card-status{font-size:9px;gap:7px}.company-card>strong{font-size:22px}.company-card strong small{font-size:9px}.company-card>p{font-size:10px}.company-card-top{margin-bottom:10px}.scope-controls.employee-scope{flex-wrap:wrap}.demo-user{font-size:10px}.demo-user select{max-width:180px;font-size:11px}.role-switch button{padding:8px 7px;font-size:10px}.workflow{padding:12px}.workflow li{gap:5px;font-size:9px;align-items:flex-start;flex-direction:column}.request-info .name-line{row-gap:6px}.request-info .company-pill{font-size:8px;padding:3px 5px}.request-right .pill{font-size:9px}.modal-foot .btn{font-size:11px;padding:10px 12px}.topbar{gap:8px}.mobile-brand{font-size:14px}.role-switch{gap:0}}
