/* ShasFrame Phase 4 — additive, Bootstrap 5 compatible UI */
:root{--pc-side-width:250px;--pc-ui-surface:#fff;--pc-ui-text:#111827;--pc-ui-muted:#64748b;--pc-ui-line:#e2e8f0}
.pc-authenticated .app-main{min-width:0}
.pc-sidebar{position:fixed;top:73px;left:0;bottom:0;width:var(--pc-side-width);background:var(--pc-ui-surface);border-right:1px solid var(--pc-ui-line);z-index:1020;display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(15,23,42,.035)}
.pc-sidebar-inner{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:20px 13px;scrollbar-width:thin}
.pc-sidebar-label{padding:17px 13px 8px;font-size:.72rem;letter-spacing:.09em;font-weight:800;text-transform:uppercase;color:var(--pc-ui-muted)}
.pc-side-link{display:block;padding:11px 14px;margin:3px 0;border-radius:12px;text-decoration:none;font-weight:650;color:var(--pc-ui-text);transition:background .15s,color .15s}
.pc-side-link:hover,.pc-side-link:focus-visible{background:#f1f5f9;color:#991b1b}
.pc-side-link.active{background:#fee2e2;color:#991b1b}
.pc-sidebar-footer{border-top:1px solid var(--pc-ui-line);padding:15px 20px;color:var(--pc-ui-muted);font-size:.75rem}
.pc-authenticated .app-main,.pc-authenticated .app-footer{margin-left:var(--pc-side-width)}
.pc-authenticated .app-main>.container-fluid{max-width:1600px;margin-inline:auto}
.pc-authenticated .navbar-nav{display:none!important}
.pc-drawer-trigger,.pc-sidebar-backdrop{display:none}
.pc-authenticated .navbar-collapse{flex-grow:1}
.pc-authenticated .navbar-collapse>.d-flex{margin-left:auto}
.pc-authenticated .table-responsive{border-radius:14px}
.pc-authenticated .card{overflow-wrap:anywhere}
.pc-authenticated img{max-width:100%}
.pc-authenticated :focus-visible{outline:3px solid #dc2626;outline-offset:3px}
@media(max-width:991.98px){
 .pc-sidebar{transform:translateX(-102%);transition:transform .22s ease;top:0;z-index:1052;max-width:85vw}
 .pc-authenticated.pc-drawer-open .pc-sidebar{transform:translateX(0)}
 .pc-sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1051}
 .pc-authenticated.pc-drawer-open .pc-sidebar-backdrop{display:block}
 .pc-authenticated .app-main,.pc-authenticated .app-footer{margin-left:0}
 .pc-drawer-trigger{display:inline-flex;align-items:center;justify-content:center}
 .pc-authenticated .navbar-nav{display:none!important}
 .pc-authenticated .navbar-collapse>.d-flex{margin-left:0}
 body.pc-drawer-open{overflow:hidden}
}
@media(min-width:992px){.pc-authenticated .navbar-toggler{display:none}}
@media(max-width:575.98px){.pc-theme-label{display:none}.pc-authenticated .app-main>.container-fluid{padding-inline:12px!important}}
html[data-pc-theme=dark]{color-scheme:dark;--pc-ui-surface:#111827;--pc-ui-text:#e5e7eb;--pc-ui-muted:#94a3b8;--pc-ui-line:#334155}
html[data-pc-theme=dark] body{background:#0b1220;color:#e5e7eb}
html[data-pc-theme=dark] .app-navbar,html[data-pc-theme=dark] .pc-sidebar,html[data-pc-theme=dark] .card,html[data-pc-theme=dark] .quick-link{background:#111827!important;color:#e5e7eb!important;border-color:#334155!important}
html[data-pc-theme=dark] .navbar-brand,html[data-pc-theme=dark] .nav-pill,html[data-pc-theme=dark] .avatar-chip{color:#e5e7eb!important}
html[data-pc-theme=dark] .pc-side-link:hover{background:#263244;color:#fca5a5}
html[data-pc-theme=dark] .pc-side-link.active{background:#451a1a;color:#fca5a5}
html[data-pc-theme=dark] .form-control,html[data-pc-theme=dark] .form-select,html[data-pc-theme=dark] .input-group-text{background:#1e293b;color:#f1f5f9;border-color:#475569}
html[data-pc-theme=dark] .text-muted,html[data-pc-theme=dark] .form-text{color:#a8b4c6!important}
html[data-pc-theme=dark] .table{--bs-table-bg:#111827;--bs-table-color:#e5e7eb;--bs-table-border-color:#334155}
html[data-pc-theme=dark] .btn-outline-dark{color:#e5e7eb;border-color:#94a3b8}
/* Fixed-size designer retains native coordinate system while scrolling on narrow screens. */
.designer-wrap{max-width:100%;min-width:0}
.canvas-shell{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.designer-wrap .panel{max-width:100%}
@media(max-width:1250px){.designer-wrap{flex-wrap:wrap}.designer-wrap .panel{width:100%}.designer-wrap .panel .card{position:static}}
@media(prefers-reduced-motion:reduce){.pc-sidebar,.pc-side-link{transition:none!important}}

/* Phase 4.1: one menu for authenticated mobile users; keep account actions accessible. */
.pc-authenticated .navbar-toggler{display:none!important}
.pc-authenticated #mainNavbar{display:flex!important;flex-basis:auto;align-items:center;min-width:0;margin-left:auto}
.pc-authenticated #mainNavbar>.d-flex{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:991.98px){
 .pc-authenticated .app-navbar .container-fluid{flex-wrap:wrap;row-gap:.5rem}
 .pc-authenticated #mainNavbar{width:100%;justify-content:flex-end;margin-left:0}
 .pc-authenticated #mainNavbar>.d-flex{width:100%;gap:.5rem!important;margin-top:0!important}
 .pc-authenticated .navbar-nav{display:none!important}
}