.account-identity{min-width:0;font-family:var(--sans);align-items:center;gap:14px;display:flex}.account-portal{white-space:nowrap;border:1px solid var(--neutral-300);background:var(--neutral-100);color:var(--green-800);border-radius:5px;padding:7px 10px;font-size:12px;line-height:1.3}.account-portal-admin{background:var(--amber-100);border-color:var(--amber-200);color:var(--amber-700)}.account-portal-staff{background:var(--neutral-50);border-color:var(--blue-200);color:var(--blue-700)}.account-email{min-width:0;color:var(--green-800);overflow-wrap:anywhere;flex-direction:column;gap:3px;font-size:13px;line-height:1.4;display:flex}.account-email small{color:var(--neutral-600);font-size:10px}.account-identity>[role=status]{color:var(--neutral-600);font-size:12px}@media (max-width:700px){.account-identity{gap:10px}.account-email{font-size:12px}}.portal-view-switcher{color:var(--neutral-600);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.portal-view-switcher select{font:inherit;border:1px solid var(--neutral-300);background:var(--neutral-0);color:var(--green-800);border-radius:5px;min-height:40px;padding:8px 10px}.portal-view-switcher select:focus-visible{outline:2px solid var(--green-600);outline-offset:3px}.portal-view-error{color:var(--terra-700);font-size:12px}.account-identity:has(.portal-view-switcher){flex-wrap:wrap}@media (max-width:700px){.portal-view-switcher{flex-basis:100%;justify-content:space-between}.portal-view-switcher select{flex:1;max-width:220px}}
.company-selector{max-width:100%;color:inherit;font-size:13px}.company-selector>label{align-items:center;gap:8px;display:flex}.company-selector select{font:inherit;color:var(--green-800);background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:6px;max-width:240px;padding:8px 12px}.company-selector form{max-width:480px}.company-selector form button{margin:4px 8px 4px 0}@media (max-width:600px){.company-selector select{max-width:180px}.company-selector>label{flex-wrap:wrap}}
.enterprise-shell,.op-shell{flex-direction:row;align-items:stretch;min-height:100vh;display:flex}.enterprise-shell>main,.op-shell>main{flex:1 1 0;min-width:0}.enterprise-shell>main{width:auto;max-width:none;margin:0;padding:40px clamp(20px,4vw,56px) 64px}.enterprise-shell>main>*{max-width:1180px}.app-sidebar{background:var(--neutral-0);border-right:1px solid var(--neutral-200);width:252px;min-width:252px;height:100vh;font-family:var(--sans);color:var(--neutral-800);z-index:20;flex-direction:column;align-self:flex-start;display:flex;position:sticky;top:0}.app-sidebar-top{justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.app-sidebar-logo{font-size:24px}.app-sidebar-toggle{border:1px solid var(--neutral-300);background:var(--neutral-0);color:var(--neutral-800);border-radius:var(--radius-sm);min-height:40px;font-size:var(--text-sm);align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:none}.app-sidebar-panel{gap:var(--space-4);flex-direction:column;flex:1;padding:0 12px 16px;display:flex;overflow-y:auto}.app-sidebar .company-selector{padding:0 8px}.app-sidebar .company-selector>label{font-size:var(--text-xs);color:var(--neutral-600);gap:6px;font-weight:600;display:grid}.app-sidebar .company-selector select{width:100%;max-width:none;min-height:40px;font-size:var(--text-base)}.app-sidebar-nav{gap:var(--space-4);flex-direction:column;display:flex}.app-sidebar-heading{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--neutral-600);margin:0 0 6px;padding:0 8px;font-weight:650}.app-sidebar-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.app-sidebar-nav a,.app-sidebar-nav button{border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--neutral-700);font:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px;font-weight:500;text-decoration:none;display:flex}.app-sidebar-nav a svg,.app-sidebar-nav button svg{color:var(--neutral-500);flex-shrink:0}.app-sidebar-nav a:hover,.app-sidebar-nav button:hover:not(:disabled){background:var(--neutral-50);color:var(--neutral-900)}.app-sidebar-nav a[aria-current=page]{background:var(--green-50);color:var(--green-800);font-weight:650}.app-sidebar-nav a[aria-current=page] svg{color:var(--green-700)}.app-sidebar-nav a:focus-visible,.app-sidebar-nav button:focus-visible,.app-sidebar-toggle:focus-visible,.app-sidebar-signout:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.app-sidebar-badge{background:var(--neutral-100);min-width:24px;color:var(--neutral-700);font-size:var(--text-xs);text-align:center;border-radius:999px;margin-left:auto;padding:1px 7px;font-weight:600}.app-sidebar-account{border-top:1px solid var(--neutral-200);gap:10px;margin-top:auto;padding:14px 8px 0;display:grid}.app-sidebar .account-identity{flex-flow:column;align-items:stretch;gap:8px}.app-sidebar .account-portal{align-self:flex-start;padding:3px 8px}.app-sidebar .account-email{font-size:var(--text-sm)}.app-sidebar .portal-view-switcher{font-size:var(--text-xs);white-space:normal;gap:6px;font-weight:600;display:grid}.app-sidebar .portal-view-switcher select{width:100%;min-height:40px}.app-sidebar-signout{border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background:var(--neutral-0);min-height:40px;color:var(--neutral-800);font:inherit;font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.app-sidebar-signout:hover:not(:disabled){background:var(--neutral-50)}.app-sidebar-error{font-size:var(--text-xs);color:var(--terra-700);margin:0}@media (max-width:900px){.enterprise-shell,.op-shell{flex-direction:column}.app-sidebar{border-right:0;border-bottom:1px solid var(--neutral-200);width:100%;min-width:0;height:auto;position:sticky}.app-sidebar-top{padding:12px 16px}.app-sidebar-logo{font-size:22px}.app-sidebar-toggle{display:inline-flex}.enterprise-shell>main{padding:24px 16px 48px}.app-sidebar-panel{max-height:calc(100vh - 64px);padding:0 16px 16px;display:none}.app-sidebar-open .app-sidebar-panel{display:flex}.app-sidebar-nav a,.app-sidebar-nav button{min-height:44px}}
