/* Wide tables scroll locally; the surrounding page stays within the viewport. */
.dashboard-table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.dashboard-table-scroll:focus-visible{outline:2px solid var(--accent,var(--cyan));outline-offset:3px}
.dashboard-table-hint{display:none}
.dashboard-table-hint[hidden]{display:none!important}
#loginScreen:not(.hide){display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:24px 16px}
#loginScreen .login-wrap{width:min(100%,480px);max-width:100%;margin:0 auto;padding:clamp(20px,5vw,36px)!important;background:var(--surface,#0c1b2d)!important;color:var(--ink,var(--text))!important;border-color:var(--edge,var(--line))!important}
#loginScreen .login-wrap h1{color:var(--ink,var(--text))!important;line-height:1.25}
#loginScreen .login-wrap .muted{color:var(--subtle,var(--muted))!important}
#loginScreen #loginImprintLink{color:var(--accent,var(--cyan))!important}
#loginScreen :is(input,button){max-width:100%;white-space:normal}
#loginScreen .login-wrap input{font-size:16px;background:var(--surface-soft,#14283d)!important;color:var(--ink,var(--text))!important;border-color:var(--edge,var(--line))!important}
#loginScreen .login-wrap input::placeholder{color:var(--subtle,var(--muted));opacity:1}
#loginScreen .login-wrap #loginButton{background:var(--accent,var(--cyan))!important;color:var(--accent-ink,#07111f)!important;border-color:var(--accent,var(--cyan))!important}
#loginScreen .login-wrap button.secondary{background:var(--surface-soft,#14283d)!important;color:var(--ink,var(--text))!important;border-color:var(--edge,var(--line))!important}
body[data-dashboard-theme] #app :is(.main,.tab-page,.card,.pro-card,.table-card,.form-grid,.settings-grid){min-width:0}
body[data-dashboard-theme] #app .audit-preview-row{grid-template-columns:48px minmax(0,1fr) minmax(0,88px)}
body[data-dashboard-theme] #app .audit-preview-row>*{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1100px){
 body[data-dashboard-theme] #app.app-shell:not(.hide):not([hidden]){display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%}
 body[data-dashboard-theme] #app>.sidebar{position:relative!important;top:0;width:100%!important;height:auto!important;max-height:none;margin:0!important;padding:14px 16px!important;overflow:visible;border:0!important;border-bottom:1px solid var(--edge)!important;border-radius:0!important}
 body[data-dashboard-theme] #app .sidebar #companyBrand{display:grid!important;grid-template-columns:78px minmax(0,1fr) auto!important;gap:10px;align-items:center;min-height:0;margin:0!important;padding:0!important}
 body[data-dashboard-theme] #app #companyBrand .company-logo{width:78px;max-width:100%;height:auto}
 body[data-dashboard-theme] #app #companyBrand h1{font-size:10px!important;letter-spacing:0!important;overflow-wrap:anywhere}
 body[data-dashboard-theme] #app #companyBrand :is(.pb-brand-title,.pb-brand-sub){display:none!important}
 body[data-dashboard-theme] #app .sidebar-navigation{display:none!important;max-height:65vh;max-height:65svh;margin-top:16px;overflow:auto}
 body[data-dashboard-theme] #app.navigation-open .sidebar-navigation{display:block!important}
 body[data-dashboard-theme] #app button.dashboard-menu-toggle{display:block!important;min-height:44px!important;width:auto;padding:10px 12px!important;background:var(--nav-active)!important;color:var(--nav-ink)!important;border:1px solid var(--edge)!important}
 body[data-dashboard-theme] #app .sidebar-footer{display:none!important}
 body[data-dashboard-theme] #app .sidebar .nav-item{min-height:44px!important;font-size:13px!important}
 body[data-dashboard-theme] #app>.main{width:100%!important;min-width:0;max-width:100%;margin:0!important;padding:20px 16px 64px!important;background-attachment:scroll}
 body[data-dashboard-theme] #app .hero-row{display:block!important}
 body[data-dashboard-theme] #app .hero-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start;gap:8px;margin-top:18px!important;max-width:100%}
 body[data-dashboard-theme] #app :is(.hero,.card,.pro-card,.table-card){max-width:100%}
 body[data-dashboard-theme] #app :is(.card-head,.pro-card-head,.pro-card-foot){flex-wrap:wrap;min-width:0}
 body[data-dashboard-theme] #app .table-card{overflow-x:auto!important}
 body[data-dashboard-theme] #app :is(.table-card,.pro-card)::after{display:none!important}
 body[data-dashboard-theme] #app .dashboard-table-hint:not([hidden]){display:block;font-size:12px;line-height:1.5;color:var(--subtle,var(--muted));margin:8px 0}
 body[data-dashboard-theme] #app :is(.form-grid,.settings-grid,.meta-strip,.top-toolbar){grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0}
 body[data-dashboard-theme] #app :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
 body[data-dashboard-theme] #app :is(.card-title,.pro-title,.hero-title,.card-sub,.pro-sub,.metric-label,.metric-sub,.footer-note){overflow-wrap:anywhere}
 body[data-dashboard-theme] #app .metric-top{flex-wrap:wrap;min-width:0}
 body[data-dashboard-theme] #app .metric-top>div:first-child{min-width:0;max-width:100%;flex:1 1 80px}
 body[data-dashboard-theme] #app .metric-badge{max-width:100%;white-space:normal}
}
@media(max-width:600px){
 body[data-dashboard-theme] #app>.main{padding:16px 12px 64px!important}
 body[data-dashboard-theme] #app :is(.form-grid,.settings-grid,.meta-strip,.top-toolbar,.actions-grid){grid-template-columns:minmax(0,1fr)!important}
 body[data-dashboard-theme] #app .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body[data-dashboard-theme] #app .hero-actions>*{min-width:0;max-width:100%}
 body[data-dashboard-theme] #app .hero-actions :is(button,a){width:100%;min-height:44px!important;height:auto!important;white-space:normal}
 body[data-dashboard-theme] #app .header-language-control{justify-content:space-between;max-width:100%;height:auto}
 body[data-dashboard-theme] #app .header-language-control select{min-width:70px!important;max-width:110px!important}
 body[data-dashboard-theme] #app .header-language-status{grid-column:1/-1}
 body[data-dashboard-theme] #app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 body[data-dashboard-theme] #app .audit-preview-row{grid-template-columns:42px minmax(0,1fr)}
 body[data-dashboard-theme] #app .audit-preview-row>strong{grid-column:2}
 body[data-dashboard-theme] #app .permissions-grid{grid-template-columns:minmax(0,1fr)!important}
 body[data-dashboard-theme] #app .check-row{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:360px){body[data-dashboard-theme] #app .executive-kpis{grid-template-columns:minmax(0,1fr)!important}}