/* Existing warm Studio brand, denser controls, restrained state transitions. */
#app.shell>.topbar,#app.shell.list-workspace>.topbar{grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;padding:12px 24px;gap:20px}
#app .topbar>.brand{min-width:155px}#app .brand strong{font-size:19px}
.workspace-switcher{display:flex;align-items:center;min-width:0;gap:4px;padding:4px;border:1px solid #e2d9cc;border-radius:14px;background:#f0e9df}
#app .workspace-switcher .nav{position:relative;isolation:isolate;inset:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;height:auto;max-height:none;min-width:0;padding:0;gap:2px;overflow-x:auto;overflow-y:hidden;transform:none;scrollbar-width:none;background:transparent;border:0;box-shadow:none}
#app .workspace-switcher .nav::-webkit-scrollbar{display:none}
#app .workspace-switcher .nav button,#app .workspace-switcher .nav a{position:relative;z-index:1;min-height:40px;width:auto;flex:none;margin:0;padding:9px 12px;border:0!important;border-radius:10px;background:transparent!important;color:#60584e!important;font-size:12px;box-shadow:none!important}
#app .workspace-switcher .nav button.active{background:transparent!important;color:#9e3211!important}
#app .workspace-switcher .nav button:hover,#app .workspace-switcher .nav a:hover{color:#242421!important;background:#fff9f280!important}
#app .workspace-switcher .nav svg{display:none}
.nav-selection{position:absolute;top:0;left:0;z-index:0;background:#fffdf9;border-radius:10px;box-shadow:0 2px 5px #59432b18;pointer-events:none;transition:transform .22s ease,width .22s ease,height .22s ease}
#app .nav-step{flex:none;display:grid;place-items:center;width:28px;height:38px;min-height:38px;padding:0;border:0;border-radius:8px;background:#fff9f0;color:#705f4b;font-size:22px;box-shadow:none}
#app .nav-step[hidden]{display:none}#app .nav-step:disabled{opacity:.3;cursor:default}
#app .workspace-switcher.expanded .nav{grid-column:1;grid-row:1;flex-wrap:wrap;overflow:hidden}
.workspace-switcher.expanded{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start}
#app .workspace-switcher.expanded #navPrevious,#app .workspace-switcher.expanded #navNext{display:none!important}
.workspace-switcher.expanded #navExpand{grid-column:2;grid-row:1}
.workspace-switcher.expanded .nav-selection{display:none}
#app .workspace-switcher.expanded .nav button.active{background:#fffdf9!important}
#app #mobileMenuBtn,#app .nav-head,#navOverlay{display:none!important}
#workspaceNotices{position:fixed;inset:18px 18px auto auto;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;margin:0;padding:0;border:0;background:transparent;color:#242421;z-index:2147483647;pointer-events:none}
#workspaceNotices::backdrop{background:transparent;pointer-events:none}
.workspace-notice{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) 28px;gap:12px;align-items:start;padding:17px 15px 18px;margin-bottom:10px;background:#fffdf9;border:1px solid #d9cebd;border-radius:14px;box-shadow:0 12px 32px #50341826;overflow:hidden;pointer-events:auto;animation:notice-enter .18s ease-out}
.notice-copy strong{font-size:14px;font-weight:750;line-height:1.5}.notice-copy p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#655d52;overflow-wrap:anywhere}
.workspace-notice[data-state=pending]{animation:none}
.notice-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf3eb;color:#1d7041;font-size:15px;font-weight:800}
.workspace-notice[data-state=error]{border-color:#dbaba3}.workspace-notice[data-state=error] .notice-icon{background:#fcece9;color:#ad3525}
.workspace-notice[data-state=pending] .notice-icon{border:2px solid #f1ded0;border-top-color:#ba411b;background:transparent;animation:request-spin .8s linear infinite}
.notice-close{display:grid;place-items:center;padding:0!important;width:28px;min-height:28px!important;height:28px;font:22px/1 system-ui!important;background:transparent!important;border:0!important;color:#655d52!important;box-shadow:none!important}
.notice-close[hidden]{display:none}.notice-progress{position:absolute;bottom:0;left:0;height:3px;background:#c54a20}
.workspace-notice[data-state=pending] .notice-progress{width:35%;animation:request-progress 1.6s ease-in-out infinite}
.workspace-notice[data-state=success] .notice-progress{width:100%;background:#298152;animation:notice-time 5.5s linear forwards;transform-origin:left}
[data-request-busy]{cursor:wait!important;opacity:.8!important}[data-request-busy]::before{content:'';display:inline-block;vertical-align:-2px;width:12px;height:12px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:request-spin .8s linear infinite}
#toast{display:none!important}
#page-credentials .accounts-table{min-width:1130px}#page-credentials .accounts-table th:nth-child(1){width:23%}#page-credentials .accounts-table th:nth-child(2){width:24%}#page-credentials .accounts-table th:nth-child(3){width:21%}#page-credentials .accounts-table th:nth-child(4){width:13%}#page-credentials .accounts-table th:nth-child(5){width:12%}#page-credentials .accounts-table th:nth-child(6){width:7%}
#page-credentials .account-secret{gap:8px;justify-content:flex-start}#page-credentials .account-secret-preview{flex:0 1 110px;font-size:14px;min-width:65px}
#page-credentials .account-secret-preview.cookie-ready{flex:0 0 auto;min-width:0;padding:7px 10px;border:1px solid #cfe0cd;border-radius:7px;background:#edf4ea;color:#24633d;font-size:14px;font-weight:700}
#page-credentials .account-secret-actions{display:inline-flex;gap:4px;flex:none}#page-credentials .account-icon{min-height:34px;font-size:12px;padding:6px 9px;border-color:#d9cebd;color:#624e37;border-radius:7px;background:#fffdf9}
#page-credentials .account-password-pair>small{font-size:10px;margin-bottom:6px;color:#746e64}
@keyframes request-spin{to{transform:rotate(360deg)}}@keyframes request-progress{0%{left:-35%}100%{left:100%}}@keyframes notice-time{to{transform:scaleX(0)}}@keyframes notice-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#app.shell>.topbar,#app.shell.list-workspace>.topbar{grid-template-columns:minmax(0,1fr) auto;padding:10px 14px;gap:10px}#app .topbar>.brand{grid-column:1;grid-row:1}#app .topbar>.account{grid-column:2;grid-row:1}#app .workspace-switcher{grid-column:1/-1;grid-row:2}#app .workspace-switcher .nav{width:100%}#app .topbar .account{gap:6px}#app .topbar .account>button{padding:7px 10px;min-height:34px;font-size:11px}#workspaceNotices{top:12px;right:12px}#app .workspace-switcher .nav button,#app .workspace-switcher .nav a{min-height:38px;padding:9px 11px}}
@media(max-width:360px){#app .brand small{display:none}#app .topbar>.brand{min-width:0}.studio-monogram{width:31px;height:31px}#app .brand strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nav-selection{transition:none}.workspace-notice,.notice-progress,.notice-icon,[data-request-busy]::before{animation:none!important}.workspace-notice[data-state=pending] .notice-progress{width:100%;opacity:.4}}