/* Phase 8: consistent state, focus and content containment across the existing screens. */
html{scroll-padding-top:80px}main,.panel,.panel-body,.stack,.settings-layout>*,.p6-inbox>*,.p6-builder>*,.core-columns>*,.p5-ai-layout>*{min-width:0}button,input,select,textarea,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55}.btn[aria-pressed=true]{background:var(--tint);border-color:var(--primary);color:var(--primary)}.table-wrap,.p6-board,.p6-calendar,.p5-map-list,.p5-queue{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.table-wrap{max-width:100%}.table-wrap thead th{position:sticky;top:0;z-index:1}.p5-form input[type=checkbox],.p5-form input[type=radio],.core-form-grid input[type=checkbox]{width:18px;height:18px;min-width:18px;padding:0;vertical-align:middle}.p5-form label>span{display:flex;align-items:center;gap:9px}.p5-form input,.p5-form select,.core-field input,.core-field select{min-width:0;max-width:100%}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)!important}.p6-error:not(:empty),#core-error:not(:empty),.p5-error:not(:empty){padding:10px 12px;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);border-radius:6px}.toast-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.toast>span{overflow-wrap:anywhere}.dialog-head h2{min-width:0;overflow-wrap:anywhere}.dialog-head>.icon-btn{flex-shrink:0}.dialog-foot{position:sticky;bottom:0;z-index:2;background:var(--surface);flex-wrap:wrap}dialog{overscroll-behavior:contain;scrollbar-width:thin}.dialog-body{overflow-wrap:anywhere}.dialog-body form{min-width:0}.p8-storage{margin-bottom:18px}.p8-recovery{padding:32px;display:grid;gap:16px}.p8-recovery>div{display:flex;gap:10px;flex-wrap:wrap}.p8-startup{max-width:880px;padding:40px 24px;margin:auto}.p8-skeleton{height:16px;background:var(--secondary);border-radius:4px;margin:18px 0;animation:p8-pulse 1.2s ease-in-out infinite alternate}.p8-skeleton:nth-child(2){width:65%}.p8-skeleton:nth-child(3){height:140px}.p8-filter-empty{margin:16px}.p6-flow-node .between{gap:12px;flex-wrap:wrap}.p6-flow-node .between>div{display:flex;gap:8px}.p6-message a{overflow-wrap:anywhere}.settings-nav button{min-height:40px}.core-line>strong,.core-line>span{overflow-wrap:anywhere}.p7-guide>div{min-width:0}.page-heading .welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.p5-stats strong,.core-metric strong{font-variant-numeric:tabular-nums}.p6-stage{scroll-snap-align:start}.p6-board{scroll-snap-type:x proximity}.p6-calendar:focus-visible,.p6-board:focus-visible{outline-offset:1px}
@keyframes p8-pulse{from{opacity:.5}to{opacity:1}}
@media(min-width:768px) and (max-width:1100px){.p6-inbox,.p6-builder{grid-template-columns:200px minmax(0,1fr)}.p5-stats>div{padding:14px}.p5-stats strong{font-size:22px}.page-heading h1{font-size:24px}}
@media(max-width:767px){html{scroll-padding-top:70px}.topbar{gap:4px}.global-search{flex:0 0 36px;min-width:36px}.top-actions{margin-left:auto}.p6-inbox,.p6-builder,.p6-two,.p6-form-grid{grid-template-columns:minmax(0,1fr)}.p6-builder>aside{max-height:240px;overflow:auto}.p6-inbox>aside{max-height:220px;overflow:auto}.p5-form input,.p5-form select,.p5-form textarea,.core-field input,.core-field select,.core-field textarea{font-size:16px}.p5-form label{min-width:0}.core-form-grid{grid-template-columns:minmax(0,1fr)}.p7-step{padding:16px;gap:12px}.p7-guide{padding:14px;gap:12px}.p7-guide .btn{min-height:40px}.dialog-foot .btn{flex:1}.dialog-foot{padding:12px 16px}.dialog-body{padding:16px}dialog.drawer{inset:0;height:100dvh;width:100%;max-height:100dvh;border-radius:0}.p5-stats>div{padding:14px}.p5-stats strong{font-size:22px}.p5-contact-head h2{overflow-wrap:anywhere}.p6-wizard{gap:5px}.p6-wizard span{flex:1;text-align:center;min-width:65px}.p5-brief{padding:14px}.p5-brief ul{padding-left:20px}.empty{padding:32px 18px}.p6-day .text-btn{min-height:36px}.p6-calendar.month .p6-day{height:170px}.p5-global{gap:8px}.settings-row>div{min-width:0}.p6-bar-row{grid-template-columns:90px minmax(0,1fr) 24px}.p5-toolbar label{min-width:0}.p8-recovery{padding:22px}}
@media(max-width:380px){main{padding:18px 12px}.top-actions .demo-label{font-size:11px}.top-actions .btn{padding:7px}.top-actions .btn .icon{width:14px}.global-search{flex-basis:30px;min-width:30px}.topbar .icon-btn{width:34px;min-width:34px}.topbar{padding:0 8px}.page-heading h1{font-size:22px}.p5-stats strong{font-size:20px}.p5-stats>div{padding:12px}.p7-step{grid-template-columns:28px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.p8-skeleton{animation:none}.btn:active:not(:disabled){transform:none}}

@media(max-width:767px){.app.mobile-open .nav-label,.app.mobile-open .sidebar-bottom .nav-label,.app.mobile-open .profile-copy,.app.mobile-open .group-label{display:block}.app.mobile-open .workspace{display:flex}#core-search{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#core-search>label:first-child{grid-column:1/-1}#core-search label{min-width:0}#core-search select,#core-search input{width:100%;min-width:0}.dialog-body form>.dialog-foot{margin:0 -16px -16px}.dialog-body form>.p5-actions{position:sticky;bottom:-16px;background:var(--surface);padding:12px 0;z-index:2}}
@media(min-width:768px) and (max-width:1100px){.global-search kbd{display:none}.global-search span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p6-builder .p6-form-grid{grid-template-columns:minmax(0,1fr)}}