/* StayOS v0.6 - responsive Control Center layout. All selectors scoped to app shell. */
:root {--platform-nav-width:272px}
.shell-body{overflow-x:hidden}
.app-shell{max-width:100vw;min-width:0}
.app-shell .sidebar{width:var(--platform-nav-width);padding:20px 14px 14px;overflow:hidden}
.app-shell .sidebar>.logo{margin-bottom:20px;padding:0 10px}
.app-shell .sidebar-workspace{margin:0 3px 16px}
.app-shell .side-scroll{scrollbar-color:#516387 transparent;scrollbar-width:thin;padding:0 4px 22px;margin:0 -4px;overscroll-behavior:contain}
.app-shell .side-bottom{flex-shrink:0;background:#0d1834}
.app-shell .sidebar-help{padding:12px;margin-bottom:9px}
.app-shell .sidebar-help p{margin:3px 0 7px}
.app-shell .shell-main{margin-left:var(--platform-nav-width);width:calc(100% - var(--platform-nav-width));max-width:none;min-width:0}
.app-shell .dashboard-content{width:100%;max-width:1560px;min-width:0;padding:28px clamp(18px,2.9vw,44px) 55px}
.app-shell .topbar{padding-inline:clamp(18px,2.9vw,44px);min-width:0}
.app-shell .topbar-start{min-width:0}
.app-shell .topbar-start strong{max-width:38vw}
.side-search-wrap{padding:0 4px 11px}
.side-search-wrap input{width:100%;min-width:0;padding:9px 10px 9px 33px;color:#e2ebff;background:#1b294a;border:1px solid #334160;border-radius:10px;font-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2395a5c7' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}
.side-search-wrap input::placeholder{color:#8294b9}
.nav-group{margin-top:9px;border-top:1px solid #273455;padding-top:7px}
.nav-group-label{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#b6c5df;font-size:12px;font-weight:700}
.nav-group-label::-webkit-details-marker{display:none}
.nav-group-label:hover,.nav-group[open]>.nav-group-label{background:#1d2b4f;color:#f3f6ff}
.nav-group-label>span{min-width:0;flex:1}
.nav-group-label .group-chevron{transition:transform .18s}
.nav-group[open] .group-chevron{transform:rotate(180deg)}
.nav-group-children{padding-left:9px;border-left:1px solid #394967;margin-left:19px}
.nav-group-children .side-link{padding:10px;font-size:11.5px;margin:2px 0}
.app-shell .side-link{min-height:40px;gap:10px;padding:10px 12px;white-space:normal;line-height:1.45}
.app-shell .side-link span{overflow-wrap:anywhere}
.app-shell .nav-label{margin-top:8px}
.app-shell .page-heading{flex-wrap:wrap;align-items:flex-start}
.app-shell .page-heading h1{font-size:clamp(22px,2vw,29px);line-height:1.35}
.app-shell .page-heading p{max-width:68ch}
/* Critical fix: CMS navigation on one horizontal row; no second sidebar */
.cc-layout{display:block!important;min-width:0;margin-top:12px}
.cc-tabbar{position:static!important;display:flex!important;flex-direction:row!important;align-items:stretch;flex-wrap:wrap;gap:6px;padding:9px;margin:0 0 22px;border-radius:15px;background:#fff;border:1px solid #e4e9f2;box-shadow:0 4px 18px #14254108;max-width:100%;overflow:visible!important}
.cc-tab{flex:0 1 auto;gap:7px;min-width:0;padding:10px 13px;white-space:normal;font-size:12px;line-height:1.4}
.cc-tab span{font-size:15px;width:auto;flex-shrink:0}
.cc-edit-area{width:100%;max-width:1080px;min-width:0;margin:auto}
.cc-edit-area>section{width:100%;min-width:0}
.cc-card{padding:clamp(18px,2vw,30px)!important;min-width:0}
.cc-card-title{align-items:flex-start;flex-wrap:wrap}
.cc-edit-area .form-stacked{max-width:none}
.cc-menu-row{grid-template-columns:minmax(125px,1fr) minmax(180px,2fr)}
.cc-assets{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-asset{overflow:hidden}.cc-asset form input{width:100%;min-width:0}
/* Large tables and forms must not stretch outside their containers */
.surface-panel,.table-panel,.table-scroll,.two-col-layout,.ops-block,.v4-panel{min-width:0;max-width:100%}
.table-scroll,.ops-table-wrap{overflow-x:auto;max-width:100%}
.form-stacked input,.form-stacked textarea,.form-stacked select,.v4-filter input{max-width:100%;min-width:0}
.plat-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0 20px}
.plat-toolbar input,.plat-toolbar select{padding:10px 13px;border:1px solid #d9e2ed;border-radius:10px;background:white;min-width:150px;max-width:100%}
.plat-websites{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.plat-site{background:#fff;border:1px solid #e4eaf2;border-radius:16px;box-shadow:0 3px 14px #15243e0a;padding:19px;min-width:0}
.plat-site-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.plat-site h2{font-size:17px;margin:0 0 3px;line-height:1.45}
.plat-site .url{display:block;font-size:12px;color:#237f85;overflow-wrap:anywhere;margin:10px 0}
.plat-site-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:17px}
.plat-site-actions form{display:inline-flex;margin:0}
.plat-site-actions .btn{padding:9px 12px;font-size:12px}
.plat-help{padding:13px 16px;background:#eff9f8;border:1px solid #cce7e3;border-radius:12px;color:#356c70;font-size:13px;margin-bottom:18px}
.plat-empty{padding:42px 22px;border:1px dashed #cfdae8;background:#fff;text-align:center;border-radius:14px}
.switch-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e7ecf2}
.switch-row>div{max-width:75%}.switch-row strong{display:block}.switch-row p{margin:3px 0 0;font-size:12px}
.switch-row input{width:20px;height:20px;accent-color:#119b95}
@media(max-width:1050px){.cc-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-tabbar{gap:4px}.cc-tab{font-size:11px;padding:9px 10px}}
@media(max-width:1020px){
 .app-shell .sidebar{width:min(290px,88vw)!important}
 .app-shell .shell-main{margin-left:0;width:100%}
 .app-shell .dashboard-content{padding:20px 18px 45px}
 .app-shell .topbar{padding:0 17px}
 .cc-tabbar{overflow-x:auto!important;flex-wrap:nowrap}
 .cc-tab{flex:0 0 auto}
}
@media(max-width:600px){.app-shell .breadcrumb-root,.app-shell .breadcrumb-separator{display:none}.app-shell .topbar-start strong{max-width:45vw}.cc-assets,.cc-release-grid,.cc-menu-row{grid-template-columns:1fr}.cc-card{padding:16px!important}.cc-menu-row{border-bottom:1px solid #eaf0f5;padding:8px 0}.app-shell .side-bottom .sidebar-help{display:none}.cc-card-title .cc-round-icon{display:none}}