/* POSSYRA app runtime current · source-preserving aggregate · ui-css-post */
/* source: assets/possyra-ui-v403.css */
/* POSSYRA UI v403 — soft, compact, single-scroll interface layer */
:root{
  --pui-bg:#f5f7fb;
  --pui-surface:#ffffff;
  --pui-surface-soft:#f1f4f9;
  --pui-surface-tint:#edf5ff;
  --pui-text:#101827;
  --pui-muted:#667085;
  --pui-line:#dfe5ed;
  --pui-primary:#4f63e9;
  --pui-primary-strong:#3f51d7;
  --pui-teal:#14a9a1;
  --pui-success:#14825e;
  --pui-warning:#b87500;
  --pui-danger:#c63d58;
  --pui-radius:14px;
  --pui-radius-lg:18px;
  --pui-shadow:0 10px 32px rgba(16,24,40,.06);
  --pui-shadow-lg:0 24px 72px rgba(16,24,40,.16);
  --pui-sidebar:244px;
  --pui-topbar:64px;
  --pui-layer-shell:100;
  --pui-layer-sticky:140;
  --pui-layer-overlay:1100;
  --pui-layer-panel:1200;
  --pui-layer-toast:1600;
  --pui-vh:100dvh;
  color-scheme:light;
}

html[data-theme="dark"],html[data-theme-preference="dark"]{
  --pui-bg:#081321;
  --pui-surface:#0e1c2d;
  --pui-surface-soft:#122338;
  --pui-surface-tint:#102a3d;
  --pui-text:#f4f7fb;
  --pui-muted:#9eacc0;
  --pui-line:rgba(255,255,255,.1);
  --pui-shadow:0 12px 34px rgba(0,0,0,.16);
  --pui-shadow-lg:0 28px 78px rgba(0,0,0,.34);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overscroll-behavior:none}
body{background:var(--pui-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(79,99,233,.28)!important;outline-offset:2px!important}

:where(.screen.active,.auth-main-column,.vnext-nav,.phase12-body,.phase12-messages,.phase12-conversation-layout>aside,.sidebar-nav,.workspace-content,.modal-body,.table-wrap,.phase12-table-wrap){
  scrollbar-width:thin;
  scrollbar-color:rgba(102,112,133,.42) transparent;
}
:where(.screen.active,.auth-main-column,.vnext-nav,.phase12-body,.phase12-messages,.phase12-conversation-layout>aside,.sidebar-nav,.workspace-content,.modal-body,.table-wrap,.phase12-table-wrap)::-webkit-scrollbar{width:8px;height:8px}
:where(.screen.active,.auth-main-column,.vnext-nav,.phase12-body,.phase12-messages,.phase12-conversation-layout>aside,.sidebar-nav,.workspace-content,.modal-body,.table-wrap,.phase12-table-wrap)::-webkit-scrollbar-track{background:transparent}
:where(.screen.active,.auth-main-column,.vnext-nav,.phase12-body,.phase12-messages,.phase12-conversation-layout>aside,.sidebar-nav,.workspace-content,.modal-body,.table-wrap,.phase12-table-wrap)::-webkit-scrollbar-thumb{background:rgba(102,112,133,.38);border:2px solid transparent;border-radius:999px;background-clip:padding-box}

/* Individual and company app: deterministic shell and one vertical content scroller. */
body.vnext-app-mode{height:var(--pui-vh);min-height:0!important;overflow:hidden!important;background:var(--pui-bg)!important}
body.vnext-app-mode .vnext-sidebar{z-index:var(--pui-layer-shell)!important;width:var(--pui-sidebar)!important;padding:16px 12px!important;background:linear-gradient(180deg,#09182a,#0b2037)!important;overflow:hidden!important}
body.vnext-app-mode .vnext-brand{min-height:58px!important;padding:10px!important;border-radius:12px!important}
body.vnext-app-mode .vnext-brand img{width:34px!important;height:34px!important}
body.vnext-app-mode .vnext-brand strong{font-size:13px!important}
body.vnext-app-mode .vnext-nav{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:8px 2px 16px!important}
body.vnext-app-mode .vnext-nav-label{margin:15px 8px 7px!important;font-size:8px!important}
body.vnext-app-mode .vnext-nav button{min-height:40px!important;padding:9px 10px!important;border-radius:10px!important;font-size:10.5px!important}
body.vnext-app-mode .vnext-side-footer{padding-top:10px!important}
body.vnext-app-mode .vnext-user{padding:10px!important;border-radius:12px!important}
body.vnext-app-mode .vnext-global-topbar{z-index:calc(var(--pui-layer-shell) + 10)!important;left:var(--pui-sidebar)!important;height:var(--pui-topbar)!important;padding:0 20px!important;border-color:var(--pui-line)!important;background:color-mix(in srgb,var(--pui-surface) 92%,transparent)!important;box-shadow:0 1px 0 rgba(16,24,40,.02)!important}
body.vnext-app-mode .vnext-global-copy strong{font-size:15px!important}
body.vnext-app-mode .vnext-global-search{height:38px!important;border-radius:10px!important;background:var(--pui-surface-soft)!important}
body.vnext-app-mode .vnext-top-btn{height:38px!important;min-width:38px!important;border-radius:10px!important;box-shadow:none!important}
body.vnext-app-mode #app{position:fixed!important;inset:var(--pui-topbar) 0 0 var(--pui-sidebar)!important;width:auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:var(--pui-bg)!important}
body.vnext-app-mode #app>.screen{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:20px clamp(18px,2vw,28px) 32px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;background:transparent!important}
body.vnext-app-mode #app>.screen:not(.active){display:none!important}
body.vnext-app-mode #app>.screen>.screen-scroll{height:auto!important;max-height:none!important;overflow:visible!important}
body.vnext-app-mode #app>.screen>*{max-width:1440px!important}
body.vnext-app-mode .welcome-card{min-height:146px!important;padding:22px 24px!important;border-radius:var(--pui-radius-lg)!important;box-shadow:var(--pui-shadow)!important}
body.vnext-app-mode .welcome-card h3{font-size:clamp(27px,2.5vw,36px)!important;margin:7px 0 8px!important}
body.vnext-app-mode .welcome-card p{font-size:12px!important;line-height:1.55!important}
body.vnext-app-mode .welcome-metrics{margin-top:14px!important}
body.vnext-app-mode .stats-grid{gap:10px!important;margin:12px 0!important}
body.vnext-app-mode .stats-grid>div{min-height:104px!important;padding:15px!important;border-radius:var(--pui-radius)!important;box-shadow:none!important}
body.vnext-app-mode .stats-grid strong{font-size:24px!important;margin:2px 0!important}
body.vnext-app-mode .dashboard-actions{gap:10px!important;margin:12px 0!important}
body.vnext-app-mode .dashboard-action{min-height:82px!important;padding:15px!important;border-radius:var(--pui-radius)!important}
body.vnext-app-mode .section-head{margin:22px auto 10px!important}
body.vnext-app-mode .section-head h3{font-size:19px!important}
body.vnext-app-mode :where(.product-page-intro,.document-center-hero,.service-operations-hero,.service-page-intro,.reporting-hero,.business-operations-hero,.business-hero){margin-bottom:12px!important;padding:20px!important;border-radius:var(--pui-radius-lg)!important;box-shadow:none!important}
body.vnext-app-mode :where(.product-page-intro,.document-center-hero,.service-operations-hero,.reporting-hero,.business-operations-hero) h3{font-size:clamp(22px,2vw,29px)!important;margin:5px 0 7px!important}
body.vnext-app-mode :where(.product-kpi-grid,.document-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid){gap:10px!important;margin-bottom:12px!important}
body.vnext-app-mode :where(.product-kpi-grid,.document-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid)>*{min-height:92px!important;padding:14px!important;border-radius:var(--pui-radius)!important;box-shadow:none!important}
body.vnext-app-mode :where(.product-workspace-card,.document-workspace-card,.service-workspace-card,.business-workspace-card,.reporting-panel,.notification-workspace-card,.content-card,.profile-card,.menu-card){border-radius:var(--pui-radius-lg)!important;border-color:var(--pui-line)!important;box-shadow:var(--pui-shadow)!important}
body.vnext-app-mode :where(.product-workspace-card,.document-workspace-card,.service-workspace-card,.business-workspace-card,.reporting-panel,.notification-workspace-card){padding:18px!important}
body.vnext-app-mode :where(.primary-btn,.secondary-btn,.icon-btn,.avatar-btn,.theme-toggle,input,select,textarea){border-radius:10px!important}
body.vnext-app-mode :where(.product-list,.service-content,.business-content,.document-list,.reporting-content,.table-wrap,.phase12-table-wrap){max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-inline:contain!important}
body.vnext-app-mode .product-detail-sidebar{top:18px!important}
body.vnext-app-mode #modal.modal{position:fixed!important;inset:0!important;z-index:var(--pui-layer-overlay)!important;display:grid!important;place-items:center!important;padding:18px!important;overflow:hidden!important;background:rgba(4,12,25,.56)!important;backdrop-filter:blur(5px)!important}
body.vnext-app-mode #modal.modal.hidden{display:none!important}
body.vnext-app-mode #modal .modal-sheet{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;width:min(720px,calc(100vw - 36px))!important;max-width:720px!important;max-height:calc(var(--pui-vh) - 36px)!important;border-radius:var(--pui-radius-lg)!important;box-shadow:var(--pui-shadow-lg)!important;overflow:hidden!important}
body.vnext-app-mode #modal .modal-head{min-height:58px!important;padding:12px 16px!important}
body.vnext-app-mode #modal #modalBody{min-height:0!important;padding:16px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
body[data-possyra-app-overlay="true"] :where(#app,.vnext-desktop-shell){pointer-events:none!important;user-select:none!important}

/* Login and registration: no cropped top content, scroll only the form column. */
body.vnext-auth-mode{height:var(--pui-vh);min-height:0!important;overflow:hidden!important;background:var(--pui-bg)!important}
body.vnext-auth-mode #app{position:fixed!important;inset:0!important;width:100%!important;height:var(--pui-vh)!important;min-height:0!important;overflow:hidden!important}
body.vnext-auth-mode #authScreen.active{width:100%!important;max-width:none!important;height:var(--pui-vh)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.vnext-auth-mode #authScreen .auth-shell{display:grid!important;grid-template-columns:minmax(330px,38%) minmax(0,1fr)!important;gap:0!important;width:100%!important;height:var(--pui-vh)!important;min-height:0!important;overflow:hidden!important}
body.vnext-auth-mode #authScreen .auth-hero{height:100%!important;min-height:0!important;margin:0!important;padding:clamp(28px,4vh,48px) clamp(30px,4vw,56px)!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
body.vnext-auth-mode #authScreen .auth-brand-row{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:18px!important}
body.vnext-auth-mode #authScreen .auth-logo{width:72px!important;height:72px!important;margin:0!important}
body.vnext-auth-mode #authScreen .auth-hero h1{font-size:clamp(34px,3.6vw,48px)!important;line-height:1.03!important;margin:10px 0!important}
body.vnext-auth-mode #authScreen .auth-intro-pills{gap:6px!important;margin-top:auto!important}
body.vnext-auth-mode #authScreen .auth-intro-pills span{padding:8px 10px!important;font-size:9px!important}
body.vnext-auth-mode #authScreen .auth-main-column{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;height:100%!important;min-height:0!important;padding:clamp(18px,3vh,28px) clamp(28px,4vw,58px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
body.vnext-auth-mode #authScreen :where(.account-type-panel,.auth-card,.auth-security-strip){width:min(100%,760px)!important;margin-inline:auto!important;flex:none!important}
body.vnext-auth-mode #authScreen .account-type-panel{padding:14px!important;border-radius:var(--pui-radius-lg)!important;box-shadow:none!important}
body.vnext-auth-mode #authScreen .account-panel-head{min-height:0!important;margin-bottom:10px!important}
body.vnext-auth-mode #authScreen .account-panel-head strong{font-size:18px!important}
body.vnext-auth-mode #authScreen .secure-dot{min-height:32px!important;padding:6px 9px!important}
body.vnext-auth-mode #authScreen .account-type-grid{gap:10px!important}
body.vnext-auth-mode #authScreen .account-type-card{min-height:126px!important;padding:14px!important;border-radius:var(--pui-radius)!important;box-shadow:none!important}
body.vnext-auth-mode #authScreen .account-card-top{min-height:38px!important}
body.vnext-auth-mode #authScreen .account-icon{width:40px!important;height:40px!important;border-radius:12px!important}
body.vnext-auth-mode #authScreen .account-icon svg{width:20px!important;height:20px!important}
body.vnext-auth-mode #authScreen .account-role-tag{padding:5px 8px!important;font-size:8px!important}
body.vnext-auth-mode #authScreen .account-type-card>strong{font-size:18px!important;margin-top:9px!important}
body.vnext-auth-mode #authScreen .account-type-card>small{min-height:0!important;margin-top:4px!important;font-size:10px!important;line-height:1.4!important}
body.vnext-auth-mode #authScreen .account-card-action{margin-top:10px!important;font-size:9px!important}
body.vnext-auth-mode #authScreen .auth-card{padding:18px 20px!important;border-radius:var(--pui-radius-lg)!important;box-shadow:var(--pui-shadow)!important}
body.vnext-auth-mode #authScreen .selected-account-bar{min-height:62px!important;padding:10px 12px!important;border-radius:12px!important}
body.vnext-auth-mode #authScreen .selected-account-icon{width:40px!important;height:40px!important;border-radius:11px!important}
body.vnext-auth-mode #authScreen .auth-tabs{width:min(100%,420px)!important;min-height:42px!important;margin:12px 0!important;padding:4px!important}
body.vnext-auth-mode #authScreen .auth-tab{min-height:34px!important;padding:7px 12px!important}
body.vnext-auth-mode #authScreen .form-title{min-height:0!important;margin-bottom:9px!important}
body.vnext-auth-mode #authScreen .form-title strong{font-size:24px!important;line-height:1.1!important}
body.vnext-auth-mode #authScreen .auth-form{gap:10px!important}
body.vnext-auth-mode #authScreen .auth-form label{min-height:0!important;gap:5px!important}
body.vnext-auth-mode #authScreen .auth-form input{height:46px!important;padding:10px 12px!important}
body.vnext-auth-mode #authScreen .auth-submit-btn{width:min(100%,380px)!important;height:46px!important;min-height:46px!important;margin-top:2px!important}
body.vnext-auth-mode #authScreen .auth-recovery-actions{min-height:28px!important;margin-top:0!important}
body.vnext-auth-mode #authScreen .auth-mode-note{min-height:0!important;padding:10px 12px!important;margin-top:0!important}
body.vnext-auth-mode #authScreen .auth-security-strip{min-height:36px!important;margin-top:0!important;border-radius:12px!important}

/* Phase 1.2 task surfaces: foreground owns interaction and internal scroll. */
body.phase12-open :where(#app,.vnext-desktop-shell){pointer-events:none!important;user-select:none!important}
.phase12-workspace{z-index:var(--pui-layer-overlay)!important;grid-template-columns:minmax(160px,1fr) minmax(680px,960px)!important;isolation:isolate!important}
.phase12-backdrop{background:rgba(4,12,25,.56)!important;backdrop-filter:blur(5px)!important}
.phase12-panel{z-index:var(--pui-layer-panel)!important;min-width:0!important;min-height:0!important;box-shadow:var(--pui-shadow-lg)!important}
.phase12-head{min-height:64px!important;padding:11px 16px!important}
.phase12-head h2{font-size:19px!important}
.phase12-head>button{width:38px!important;height:38px!important;border-radius:11px!important}
.phase12-body{min-width:0!important;min-height:0!important;padding:16px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.phase12-intro{padding:15px 16px!important;border-radius:var(--pui-radius)!important;margin-bottom:10px!important;background:var(--pui-surface-tint)!important}
.phase12-filter-grid,.phase12-form-card{padding:14px!important;gap:10px!important;border-radius:var(--pui-radius)!important;margin-bottom:10px!important;box-shadow:none!important}
.phase12-service-card,.phase12-trust-grid>article{padding:14px!important;border-radius:var(--pui-radius)!important;box-shadow:none!important}
.phase12-card-grid,.phase12-trust-grid{gap:10px!important}
.phase12-conversation-layout{min-height:460px!important;max-height:calc(var(--pui-vh) - 150px)!important;border-radius:var(--pui-radius)!important}
.phase12-conversation-layout>aside,.phase12-messages{overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.phase12-table-wrap{border-radius:var(--pui-radius)!important}
.phase12-toast,.toast-stack{z-index:var(--pui-layer-toast)!important}

/* Admin/control center: compact fixed shell and a single workspace scroller. */
#authView.auth-view{height:var(--pui-vh)!important;min-height:0!important;overflow:hidden!important;background:var(--pui-bg)!important}
#authView .auth-visual{padding:clamp(32px,5vw,72px)!important;overflow:hidden!important}
#authView .auth-logo{width:clamp(120px,16vw,220px)!important;height:auto!important;margin-bottom:28px!important}
#authView .auth-visual h1{font-size:clamp(36px,4vw,58px)!important;line-height:1.05!important;margin:14px 0!important}
#authView .auth-visual p{font-size:13px!important;line-height:1.6!important}
#authView .auth-trust-grid{gap:8px!important;margin-top:24px!important}
#authView .auth-trust-grid>div{padding:12px!important;border-radius:12px!important}
#authView .auth-panel{min-height:0!important;padding:24px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
#authView .auth-card{width:min(100%,480px)!important;padding:28px!important;border-radius:var(--pui-radius-lg)!important;box-shadow:var(--pui-shadow-lg)!important}
#authView .auth-card h2{font-size:28px!important}
#authView :where(input,.password-field,.button){min-height:44px!important;border-radius:10px!important}

.admin-app:not([hidden]){display:grid!important;grid-template-columns:var(--pui-sidebar) minmax(0,1fr)!important;width:100%!important;height:var(--pui-vh)!important;min-height:0!important;overflow:hidden!important;background:var(--pui-bg)!important}
.admin-app .sidebar{position:relative!important;inset:auto!important;z-index:var(--pui-layer-shell)!important;width:var(--pui-sidebar)!important;height:100%!important;min-height:0!important;padding:12px!important;overflow:hidden!important}
.admin-app .sidebar-brand{min-height:54px!important;padding:8px!important}
.admin-app .admin-identity{padding:10px!important;margin:8px 0!important;border-radius:12px!important}
.admin-app .sidebar-nav{min-height:0!important;padding:4px 2px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.admin-app .nav-group{margin-top:12px!important}
.admin-app .nav-group>span{margin:0 8px 6px!important;font-size:7.5px!important}
.admin-app .nav-button{min-height:37px!important;padding:8px 9px!important;border-radius:9px!important;font-size:9.5px!important}
.admin-app .sidebar-footer{padding-top:8px!important}
.admin-app .workspace{display:grid!important;grid-template-rows:var(--pui-topbar) minmax(0,1fr)!important;min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;background:var(--pui-bg)!important}
.admin-app .topbar{position:relative!important;top:auto!important;z-index:var(--pui-layer-sticky)!important;min-height:var(--pui-topbar)!important;padding:0 18px!important;background:color-mix(in srgb,var(--pui-surface) 94%,transparent)!important;border-color:var(--pui-line)!important}
.admin-app .topbar h1{font-size:18px!important}
.admin-app .topbar-actions{gap:7px!important}
.admin-app .global-search{height:38px!important;border-radius:10px!important}
.admin-app :where(.icon-button,.topbar-link){min-height:38px!important;border-radius:10px!important}
.admin-app .workspace-content{min-width:0!important;min-height:0!important;height:100%!important;padding:16px 18px 28px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.admin-app .section-toolbar{min-height:0!important;margin-bottom:10px!important;padding:12px 14px!important;border-radius:var(--pui-radius)!important}
.admin-app .section-content{min-width:0!important}
.admin-app :where(.metric-card,.panel,.content-card,.data-card,.empty-state){border-radius:var(--pui-radius)!important;box-shadow:none!important}
.admin-app :where(.table-wrap,.service-network-table-shell){max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-inline:contain!important}
.service-network-banner{padding:16px 18px!important;border-radius:var(--pui-radius)!important;margin-bottom:10px!important;background:var(--pui-surface-tint)!important}
.service-network-banner h2{font-size:20px!important}
.service-network-metrics{gap:8px!important;margin-bottom:10px!important}
.service-network-metrics article{padding:12px!important;border-radius:12px!important;box-shadow:none!important}
.service-network-metrics strong{font-size:19px!important}
.service-network-table-shell{border-radius:var(--pui-radius)!important;box-shadow:none!important}
.service-network-governance{gap:8px!important;margin-top:10px!important}
.service-network-governance article{padding:12px!important;border-radius:12px!important}
dialog.modal{z-index:var(--pui-layer-overlay)!important;max-width:100%!important;max-height:100%!important;padding:18px!important;background:transparent!important}
dialog.modal::backdrop{background:rgba(4,12,25,.56)!important;backdrop-filter:blur(5px)!important}
dialog.modal .modal-shell{width:min(720px,calc(100vw - 36px))!important;max-height:calc(var(--pui-vh) - 36px)!important;border-radius:var(--pui-radius-lg)!important;box-shadow:var(--pui-shadow-lg)!important;overflow:hidden!important}
dialog.modal .modal-body{min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
body[data-possyra-admin-overlay="true"] .admin-app{pointer-events:none!important;user-select:none!important}

@media (max-width:1279px) and (min-width:980px){
  :root{--pui-sidebar:220px}
  body.vnext-app-mode .vnext-global-search{width:min(280px,28vw)!important}
  body.vnext-app-mode :where(.product-kpi-grid,.document-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .phase12-workspace{grid-template-columns:120px minmax(660px,1fr)!important}
}

@media (max-width:979px){
  :root{--pui-sidebar:0px;--pui-topbar:0px}
  body.vnext-app-mode,body.vnext-auth-mode{height:var(--pui-vh)!important;min-height:0!important;overflow:hidden!important}
  body.vnext-app-mode #app,body.vnext-auth-mode #app{position:fixed!important;inset:0!important;width:100%!important;height:var(--pui-vh)!important;min-height:0!important;overflow:hidden!important}
  body.vnext-app-mode #app>.screen,body.vnext-auth-mode #app>.screen{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:10px 10px calc(84px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:auto!important}
  body.vnext-app-mode #app>.screen>.screen-scroll{overflow:visible!important}
  body.vnext-app-mode .topbar{z-index:var(--pui-layer-sticky)!important;margin:0 -10px 10px!important;padding:calc(8px + env(safe-area-inset-top)) 10px 8px!important;min-height:58px!important}
  body.vnext-app-mode .bottom-nav{z-index:calc(var(--pui-layer-sticky) + 10)!important;left:6px!important;right:6px!important;bottom:calc(5px + env(safe-area-inset-bottom))!important;padding:5px!important;border-radius:17px!important}
  body.vnext-app-mode .bottom-nav .nav-item{min-height:50px!important;border-radius:12px!important}
  body.vnext-app-mode .welcome-card{min-height:142px!important;padding:16px!important;border-radius:16px!important}
  body.vnext-app-mode .welcome-card h3{font-size:27px!important;padding-right:58px!important}
  body.vnext-app-mode :where(.stats-grid,.detail-stats)>div{min-height:94px!important;padding:11px!important;border-radius:13px!important}
  body.vnext-app-mode :where(.product-workspace-card,.document-workspace-card,.service-workspace-card,.business-workspace-card,.reporting-panel,.notification-workspace-card,.content-card,.profile-card,.menu-card){padding:12px!important;border-radius:15px!important;box-shadow:none!important}
  body.vnext-app-mode :where(.product-filter-row,.document-status-tabs,.service-main-tabs,.business-main-tabs,.tabs){overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important}
  body.vnext-app-mode :where(.product-filter-row,.document-status-tabs,.service-main-tabs,.business-main-tabs,.tabs)::-webkit-scrollbar{display:none!important}
  body.vnext-app-mode #modal.modal{padding:8px!important}
  body.vnext-app-mode #modal .modal-sheet{width:calc(100vw - 16px)!important;max-height:calc(var(--pui-vh) - 16px)!important;border-radius:15px!important}
  body.vnext-auth-mode #authScreen.active{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  body.vnext-auth-mode #authScreen .auth-shell{display:block!important;height:auto!important;min-height:100%!important;overflow:visible!important}
  body.vnext-auth-mode #authScreen .auth-hero{display:none!important}
  body.vnext-auth-mode #authScreen .auth-main-column{height:auto!important;min-height:100%!important;padding:calc(14px + env(safe-area-inset-top)) 10px calc(20px + env(safe-area-inset-bottom))!important;overflow:visible!important}
  body.vnext-auth-mode #authScreen :where(.account-type-panel,.auth-card,.auth-security-strip){width:100%!important}
  body.vnext-auth-mode #authScreen .account-type-grid{grid-template-columns:1fr 1fr!important}
  body.vnext-auth-mode #authScreen .account-type-card{min-height:116px!important;padding:12px!important}
  body.vnext-auth-mode #authScreen .auth-card{padding:14px!important;border-radius:15px!important;box-shadow:none!important}
  body.vnext-auth-mode #authScreen .selected-account-bar{min-height:56px!important}
  .phase12-workspace{display:block!important}
  .phase12-panel{width:100%!important;height:var(--pui-vh)!important}
  .phase12-head{position:relative!important;z-index:2!important;min-height:58px!important;padding:9px 11px!important}
  .phase12-body{padding:10px 10px calc(18px + env(safe-area-inset-bottom))!important}
  .phase12-conversation-layout{max-height:none!important}
  #phase12Chat{height:calc(var(--pui-vh) - 210px)!important;min-height:360px!important}
  .phase12-table{min-width:680px!important}
  #authView.auth-view{display:block!important;height:var(--pui-vh)!important;overflow-y:auto!important}
  #authView .auth-visual{display:none!important}
  #authView .auth-panel{min-height:100%!important;padding:16px!important;display:grid!important;place-items:center!important;overflow:visible!important}
  #authView .auth-card{padding:20px!important;border-radius:16px!important;box-shadow:var(--pui-shadow)!important}
  .admin-app:not([hidden]){display:block!important;position:relative!important;height:var(--pui-vh)!important;overflow:hidden!important}
  .admin-app .sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:calc(var(--pui-layer-overlay) + 20)!important;width:min(286px,88vw)!important;height:var(--pui-vh)!important;transform:translateX(-102%)!important;transition:transform .2s ease!important;box-shadow:var(--pui-shadow-lg)!important}
  .admin-app .sidebar.open{transform:none!important}
  .admin-app .sidebar-overlay{position:fixed!important;inset:0!important;z-index:calc(var(--pui-layer-overlay) + 10)!important;background:rgba(4,12,25,.55)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}
  .admin-app .sidebar-overlay.open{opacity:1!important;pointer-events:auto!important}
  .admin-app .workspace{grid-template-rows:58px minmax(0,1fr)!important;width:100%!important;height:100%!important}
  .admin-app .topbar{min-height:58px!important;padding:0 10px!important}
  .admin-app .topbar h1{font-size:16px!important}
  .admin-app .global-search,.admin-app .system-pulse,.admin-app .topbar-link{display:none!important}
  .admin-app .workspace-content{padding:10px 10px calc(20px + env(safe-area-inset-bottom))!important}
  .service-network-banner{display:grid!important;padding:13px!important}
  .service-network-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  dialog.modal{padding:8px!important}
  dialog.modal .modal-shell{width:calc(100vw - 16px)!important;max-height:calc(var(--pui-vh) - 16px)!important;border-radius:15px!important}
}

@media (max-width:520px){
  body.vnext-auth-mode #authScreen .account-type-grid{grid-template-columns:1fr!important}
  body.vnext-auth-mode #authScreen .account-type-card{min-height:104px!important}
  body.vnext-app-mode :where(.stats-grid,.detail-stats,.product-kpi-grid,.document-kpi-grid,.service-kpi-grid,.business-kpi-grid,.reporting-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-network-metrics{grid-template-columns:1fr 1fr!important}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}