/* A compact shared navigation for every workshop surface. */
.brandbar{padding:14px max(24px,calc((100vw - 1440px)/2));min-height:84px;gap:16px;background:#131923;color:#fff;display:flex;align-items:center;justify-content:space-between}
.brandbar .brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brandbar .brand strong{font-size:1rem;letter-spacing:.035em}.brandbar .brand small,.brandbar .brand>div>span{display:block;font-size:.875rem;color:#bac6d6}.brand-logo{width:52px;height:52px}
.portal-account-menu,.portal-menu{position:relative}.portal-account-menu summary,.portal-menu summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer}.portal-account-menu summary::-webkit-details-marker,.portal-menu summary::-webkit-details-marker{display:none}
.portal-account-menu summary{min-height:44px;padding:8px 12px;border:1px solid #465266;border-radius:8px;color:#fff;font-weight:600;font-size:.875rem}.portal-account-menu summary:focus-visible,.portal-menu summary:focus-visible{outline:3px solid #d52e40;outline-offset:3px}.account-initials{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d52e40;color:#fff;font-size:.75rem;font-weight:750}.menu-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 4px;flex-shrink:0}.portal-menu[open] .menu-chevron,.portal-account-menu[open] .menu-chevron{transform:rotate(225deg);margin-top:4px}
.portal-account-panel,.portal-menu-panel{position:absolute;z-index:60;top:calc(100% + 7px);width:272px;background:#fff;color:#172230;border:1px solid #d5deea;border-radius:10px;padding:8px;box-shadow:0 18px 46px #18233626}.portal-account-panel{right:0;width:245px}.portal-account-panel a,.portal-account-panel button,.portal-menu-panel a{display:block;width:100%;border:0;border-radius:5px;padding:10px 12px;color:#263649;background:transparent;text-align:left;font-size:.875rem;line-height:1.45;text-decoration:none;font-weight:500;white-space:normal}.portal-account-panel a:hover,.portal-account-panel button:hover,.portal-menu-panel a:hover{background:#edf2f8}.portal-account-panel button{margin-top:5px;border-top:1px solid #e0e7ef;color:#a62031;border-radius:0 0 5px 5px;cursor:pointer}.portal-account-panel .account-role{display:block;font-size:.75rem;color:#69788a;padding:8px 12px;border-bottom:1px solid #e0e7ef;margin-bottom:4px}
nav.portal-navigation{display:block;min-height:58px;padding:0 max(24px,calc((100vw - 1440px)/2));overflow:visible;background:#fff;border-bottom:1px solid #dce3eb}.portal-navigation-inner{display:flex;align-items:center;gap:10px;min-height:58px}.portal-menu summary{padding:17px 15px;font-size:.875rem;font-weight:650;color:#536279;border-bottom:3px solid transparent;min-height:58px}.portal-menu[data-active] summary{color:#162334;border-bottom-color:#d52e40;background:#fafbfd}.portal-menu[open] summary,.portal-menu summary:hover{color:#172230;background:#f1f5fa}.portal-menu-panel a{padding:11px 12px;border:0}.portal-menu-panel a[aria-current]{background:#fff0f2;color:#ad2032;border:0}.portal-menu-panel a[hidden]{display:none}#portal-nav-actions{margin-left:auto}#portal-nav-actions button{font-size:.875rem;min-height:40px;margin:0;background:#172334;border-radius:7px;padding:9px 14px}
.section-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:13px 18px;margin:16px 0 24px}.section-current{font-weight:700;color:#172230;font-size:1rem}.section-navigation .section-switch{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#657489;min-width:0}.section-switch select{min-width:230px;width:auto;margin:0;min-height:44px;font-size:.875rem;border-radius:7px;background:#f9fbfd;padding:10px 34px 10px 12px}.section-navigation a[hidden]{display:none}
.workspace{font-size:1rem}.workspace label,.workspace small,.workspace-foot,.tools-note{font-size:.875rem}.workspace-toolbar{align-items:center;margin:8px 0 20px}.workspace-toolbar h2{margin:0 auto 0 0;font-size:1.5rem;letter-spacing:-.025em}.workspace-toolbar input{min-height:44px}.workspace-toolbar button{min-height:44px}.workspace .workspace-card{border-radius:10px;border:1px solid #d9e2ed;box-shadow:0 4px 16px #182b4805}.workspace .workspace-card .status-badge{font-size:.875rem;background:#edf2f8;color:#41556e}.workspace .intro-note{max-width:760px;line-height:1.6;color:#5c6b7e;margin:12px 0 0;font-size:1rem}.workspace .workspace-foot{font-size:.875rem}.workspace .tools-panel{border-radius:11px}.workspace .tools-panel h2{font-size:1.375rem;letter-spacing:-.025em}.workspace .tools-panel>p{line-height:1.6}.workspace button,.workspace input,.workspace textarea,.workspace select{font-size:.875rem}.workspace .tools-panel .workspace-grid{gap:18px}.workspace .workspace-grid input,.workspace .workspace-grid select{min-height:44px}.workspace #tools-message:empty,.workspace #workspace-message:empty{display:none}
@media(max-width:700px){.workspace input,.workspace textarea,.workspace select{font-size:1rem}.brandbar{padding:13px 16px;min-height:76px}.brandbar .brand strong{font-size:.875rem}.brandbar .brand small{font-size:.75rem}.brand-logo{width:42px;height:42px}.portal-account-menu summary{padding:7px 9px}.account-name{display:none}nav.portal-navigation{padding:0 8px}.portal-navigation-inner{gap:0}.portal-menu{flex:1}.portal-menu summary{padding:15px 9px;justify-content:center;gap:5px;min-height:52px}.portal-menu-panel{left:0;max-width:calc(100vw - 24px);width:260px}.portal-menu:nth-child(n+3) .portal-menu-panel{right:0;left:auto}#portal-nav-actions{margin-left:5px}#portal-nav-actions button{padding:8px;font-size:.75rem}.section-navigation{padding:13px 14px;align-items:flex-start;flex-direction:column;gap:12px}.section-navigation .section-switch{width:100%;justify-content:space-between}.section-switch select{min-width:0;width:70%;max-width:100%}.workspace-toolbar h2{width:100%;margin-bottom:6px}.workspace .workspace-toolbar label{min-width:0;flex:1}.portal-navigation-inner:has(#compare-open){flex-wrap:wrap}#portal-nav-actions:has(#compare-open){width:100%;padding:0 8px 10px;text-align:right}.brandbar .header-actions{gap:8px}.workspace .workspace-card{padding:18px}}
@media(prefers-reduced-motion:no-preference){.portal-menu-panel,.portal-account-panel{animation:menu-in .12s ease-out}@keyframes menu-in{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}

@media(max-width:420px){.brandbar .brand{min-width:0}.brandbar .brand strong{display:block;max-width:150px}.portal-navigation-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-menu summary{min-height:46px;padding:12px 9px}.portal-menu:nth-child(odd) .portal-menu-panel{left:0;right:auto}.portal-menu:nth-child(even) .portal-menu-panel{right:0;left:auto}#portal-nav-actions:has(#compare-open){grid-column:1/-1;width:auto}}

.portal-search-open{background:#263448;border:1px solid #53657d;border-radius:8px;color:#eef2f9;padding:10px 14px;font:inherit;cursor:pointer;min-height:42px;margin-left:auto}.portal-search-dialog{background:#15202f;color:#edf2f9;border:1px solid #4b617d;border-radius:14px;padding:24px;width:650px;max-width:calc(100vw - 44px);max-height:80vh;box-sizing:border-box;font-size:1rem}.portal-search-dialog::backdrop{background:rgba(5,10,18,.8)}.portal-search-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.portal-search-header label{font-weight:700}.portal-search-header button{background:#293a50;color:white;border:1px solid #61738d;border-radius:6px;padding:8px 12px;font:inherit;cursor:pointer}.portal-search-dialog input{box-sizing:border-box;width:100%;background:#0e1724;color:#edf2f9;border:1px solid #526883;border-radius:8px;font:inherit;min-height:48px;padding:12px;margin:18px 0 8px}.portal-search-dialog h2{font-size:.875rem;color:#efbd6c;margin-top:22px}.portal-search-dialog a{display:block;padding:12px 8px;border-top:1px solid #32465f;text-decoration:none;color:#eef2f9}.portal-search-dialog a:hover{background:#22344c}.portal-search-dialog a span{display:block;color:#b7c5da;font-size:.875rem;margin-top:6px;overflow-wrap:anywhere}#portal-search-status{font-size:.875rem;color:#bfcee1}.portal-search-dialog :focus-visible{outline:3px solid #efb452;outline-offset:2px}@media(max-width:650px){.portal-search-open{width:100%;margin-top:10px}.portal-search-dialog{padding:18px}}