/* Shared shell uses the unchanged Planner palette, font, sizing and square controls. */
.tw-shell .brand-mark{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;color:#fff;background:#0b63ce;font:900 .9rem Consolas,monospace;box-shadow:5px 5px 0 #17b5d155}.tw-shell .tw-brand{color:#071b33}.account-content .button{gap:.4rem}.account-content .section-title{flex-direction:row;align-items:baseline}
.tw-shell{position:sticky;top:0;z-index:40;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;min-height:66px;padding:.65rem max(var(--gutter,1rem),calc((100vw - 1280px)/2));border-bottom:1px solid #a9bfd8;background:#f7fbfff2;color:#071b33;font-family:"Segoe UI",Arial,sans-serif;backdrop-filter:blur(12px)}
.tw-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;white-space:nowrap}.tw-brand strong{font-size:1rem}.tw-shell nav{display:flex;flex:1;flex-wrap:wrap;gap:.25rem}.tw-shell nav a{padding:.65rem .7rem;border-bottom:3px solid transparent;text-decoration:none;font-size:.85rem;font-weight:750;color:#071b33}.tw-shell nav a[aria-current=page]{border-color:#0b63ce;color:#0b63ce;background:#eaf2f9}.tw-account{display:flex;align-items:center;gap:.85rem;font-size:.8rem}.tw-account a{color:#071b33}.tw-account form{margin:0}.tw-account button{border:0;border-radius:0;background:transparent;color:#071b33;padding:.5rem;font:750 .8rem "Segoe UI",Arial,sans-serif;cursor:pointer}
.account-content{max-width:1280px}.account-content .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.account-content .intro{max-width:70ch;line-height:1.6}.account-content .narrow{max-width:540px}.account-content form{display:grid;gap:.8rem}.account-content label,.login-form label{display:grid;gap:.4rem}.account-content input,.account-content select{width:100%;min-width:0;min-height:44px;padding:.65rem;border:1px solid var(--line);background:#fff}.account-content button,.login-form button{min-height:44px;padding:.68rem 1rem;border:2px solid var(--blue);background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.account-content .admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.account-content .table-wrap{max-width:100%;overflow:auto}.account-content .check{display:flex;align-items:center;gap:.5rem}.account-content input[type=checkbox]{width:20px;min-height:20px}.account-content .panel{margin-bottom:1rem;min-width:0}.account-content .icon{color:var(--blue);font:800 1.2rem Consolas,monospace}.account-content .muted{background:none;color:#597086}.login-form h2{margin:0}.login-brand h1{white-space:normal}.tw-tool-nav{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem var(--gutter,1rem);border-bottom:1px solid var(--line,#9eb8d2);background:#fff}.tw-tool-nav a{font-weight:700;color:#0b63ce}.tw-tool-nav a[aria-current]{text-decoration-thickness:3px}
@media(max-width:760px){.tw-shell{position:relative;gap:.5rem}.tw-shell nav{flex-basis:100%;order:3;justify-content:flex-start}.tw-account{margin-left:auto}.tw-shell nav a{font-size:.8rem;padding:.55rem}.account-content .cards,.account-content .admin-grid{grid-template-columns:1fr}.tw-shell .brand-mark{width:32px;height:32px}.tw-brand strong{font-size:.9rem}}

/* Navigation 2026-09: one shared header, native disclosure menus. */
.tw-shell{flex-wrap:nowrap;gap:1rem;min-height:60px;isolation:isolate}
.tw-shell .tw-desktop-tools{display:flex;flex-wrap:nowrap;min-width:0}
.tw-shell .tw-mobile-tools{display:none}
.tw-shell .tw-account{display:block;margin-left:auto;flex-shrink:0}
.tw-menu{position:relative}.tw-menu>summary{cursor:pointer;padding:.7rem .55rem;min-height:44px;font:750 .85rem "Segoe UI",Arial,sans-serif;white-space:nowrap}
.tw-menu-panel{position:absolute;top:100%;right:0;min-width:190px;max-width:min(320px,calc(100vw - 24px));padding:.5rem;background:#fff;border:1px solid #a9bfd8;box-shadow:0 8px 20px #071b3326;z-index:50}
.tw-shell .tw-menu-panel{display:flex;flex-direction:column;gap:0;align-items:stretch}
.tw-shell .tw-menu-panel a,.tw-shell .tw-menu-panel button{display:block;padding:.75rem;text-align:left;width:100%;min-height:44px;text-decoration:none;color:#071b33;white-space:normal}
.tw-account-name{display:block;padding:.6rem .75rem;overflow-wrap:anywhere}
.tw-shell a:focus-visible,.tw-shell summary:focus-visible,.tw-shell button:focus-visible{outline:3px solid #e5b800;outline-offset:2px}
.tw-shell a[aria-current=page]{color:#0b63ce}.tw-shell .tw-menu-panel a[aria-current=page]{background:#eaf2f9}
@media(max-width:980px){.tw-shell{position:sticky;top:0;gap:.4rem;padding:.35rem 12px}.tw-shell .tw-desktop-tools{display:none}.tw-shell .tw-mobile-tools{display:block;margin-left:auto}.tw-shell .tw-account{margin-left:0}.tw-brand{gap:.35rem}.tw-brand strong{font-size:.85rem}.tw-shell .brand-mark{display:none}.tw-shell .tw-menu-panel{flex-basis:auto}.tw-mobile-tools .tw-menu-panel{right:-60px}.tw-menu>summary{font-size:.8rem}}