:root{font-family:'DM Sans',Inter,system-ui,sans-serif;color:light-dark(#172033, var(--web-ink));background:var(--web-canvas);line-height:1.45;--navy:#101b35;--blue:var(--web-primary);--border:var(--web-border);--muted:var(--web-muted);--shadow:0 10px 30px rgba(26,38,68,.07)}*{box-sizing:border-box}html,body{max-width:100%}body{margin:0}button,input,select{font:inherit}.skip-link{position:absolute;left:-9999px;z-index:20;background:light-dark(white, var(--web-surface));padding:10px}.skip-link:focus{left:8px}.pilot-banner{height:38px;display:flex;align-items:center;justify-content:center;gap:9px;background:light-dark(#fff4d8, var(--web-warning-surface));color:light-dark(#71500a, var(--web-warning));font-size:.82rem;border-bottom:1px solid light-dark(#f2d48f, var(--web-border));padding:0 18px;min-width:0;overflow-wrap:anywhere}.banner-icon{font-size:.6rem}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-width:0;min-height:calc(100vh - 38px)}.sidebar{position:sticky;top:0;height:calc(100vh - 38px);display:flex;flex-direction:column;padding:25px 16px;background:var(--navy);color:#fff;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700;padding:0 10px 30px}.brand-mark img{display:block;width:100%;height:100%}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:none}.login-mark{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(145deg,#5279ff,#8f62e8);border-radius:10px;color:white}.sidebar nav{display:grid;gap:5px}.nav-toggle{display:none;align-items:center;gap:8px;border:1px solid light-dark(#465574, var(--web-control-border));background:#1c2945;color:#fff;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;color:light-dark(#aeb8ce, var(--web-muted));text-decoration:none;border-radius:9px;font-size:.92rem}.nav-link span{font-size:1.1rem}.nav-link:hover,.nav-link.active,.nav-link[aria-current=page]{color:#fff;background:#263455}.workspace{min-width:0}.topbar{height:68px;padding:0 32px;background:light-dark(white, var(--web-surface));border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.topbar>div{display:flex;align-items:center;gap:9px}.workspace-label{color:var(--muted);font-size:.82rem}.stage-pill,.count-pill{border:1px solid light-dark(#d8deed, var(--web-border));background:light-dark(#f8f9fc, var(--web-surface-subtle));border-radius:99px;padding:4px 9px;font-size:.72rem;font-weight:600;color:light-dark(#59647b, var(--web-muted))}.account{font-size:.82rem}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:light-dark(#e8edff, var(--web-selection-surface));color:light-dark(#3453b4, var(--web-link));font-weight:700}.account div{display:flex;flex-direction:column}.account small{color:var(--muted)}main{max-width:1250px;min-width:0;margin:0 auto;padding:38px 42px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;min-width:0;margin-bottom:25px}.page-heading>*{min-width:0}.page-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.overline{font-size:.7rem;letter-spacing:.13em;color:light-dark(#62709a, var(--web-muted));font-weight:700;margin:0 0 6px}.page-heading h1{font-size:2rem;letter-spacing:-.035em;margin:0}.page-heading p:last-child{color:var(--muted);margin:6px 0 0}.primary,button.primary{background:var(--blue);color:white;border:0;border-radius:9px;padding:11px 16px;font-weight:600;cursor:pointer}.primary span{font-size:1.1rem;margin-right:4px}.safety-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:light-dark(#f0f6ff, var(--web-surface-subtle));border:1px solid light-dark(#d7e6fd, var(--web-border));border-radius:12px;padding:15px 18px;margin-bottom:20px}.safety-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:light-dark(#dceaff, var(--web-selection-surface));color:light-dark(#2360ad, var(--web-link));font-weight:700}.safety-card h2{font-size:.92rem;margin:0}.safety-card p{font-size:.8rem;color:light-dark(#5c6880, var(--web-muted));margin:2px 0}.text-button,.text-danger{border:0;background:transparent;color:light-dark(#315bea, var(--web-link));font-weight:600;font-size:.8rem;cursor:pointer;padding:6px}.text-danger{color:light-dark(#b33939, var(--web-danger))}.guidance-details{grid-column:2/4;border-top:1px solid light-dark(#d7e6fd, var(--web-border));padding-top:12px;font-size:.82rem;color:light-dark(#485673, var(--web-muted))}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metrics article{display:flex;align-items:center;gap:13px;background:light-dark(white, var(--web-surface));border:1px solid var(--border);border-radius:12px;padding:17px 18px;box-shadow:0 4px 16px rgba(23,32,51,.03)}.metrics article div{display:flex;flex-direction:column}.metrics small{color:var(--muted)}.metrics strong{font-size:1.45rem}.metric-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-weight:700}.metric-icon.blue{background:light-dark(#e7edff, var(--web-selection-surface));color:light-dark(#3a5bce, var(--web-link))}.metric-icon.green{background:light-dark(#e5f7ef, var(--web-surface-subtle));color:light-dark(#25845d, var(--web-success))}.metric-icon.amber{background:light-dark(#fff1d8, var(--web-warning-surface));color:light-dark(#ae7217, var(--web-warning))}.metric-icon.slate{background:light-dark(#edf0f5, var(--web-surface-subtle));color:light-dark(#566174, var(--web-muted))}.content-card{background:light-dark(white, var(--web-surface));border:1px solid var(--border);border-radius:14px;margin-bottom:20px;box-shadow:var(--shadow);overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.card-heading h2{font-size:1.02rem;margin:0}.card-heading p{color:var(--muted);font-size:.8rem;margin:3px 0 0}.table-head,.document-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1.1fr) minmax(90px,.65fr) minmax(220px,1.25fr);gap:16px;align-items:start;padding:12px 22px}.table-head{background:light-dark(#fafbfc, var(--web-surface-subtle));border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:light-dark(#798297, var(--web-muted));font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.document-row{border-bottom:1px solid light-dark(#edf0f4, var(--web-border))}.document-row:last-child{border-bottom:0}.document-name{display:flex;align-items:flex-start;gap:12px;min-width:0}.document-name>div{min-width:0}.doc-icon{display:grid;place-items:center;width:38px;height:42px;border-radius:8px;background:light-dark(#edf1ff, var(--web-surface-subtle));color:light-dark(#4964c3, var(--web-link))}.document-name h3{font-size:.88rem;margin:0;text-transform:capitalize}.document-name small,.document-row>div:nth-child(2) small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}.document-row time{font-size:.8rem;color:light-dark(#59647a, var(--web-muted))}.row-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}.row-primary-action,.row-secondary-action,.row-more-actions summary{border-radius:8px;padding:8px 11px;font-weight:700;cursor:pointer;white-space:nowrap}.row-primary-action{border:1px solid var(--blue);background:var(--blue);color:#fff}.row-secondary-action,.row-more-actions summary{border:1px solid light-dark(#cbd3e2, var(--web-border));background:light-dark(#fff, var(--web-surface));color:light-dark(#35435f, var(--web-muted))}.row-more-actions{position:relative}.row-more-actions summary{list-style:none}.row-more-actions summary::-webkit-details-marker{display:none}.row-more-actions summary::after{content:' ▾';font-size:.75em}.row-more-actions[open] summary::after{content:' ▴'}.row-more-menu{position:static;display:grid;min-width:190px;margin-top:6px;padding:6px;background:light-dark(#fff, var(--web-surface));border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.row-more-menu button{width:100%;padding:9px 10px;text-align:left;border-radius:7px}.row-more-menu button:hover{background:light-dark(#f2f5fb, var(--web-surface-subtle))}.restriction-label{display:block;margin-top:6px;color:light-dark(#59647a, var(--web-muted));font-size:.7rem;font-weight:600}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:light-dark(#eef1f8, var(--web-surface-subtle));color:light-dark(#6c7891, var(--web-muted));font-size:1.2rem}.empty-state h3{color:light-dark(#30394b, var(--web-ink));margin:12px 0 3px;font-size:.95rem}.empty-state p{margin:0;font-size:.8rem}.library-message{margin:0;padding:0 22px 14px}.activity{list-style:none;padding:0 22px 15px;margin:0}.activity li:not(.empty-state){display:flex;gap:12px;padding:12px 0;border-top:1px solid light-dark(#edf0f4, var(--web-border))}.activity-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#5875dd;box-shadow:0 0 0 4px #edf1ff}.activity li div{display:flex;flex-direction:column}.activity strong{font-size:.82rem}.activity small{color:var(--muted);font-size:.72rem}.empty-state.compact{padding:25px}.empty-state.compact>span{width:34px;height:34px}.activity-card{max-width:100%}footer{display:flex;justify-content:space-between;color:light-dark(#8991a1, var(--web-muted));font-size:.72rem;padding:8px 2px 20px}.icon-button{border:0;background:transparent;font-size:1.5rem;color:light-dark(#647087, var(--web-muted));cursor:pointer}.dialog-warning{display:flex;flex-direction:column;background:light-dark(#fff6dc, var(--web-warning-surface));border:1px solid light-dark(#efd48b, var(--web-border));border-radius:9px;padding:11px 13px;margin:18px 0;font-size:.8rem;color:light-dark(#735718, var(--web-warning))}.dialog-shell label:not(.check){display:block;font-weight:600;font-size:.82rem;margin:15px 0 7px}.check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;margin:18px 0}.check input{width:17px;height:17px;flex:0 0 auto}.secondary{border:1px solid light-dark(#d6dbe5, var(--web-border));background:light-dark(white, var(--web-surface));color:light-dark(#42506a, var(--web-muted));border-radius:8px;padding:10px 15px;cursor:pointer}.login-card{max-width:420px;margin:9vh auto;background:light-dark(white, var(--web-surface));border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:var(--shadow)}.login-card .login-mark{margin-bottom:22px}.login-card h1{margin:0;font-size:1.8rem}.login-card>p:not(.overline){color:var(--muted)}.login-card label{display:block;font-size:.82rem;font-weight:600;margin:20px 0 7px}.login-card button{width:100%;margin-top:12px}.login-card>small{display:block;color:light-dark(#8a92a2, var(--web-muted));text-align:center;margin-top:15px}.signed-out .sidebar,.signed-out .topbar{filter:saturate(.5)}@media(max-width:1100px){.shell{display:block}.sidebar{position:sticky;top:0;z-index:10;width:100%;height:auto;max-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 14px}.brand{padding:0}.nav-toggle{display:inline-flex}.sidebar nav,.sidebar.nav-open nav{display:grid;margin-top:10px}.sidebar.nav-open .nav-link{width:100%;font-size:.92rem}.nav-link span{font-size:1.1rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:auto;min-height:60px;flex-wrap:wrap;gap:8px;padding:12px 20px}main{padding:30px 24px}}@media(max-width:900px){.table-head{display:none}.document-row{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.row-actions{justify-content:flex-start}}@media(max-width:650px){.pilot-banner{height:auto;min-height:42px;flex-wrap:wrap;padding:8px 12px;text-align:center}.topbar{padding:10px 14px}.topbar>div{min-width:0;flex-wrap:wrap}.topbar>div:first-child .workspace-label,.account div{display:none}main{padding:22px 12px}.page-heading{display:grid;align-items:start;gap:14px}.page-heading h1{font-size:1.55rem}.page-heading p:last-child{display:none}.page-heading-actions{justify-content:stretch}.page-heading-actions>*{flex:1 1 130px;min-width:0;white-space:normal}.safety-card{grid-template-columns:auto minmax(0,1fr)}.safety-card .text-button{grid-column:2;justify-self:start}.guidance-details{grid-column:1/3}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metrics article{min-width:0;padding:13px}.metric-icon{display:none}.table-head{display:none}.document-row{grid-template-columns:1fr;gap:10px;padding:14px}.document-row>div:nth-child(2){display:flex;align-items:center;gap:8px;flex-wrap:wrap}.document-row>div:nth-child(2) small{margin:0}.row-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch}.row-actions>*{min-width:0}.row-primary-action,.row-secondary-action{white-space:normal}.row-more-actions{grid-column:1/-1}.row-more-actions summary{text-align:center;white-space:normal}.row-more-menu{position:static;min-width:0}.card-heading{padding:17px;gap:10px}.activity{padding:0 17px 12px}footer{flex-direction:column;gap:5px}}
.nav-link[hidden]{display:none!important}
.pilot-banner{height:auto;min-height:38px;flex-wrap:wrap;padding-block:6px}

/* Issue #43: trust-first signed-out shell and stable loading hierarchy. */
:root{--saudi-green:#1b8354;--saudi-green-dark:#166a45}
.signed-out #primary-nav [data-authenticated-only]{display:none!important}
.signed-out .workspace-context,.signed-out .account-identity{display:none!important}
.signed-out .topbar{justify-content:flex-end}
.signed-out .sidebar,.signed-out .topbar{filter:none}
.signed-out .login-card{margin-block:clamp(28px,7vh,72px)}
#app-content[aria-busy="true"] .metrics strong{position:relative;display:block;width:44px;min-height:1.45em;color:transparent;border-radius:6px;background:linear-gradient(90deg,#eef1f5 25%,#f8f9fb 50%,#eef1f5 75%);background-size:200% 100%;animation:metric-loading 1.2s ease-in-out infinite}
@keyframes metric-loading{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){#app-content[aria-busy="true"] .metrics strong{animation:none}}
@media(max-width:650px){.signed-out main{padding-top:18px}.signed-out .login-card{margin-block:18px;padding:28px 22px}.signed-out .pilot-banner #warning-text{display:none}.signed-out .topbar{min-height:54px}.provider-signin-options{width:100%}}
button:disabled{opacity:.55;cursor:not-allowed}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.content-card{overflow:visible}.row-action-icon{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border-radius:9px;white-space:normal}.row-action-icon-glyph{display:grid;place-items:center;pointer-events:none}.row-action-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.row-action-icon[data-tooltip]::after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 9px);z-index:20;max-width:min(240px,calc(100vw - 24px));padding:8px 10px;border-radius:6px;background:#172033;color:#fff;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 8px 18px rgba(17,28,52,.22);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.row-action-icon[data-tooltip]:hover::after,.row-action-icon[data-tooltip]:focus-visible::after,.row-more-actions[open]>.row-action-icon[data-tooltip]::after{opacity:1;transform:translateY(0)}.row-action-icon:hover,.row-action-icon:focus-visible{z-index:21}.row-more-actions summary::after{display:none}.row-actions{gap:8px}.row-primary-action.row-action-icon,.row-secondary-action.row-action-icon,.row-more-actions summary.row-action-icon{padding:0}.row-action-icon svg circle[fill=currentColor]{fill:currentColor;stroke:none}@media(max-width:650px){.row-action-icon[data-tooltip]::after{right:auto;left:50%;bottom:calc(100% + 8px);max-width:calc(100vw - 32px);white-space:normal;text-align:center;transform:translate(-50%,4px)}.row-action-icon[data-tooltip]:hover::after,.row-action-icon[data-tooltip]:focus-visible::after,.row-more-actions[open]>.row-action-icon[data-tooltip]::after{transform:translate(-50%,0)}.row-actions{display:flex;justify-content:flex-start}.row-more-actions{grid-column:auto}.row-more-actions summary{text-align:center}}

/* Issue #45: primary navigation selects one workspace destination at a time. */
.account .appearance-tools{display:flex;flex-direction:row}
.account .appearance-picker,.account .appearance-menu:not([hidden]){display:block}
.account .appearance-menu[hidden]{display:none}
.site-header .appearance-control{color:inherit}
#app-content>[data-workspace-view]:not(.workspace-view-current){display:none!important}
[data-workspace-view-heading]{scroll-margin-block-start:24px}

/* Stable workspace navigation and account menu (issue #172). */
body.workspace-shell:not(.signed-out){height:100dvh;display:flex;flex-direction:column;overflow:hidden}
body.workspace-shell:not(.signed-out)>.pilot-banner{flex-shrink:0}
body.workspace-shell:not(.signed-out)>.shell{flex:1;min-height:0}
.sidebar{position:relative;height:100%;min-height:0;overflow:hidden;padding:20px 12px;gap:16px}
.sidebar .brand{flex-shrink:0;padding:0 8px 8px}
.sidebar nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;gap:2px;scrollbar-width:thin}
.sidebar .nav-link{min-height:44px;padding:9px 10px;gap:10px;text-align:start;line-height:1.35}
.nav-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}


.workspace{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.topbar{position:sticky;top:0;z-index:5}
@media(min-width:1101px){[data-workspace-view-heading]{scroll-margin-block-start:92px}main{scroll-margin-block-start:68px}}
@media(max-width:1100px){
  body.workspace-shell:not(.signed-out){display:block;height:auto;overflow-x:hidden;overflow-y:auto}
  .sidebar{position:sticky;height:auto;padding:10px 14px;gap:0;overflow-y:auto}
  .sidebar .brand{padding:0}
  .sidebar.nav-open nav{max-height:max(44px,calc(100dvh - 180px))}
  .workspace{overflow:visible}
  .topbar{position:static}
}
@media(max-width:650px){.account-toggle .account-details{display:none}.account .account-dropdown{display:block;position:static;margin-inline-start:auto}.topbar .account{position:relative;flex-wrap:wrap}}

/* Workspace administration: tasks first, with settings and history kept readable. */
.entity-invite-section,.entity-sharing-section{padding:0 24px 24px}.entity-invite-section>.entity-admin-panel{max-width:540px}.entity-sharing-section>.entity-admin-panel{max-width:680px}.entity-policy-form{max-width:100%}.secure-send-policy-form fieldset{min-width:0}.secure-send-policy-form fieldset>label[for]{margin-top:12px;font-weight:700}.policy-details{font-size:.8rem;line-height:1.5}.policy-details p{color:var(--web-muted)}.policy-details summary,.activity-technical-details summary,.invitation-details summary{cursor:pointer;font-weight:600}.policy-save-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.policy-save-row small{color:var(--web-muted)}.invitation-card .member-identity{min-width:0;overflow-wrap:anywhere}.invitation-card .invitation-email{direction:ltr;unicode-bidi:isolate;text-align:start}.invitation-details{grid-column:2/-1;font-size:.78rem;min-width:0;overflow-wrap:anywhere}.invitation-details dl{display:grid;gap:8px;margin:10px 0}.invitation-details dt{color:var(--web-muted)}.invitation-details dd{margin:2px 0 0}.entity-workspace .member-list-heading h4{margin:0}#entity-policy-error:empty,#entity-policy-message:empty,#entity-invite-message:empty{display:none}
@media(max-width:700px){.entity-invite-section,.entity-sharing-section{padding-inline:16px}.invitation-details{grid-column:1/-1}.invitation-card{grid-template-columns:36px minmax(0,1fr)}.invitation-card .member-access{grid-column:2;min-width:0;text-align:start}.invitation-card .entity-member-actions{justify-content:flex-start}}