html,body{max-width:100%;overflow-x:hidden}img,svg,canvas,video{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}.mobile-nav-backdrop{display:none}
@media(max-width:1100px){.content{padding-inline:22px}.topbar{padding-inline:22px}.dashboard-grid,.lower-grid,.monthly-layout,.secretariat-grid{grid-template-columns:minmax(0,1fr)}.panel,.metric,.risk-matrix,.empty-page{min-width:0}.table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-panel table{min-width:680px}.domain-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.secretariat-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.auth-gateway{padding:24px 18px 30px}.auth-intro{margin:38px auto 26px}.auth-intro h1{font-size:clamp(27px,7vw,38px);line-height:1.45}.auth-intro p{font-size:14px;line-height:1.9}.role-portals{gap:12px}.role-portal,.role-portal.secretariat{min-height:0;padding:20px;border-radius:16px}.role-portal strong{font-size:17px}.role-portal em{font-size:13px}.auth-assurance{gap:10px 18px;text-align:center}.access-summary,.security-controls{gap:10px}.access-summary article{padding:14px}.security-controls{padding:15px}}
@media(max-width:780px){body.mobile-nav-open{overflow:hidden}.app-shell,.app-shell main{min-width:0;width:100%}.sidebar{width:min(310px,86vw);padding:20px 14px;overflow-y:auto;overscroll-behavior:contain;z-index:60}.mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:50;border:0;background:#041521a8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.mobile-nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.topbar{height:auto;min-height:64px;padding:10px 14px;gap:8px}.menu-btn,.icon-btn{min-width:42px;min-height:42px}.page-title{min-width:0}.page-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{min-width:0}.content{width:100%;padding:18px 12px 32px}.section-head{flex-wrap:wrap}.section-head h2{line-height:1.55}.head-actions{max-width:100%;flex-wrap:wrap}.btn{min-height:42px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{gap:12px}.panel-head{padding:15px 14px;gap:10px}.panel-head>div{min-width:0}.legend{padding-inline:14px;flex-wrap:wrap}.chart{width:100%;height:180px;padding-inline:10px;overflow-x:auto}.bars{min-width:440px}.risk-body{padding-inline:14px}.filterbar{display:grid;grid-template-columns:1fr}.filterbar input,.filterbar select{min-width:0;width:100%;min-height:44px}.table-panel table{min-width:650px}.table-panel th,.table-panel td{padding:11px 12px;font-size:11px}.action-board{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-matrix{padding:16px 10px;overflow-x:auto}.matrix-grid{min-width:430px}.modal-card{width:calc(100% - 20px);margin:2vh auto;max-height:96dvh}.modal-head,.modal form{padding:17px 16px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:44px}.toast{left:12px;right:12px;bottom:12px;text-align:center}.monthly-notice,.secretariat-alert{padding:13px}.monthly-steps{padding-inline:12px}.domain-cards,.secretariat-side{grid-template-columns:1fr}.letter-filter{padding-inline:14px}.ai-archive{padding:16px}.smart-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.topbar{padding-inline:10px}.page-title h1{font-size:14px;max-width:42vw}.profile{border-right:0;padding-right:2px}.profile>span{width:36px;height:36px}.content{padding-inline:10px}.metrics,.action-board{grid-template-columns:1fr}.metric{padding:15px}.metric>strong{font-size:25px}.section-head{display:flex;align-items:stretch}.section-head>div:first-child{width:100%}.head-actions,.section-head>.btn{width:100%;margin-top:8px}.head-actions .btn,.section-head>.btn{flex:1}.alert-banner{padding:12px}.panel-head{flex-wrap:wrap}.panel-head select{max-width:100%}.risk-body{gap:16px}.donut{width:118px;height:118px}.donut:before{width:74px;height:74px}.matrix-grid{min-width:360px}.matrix-cell{height:48px}.auth-gateway{padding:18px 12px 24px}.auth-identity{align-items:flex-start}.auth-identity small{font-size:11px;line-height:1.6}.auth-intro{margin:30px auto 20px}.auth-intro>span{font-size:12px}.auth-intro h1{font-size:27px;margin-block:9px}.auth-intro p{font-size:13px}.role-portal,.role-portal.secretariat{padding:16px}.role-portal span,.role-portal.secretariat span{margin:14px 0}.role-portal>b{font-size:13px}.auth-assurance{font-size:11px;margin-top:22px}.auth-card{width:calc(100vw - 20px);padding:24px 18px;border-radius:16px}.auth-card input,.auth-card select{min-height:46px;width:100%}.profile-menu{max-height:calc(100dvh - 84px);overflow:auto}.smart-results{grid-template-columns:1fr}.ai-searchbar button{width:100%}}
@media(max-width:520px){.auth-identity{align-items:center;text-align:right;gap:12px}.auth-identity .auth-logo{height:80px}.brand .brand-mark{height:36px}}