.app-nav-brand, .app-nav-icon { display:none; }
.topbar[data-shared-navigation] { flex-wrap:wrap; }
.topbar[data-shared-navigation]>.top-actions { flex-basis:100%; justify-content:flex-start; }
.app-page-actions { display:flex; align-items:center; gap:8px; margin-left:auto; flex-wrap:wrap; }
.app-account-actions { display:flex; align-items:center; gap:8px; min-width:0; max-width:100%; }
.app-account-actions .user-chip { min-width:0; max-width:320px; white-space:normal; overflow-wrap:anywhere; }
.app-account-actions .primary-btn { flex-shrink:0; }
.app-page-actions .primary-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; white-space:nowrap; }
.app-page-actions .app-nav-icon { display:inline-block; width:18px; height:18px; flex-shrink:0; }
.top-actions a { text-decoration:none; }
.top-actions>a.primary-btn { display:inline-flex; align-items:center; justify-content:center; }
.top-actions a[aria-current="page"], .top-actions .has-current-page>summary {
  color:var(--accent); border-color:var(--accent); background:var(--accent-soft);
}
.filter-toggles { display:contents; }
.app-appearance-control { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px; color:var(--muted); }
.app-appearance-control select { min-height:36px; border:1px solid var(--line); border-radius:5px; padding:6px 28px 6px 10px; color:var(--text); background:var(--surface); }
.app-appearance-status:empty { display:none; }
.app-appearance-status { font-size:12px; flex-basis:100%; line-height:1.45; }
.personal-appearance { padding:16px; border-bottom:1px solid var(--line); }
:root { --accent-hover:#246744; --accent-text:var(--accent); --accent-border:#c5dcd0; }
.primary-btn:hover, .save-btn:hover { background:var(--accent-hover); }
.my-appearance-card .personal-appearance { display:grid; gap:20px; border:0; }
.personal-accent-actions, .personal-accent-picker { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.personal-accent-picker { font-size:13px; }
.personal-accent-picker input[type="color"] { width:48px; height:40px; min-width:48px; padding:3px; border:1px solid var(--line); border-radius:6px; background:var(--surface); cursor:pointer; }
.personal-accent-picker output { min-width:74px; font-variant-numeric:tabular-nums; color:var(--muted); }
.accent-swatches { display:flex; gap:12px; flex-wrap:wrap; }
.accent-swatches button { width:36px; height:36px; flex:none; border:3px solid white; border-radius:50%; background:var(--swatch); box-shadow:0 0 0 1px var(--line); cursor:pointer; }
.accent-swatches button[aria-pressed="true"] { box-shadow:0 0 0 3px var(--text); }
.accent-swatches button:focus-visible { outline:2px solid var(--text); outline-offset:5px; }
.my-appearance-card .app-appearance-status { margin:0; }
.settings-window-layout { max-width:1240px; margin:0 auto; padding:18px 18px 32px; }
.settings-page { min-width:0; }
.settings-page .settings-form { overflow:visible; }
.settings-page .settings-section { border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.settings-page-save { position:sticky; bottom:0; display:flex; align-items:center; justify-content:flex-end; gap:16px; padding:14px 16px; border-top:1px solid var(--line); background:var(--surface); z-index:10; }
.settings-page-save .form-error { margin:0 auto 0 0; min-height:0; }
.settings-page-save .form-error.is-ok { color:var(--accent); }
#settingsPageStatus:empty { display:none; }
html[data-ui-skin="studio"] {
  --bg:#f4f6fa; --surface:#fff; --line:#dce3ef; --text:#25354b; --muted:#677892;
  --accent:#7153d7; --accent-soft:#eee9fc; --shadow:0 6px 20px rgba(29,43,66,.06);
  --accent-hover:#6044c2; --accent-text:#6044c2; --accent-border:#c9b8f3;
}
.app-studio { padding-left:230px; }
.app-studio .topbar { min-height:78px; padding:18px 28px; box-shadow:none; background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
.app-studio .topbar h1 { font-size:24px; overflow-wrap:anywhere; }
.app-studio .topbar p { font-size:13px; }
.app-studio .topbar .top-actions {
  position:fixed; inset:0 auto 0 0; width:230px; height:100vh; height:100dvh;
  display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; justify-content:flex-start;
  gap:5px; padding:20px 16px; background:#192537; color:#bcc9dc; border:0; border-radius:0;
  overflow-y:auto; overscroll-behavior:contain; box-shadow:none;
}
.app-studio .top-actions>* { flex-shrink:0; }
.app-studio .topbar[data-shared-navigation]>.top-actions { flex-basis:auto; }
.app-studio .app-nav-brand { display:flex; align-items:center; gap:10px; padding:4px 0 20px; color:#b09aff; text-decoration:none; font-size:22px; font-weight:750; }
.app-studio .app-nav-brand img { width:31px; height:36px; object-fit:contain; }
.app-studio .app-nav-brand b { color:white; }
.app-studio .app-nav-icon { display:inline-block; width:18px; height:18px; flex-shrink:0; }
.app-studio .top-actions :is(a.secondary-btn,button.secondary-btn,.top-dropdown summary,.icon-btn) {
  display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:40px; height:auto;
  padding:10px 12px; border:0; border-radius:6px; background:transparent; color:#bcc9dc;
  font-size:13px; font-weight:500; line-height:1.45; text-align:left; white-space:normal;
}
.app-studio .top-actions :is(a,button,summary):hover { background:#29374c; color:white; }
.app-studio .top-actions a[aria-current="page"], .app-studio .top-actions .primary-btn { background:var(--accent); color:white; }
.app-studio .top-actions .has-current-page>summary { background:#29374c; color:white; }
.app-studio .top-actions .primary-btn { display:flex; align-items:center; gap:10px; justify-content:flex-start; margin-top:6px; padding:10px 12px; min-height:42px; font-size:13px; }
.app-studio .top-actions .top-dropdown-menu { position:static; min-width:0; padding:4px 0 8px 18px; background:transparent; border:0; box-shadow:none; }
.app-studio .top-actions .top-dropdown-menu :is(a,button) { color:#bcc9dc; font-size:12px; white-space:normal; }
.app-studio .top-actions .top-dropdown-menu :is(a,button):hover { color:white; background:#29374c; }
.app-studio .top-actions .top-dropdown summary::after { margin-left:auto; color:#bcc9dc; }
.app-studio .top-actions .user-chip { order:90; margin-top:16px; padding:16px 8px 8px; border:0; border-top:1px solid #3b4658; border-radius:0; background:transparent; color:#bcc9dc; font-size:12px; white-space:normal; overflow-wrap:anywhere; }
.app-studio .top-actions .app-appearance-control { order:91; color:#bcc9dc; padding:6px 8px; }
.app-studio .top-actions .app-appearance-control select { width:100%; background:#24344b; color:white; border-color:#52617a; }
.app-studio .top-actions #logoutBtn { order:92; }
.app-studio .top-actions::before { display:none; }
.app-studio :is(.primary-btn,.secondary-btn,.icon-btn,input,select,textarea) { border-radius:6px; }
.app-studio .primary-btn { background:var(--accent); border-color:var(--accent); }
.app-studio .primary-btn:hover { background:var(--accent-hover); }
.app-studio input[type="checkbox"] { accent-color:var(--accent); }
.app-studio :is(.page-card,.detail-window-card,.client-window-card) { box-shadow:none; border:0; border-radius:0; background:transparent; }
.app-studio .section-head { background:transparent; border-color:var(--line); padding-block:18px; }
.app-studio .section-head h2 { font-size:18px; }
.app-studio :is(.detail-section,.user-detail-section) { border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.app-studio :is(.table-wrap,.detail-section-body,.user-detail-form-grid) { background:var(--surface); }
.app-studio table th { background:#edf1f7; color:#65758e; }
.app-studio :is(.metric,.phase-card,.summary-card) { border-color:var(--line); border-radius:8px; box-shadow:none; }
.app-studio :is(.metric,.alert-metric,.field,.step) { background:#fff; }
.app-studio .detail-window-layout { max-width:1260px; }
.app-studio .detail-section .section-subhead { background:#edf1f7; }
.app-studio :is(.detail-tabs button.active,.detail-tab-dropdown.active summary,.detail-more-tab-menu button.active) { background:var(--accent-soft); border-color:var(--accent-border); color:var(--accent-text); }
.app-studio :is(.filters,.board) { border-color:var(--line); }
.app-studio .filters { display:flex; flex-wrap:wrap; }
.app-studio .filters>input { flex:2 1 260px; min-width:180px; }
.app-studio .filters>select { flex:1 1 175px; min-width:150px; }
.app-studio .filter-check { flex:0 0 auto; }
.app-studio .filter-toggles { display:flex; flex:1 0 100%; flex-wrap:wrap; gap:10px; }
.app-studio .filter-check input { min-height:16px; }
.app-studio .filter-check:has(input:checked) { color:var(--accent-text); background:var(--accent-soft); border-color:var(--accent-border); }
.app-studio .detail { box-shadow:none; }
.app-studio .topbar .mobile-menu-btn { display:none; }
@media(max-width:900px) {
  .app-studio { padding-left:0; }
  .app-studio .topbar { padding:14px 16px; min-height:72px; flex-direction:row; align-items:center; }
  .app-studio .topbar>div:first-child { min-width:0; }
  .app-studio .topbar h1 { max-width:calc(100vw - 100px); white-space:normal; font-size:21px; }
  .app-studio .topbar .mobile-menu-btn { display:inline-grid; place-items:center; margin-left:auto; flex-shrink:0; }
  .app-studio .topbar .top-actions { display:none; position:absolute; inset:calc(100% + 4px) 12px auto 12px; width:auto; height:auto; max-height:calc(100dvh - 100px); border-radius:8px; padding:14px; opacity:1; pointer-events:auto; }
  .app-studio.mobile-nav-open .topbar .top-actions { display:flex; }
  .app-studio .app-nav-brand { padding-bottom:12px; }
  .topbar[data-shared-navigation]>.app-page-actions { order:4; width:100%; justify-content:flex-end; }
  .topbar[data-shared-navigation]>.top-actions { max-height:calc(100dvh - var(--app-header-height, 140px) - 20px); }
}
@media(max-width:640px) {
  .settings-window-layout { padding:12px 10px 24px; }
  .settings-page-save { flex-wrap:wrap; }
}
@media print {
  html[data-ui-skin="studio"] { --bg:white; --text:#1d241d; --muted:#667062; --line:#d9ded5; --accent:#2f7d57; --accent-soft:#dceee4; }
  .app-studio { padding-left:0; }
  .app-nav-brand,.app-appearance-control,.app-appearance-status,.app-page-actions { display:none!important; }
}