/* BabySmile 08: shared surfaces and 4 account-specific palettes, light or night. */
:root {
  /* These are user content colours, kept stable in exported board images. */
  --board-yellow:#f5df8f;--board-rose:#f4cdd4;--board-blue:#c9e0f8;--board-green:#d6e8bd;--board-purple:#e0d1f0;
  --board-ink-bg:#332d3d;--board-text:#292531;--board-on-ink:#fff;--board-edge:#92829f;
  --accent-light:#4a2d5c;--accent-hover-light:#3b214b;--accent-dark:#dbbaf2;--accent-hover-dark:#ebd5fb;
  --tint-light:#eee5f5;--tint-dark:#382b44;--accent-line-light:#bd9fcd;--accent-line-dark:#8c6fa0;
  --canvas-light:#f6f3fa;--canvas-dark:#17141d;--sidebar-light:#f2eef7;--sidebar-dark:#1c1823;
  --surface-dark:#231e2c;--raised-dark:#2c2536;
  --ui-bg:var(--canvas-light);--ui-surface:#fff;--ui-surface-2:#f5f2f8;--ui-sidebar:var(--sidebar-light);
  --ui-ink:#271b33;--ui-ink-rgb:39 27 51;--ui-muted:#65586f;--ui-line:#e1d9e8;--ui-input-line:#8a7a98;
  --ui-primary:var(--accent-light);--ui-primary-hover:var(--accent-hover-light);--ui-primary-soft:var(--tint-light);
  --ui-primary-line:var(--accent-line-light);--ui-on-accent:#fff;--ui-shadow-rgb:39 27 51;
  --ui-danger:#ac2c42;--ui-danger-soft:#fff0f3;--ui-danger-line:#cf9aa5;
  --ui-success:#1d694d;--ui-success-soft:#e4f4ed;--ui-success-line:#8dbda8;
  --ui-warning:#794700;--ui-warning-soft:#fff0d6;--ui-warning-line:#c9ab79;
  --brand-coral:#e24f5b;--radius:14px;--sidebar:238px;--native-scheme:light;
  --bg:var(--ui-bg);--panel:var(--ui-surface);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);
  --navy:var(--ui-primary);--navy-deep:var(--ui-primary-hover);--teal:var(--ui-primary);--teal-dark:var(--ui-primary-hover);--blue:var(--ui-primary);
  --shadow:0 3px 18px rgb(var(--ui-shadow-rgb) / .025);
  color-scheme:var(--native-scheme);
}
:root[data-scheme="ocean"] {
  --accent-light:#245587;--accent-hover-light:#173f68;--accent-dark:#b0d0fb;--accent-hover-dark:#d3e4ff;
  --tint-light:#e5eef9;--tint-dark:#25364d;--accent-line-light:#91b3d5;--accent-line-dark:#6187ad;
  --canvas-light:#f2f6fb;--canvas-dark:#131b25;--sidebar-light:#eaf0f8;--sidebar-dark:#17212e;--surface-dark:#1d2938;--raised-dark:#253449;
}
:root[data-scheme="sage"] {
  --accent-light:#245e4c;--accent-hover-light:#164737;--accent-dark:#abe0c5;--accent-hover-dark:#d2f1e1;
  --tint-light:#e3f0e9;--tint-dark:#263f34;--accent-line-light:#92b9a6;--accent-line-dark:#648f79;
  --canvas-light:#f2f7f3;--canvas-dark:#131c18;--sidebar-light:#eaf2ec;--sidebar-dark:#17231c;--surface-dark:#202d25;--raised-dark:#293b30;
}
:root[data-scheme="graphite"] {
  --accent-light:#37495d;--accent-hover-light:#25364a;--accent-dark:#ccd7e6;--accent-hover-dark:#e6edf7;
  --tint-light:#e8edf3;--tint-dark:#333e4e;--accent-line-light:#a3b0c0;--accent-line-dark:#7e8a9d;
  --canvas-light:#f3f5f8;--canvas-dark:#171b21;--sidebar-light:#eceff4;--sidebar-dark:#1c222b;--surface-dark:#242c37;--raised-dark:#2d3745;
}
:root[data-mode="dark"],:root[data-theme="dark"] {
  --ui-bg:var(--canvas-dark);--ui-surface:var(--surface-dark);--ui-surface-2:var(--raised-dark);--ui-sidebar:var(--sidebar-dark);
  --ui-ink:#f4edf8;--ui-ink-rgb:244 237 248;--ui-muted:#c0b3cb;--ui-line:#4c4158;--ui-input-line:#92849f;
  --ui-primary:var(--accent-dark);--ui-primary-hover:var(--accent-hover-dark);--ui-primary-soft:var(--tint-dark);--ui-primary-line:var(--accent-line-dark);
  --ui-on-accent:#19151f;--ui-shadow-rgb:0 0 0;--ui-danger:#ffb0bf;--ui-danger-soft:#42232e;--ui-danger-line:#a36173;
  --ui-success:#a4e4c3;--ui-success-soft:#1d392c;--ui-success-line:#609d7c;--ui-warning:#f6d08d;--ui-warning-soft:#3d301c;--ui-warning-line:#ab8955;
  --brand-coral:#ff8792;--native-scheme:dark;
}
@media(prefers-color-scheme:dark) {
  :root[data-mode="system"] {
    --ui-bg:var(--canvas-dark);--ui-surface:var(--surface-dark);--ui-surface-2:var(--raised-dark);--ui-sidebar:var(--sidebar-dark);
    --ui-ink:#f4edf8;--ui-ink-rgb:244 237 248;--ui-muted:#c0b3cb;--ui-line:#4c4158;--ui-input-line:#92849f;
    --ui-primary:var(--accent-dark);--ui-primary-hover:var(--accent-hover-dark);--ui-primary-soft:var(--tint-dark);--ui-primary-line:var(--accent-line-dark);
    --ui-on-accent:#19151f;--ui-shadow-rgb:0 0 0;--ui-danger:#ffb0bf;--ui-danger-soft:#42232e;--ui-danger-line:#a36173;
    --ui-success:#a4e4c3;--ui-success-soft:#1d392c;--ui-success-line:#609d7c;--ui-warning:#f6d08d;--ui-warning-soft:#3d301c;--ui-warning-line:#ab8955;
    --brand-coral:#ff8792;--native-scheme:dark;
  }
}
/* Application chrome: the same brand, navigation and surfaces in every section. */
body{font-size:15px;background:var(--ui-bg);color:var(--ui-ink)}
h1{font-size:30px;letter-spacing:-.7px}h2{font-size:20px}h3{font-size:16px}
:focus-visible{outline:3px solid var(--ui-primary);outline-offset:3px}
input,select,textarea{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-input-line);accent-color:var(--ui-primary)}
input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:1}
input:disabled,select:disabled,textarea:disabled{color:var(--ui-muted);background:var(--ui-surface-2);opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--ui-primary)}
.field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.field select,.field textarea,.stack-form>input:not([type=hidden]),.chat-compose textarea,.chat-rooms input{border-color:var(--ui-input-line)}
button{color:var(--ui-ink)}
.button{font-size:14px;min-height:44px;border-radius:9px}
.button.primary{background:var(--ui-primary);color:var(--ui-on-accent);box-shadow:none}
.button.primary:hover{background:var(--ui-primary-hover);color:var(--ui-on-accent)}
.button.secondary{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-input-line)}
.button.secondary:hover{background:var(--ui-primary-soft);border-color:var(--ui-primary-line)}
.button.small{font-size:13px;min-height:36px}
.panel{border-color:var(--ui-line);box-shadow:var(--shadow)}
.sidebar{background:var(--ui-sidebar);color:var(--ui-ink);border-right:1px solid var(--ui-line);padding:23px 14px 0}
.brand,.brand:hover{color:var(--ui-ink);font-size:23px}
.brand small{color:var(--ui-muted);font-size:10px}
.brand-mark{width:36px;height:36px;background:none;box-shadow:none;border-radius:0}
.brand-mark:before,.brand-mark:after{display:none}
.brand-mark>svg{width:36px;height:36px;stroke:var(--brand-coral);stroke-width:2.8}
.sidebar .main-nav{padding-right:0;margin-top:20px;gap:2px}
.main-nav a{color:var(--ui-ink);font-size:13px;font-weight:550;min-height:40px;padding:10px 12px;border:1px solid transparent}
.main-nav a:hover{background:var(--ui-primary-soft);color:var(--ui-primary)}
.main-nav a.active{background:var(--ui-primary);color:var(--ui-on-accent);border-color:var(--ui-primary);padding:10px 12px;box-shadow:none}
.main-nav a.active:before{display:none}
.main-nav a svg{opacity:1}
.nav-group-label{color:var(--ui-muted);font-size:9px;letter-spacing:.1em;margin:15px 12px 4px}
.sidebar-bottom{padding-top:14px}
.account{border-top-color:var(--ui-line);padding:14px 0}
.sidebar .avatar,.avatar{background:var(--ui-primary-soft);color:var(--ui-primary);border-radius:50%}
.account-info strong{font-size:12px}.account-info small,.telegram-link,.telegram-link small,.logout{color:var(--ui-muted)}
.telegram-link{font-size:11px;padding:10px 8px 15px}.telegram-link:hover{color:var(--ui-primary)}
.telegram-link>svg{color:var(--ui-primary)}
.workspace-bar{position:relative;margin-left:var(--sidebar);min-height:66px;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}
.workspace-bar-title{font-size:13px;color:var(--ui-muted)}.workspace-bar-title strong{color:var(--ui-ink);font-weight:600}
.workspace-bar-actions{display:flex;align-items:center;gap:18px}
.workspace-bar-actions>a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ui-ink);min-height:36px}
.workspace-bar-actions>a:hover{color:var(--ui-primary)}
.workspace{padding:26px 30px 24px;max-width:2400px}
.page-header{margin-bottom:22px}.page-header p{color:var(--ui-muted);font-size:14px}
.breadcrumb,.breadcrumb a{color:var(--ui-muted)}
.stat-grid{gap:14px;margin-bottom:22px}
.stat-card{min-height:108px;padding:16px 18px;background:var(--ui-surface)}
.stat-card strong{font-size:28px}.stat-label{color:var(--ui-muted);font-size:13px}
.stat-note{font-size:11px}
.stat-card .stat-icon{width:34px;height:34px}
.ticket-table th{background:var(--ui-surface-2);font-size:12px;color:var(--ui-muted)}
.ticket-table td{font-size:13px;padding-top:17px;padding-bottom:17px}
.ticket-title strong{font-size:14px}.ticket-number,.ticket-meta{font-size:12px}
.queue-filters .search-field input{font-size:14px;min-height:44px;background:var(--ui-surface-2)}
.filter-row select{font-size:13px;min-height:40px}
.badge{font-size:12px}.message{border-radius:12px}.message-body{font-size:15px;line-height:1.65}
.message.internal{background:var(--ui-warning-soft);border-color:var(--ui-warning-line)}
.message.internal .message-body{color:var(--ui-ink)}
.message.internal .internal-label{color:var(--ui-warning)}
.form-panel label,.field>label{font-size:14px}.help-text{font-size:13px;color:var(--ui-muted)}
.form-panel input,.form-panel textarea,.form-panel select{font-size:15px}
.section-eyebrow{display:block;color:var(--ui-muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:7px}
.bottom-navigation{display:none}
.wh-app .wh-nav{display:none!important}
.wh-overview-stats{gap:12px;margin-bottom:20px}
.wh-overview-stat{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px;min-height:108px;background:var(--ui-primary-soft)}
.wh-overview-stat>div{min-width:0}.wh-overview-stat>div>span{display:block;font-size:12px;font-weight:550}.wh-overview-stat strong{display:block;font-size:28px;line-height:1.25;margin:5px 0}.wh-overview-stat strong em{font-size:16px;font-style:normal;color:var(--ui-muted)}
.wh-overview-stat small{font-size:10px;color:var(--ui-muted)}
.overview-stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:550;background:var(--ui-surface);color:var(--ui-primary)}
.wh-overview-stat:nth-child(2){background:var(--ui-danger-soft)}.wh-overview-stat:nth-child(2) .overview-stat-icon{color:var(--ui-danger)}
.wh-overview-stat:nth-child(3){background:var(--ui-warning-soft)}.wh-overview-stat:nth-child(3) .overview-stat-icon{color:var(--ui-warning)}
.wh-overview-stat:nth-child(4){background:var(--ui-success-soft)}.wh-overview-stat:nth-child(4) .overview-stat-icon{color:var(--ui-success)}
.plum-overview{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:20px;align-items:start}
.plum-overview-main,.overview-context{display:flex;flex-direction:column;gap:20px;min-width:0}
.overview-context .wh-section{padding:20px}.overview-context h2{font-size:18px}.overview-context .wh-overview-heading{gap:8px}
.overview-context .wh-overview-heading>a{font-size:12px}
.overview-agenda{display:flex;gap:20px;padding:18px 20px;align-items:center;min-width:0}
.overview-agenda-title{flex:0 0 125px}.overview-agenda-title h2{font-size:16px;margin-bottom:5px}
.overview-agenda-title a{font-size:12px}.overview-agenda-items{display:flex;gap:20px;flex:1;min-width:0;overflow-x:auto}
.overview-event{display:flex;flex:1 0 170px;flex-direction:column;min-width:0;border-left:2px solid var(--ui-primary-line);padding:0 0 0 12px;color:var(--ui-ink)}
.overview-event time{font-size:12px;color:var(--ui-primary);margin-bottom:3px}.overview-event strong{font-size:13px}
.overview-event>span{font-size:11px;color:var(--ui-muted);overflow-wrap:anywhere}
.overview-empty-inline{font-size:13px;color:var(--ui-muted)}
.overview-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:start}
.overview-work-grid .wh-section{padding:20px}.overview-work-grid h2{font-size:18px}
.overview-work-grid .wh-overview-heading{gap:8px;flex-wrap:wrap}
.overview-work-grid .wh-overview-heading>a{font-size:12px}
.wh-overview-list strong{font-size:14px}.wh-overview-list small{font-size:12px}
.overview-plan progress{width:100%;height:7px;margin:4px 0 18px;accent-color:var(--ui-success);border:0;border-radius:5px;overflow:hidden}
.overview-plan progress::-webkit-progress-bar{background:var(--ui-line)}.overview-plan progress::-webkit-progress-value{background:var(--ui-success)}
.overview-plan ul{list-style:none;margin:0 0 18px;padding:0}.overview-plan li{display:flex;gap:9px;font-size:13px;padding:10px 0;border-bottom:1px solid var(--ui-line);overflow-wrap:anywhere}.overview-plan li a{color:var(--ui-ink)}
.overview-plan li.is-done{color:var(--ui-muted)}.overview-plan li.is-done>span:last-child{text-decoration:line-through}
.plan-check{color:var(--ui-primary);font-size:16px;flex:none}.overview-private{text-align:center;font-size:11px;margin:10px 0 0}
.overview-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.overview-project{display:flex;gap:12px;align-items:flex-start;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;padding:15px;color:var(--ui-ink);min-width:0}
.overview-project>div{min-width:0;flex:1}.overview-project strong{display:block;font-size:14px;overflow-wrap:anywhere}.overview-project small{display:block;font-size:11px;color:var(--ui-muted);margin:4px 0}
.project-monogram{width:38px;height:38px;border-radius:10px;background:var(--ui-primary-soft);color:var(--ui-primary);display:grid;place-items:center;font-size:20px;flex:none}
.overview-departments{display:flex;gap:4px;flex-wrap:wrap}.overview-departments>span{font-size:10px;color:var(--ui-primary);background:var(--ui-primary-soft);border-radius:5px;padding:2px 5px;overflow-wrap:anywhere}
.overview-conversations{list-style:none;margin:12px 0;padding:0}.overview-conversations li{padding:12px 0;border-bottom:1px solid var(--ui-line)}.overview-conversations li:last-child{border:0}
.overview-conversations a{display:flex;gap:10px;color:var(--ui-ink);min-width:0}.overview-conversations a>div{min-width:0;flex:1}
.overview-conversations strong{display:block;font-size:13px;overflow-wrap:anywhere}.overview-conversations small{color:var(--ui-muted);font-size:10px}
.overview-conversations p{font-size:12px;margin:5px 0 0;color:var(--ui-muted);overflow-wrap:anywhere}
.overview-support .wh-overview-links a{font-size:13px}.overview-support .help-text{margin-top:14px}
/* A focused entry screen; account creation still takes place through Telegram. */
.guest-layout .login-layout{display:block;width:min(560px,calc(100% - 32px));max-width:560px;min-height:0;margin:38px auto;background:none;box-shadow:none;border:0}
.login-layout .login-story{display:none}
.login-layout .login-panel{padding:0;display:block;background:none}
.login-layout .login-card{width:100%;max-width:none;background:var(--ui-surface);padding:30px;border:1px solid var(--ui-line);border-radius:18px;box-shadow:var(--shadow)}
.login-brand{display:flex;justify-content:center;margin-bottom:28px}
.login-card .brand{font-size:26px}.login-card .brand-mark{width:40px;height:40px}
.login-card h2{font-size:26px;line-height:1.25;letter-spacing:-.5px}
.login-card .mini-label{font-size:10px}.login-card .muted{font-size:14px}
.login-card .registration-preview{background:var(--ui-surface-2);padding:14px;border-color:var(--ui-line)}
.login-card .registration-preview>strong{font-size:12px}.login-card .registration-preview p{font-size:11px}
.login-card .profession-chips{gap:5px}.login-card .profession-chips span{font-size:10px}
/* Workspace components keep their original data/permission behavior. */
.wh-app{--wh-border:var(--ui-line);--wh-muted:var(--ui-muted);--wh-soft:var(--ui-surface-2)}
.wh-task-title{font-size:14px}.wh-column{background:var(--ui-surface-2);border-color:var(--ui-line)}
.wh-task-card{background:var(--ui-surface);border-radius:12px}
.wh-app[data-work-section=projects] .wh-task-card .wh-department-chips{display:none}
.wh-app[data-work-section=projects] .wh-task-card .wh-card-project{display:none}
.wh-task-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wh-calendar-legend>span:before{background:none;border:2px solid var(--ui-primary);border-radius:50%}
.wh-calendar-legend>span.is-event:before{background:var(--ui-success);border-color:var(--ui-success)}
.wh-filters input,.wh-filters select,.wh-form input,.wh-form select,.wh-form textarea{border-color:var(--ui-input-line);color:var(--ui-ink);background:var(--ui-surface)}
.wh-note-editor,.wh-notes-list,.wh-calendar{background:var(--ui-surface)}
.chat-app{--chat-ink:var(--ui-ink);--chat-muted:var(--ui-muted);--chat-line:var(--ui-line);--chat-blue:var(--ui-primary)}
.chat-layout{border-radius:14px;box-shadow:var(--shadow);height:calc(100dvh - 214px);min-height:460px}
.chat-rooms{background:var(--ui-sidebar)}
.chat-thread,.chat-compose,.chat-search-panel{background:var(--ui-surface)}
.chat-compose textarea,.chat-app input,.chat-dialog input,.chat-dialog textarea,.chat-dialog select{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-input-line)}
.chat-room.active{background:var(--ui-primary-soft);color:var(--ui-primary)}
.chat-dialog{background:var(--ui-surface);color:var(--ui-ink)}
.org-card{background:var(--ui-surface);border-radius:14px}
/* Account preferences: native radios also work when JavaScript is unavailable. */
.appearance-panel{padding:26px;margin-top:24px;scroll-margin-top:24px}
.profile-sections{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.profile-sections a{font-size:14px;padding:10px 15px;min-height:44px;border-radius:8px;background:var(--ui-primary-soft);color:var(--ui-primary);font-weight:600}
#profile-data{scroll-margin-top:85px}
.appearance-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}
.appearance-heading h2{font-size:24px;margin:0 0 8px}
.appearance-heading p{color:var(--ui-muted);margin:0;max-width:750px}
.appearance-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--ui-primary-soft);color:var(--ui-primary);font-size:30px;flex-shrink:0}
.appearance-panel fieldset{border:0;margin:0 0 24px;padding:0;min-width:0}
.appearance-panel legend{font-size:14px;font-weight:650;margin-bottom:12px}
.appearance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.appearance-option{position:relative;border:2px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;min-width:0}
.appearance-option:has(input:checked){border-color:var(--ui-primary);background:var(--ui-primary-soft)}
.appearance-option input,.mode-option input{width:18px!important;height:18px;min-height:0;margin:0;flex:none}
.appearance-option-label{display:flex;flex-direction:column;gap:9px;font-size:14px;min-width:0}
.scheme-swatch{display:flex;gap:4px}.scheme-swatch i{display:block;height:22px;width:22px;border-radius:50%;border:1px solid rgb(0 0 0 / .12)}
.appearance-option[data-swatch=plum] .scheme-swatch i:nth-child(1){background:#4a2d5c}.appearance-option[data-swatch=plum] .scheme-swatch i:nth-child(2){background:#bb91d2}.appearance-option[data-swatch=plum] .scheme-swatch i:nth-child(3){background:#eee5f5}
.appearance-option[data-swatch=ocean] .scheme-swatch i:nth-child(1){background:#245587}.appearance-option[data-swatch=ocean] .scheme-swatch i:nth-child(2){background:#86b5e5}.appearance-option[data-swatch=ocean] .scheme-swatch i:nth-child(3){background:#e5eef9}
.appearance-option[data-swatch=sage] .scheme-swatch i:nth-child(1){background:#245e4c}.appearance-option[data-swatch=sage] .scheme-swatch i:nth-child(2){background:#85b59c}.appearance-option[data-swatch=sage] .scheme-swatch i:nth-child(3){background:#e3f0e9}
.appearance-option[data-swatch=graphite] .scheme-swatch i:nth-child(1){background:#37495d}.appearance-option[data-swatch=graphite] .scheme-swatch i:nth-child(2){background:#9daabd}.appearance-option[data-swatch=graphite] .scheme-swatch i:nth-child(3){background:#e8edf3}
.mode-options{display:flex;gap:12px;flex-wrap:wrap}.mode-option{display:flex;align-items:center;gap:10px;border:1px solid var(--ui-input-line);border-radius:9px;padding:12px 16px;cursor:pointer;font-size:14px;min-height:46px}
.mode-option:has(input:checked){background:var(--ui-primary-soft);border-color:var(--ui-primary)}
.appearance-panel .form-actions{flex-wrap:wrap;align-items:center;gap:12px}
[hidden]{display:none!important}
@media(min-width:761px) and (max-height:800px){.sidebar{padding-top:18px}.sidebar .main-nav{margin-top:12px;gap:0}.main-nav a,.main-nav a.active{min-height:34px;padding:7px 10px}.nav-group-label{margin-top:10px}.sidebar-bottom{padding-top:5px}.account{padding:10px 0}.telegram-link{padding:8px}}
@media(max-width:1100px){.workspace{padding-left:22px;padding-right:22px}.workspace-bar{padding-left:22px;padding-right:22px}.workspace-bar-title{display:none}.workspace-bar-actions{margin-left:auto}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1350px){.overview-work-grid{grid-template-columns:minmax(0,1fr)}.overview-plan ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.overview-plan .button{max-width:240px}.wh-overview-stat{gap:9px}.overview-stat-icon{width:32px;height:32px;flex-basis:32px;font-size:22px}}
@media(max-width:1100px) and (min-width:761px){.plum-overview{grid-template-columns:minmax(0,1fr)}.overview-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wh-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  body{font-size:15px}.workspace-bar{display:none}.workspace{margin-left:0;padding:18px 15px 104px;max-width:none}
  .sidebar{padding-top:20px}.mobile-header{position:sticky;top:0;background:var(--ui-surface);color:var(--ui-ink);border-bottom:1px solid var(--ui-line);height:66px;padding:12px 16px}
  .mobile-header .brand{color:var(--ui-ink)}.mobile-header .brand small{color:var(--ui-muted)}.mobile-header-actions{display:flex;align-items:center;gap:12px}
  .bottom-navigation{position:fixed;left:0;right:0;bottom:0;z-index:35;display:flex;align-items:stretch;justify-content:space-around;background:var(--ui-surface);border-top:1px solid var(--ui-line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .bottom-navigation>a,.bottom-navigation>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;flex:1;min-height:52px;min-width:0;padding:5px 2px;font-size:10px;line-height:1.2;background:none;border:0;border-radius:10px;color:var(--ui-muted);text-decoration:none}
  .bottom-navigation .active{background:var(--ui-primary-soft);color:var(--ui-primary);font-weight:650}
  .bottom-navigation svg{width:22px;height:22px}
  .menu-open .bottom-navigation{visibility:hidden}
  .page-header{align-items:flex-start;gap:12px}.page-header h1{font-size:25px}.page-header p{font-size:13px}
  .page-header .button{font-size:12px;white-space:normal}.button{min-height:44px}
  input,select,textarea,.form-panel input,.form-panel select,.form-panel textarea{font-size:16px}
  .appearance-panel{padding:18px;scroll-margin-top:84px}.appearance-heading{gap:10px}.appearance-heading h2{font-size:22px}.appearance-heading p{font-size:13px}
  .appearance-symbol{display:none}.appearance-options{gap:9px}.appearance-option{padding:12px 9px;gap:8px}.appearance-option-label{font-size:13px}
  .mode-options{gap:8px}.mode-option{padding:12px;flex:1 1 130px}
  .appearance-panel .form-actions .button{width:100%}
  .plum-overview,.overview-work-grid{display:flex;flex-direction:column;gap:16px}.plum-overview-main,.overview-context{width:100%;gap:16px}
  .wh-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wh-overview-stat{padding:12px;min-height:92px;gap:10px}
  .wh-overview-stat>div>span{font-size:12px}.wh-overview-stat strong{font-size:24px}.wh-overview-stat small{display:none}
  .overview-agenda{display:block;padding:16px}.overview-agenda-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.overview-agenda-title h2{margin:0}
  .overview-agenda-items{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.overview-event{flex-basis:auto}.overview-work-grid>.panel{width:100%;padding:17px}
  .overview-plan ul{display:block}.overview-plan .button{max-width:none}
  .overview-projects{grid-template-columns:minmax(0,1fr)}.overview-project{padding:12px}
  .guest-layout .login-layout{margin:20px auto;width:calc(100% - 24px)}.login-layout .login-card{padding:24px 20px}.login-brand{margin-bottom:22px}
  .chat-layout{height:calc(100dvh - 265px);min-height:360px}.chat-app.room-open .chat-page-heading{display:none}
  .chat-app.room-open .chat-layout{height:calc(100dvh - 165px);min-height:330px}
  .chat-compose textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}