.stack textarea{min-height:100px;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#111;font:inherit}

/* Full-height application navigation */
.shell{display:block;min-height:100dvh;background:var(--canvas)}
.side{position:fixed;inset:0 auto 0 0;width:280px;height:100dvh;display:flex;flex-direction:column;padding:24px 16px;background:var(--black);overflow:hidden;z-index:1000}
.side .brand{flex:0 0 auto;margin:0 8px 18px}
.side nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 3px 16px;scrollbar-width:thin;scrollbar-color:#4a4c50 #17181a}
.side nav::-webkit-scrollbar{width:7px}.side nav::-webkit-scrollbar-thumb{background:#4a4c50;border-radius:8px}
.side nav a{white-space:nowrap}
.logout{position:static;flex:0 0 auto;width:100%;padding:12px 14px;margin-top:8px;text-align:left;color:#b9bcc2;border-top:1px solid #33363a}
.main{min-height:100dvh;margin-left:280px;padding:34px 4vw;background:radial-gradient(circle at 82% 0,#f3e6c9 0,transparent 30%),var(--canvas)}
.menu-toggle,.menu-backdrop{display:none}

@media(max-width:900px){
 .shell{display:block}.main{margin-left:0;padding:18px;min-width:0}
 .side{position:fixed;width:min(86vw,310px);height:100dvh;transform:translateX(-105%);transition:transform .25s ease;box-shadow:18px 0 55px #0005}
 .side.open{transform:translateX(0)}
 .menu-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#111;color:var(--gold);font-size:22px;cursor:pointer}
 .menu-backdrop{position:fixed;inset:0;background:#0008;z-index:900}.menu-backdrop.show{display:block}
 .top{display:flex;align-items:flex-start;justify-content:flex-start;gap:13px}.title-block{flex:1;min-width:0}.top-actions{margin-left:auto}
 .side nav{display:block;overflow-y:auto}.side nav a{display:flex}
}
@media(max-width:600px){.top{flex-wrap:wrap}.top-actions{width:100%;margin-left:57px;justify-content:flex-start}.top h1{font-size:28px}}
.module-block{border:1px solid rgba(183,138,56,.28);border-radius:14px;padding:16px;margin:16px 0;background:linear-gradient(135deg,rgba(183,138,56,.06),transparent)}
.module-block h3{margin:.2rem 0}
/* Let the final header stylesheet own responsive action positioning. */
@media(max-width:1200px){.top{flex-wrap:wrap}.top-actions{width:100%;margin-left:0}}
@media(max-width:600px){.top-actions{margin-left:0}}