/* Surrounding application chrome only. Register geometry, typography and colors
   deliberately remain in the existing register stylesheets. */
@media screen {
  :is(.login-view,.startup-view,.sidebar,.desktop-toolbar,.register-context-menu,.register-context-submenu){
    --ui-canvas:var(--studio-canvas,#252a27);
    --ui-panel:var(--studio-panel,#2b312d);
    --ui-sidebar:var(--studio-sidebar,#252a27);
    --ui-hover:var(--studio-raised,#354038);
    --ui-edge:var(--studio-edge,#414b44);
    --ui-text:var(--studio-text,#eef3ef);
    --ui-muted:var(--studio-secondary,#a5b9ad);
    --ui-secondary:var(--studio-muted,#9caca1);
    --ui-disabled:var(--studio-muted,#9caca1);
    --ui-accent:var(--studio-accent,#8fceb1);
    --ui-on-accent:var(--studio-on-accent,#152b20);
    --ui-selected:var(--studio-selected,#354a3e);
    --ui-selected-text:var(--studio-selected-text,#e5f5eb);
    --ui-danger:var(--studio-danger,#f0a69e);
    --ui-shadow:var(--studio-shadow,0 8px 28px #0003,0 1px 4px #0003);
  }
  :where([data-theme="light"]) :is(.login-view,.startup-view,.sidebar,.desktop-toolbar,.register-context-menu,.register-context-submenu){
    --ui-canvas:var(--studio-canvas,#f1f3f0);
    --ui-panel:var(--studio-panel,#fafcf9);
    --ui-sidebar:var(--studio-sidebar,#f1f3f0);
    --ui-hover:var(--studio-raised,#e3eae4);
    --ui-edge:var(--studio-edge,#d7dfd8);
    --ui-text:var(--studio-text,#24322a);
    --ui-muted:var(--studio-secondary,#65746b);
    --ui-secondary:var(--studio-muted,#6a796f);
    --ui-disabled:var(--studio-muted,#6a796f);
    --ui-accent:var(--studio-accent,#2d6d54);
    --ui-on-accent:var(--studio-on-accent,#fff);
    --ui-selected:var(--studio-selected,#dfece4);
    --ui-selected-text:var(--studio-selected-text,#285a42);
    --ui-danger:var(--studio-danger,#ab3e35);
    --ui-shadow:var(--studio-shadow,0 8px 28px #293b3014,0 1px 4px #293b3012);
  }

  /* Google keeps its official button; the surrounding screen stays quiet. */
  .login-view{background:var(--ui-canvas);color:var(--ui-text);padding:32px 24px}
  .login-view .login-card{width:min(400px,100%);padding:32px;border:1px solid var(--ui-edge);border-radius:16px;background:var(--ui-panel);box-shadow:var(--ui-shadow)}
  .login-view .login-logo{width:44px;height:44px;margin:0 0 24px}
  .login-view .eyebrow{margin:0 0 12px;color:var(--ui-secondary);font-size:10px;line-height:16px;font-weight:600;letter-spacing:1.1px}
  .login-view .login-card h1{margin:0 0 12px;font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.65px}
  .login-view .login-copy{max-width:none;color:var(--ui-muted);font-size:14px;line-height:1.55}
  .login-view .login-divider{margin:24px 0;background:var(--ui-edge)}
  .login-view .google-signin{margin:0;min-height:44px}
  .login-view .login-card #login-status{margin-top:16px;font-size:12px;line-height:1.5}
  .login-view .login-footer{margin-top:20px;color:var(--ui-secondary);font-size:12px;line-height:1.5}
  .login-view .login-footer a{color:var(--ui-muted);text-underline-offset:3px}
  .login-view .login-wordmark{margin-top:24px;color:var(--ui-secondary);font-size:12px;line-height:1.5;text-align:center}
  .login-view :is(a,button):focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
  .startup-view{gap:16px;padding:24px;background:var(--ui-canvas);color:var(--ui-muted);font-size:13px;line-height:1.5;text-align:center}
  .startup-view .startup-recovery{font-size:12px;color:var(--ui-secondary)}
  .startup-view a:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}

  /* These changes stay inside the sidebar's existing outer bounds. */
  .sidebar{background:var(--ui-sidebar);border-color:var(--ui-edge);color:var(--ui-text)}
  .sidebar .sidebar-top{border-color:var(--ui-edge)}
  .sidebar .account-list{scrollbar-color:var(--ui-secondary) transparent}
  .sidebar .account-button{color:var(--ui-text)}
  .sidebar :is(.account-button,.all-accounts-button):hover{background:var(--ui-hover)}
  .sidebar :is(.account-button,.all-accounts-button):is([aria-current="true"],[aria-pressed="true"],.is-selected){background:var(--ui-selected);color:var(--ui-selected-text);box-shadow:none}
  .sidebar :is(.account-button,.all-accounts-button):focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}
  .sidebar :is(.account-group-heading,.account-group-label,.account-list h3){color:var(--ui-secondary);font-weight:500}
  .sidebar .sidebar-heading{color:var(--ui-muted)}
  .sidebar [data-sidebar-group-toggle]{color:var(--ui-muted)}
  .sidebar [data-sidebar-group-toggle]:hover{background:var(--ui-hover);color:var(--ui-text)}
  .sidebar .sidebar-total{border-color:var(--ui-edge);color:var(--ui-muted)}
  .sidebar .sidebar-total strong{color:var(--ui-text);font-weight:550}
  .sidebar .sidebar-empty{color:var(--ui-muted)}
  .sidebar .sidebar-footer .button{border:1px solid var(--ui-edge);border-radius:6px;background:transparent;color:var(--ui-text);font-weight:500}
  .sidebar .sidebar-footer .button:hover:not(:disabled){background:var(--ui-hover)}
  .sidebar .sidebar-footer .button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}
  .sidebar .sidebar-footer .review-downloads-button{color:var(--ui-accent)}
  .sidebar .connection-details{margin-top:12px;color:var(--ui-muted);font-size:11px;line-height:1.5}
  .sidebar .connection-details summary{padding:4px 0;font-size:11px;line-height:16px}
  .sidebar .connection-details summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px;border-radius:3px}
  .sidebar :is(.bank-status,.sidebar-note){margin-top:8px;color:var(--ui-secondary);font-size:11px;line-height:1.5}
  .sidebar .app-version{color:var(--ui-secondary);font-size:10px;line-height:16px;text-align:left}
  .sidebar .mobile-workspace-menu{border:1px solid var(--ui-edge);border-radius:8px;background:transparent;color:var(--ui-text)}
  .sidebar .mobile-workspace-menu:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}

  /* Keep the existing 44px application strip. */
  .desktop-toolbar{background:var(--ui-panel);border-color:var(--ui-edge);color:var(--ui-text)}
  .desktop-toolbar .desktop-menu-strip>button{border-radius:5px;color:var(--ui-text);font-weight:500}
  .desktop-toolbar .desktop-menu-strip>button:is(:hover,[aria-expanded="true"]){background:var(--ui-hover)}
  .desktop-toolbar .desktop-menu-strip>button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}
  .desktop-toolbar .session{color:var(--ui-secondary);font-size:11px}
  .desktop-toolbar .session .button{border-radius:5px;color:var(--ui-muted);font-size:11px;font-weight:500}
  .desktop-toolbar .session .button:hover{background:var(--ui-hover);color:var(--ui-text)}
  .desktop-toolbar .session .button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}

  /* Menu panels are separate overlays; no register row styles are changed. */
  :is(.register-context-menu,.register-context-submenu){padding:6px;border:1px solid var(--ui-edge);border-radius:9px;background:var(--ui-panel);color:var(--ui-text);box-shadow:var(--ui-shadow);scrollbar-color:var(--ui-secondary) transparent}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item{min-height:28px;padding:5px 10px;gap:16px;border-radius:5px;font-size:13px;font-weight:400;line-height:18px}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible,[aria-expanded="true"]){background:var(--ui-selected);color:var(--ui-selected-text)}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item:focus-visible{outline:1px solid var(--ui-accent);outline-offset:-1px}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item:is(:disabled,[aria-disabled="true"]){background:transparent;color:var(--ui-disabled);opacity:1}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item[aria-disabled="true"]:focus-visible{outline-color:var(--ui-disabled)}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item.danger:not(:disabled):not([aria-disabled="true"]){color:var(--ui-danger)}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item.danger:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible){background:color-mix(in srgb,var(--ui-danger) 12%,var(--ui-panel));color:var(--ui-danger)}
  :is(.register-context-menu,.register-context-submenu) .context-menu-hint{color:var(--ui-secondary);font-size:11px;font-weight:400;line-height:18px}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item .context-menu-hint{font-size:12px}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) .context-menu-hint{color:inherit}
  :is(.register-context-menu,.register-context-submenu) .context-menu-separator{margin:5px 8px;border-color:var(--ui-edge);opacity:1}
}

@media screen and (min-width:681px){
  /* Studio actions fit the original strip; labels respond to sidebar resizing. */
  .sidebar .sidebar-tools{container-name:sidebar-actions;gap:6px}
  .sidebar .sidebar-tool{width:34px;height:34px;min-height:34px;gap:5px;border:1px solid var(--ui-edge);border-radius:7px;background:var(--ui-panel);color:var(--ui-text);font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}
  .sidebar .sidebar-tool .app-icon{width:19px;height:19px}
  .sidebar .sidebar-tool:hover:not(:disabled){background:var(--ui-hover)}
  .sidebar .sidebar-tool:active:not(:disabled){background:var(--ui-selected)}
  .sidebar .sidebar-tool:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}
  .sidebar #toolbar-sync{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}
  .sidebar #toolbar-sync:hover:not(:disabled){background:color-mix(in srgb,var(--ui-accent) 90%,var(--ui-on-accent));border-color:transparent}
  .sidebar #toolbar-sync:active:not(:disabled){background:color-mix(in srgb,var(--ui-accent) 80%,var(--ui-on-accent))}
  .sidebar #toolbar-sync.is-syncing{box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 35%,transparent)}
  .sidebar :is(#sidebar-options,[data-sidebar-toggle]){width:28px;border-color:transparent;background:transparent;color:var(--ui-muted)}
  .sidebar #sidebar-options:is(:hover,[aria-expanded="true"]),.sidebar .sidebar-tool[data-sidebar-toggle]:hover{background:var(--ui-hover);color:var(--ui-text)}
  .sidebar .sidebar-tool[data-sidebar-toggle]{margin-left:auto}
  @container sidebar-actions (min-width:218px){
    .sidebar #toolbar-sync{flex:1;width:auto;padding:0 9px}
    .sidebar #add-account{width:68px;padding:0 8px}
    .sidebar .sidebar-tool-label{display:inline}
    .sidebar .sidebar-tool[data-sidebar-toggle]{margin-left:0}
  }
  .sidebar .all-accounts-button{width:calc(100% - 16px);height:32px;min-height:32px;margin:4px 8px;padding:6px 12px;border-radius:6px;color:var(--ui-text);font-size:12px;font-weight:500;line-height:20px}
  .sidebar .account-list{padding:0 8px 12px}
  .sidebar .account-button{height:28px;min-height:28px;padding:4px 8px 4px 20px;border-radius:6px;gap:8px;font-size:12px;line-height:20px}
  .sidebar .account-name{font-size:12px;font-weight:400;line-height:20px}
  .sidebar .account-balance{font-size:12px;line-height:20px}
  .sidebar .account-group{margin-bottom:8px}
  .sidebar :is(.account-group-heading,.account-group-label,.account-list h3){margin:8px 16px 4px;font-size:11px;line-height:16px}
  .sidebar .sidebar-footer{padding:12px}
  .sidebar .sidebar-footer .button{min-height:30px;padding:5px 8px;font-size:11px;line-height:18px}
  .sidebar .sidebar-total{padding-left:16px;padding-right:16px}
}

@media screen and (min-width:681px) and (pointer:coarse){
  .sidebar .sidebar-tool,.sidebar #toolbar-sync,.sidebar #add-account{flex:none;width:44px;height:44px;min-height:44px;padding:0}
  .sidebar .sidebar-tool-label{display:none}
  .sidebar .sidebar-tool[data-sidebar-toggle]{margin-left:auto}
  @container sidebar-actions (min-width:276px){
    .sidebar #toolbar-sync{flex:1;width:auto;padding:0 10px}
    .sidebar #add-account{width:76px;padding:0 10px}
    .sidebar .sidebar-tool-label{display:inline}
    .sidebar .sidebar-tool[data-sidebar-toggle]{margin-left:0}
  }
}

@media screen and (max-width:680px){
  .login-view{padding:24px 16px}
  .login-view .login-card{width:min(400px,100%);max-width:100%;padding:28px 24px;border-radius:14px}
  .login-view .login-card h1{font-size:27px}
  .login-view .login-wordmark{max-width:100%;margin-top:20px}
  :is(.register-context-menu,.register-context-submenu){padding:6px;border-radius:12px}
  :is(.register-context-menu,.register-context-submenu) .context-menu-item{min-height:44px;padding:11px 12px;font-size:14px;line-height:20px;gap:12px}
  :is(.register-context-menu,.register-context-submenu) .mobile-menu-reason{color:var(--ui-secondary);font-size:12px;line-height:18px}
}
@media screen and (pointer:coarse){
  :is(.register-context-menu,.register-context-submenu) .context-menu-item{min-height:44px}
}