/* Synodia UI 2.0.0 — única fuente de color, tipografía y controles. */
:root {
  color-scheme: light;
  --synodia-notes-background: #fff9dc;
  --synodia-notes-hover: #fff2bd;
  --synodia-notes-text: #50451e;
  --synodia-blue: #4f70bd;
  --synodia-blue-hover: #3f5fa5;
  --synodia-blue-soft: #eaf0fb;
  --synodia-blue-border: #c4d2ee;
  --synodia-blue-surface: #233453;
  --synodia-blue-rgb: 79 112 189;
  --synodia-on-accent: #ffffff;
  --synodia-neutral-0: #ffffff;
  --synodia-neutral-50: #f8f9fb;
  --synodia-neutral-100: #f1f4f8;
  --synodia-neutral-200: #e1e6ef;
  --synodia-neutral-300: #cbd2dc;
  --synodia-neutral-400: #aab5c5;
  --synodia-neutral-500: #70798d;
  --synodia-neutral-600: #596579;
  --synodia-neutral-700: #424d5d;
  --synodia-neutral-800: #303a49;
  --synodia-neutral-850: #252e3a;
  --synodia-neutral-900: #19212b;
  --synodia-neutral-950: #10151d;
  --synodia-neutral-1000: #000000;
  --synodia-text: var(--synodia-neutral-950);
  --synodia-text-muted: var(--synodia-neutral-600);
  --synodia-canvas: var(--synodia-neutral-100);
  --synodia-panel: var(--synodia-neutral-0);
  --synodia-border: var(--synodia-neutral-200);
  --synodia-control: var(--synodia-neutral-50);
  --synodia-shadow-rgb: 16 21 29;
  --synodia-success: #23734f;
  --synodia-success-soft: #eaf5ef;
  --synodia-success-border: #b8d9c5;
  --synodia-success-surface: #1c352a;
  --synodia-success-rgb: 35 115 79;
  --synodia-warning: #946019;
  --synodia-warning-soft: #fff5df;
  --synodia-warning-border: #e6d1a4;
  --synodia-warning-surface: #332b1d;
  --synodia-warning-rgb: 148 96 25;
  --synodia-danger: #b43c37;
  --synodia-danger-soft: #fff0ee;
  --synodia-danger-border: #e7bab7;
  --synodia-danger-surface: #45272a;
  --synodia-danger-rgb: 180 60 55;
  --synodia-button-height: 28px;
  --synodia-button-radius: 0;
  --synodia-button-padding: 7px;
  --synodia-font: "DM Sans Variable", "DM Sans", ui-sans-serif, system-ui, sans-serif;
  --synodia-font-min: 14px;
  --synodia-font-size: var(--synodia-font-min);
  --synodia-font-weight: 520;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --synodia-blue: #6f95ed;
  --synodia-blue-hover: #86a7f0;
  --synodia-blue-soft: #233453;
  --synodia-blue-border: #415b8a;
  --synodia-blue-rgb: 111 149 237;
  --synodia-on-accent: var(--synodia-neutral-950);
  --synodia-text: var(--synodia-neutral-100);
  --synodia-text-muted: var(--synodia-neutral-400);
  --synodia-canvas: var(--synodia-neutral-950);
  --synodia-panel: var(--synodia-neutral-900);
  --synodia-border: var(--synodia-neutral-800);
  --synodia-control: var(--synodia-neutral-850);
  --synodia-success: #87d7ab;
  --synodia-success-soft: var(--synodia-success-surface);
  --synodia-success-border: #38634f;
  --synodia-warning: #e4bc70;
  --synodia-warning-soft: var(--synodia-warning-surface);
  --synodia-warning-border: #71603d;
  --synodia-danger: #ffb7b2;
  --synodia-danger-soft: var(--synodia-danger-surface);
  --synodia-danger-border: #734343;
}
.synodia-button {
  min-height: var(--synodia-button-height);
  padding: 0 var(--synodia-button-padding);
  border: 0;
  border-radius: var(--synodia-button-radius);
  font: var(--synodia-font-weight) var(--synodia-font-size) var(--synodia-font);
  background: var(--synodia-blue);
  color: var(--synodia-on-accent);
}
.synodia-button:hover { background: var(--synodia-blue-hover); }
.synodia-button:focus-visible { outline: 2px solid var(--synodia-blue); outline-offset: 3px; }
.synodia-button:disabled { opacity: .5; cursor: not-allowed; }

/* Tamaño mínimo común: conserva la jerarquía de títulos y el zoom del navegador. */
body { font-size: var(--synodia-font-min); }
small, .text-xs, .text-sm { font-size: var(--synodia-font-min); line-height: 1.5; }


.support-panel { position:fixed; inset:auto 20px 20px auto; width:min(440px,calc(100vw - 24px)); height:min(650px,calc(100dvh - 32px)); z-index:220; background:var(--synodia-panel); color:var(--synodia-text); border:1px solid var(--synodia-border); box-shadow:0 12px 50px rgb(var(--synodia-shadow-rgb) / .2); display:flex; flex-direction:column; font-size:14px; }
.support-panel[hidden] { display:none; }
.support-panel header,.support-panel footer { padding:14px; flex-shrink:0; }
.support-panel header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--synodia-border); }
.support-panel h2 { margin:0; font-size:17px; }
.support-panel button { cursor:pointer; min-height:34px; background:var(--synodia-control); color:var(--synodia-text); border:1px solid var(--synodia-border); padding:6px 10px; }
.support-panel button:focus-visible,.support-panel textarea:focus-visible { outline:2px solid var(--synodia-blue); outline-offset:2px; }
.support-messages { overflow:auto; padding:14px; flex:1; min-height:0; }
.support-message { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.55; margin:0 0 14px; padding:10px; background:var(--synodia-control); }
.support-message[data-role=user] { background:var(--synodia-blue-soft); }
.support-panel form { padding:0 14px; }
.support-panel textarea { box-sizing:border-box; width:100%; resize:vertical; max-height:120px; min-height:66px; padding:8px; background:var(--synodia-panel); color:var(--synodia-text); border:1px solid var(--synodia-border); font:inherit; }
.support-actions { display:flex; gap:8px; justify-content:space-between; margin-top:8px; }
.support-panel footer { border-top:1px solid var(--synodia-border); margin-top:12px; }
.support-panel a { color:var(--synodia-blue); }
.support-panel small { display:block; color:var(--synodia-text-muted); font-size:12px; }
.support-error { color:var(--synodia-danger); margin:8px 0; }
@media(max-width:600px) { .support-panel { right:12px; bottom:12px; height:calc(100dvh - 24px); } }


.nav-button[data-view="mentor"] { font-weight:750; margin-top:8px; border-top:1px solid var(--synodia-border); }
.nav-button[data-view="mentor"] svg { stroke-width:2.8; }
.mentor-highlight { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:20px; margin:0 0 22px; border:1px solid var(--synodia-blue-border); border-left:4px solid var(--synodia-blue); background:var(--synodia-blue-soft); color:var(--synodia-text); }
.mentor-highlight[hidden] { display:none; }
.mentor-highlight h2 { font-size:18px; margin:5px 0; }
.mentor-highlight p { margin:0; line-height:1.5; }
.mentor-eyebrow { color:var(--synodia-blue); font-size:13px; font-weight:750; }
.mentor-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px; }
.mentor-head h1 { margin:4px 0 8px; }
.mentor-head p { max-width:700px; line-height:1.6; margin:0; color:var(--synodia-text-muted); }
.mentor-controls { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.mentor-button { min-height:34px; padding:7px 12px; border:1px solid var(--synodia-border); background:var(--synodia-panel); color:var(--synodia-text); font:inherit; cursor:pointer; }
.mentor-button.primary { border-color:var(--synodia-blue); background:var(--synodia-blue); color:var(--synodia-on-accent); }
.mentor-button:disabled { opacity:.6; cursor:wait; }
.mentor-button:focus-visible { outline:2px solid var(--synodia-blue); outline-offset:3px; }
.mentor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mentor-card { background:var(--synodia-panel); border:1px solid var(--synodia-border); padding:20px; min-width:0; }
.mentor-card:first-child { grid-column:1/-1; border-left:4px solid var(--synodia-blue); }
.mentor-card h2 { margin:8px 0 12px; font-size:19px; line-height:1.4; }
.mentor-card p { line-height:1.6; margin:8px 0; overflow-wrap:anywhere; }
.mentor-card .mentor-evidence { color:var(--synodia-text-muted); }
.mentor-cases { margin-top:15px; border-top:1px solid var(--synodia-border); padding-top:12px; }
.mentor-cases summary { cursor:pointer; font-weight:650; }
.mentor-case { display:block; width:100%; text-align:left; margin-top:8px; }
.mentor-case span { display:block; color:var(--synodia-text-muted); overflow-wrap:anywhere; }
.mentor-count { font-weight:750; color:var(--synodia-blue); }
.mentor-note { padding:14px 0; font-size:14px; line-height:1.6; color:var(--synodia-text-muted); }
.mentor-status { padding:18px; border:1px solid var(--synodia-border); background:var(--synodia-panel); line-height:1.6; }
.mentor-ai { margin:20px 0; border:1px solid var(--synodia-blue-border); background:var(--synodia-blue-soft); padding:18px; }
.mentor-ai[hidden] { display:none; }
.mentor-ai p { white-space:pre-wrap; line-height:1.6; }
.mentor-reasons { padding-left:20px; line-height:1.7; }
@media(max-width:700px) { .mentor-grid { grid-template-columns:1fr; } .mentor-highlight,.mentor-head { flex-direction:column; align-items:stretch; gap:12px; } .mentor-card { padding:16px; } .mentor-highlight { padding:16px; } }


.nav-button[data-view="notifications"]{margin-top:8px;border-top:1px solid var(--synodia-border)}
.nav-button[data-view="mentor"]{margin-top:0;border-top:0}
.notif-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;border:1px solid var(--synodia-border);background:var(--synodia-panel);color:var(--synodia-text);cursor:pointer;border-radius:9px;flex-shrink:0}
.notif-trigger svg{width:19px;height:19px}.notif-badge{background:var(--synodia-blue);color:var(--synodia-on-accent);font-size:11px;min-width:17px;padding:2px 4px;border-radius:10px;text-align:center}.notif-trigger .notif-badge{position:absolute;right:-6px;top:-6px}.notif-badge[hidden],.notif-trigger[hidden]{display:none}
.notif-head h1{font-size:28px;margin:6px 0 8px}.notif-head p{margin:0;color:var(--synodia-text-muted);line-height:1.6;max-width:720px}.notif-eyebrow{color:var(--synodia-blue);font-size:12px;font-weight:700;letter-spacing:.06em}
.notif-tabs{display:flex;gap:8px;border-bottom:1px solid var(--synodia-border);margin:24px 0 20px;padding-bottom:12px}
.notif-button{min-height:34px;padding:7px 12px;border:1px solid var(--synodia-border);border-radius:9px;background:var(--synodia-panel);color:var(--synodia-text);font:inherit;font-size:13px;cursor:pointer}
.notif-button.primary,.notif-tabs button[aria-pressed="true"]{background:var(--synodia-blue);color:var(--synodia-on-accent);border-color:var(--synodia-blue)}
.notif-button:disabled{opacity:.55;cursor:default}.notif-button:focus-visible,.notif-select:focus-visible{outline:2px solid var(--synodia-blue);outline-offset:3px}
.notif-summary{display:flex;align-items:center;gap:14px;background:var(--synodia-blue-soft);border:1px solid var(--synodia-blue-border);border-left:4px solid var(--synodia-blue);padding:18px;margin-bottom:18px}.notif-summary strong{display:block;font-size:17px;margin-bottom:5px}.notif-summary p{margin:0;color:var(--synodia-text-muted);font-size:14px;line-height:1.5}.notif-summary svg{width:26px;height:26px;flex-shrink:0;color:var(--synodia-blue)}
.notif-toolbar{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:end;margin-bottom:16px}.notif-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.notif-toolbar label{display:grid;gap:6px;font-size:13px}.notif-select{background:var(--synodia-panel);border:1px solid var(--synodia-border);color:var(--synodia-text);border-radius:7px;min-height:34px;padding:5px 9px;font:inherit;font-size:13px}
.notif-list{display:grid;gap:10px}.notif-item{display:flex;gap:14px;align-items:flex-start;background:var(--synodia-panel);border:1px solid var(--synodia-border);padding:18px;border-radius:5px}.notif-item.is-unread{border-left:3px solid var(--synodia-blue)}.notif-item-content{min-width:0;flex:1}.notif-item h2{font-size:16px;margin:0 0 6px}.notif-item p{margin:4px 0;line-height:1.5;overflow-wrap:anywhere}.notif-meta{font-size:12px;color:var(--synodia-text-muted)}.notif-item-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.notif-dot{height:8px;width:8px;border-radius:50%;background:var(--synodia-blue);margin-top:6px;flex-shrink:0}.notif-item:not(.is-unread) .notif-dot{background:var(--synodia-border)}
.notif-empty{border:1px dashed var(--synodia-border);background:var(--synodia-panel);text-align:center;padding:36px 20px}.notif-empty h2{font-size:19px;margin:0 0 10px}.notif-empty p{max-width:540px;margin:auto;color:var(--synodia-text-muted);line-height:1.6}.notif-foot{font-size:13px;line-height:1.6;color:var(--synodia-text-muted);margin:18px 0}.notif-feedback{padding:12px 16px;border:1px solid var(--synodia-blue-border);background:var(--synodia-blue-soft);line-height:1.5}.notif-feedback:empty{display:none}
.notif-settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:20px;align-items:start}.notif-panel{background:var(--synodia-panel);border:1px solid var(--synodia-border);padding:20px;border-radius:5px}.notif-panel h2{font-size:18px;margin:0 0 8px}.notif-panel>p{color:var(--synodia-text-muted);font-size:14px;line-height:1.5;margin:0 0 18px}.notif-option{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--synodia-border);padding:15px 0;cursor:pointer}.notif-option input{margin-top:4px;width:17px;height:17px;accent-color:var(--synodia-blue);flex-shrink:0}.notif-option strong,.notif-option small{display:block}.notif-option strong{font-size:14px}.notif-option small{color:var(--synodia-text-muted);line-height:1.5;margin-top:4px;font-size:13px}.notif-option:has(input:disabled){opacity:.65;cursor:default}.notif-channel{padding:12px 0;border-top:1px solid var(--synodia-border)}.notif-channel-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.notif-channel small{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--synodia-text-muted)}.notif-tag{font-size:11px;padding:3px 7px;border:1px solid var(--synodia-border);border-radius:5px;white-space:nowrap;color:var(--synodia-text-muted)}.notif-tag.active{color:var(--synodia-blue);border-color:var(--synodia-blue-border);background:var(--synodia-blue-soft)}.notif-save{display:flex;gap:12px;align-items:center;margin-top:18px;flex-wrap:wrap}.notif-settings-grid fieldset{min-width:0;margin:0}.notif-preview{margin-top:20px;background:var(--synodia-blue-soft);padding:15px;border-left:3px solid var(--synodia-blue);line-height:1.6;font-size:14px}.notif-preview strong{display:block}.notif-preview small{color:var(--synodia-text-muted)}
@media(max-width:720px){.notif-settings-grid{grid-template-columns:1fr}.notif-item,.notif-panel{padding:16px}.notif-head h1{font-size:25px}.notif-tabs{flex-wrap:wrap}.notif-toolbar{align-items:stretch}.notif-tools{flex:1}.notif-summary{padding:15px}.notif-trigger{width:30px;height:32px}.notif-save .notif-button{width:100%}}

  @font-face {
    font-family: "DM Sans Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 200 800;
    src: url("/assets/dm-sans-latin.woff2") format("woff2-variations");
  }
  :root {
    color-scheme: light;
    --ink: var(--synodia-text);
    --muted: var(--synodia-text-muted);
    --line: var(--synodia-border);
    --panel: var(--synodia-panel);
    --sidebar: var(--synodia-neutral-950);
    --sidebar-soft: var(--synodia-neutral-900);
    --primary-deep: var(--synodia-blue-hover);
    --cyan: var(--synodia-blue);
    --lime: var(--synodia-blue);
    --coral: var(--synodia-blue);
    --blue: var(--synodia-blue);
    --shadow-soft: 0 12px 35px rgb(var(--synodia-blue-rgb) / 0.07);
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; min-height: 100%; }
  body { background: var(--canvas); color: var(--ink); font-family:var(--synodia-font); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  button, input { font: inherit; }
  button { cursor: pointer; }
  [hidden] { display: none !important; }

  .login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
  .login-card { width: 100%; max-width: 420px; }
  .login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
  .login-brand-logo { display: block; width: 100%; max-width: 300px; height: auto; mix-blend-mode: multiply; }
  .brand-mark { position: relative; width: 34px; height: 34px; display: inline-grid; place-items: center; transform: rotate(-9deg); }
  .brand-mark i { position: absolute; border: 2px solid currentColor; border-radius: 50%; }
  .brand-mark i:nth-child(1) { width: 10px; height: 10px; background: currentColor; }
  .brand-mark i:nth-child(2) { width: 22px; height: 22px; border-left-color: transparent; }
  .brand-mark i:nth-child(3) { width: 33px; height: 33px; border-right-color: transparent; }
  .login-brand strong { font-size: 19px; letter-spacing: -.03em; }
  .login-card h1 { margin: 0; letter-spacing: -.05em; }
  .login-card>p { margin: 9px 0 25px; color: var(--muted); font-size: 14px; line-height: 1.5; }
  .login-card form { display: grid; gap: 12px; }
  .login-card input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--synodia-neutral-300); font-size: 15px; }
  .primary-button { font-weight: 720; }
  #login-error { margin: 14px 0 0; padding: 12px 14px; border: 1px solid var(--synodia-danger-border); border-radius: 10px; color: var(--synodia-danger); background: var(--synodia-neutral-100); font-size: var(--synodia-font-min); line-height: 1.5; text-align: left; }
  #login-error[hidden] { display: none; }
  #login-error span,#login-error small { display: block; }
  #login-error small { margin-top: 6px; color: var(--synodia-danger); font-size: var(--synodia-font-min); }
  #login-error a { color: var(--synodia-danger); font-weight: 650; text-decoration: underline; text-underline-offset: 2px; }

  .app-shell { min-height: 100vh; display: grid; }
  .global-sidebar { position: sticky; top: 0; z-index: 50; height: 100vh; display: flex; flex-direction: column; }
  .sidebar-brand { align-items: center; gap: 11px; text-decoration: none; }
  .sidebar-brand strong { display: block; }
  .sidebar-brand small { display: block; }
  .sidebar-brand-logo { height: auto; display: block; }
  .sidebar-label { font-weight: 750; text-transform: uppercase; }
  .global-nav { display: grid; }
  .nav-button { width: 100%; display: flex; align-items: center; border: 0; background: transparent; text-align: left; }
  .nav-icon { text-align: center; }
  .nav-status { width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: var(--synodia-neutral-600); }
  .nav-button.active .nav-status { background: var(--lime); }
  .sidebar-plan span { display: block; text-transform: uppercase; }
  .sidebar-plan strong { display: block; }
  .sidebar-plan small { display: block; }
  .sidebar-help-label { font-weight: 760; letter-spacing: .15em; text-transform: uppercase; }
  .sidebar-help-button { display: flex; align-items: center; border: 0; background: transparent; text-align: left; text-decoration: none; }
  .sidebar-help-button i { display: grid; place-items: center; font-style: normal; }
  .sidebar-user { display: grid; align-items: center; }
  .user-avatar { display: grid; place-items: center; border-radius: 50%; font-weight: 780; }
  .sidebar-user strong, .sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sidebar-user small { margin-top: 3px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); }
  .logout-icon { border: 0; border-radius: 7px; background: transparent; }

  .content-shell { min-width: 0; min-height: 100vh; display: grid; }
  .global-topbar { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; backdrop-filter: blur(14px); }
  .topbar-title { min-width: 0; }
  .topbar-title strong { display: block; letter-spacing: -.02em; }
  .topbar-title small { display: block; color: var(--muted); }
  .topbar-actions { display: flex; align-items: center; }
  .global-search { position: relative; }
  .global-search-icon { position: absolute; z-index: 1; left: 12px; top: 50%; color:var(--synodia-text-muted); font-size: 15px; transform: translateY(-50%); pointer-events: none; }
  .global-search-input { width: 100%; border: 1px solid var(--synodia-neutral-200); color: var(--synodia-neutral-850); outline: none; }
  .global-search-input::placeholder { color: var(--synodia-neutral-400); }
  .global-search-input:focus { border-color: var(--synodia-blue); box-shadow: 0 0 0 4px rgb(var(--synodia-blue-rgb) / 0.09),0 8px 22px rgb(var(--synodia-shadow-rgb) / 0.07); }
  .global-search-shortcut { position: absolute; right: 8px; top: 50%; padding: 3px 6px; border: 1px solid var(--synodia-neutral-200); border-radius: 6px; color: var(--synodia-neutral-400); background: var(--synodia-neutral-50); font-size: var(--synodia-font-min); font-family:var(--synodia-font); transform: translateY(-50%); pointer-events: none; }
  .global-search-popover { position: absolute; z-index: 90; top: calc(100% + 9px); right: 0; width: min(430px,calc(100vw - 32px)); max-height: min(560px,70vh); overflow: auto; padding: 8px; border: 1px solid var(--synodia-neutral-200); border-radius: 15px; background: color-mix(in srgb, var(--synodia-panel) 98%, transparent); box-shadow: 0 24px 70px rgb(var(--synodia-shadow-rgb) / 0.2); backdrop-filter: blur(20px); }
  .search-intro { padding: 10px 11px 8px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); line-height: 1.45; }
  .search-group { padding: 5px 0; }
  .search-group-label { display: block; padding: 5px 10px; color: var(--synodia-neutral-400); font-size: var(--synodia-font-min); font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
  .search-result { width: 100%; min-height: 54px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border: 0; border-radius: 10px; color: var(--synodia-neutral-850); background: transparent; text-align: left; }
  .search-result:hover,.search-result.active { color: var(--synodia-blue-hover); background: var(--synodia-neutral-100); }
  .search-result-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--synodia-blue); background: var(--synodia-neutral-100); font-size: var(--synodia-font-min); }
  .search-result-copy { min-width: 0; }
  .search-result-copy strong,.search-result-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .search-result-copy strong { font-size: var(--synodia-font-min); }
  .search-result-copy small { margin-top: 3px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); }
  .search-result-type { color: var(--synodia-neutral-400); font-size: var(--synodia-font-min); }
  .search-empty { padding: 28px 16px; color:var(--synodia-text-muted); text-align: center; font-size: var(--synodia-font-min); }
  .search-footer { display: flex; justify-content: space-between; gap: 10px; margin: 6px 3px 0; padding: 9px 8px 3px; border-top: 1px solid var(--synodia-neutral-100); color: var(--synodia-neutral-400); font-size: var(--synodia-font-min); }
  .connection-pill { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); }
  .connection-pill i { width: 7px; height: 7px; border-radius: 50%; }
  .mobile-menu, .sidebar-close { display: none; }
  .mobile-backdrop { display: none; }

  .workspace { min-width: 0; min-height: 0; }
  .home-header { display: flex; justify-content: space-between; gap: 24px; }
  .eyebrow { margin: 0 0 8px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); }
  .home-header h1 { margin: 0; }
  .home-header p:last-child { margin: 10px 0 0; color: var(--muted); font-size: 14px; }
  .home-badge { align-self: flex-start; padding: 10px 13px; border: 1px solid var(--synodia-blue-soft); font-size: var(--synodia-font-min); font-weight: 650; }
  .summary-grid { display: grid; grid-template-columns: repeat(4,1fr); }
  .summary-card { display: flex; flex-direction: column; }
  .summary-card span, .summary-card small { color: var(--muted); font-size: var(--synodia-font-min); }
  .summary-card strong { letter-spacing: -.04em; }
  .home-actions { display: flex; align-items: center; gap: 10px; align-self: flex-start; }
  .dashboard-configure { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid var(--synodia-neutral-200); border-radius: 10px; color:var(--synodia-text-muted); background: var(--synodia-neutral-0); font-size: var(--synodia-font-min); font-weight: 700; box-shadow: 0 6px 18px rgb(var(--synodia-shadow-rgb) / 0.05); }
  .dashboard-configure:hover,.dashboard-configure.active { border-color: var(--synodia-blue-border); color: var(--synodia-blue-hover); background: var(--synodia-neutral-50); }
  .dashboard-settings { margin: 0 auto 16px; padding: 18px; border: 1px solid var(--synodia-blue-soft); }
  .dashboard-settings-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
  .dashboard-settings-head h2 { margin: 0; font-size: 17px; letter-spacing: -.03em; }
  .dashboard-settings-head p { margin: 5px 0 0; color: var(--muted); font-size: var(--synodia-font-min); }
  .dashboard-settings-close { width: 30px; height: 30px; border: 1px solid var(--synodia-neutral-200); border-radius: 8px; color:var(--synodia-text-muted); background: var(--synodia-neutral-0); }
  .dashboard-settings-body { display: grid; grid-template-columns: 190px minmax(0,1fr) auto; gap: 22px; align-items: start; }
  .dashboard-setting-label { display: block; margin-bottom: 8px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); font-weight: 780; letter-spacing: .13em; text-transform: uppercase; }
  .dashboard-columns { display: inline-flex; padding: 3px; border: 1px solid var(--synodia-neutral-200); border-radius: 10px; background: var(--synodia-neutral-100); }
  .dashboard-column-button { min-width: 72px; min-height: 32px; border: 0; border-radius: 7px; color:var(--synodia-text-muted); background: transparent; font-size: var(--synodia-font-min); font-weight: 700; }
  .dashboard-column-button.active { color: var(--synodia-blue); background: var(--synodia-neutral-0); box-shadow: 0 3px 10px rgb(var(--synodia-shadow-rgb) / 0.08); }
  .dashboard-widget-toggles { display: flex; flex-wrap: wrap; gap: 7px; }
  .dashboard-widget-toggle { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; padding: 0 10px; border: 1px solid var(--synodia-neutral-200); border-radius: 9px; color:var(--synodia-text-muted); background: var(--synodia-neutral-0); font-size: var(--synodia-font-min); }
  .dashboard-widget-toggle input { accent-color: var(--primary); }
  .dashboard-reset { min-height: 35px; padding: 0 12px; border: 1px solid var(--synodia-neutral-200); border-radius: 9px; color:var(--synodia-text-muted); background: var(--synodia-neutral-0); font-size: var(--synodia-font-min); font-weight: 680; }
  .dashboard-grid { margin: 0 auto; display: grid; grid-template-columns: repeat(var(--dashboard-columns), minmax(0,1fr)); align-items: stretch; }
  .dashboard-grid[data-columns="2"] { --dashboard-columns: 2; }
  .dashboard-grid[data-columns="3"] { --dashboard-columns: 3; }
  .dashboard-widget { position: relative; overflow: hidden; display: flex; flex-direction: column; }
  .dashboard-widget::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--widget-accent,var(--synodia-blue)); }
  .dashboard-widget-head { display: flex; align-items: center; }
  .dashboard-widget-icon { flex: 0 0 auto; display: grid; place-items: center; font-weight: 750; }
  .dashboard-widget-title { min-width: 0; }
  .dashboard-widget-title strong,.dashboard-widget-title small { display: block; }
  .dashboard-widget-title small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: var(--synodia-font-min); text-overflow: ellipsis; white-space: nowrap; }
  .dashboard-widget-order { display: none; gap: 4px; margin-left: auto; }
  .dashboard-editing .dashboard-widget-order { display: flex; }
  .dashboard-widget-order button { width: 27px; height: 27px; border: 1px solid var(--synodia-neutral-200); border-radius: 7px; color:var(--synodia-text-muted); background: var(--synodia-neutral-0); font-size: var(--synodia-font-min); }
  .dashboard-widget-body { flex: 1; display: flex; flex-direction: column; }
  .dashboard-widget-kpis { display: grid; grid-template-columns: 1fr 1fr; }
  .dashboard-kpi span,.dashboard-kpi small { display: block; color: var(--muted); font-size: var(--synodia-font-min); }
  .dashboard-kpi strong { display: block; margin: 5px 0 3px; color: var(--synodia-neutral-900); font-size: 20px; letter-spacing: -.04em; }
  .dashboard-latest { margin-bottom: 14px; }
  .dashboard-latest span { display: block; margin-bottom: 6px; color: var(--synodia-neutral-400); font-size: var(--synodia-font-min); font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
  .dashboard-latest strong { display: block; color: var(--synodia-neutral-800); font-size: var(--synodia-font-min); line-height: 1.45; }
  .dashboard-latest small { display: block; margin-top: 4px; color: var(--muted); font-size: var(--synodia-font-min); }
  .dashboard-recent-list { display: grid; margin: -3px 0 12px; }
  .dashboard-recent-list .recent-row { padding: 9px 0; }
  .dashboard-empty { max-width: 1240px; margin: 0 auto; padding: 28px; border: 1px dashed var(--synodia-neutral-300); border-radius: 16px; color: var(--muted); background: color-mix(in srgb, var(--synodia-panel) 65%, transparent); text-align: center; font-size: var(--synodia-font-min); }
  .panel { border: 1px solid var(--line); border-radius: 15px; background: color-mix(in srgb, var(--synodia-panel) 82%, transparent); }
  .panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 22px 22px 0; }
  .panel-head p { margin: 0 0 6px; color:var(--synodia-text-muted); font-size: var(--synodia-font-min); font-weight: 750; letter-spacing: .17em; text-transform: uppercase; }
  .panel-head h2 { margin: 0; font-size: 20px; letter-spacing: -.035em; }
  .module-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 20px; }
  .module-card { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-content: start; padding: 17px; border: 1px solid var(--line); background: var(--synodia-neutral-0); color: var(--ink); text-align: left; }
  .module-card-icon { width: 42px; height: 42px; display: grid; place-items: center; background: var(--synodia-neutral-100); font-size: 17px; }
  .module-card strong { display: block; font-size: 14px; }
  .module-card small { display: block; margin-top: 5px; color: var(--muted); font-size: var(--synodia-font-min); line-height: 1.45; }
  .module-card em { display: block; margin-top: 10px; font-size: var(--synodia-font-min); font-style: normal; font-weight: 650; }
  .recent-list { display: grid; gap: 0; padding: 13px 20px 20px; }
  .recent-row { display: grid; grid-template-columns: 9px minmax(0,1fr); gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--synodia-neutral-200); }
  .recent-row:last-child { border-bottom: 0; }
  .recent-row i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; }
  .recent-row strong, .recent-row small { display: block; }
  .recent-row strong { font-size: var(--synodia-font-min); }
  .recent-row small { margin-top: 4px; color: var(--muted); font-size: var(--synodia-font-min); }
  .empty-state { margin: 10px 0; color: var(--muted); font-size: var(--synodia-font-min); }

  .analytics-layout { max-width: 1240px; margin: 0 auto; }
  .analytics-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:17px; padding:24px 26px; border:1px solid var(--line); border-radius:18px; color:var(--ink); background:var(--panel); box-shadow:var(--shadow-soft); }
  .analytics-hero .eyebrow { margin:0 0 7px; color:var(--muted); font-size:var(--synodia-font-min); font-weight:760; letter-spacing:.14em; text-transform:uppercase; }
  .analytics-hero h1 { margin:0; font-size:clamp(25px,3vw,37px); line-height:1.04; letter-spacing:-.05em; }
  .analytics-hero p:last-child { max-width:650px; margin:10px 0 0; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.6; }
  .analytics-period { display:inline-flex; flex:0 0 auto; gap:3px; padding:0; border:0; border-radius:0; background:transparent; }
  .analytics-period button { min-height:34px; padding:0 11px; border:0; border-radius:8px; color:var(--synodia-blue); background:transparent; font-size:var(--synodia-font-min); font-weight:720; }
  .analytics-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
  .analytics-kpi { position:relative; overflow:hidden; min-height:126px; padding:19px; border:1px solid var(--synodia-neutral-200); border-radius:17px; background:var(--synodia-neutral-0); box-shadow:var(--shadow-soft); }
  .analytics-kpi::before { content:none; display:none; }
  .analytics-kpi[data-tone="contacts"] { --kpi-accent:var(--synodia-blue); }
  .analytics-kpi[data-tone="opportunities"] { --kpi-accent:var(--synodia-blue); }
  .analytics-kpi[data-tone="quotes"] { --kpi-accent:var(--synodia-blue); }
  .analytics-kpi[data-tone="sales"] { --kpi-accent:var(--synodia-blue); }
  .analytics-kpi span,.analytics-kpi small { display:block; color:var(--muted); font-size:var(--synodia-font-min); }
  .analytics-kpi strong { display:block; margin:8px 0 7px; color:var(--synodia-neutral-900); font-size:28px; line-height:1; letter-spacing:-.05em; }
  .analytics-kpi small { line-height:1.45; }
  .analytics-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr); gap:16px; align-items:start; }
  .analytics-stack { display:grid; gap:16px; }
  .analytics-panel { padding:21px; border:1px solid var(--synodia-neutral-200); border-radius:17px; background:color-mix(in srgb, var(--synodia-panel) 94%, transparent); box-shadow:var(--shadow-soft); }
  .analytics-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:18px; }
  .analytics-panel-head p { margin:0 0 5px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); font-weight:780; letter-spacing:.14em; text-transform:uppercase; }
  .analytics-panel h2 { margin:0; font-size:18px; letter-spacing:-.03em; }
  .analytics-panel-head small { max-width:230px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.45; text-align:right; }
  .business-trend { height:182px; display:flex; align-items:flex-end; gap:8px; padding:12px 2px 0; border-bottom:1px solid var(--synodia-neutral-200); }
  .trend-day { flex:1; min-width:0; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; }
  .trend-bar { position:relative; width:100%; max-width:34px; min-height:4px; border-radius:7px 7px 0 0; background:linear-gradient(180deg,var(--synodia-blue),var(--synodia-blue)); }
  .trend-bar i { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg,color-mix(in srgb, var(--synodia-panel) 16%, transparent),transparent); }
  .trend-day span { margin-top:6px; color:var(--synodia-neutral-400); font-size:var(--synodia-font-min); }
  .funnel-list { display:grid; gap:13px; }
  .funnel-row { display:grid; grid-template-columns:148px minmax(0,1fr) 76px; gap:12px; align-items:center; }
  .funnel-row span { color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .funnel-track { height:9px; overflow:hidden; border-radius:999px; background:var(--synodia-neutral-100); }
  .funnel-fill { height:100%; min-width:4px; border-radius:inherit; background:linear-gradient(90deg,var(--synodia-blue),var(--synodia-blue)); }
  .funnel-row strong { color:var(--synodia-neutral-850); font-size:var(--synodia-font-min); text-align:right; }
  .activation-panel { margin:16px 0; }
  .activation-overview { display:grid; grid-template-columns:190px minmax(0,1fr); gap:20px; align-items:center; }
  .activation-score { padding:16px; border:1px solid var(--synodia-neutral-200); border-radius:14px; background:var(--synodia-neutral-50); }
  .activation-score strong,.activation-score span,.activation-score small { display:block; }
  .activation-score strong { font-size:30px; letter-spacing:-.05em; }
  .activation-score span,.activation-score small { margin-top:6px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.45; }
  .activation-progress { height:8px; margin-top:12px; overflow:hidden; border-radius:999px; background:var(--synodia-neutral-200); }
  .activation-progress-fill { height:100%; border-radius:inherit; background:var(--action-blue); }
  .activation-milestones { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
  .activation-milestone { min-height:86px; padding:13px; border:1px solid var(--synodia-neutral-200); border-radius:13px; background:var(--synodia-neutral-0); }
  .activation-milestone[data-reached="true"] { border-color:var(--synodia-neutral-200); background:var(--synodia-neutral-0); }
  .activation-milestone span,.activation-milestone small { display:block; }
  .activation-milestone span { color:var(--synodia-neutral-800); font-size:var(--synodia-font-min); }
  .activation-milestone small { margin-top:7px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.4; }
  .workload-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .workload-card { min-height:94px; padding:14px; border:1px solid var(--synodia-neutral-200); border-radius:13px; background:var(--synodia-neutral-50); }
  .workload-card span,.workload-card small { display:block; color:var(--muted); font-size:var(--synodia-font-min); }
  .workload-card strong { display:block; margin:6px 0 4px; color:var(--synodia-neutral-900); font-size:23px; letter-spacing:-.04em; }
  .workload-card.alert strong { color:var(--synodia-blue); }
  .channel-list { display:grid; gap:10px; }
  .channel-card { padding:15px; border:1px solid var(--synodia-neutral-200); border-radius:14px; background:linear-gradient(145deg,var(--synodia-neutral-0),var(--synodia-neutral-50)); }
  .channel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
  .channel-head strong { font-size:var(--synodia-font-min); }
  .channel-head small { color:var(--muted); font-size:var(--synodia-font-min); }
  .channel-values { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
  .channel-value { padding:9px; border-radius:10px; background:var(--synodia-neutral-100); }
  .channel-value span,.channel-value strong { display:block; }
  .channel-value span { color:var(--muted); font-size:var(--synodia-font-min); }
  .channel-value strong { margin-top:4px; font-size:16px; }
  .highlight-list { display:grid; }
  .highlight-row { display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid var(--synodia-neutral-100); }
  .highlight-row:last-child { border-bottom:0; }
  .highlight-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; color:var(--synodia-blue); background:var(--synodia-neutral-100); font-size:var(--synodia-font-min); }
  .highlight-copy strong,.highlight-copy small { display:block; }
  .highlight-copy strong { font-size:var(--synodia-font-min); }
  .highlight-copy small { margin-top:3px; overflow:hidden; color:var(--muted); font-size:var(--synodia-font-min); text-overflow:ellipsis; white-space:nowrap; }
  .highlight-meta { color:var(--synodia-text-muted); font-size:var(--synodia-font-min); font-weight:720; text-align:right; }
  .analytics-empty { margin:0; padding:18px; border:1px dashed var(--synodia-neutral-300); border-radius:12px; color:var(--muted); background:var(--synodia-neutral-50); font-size:var(--synodia-font-min); text-align:center; }
  .analytics-feedback { max-width:1240px; min-height:28px; display:flex; align-items:center; gap:10px; margin:0 auto; }
  .analytics-status { margin:0; color:var(--muted); font-size:var(--synodia-font-min); }
  .analytics-retry { min-height:30px; padding:5px 10px; border:1px solid var(--synodia-neutral-200); border-radius:8px; color:var(--synodia-text-muted); background:var(--synodia-neutral-0); font-size:var(--synodia-font-min); }

  .web-layout { margin: 0 auto; }
  .web-hero { position: relative; overflow: hidden; align-items: flex-end; justify-content: space-between; gap: 24px; min-height: 220px; padding: 30px; border-radius: 22px; color: var(--synodia-neutral-0); background: radial-gradient(circle at 84% 16%,rgb(var(--synodia-blue-rgb) / 0.28),transparent 30%),linear-gradient(135deg,var(--synodia-neutral-950),var(--synodia-blue-surface) 62%,var(--synodia-blue)); box-shadow: 0 24px 55px rgb(var(--synodia-blue-rgb) / 0.18); }
  .web-hero::after { content:""; position:absolute; width:260px; height:260px; right:-90px; bottom:-160px; border:1px solid color-mix(in srgb, var(--synodia-panel) 16%, transparent); border-radius:50%; box-shadow:0 0 0 34px color-mix(in srgb, var(--synodia-panel) 3.5%, transparent),0 0 0 72px color-mix(in srgb, var(--synodia-panel) 2.5%, transparent); }
  .web-hero-copy { position:relative; z-index:1; max-width:650px; }
  .web-hero-copy .eyebrow { margin-bottom:10px; color:var(--synodia-blue-soft); font-weight:720; letter-spacing:.13em; text-transform:uppercase; }
  .web-hero h1 { margin:0; max-width:590px; font-size:clamp(30px,3vw,43px); line-height:1.02; letter-spacing:-.055em; }
  .web-hero p:last-child { margin:14px 0 0; color:var(--synodia-blue); font-size:var(--synodia-font-min); line-height:1.65; }
  .web-hero-actions { position:relative; z-index:1; min-width:210px; display:grid; gap:10px; justify-items:end; }
  .web-status-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid color-mix(in srgb, var(--synodia-panel) 15%, transparent); border-radius:999px; background:color-mix(in srgb, var(--synodia-panel) 9%, transparent); color:var(--synodia-neutral-200); font-size:var(--synodia-font-min); font-weight:680; backdrop-filter:blur(10px); }
  .web-status-pill i { width:8px; height:8px; border-radius:50%; background:var(--action-blue); box-shadow:0 0 0 4px color-mix(in srgb,var(--action-blue) 13%,transparent); }
  .web-status-pill.connected i { background:var(--action-blue); }
  .web-button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 15px; border:0; border-radius:11px; color:var(--synodia-neutral-900); background:var(--synodia-neutral-0); font-size:var(--synodia-font-min); font-weight:720; box-shadow:0 10px 24px rgb(var(--synodia-shadow-rgb) / 0.2); }
  .web-button:hover { transform:translateY(-1px); }
  .web-button.secondary { border:1px solid color-mix(in srgb, var(--synodia-panel) 20%, transparent); color:var(--synodia-neutral-0); background:color-mix(in srgb, var(--synodia-panel) 8%, transparent); box-shadow:none; }
  .web-button:disabled { cursor:not-allowed; opacity:.48; transform:none; }
  .web-notice { margin:14px 0 0; padding:13px 15px; border:1px solid var(--synodia-blue-soft); border-radius:13px; color:var(--synodia-text-muted); background:var(--synodia-neutral-50); font-size:var(--synodia-font-min); line-height:1.55; }
  .web-summary-grid { margin:16px 0; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
  .web-summary { min-height:104px; padding:17px; border:1px solid var(--synodia-neutral-200); border-radius:17px; background:var(--synodia-neutral-0); box-shadow:var(--shadow-soft); }
  .web-summary span,.web-summary small { display:block; color:var(--muted); font-size:var(--synodia-font-min); }
  .web-summary strong { display:block; margin:8px 0 6px; color:var(--synodia-neutral-900); font-size:23px; letter-spacing:-.04em; }
  .web-main-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:16px; align-items:start; }
  .web-panel { padding:22px; border:1px solid var(--synodia-neutral-200); border-radius:18px; background:color-mix(in srgb, var(--synodia-panel) 92%, transparent); box-shadow:var(--shadow-soft); }
  .web-panel-head { display:flex; justify-content:space-between; gap:16px; margin-bottom:17px; }
  .web-panel-head p { margin:0 0 5px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); font-weight:760; letter-spacing:.15em; text-transform:uppercase; }
  .web-panel h2 { margin:0; font-size:19px; letter-spacing:-.035em; }
  .web-panel-head small { max-width:260px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.45; text-align:right; }
  .web-capabilities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .web-capability { min-height:142px; display:flex; flex-direction:column; padding:16px; border:1px solid var(--synodia-neutral-200); border-radius:15px; background:linear-gradient(145deg,var(--synodia-neutral-0),var(--synodia-neutral-50)); }
  .web-capability:first-child { grid-column:span 2; min-height:126px; background:radial-gradient(circle at 90% 10%,rgb(var(--synodia-blue-rgb) / 0.09),transparent 34%),linear-gradient(145deg,var(--synodia-neutral-0),var(--synodia-neutral-50)); }
  .web-capability-icon { width:36px; height:36px; display:grid; place-items:center; margin-bottom:12px; border-radius:11px; color:var(--action-blue); background:var(--synodia-neutral-100); font-size:15px; }
  html[data-theme="dark"] .web-capability-icon { color:var(--synodia-blue); background:var(--synodia-neutral-850); }
  .web-capability strong { font-size:var(--synodia-font-min); }
  .web-capability p { margin:6px 0 13px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.5; }
  .web-capability em { margin-top:auto; color:var(--action-blue); font-size:var(--synodia-font-min); font-style:normal; font-weight:690; }
  .web-integrations { display:grid; gap:8px; }
  .web-integration { display:grid; grid-template-columns:62px 22px minmax(0,1fr); gap:8px; align-items:center; padding:12px; border:1px solid var(--synodia-neutral-200); border-radius:13px; background:var(--synodia-neutral-0); }
  .web-integration strong { font-size:var(--synodia-font-min); }
  .web-integration b { color:var(--action-blue); text-align:center; }
  .web-integration span { color:var(--muted); font-size:var(--synodia-font-min); line-height:1.42; }
  .web-security { margin-top:14px; padding:16px; border:1px solid var(--synodia-neutral-200); border-radius:15px; color:var(--ink); background:var(--synodia-neutral-0); }
  .web-security strong { display:block; color:var(--ink); font-size:var(--synodia-font-min); }
  .web-security p { margin:7px 0 0; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.55; }
  html[data-theme="dark"] .web-security { border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }

  .tutorials-layout { max-width: 1240px; margin: 0 auto; }
  .tutorials-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr); gap:28px; align-items:center; min-height:220px; padding:31px; border:1px solid var(--synodia-blue-soft); border-radius:22px; background:radial-gradient(circle at 82% 16%,rgb(var(--synodia-blue-rgb) / 0.19),transparent 29%),linear-gradient(135deg,var(--synodia-neutral-50),var(--synodia-neutral-100) 62%,var(--synodia-neutral-100)); box-shadow:var(--shadow-soft); }
  .tutorials-hero::after { content:"?"; position:absolute; right:28px; bottom:-61px; color:rgb(var(--synodia-blue-rgb) / 0.07); font-size:220px; font-weight:850; line-height:1; transform:rotate(8deg); }
  .tutorials-copy { position:relative; z-index:1; }
  .tutorials-copy .eyebrow { color:var(--synodia-blue); font-size:var(--synodia-font-min); font-weight:760; letter-spacing:.14em; text-transform:uppercase; }
  .tutorials-copy h1 { margin:0; max-width:620px; color:var(--synodia-neutral-900); font-size:clamp(30px,3.2vw,43px); line-height:1.03; letter-spacing:-.055em; }
  .tutorials-copy p:last-child { max-width:620px; margin:13px 0 0; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); line-height:1.65; }
  .tutorials-start { position:relative; z-index:1; padding:18px; border:1px solid color-mix(in srgb, var(--synodia-panel) 78%, transparent); border-radius:17px; background:color-mix(in srgb, var(--synodia-panel) 72%, transparent); box-shadow:0 14px 32px rgb(var(--synodia-blue-rgb) / 0.08); backdrop-filter:blur(14px); }
  .tutorials-start strong { display:block; font-size:var(--synodia-font-min); }
  .tutorials-start ol { margin:12px 0 0; padding:0; display:grid; gap:9px; counter-reset:tutorial-step; list-style:none; }
  .tutorials-start li { display:grid; grid-template-columns:23px minmax(0,1fr); gap:8px; align-items:center; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); line-height:1.4; counter-increment:tutorial-step; }
  .tutorials-start li::before { content:counter(tutorial-step); width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:var(--synodia-neutral-0); background:linear-gradient(135deg,var(--synodia-blue),var(--synodia-blue)); font-size:var(--synodia-font-min); font-weight:750; }
  .tutorials-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:27px 2px 15px; }
  .tutorials-section-head p { margin:0 0 5px; color:var(--synodia-blue); font-size:var(--synodia-font-min); font-weight:760; letter-spacing:.14em; text-transform:uppercase; }
  .tutorials-section-head h2 { margin:0; font-size:22px; letter-spacing:-.04em; }
  .tutorials-section-head small { max-width:390px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.5; text-align:right; }
  .tutorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
  .tutorial-card { overflow:hidden; display:flex; flex-direction:column; min-height:310px; border:1px solid var(--synodia-neutral-200); border-radius:18px; background:var(--synodia-neutral-0); box-shadow:var(--shadow-soft); }
  .tutorial-video { position:relative; aspect-ratio:16/9; display:grid; place-items:center; overflow:hidden; color:var(--synodia-neutral-0); background:radial-gradient(circle at 72% 18%,rgb(var(--synodia-blue-rgb) / 0.23),transparent 34%),linear-gradient(145deg,var(--synodia-neutral-900),var(--synodia-blue-surface)); }
  .tutorial-video video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .tutorial-video::before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(color-mix(in srgb, var(--synodia-panel) 15%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--synodia-panel) 15%, transparent) 1px,transparent 1px); background-size:25px 25px; }
  .tutorial-play { position:relative; z-index:1; width:46px; height:46px; display:grid; place-items:center; padding-left:3px; border:1px solid color-mix(in srgb, var(--synodia-panel) 28%, transparent); border-radius:50%; background:color-mix(in srgb, var(--synodia-panel) 12%, transparent); box-shadow:0 12px 30px rgb(var(--synodia-shadow-rgb) / 0.2); backdrop-filter:blur(8px); }
  .tutorial-video em { position:absolute; z-index:1; right:12px; bottom:11px; padding:6px 8px; border-radius:999px; color:var(--synodia-neutral-200); background:rgb(var(--synodia-shadow-rgb) / 0.52); font-size:var(--synodia-font-min); font-style:normal; }
  #tutorials-view .tutorial-card:not(:has(.tutorial-video)) {min-height:0;align-self:start}
  #tutorials-view .tutorial-card:not(:has(.tutorial-video)) .tutorial-card-copy {flex:initial}
  #tutorials-view .tutorial-card:not(:has(.tutorial-video)) footer {margin-top:0}
  .tutorial-card-copy { flex:1; display:flex; flex-direction:column; padding:17px 17px 8.5px; }
  .tutorial-module { color:var(--synodia-blue); font-size:var(--synodia-font-min); font-weight:780; letter-spacing:.13em; text-transform:uppercase; }
  .tutorial-card h3 { margin:7px 0 0; font-size:15px; letter-spacing:-.025em; }
  .tutorial-card p { margin:8px 0 13px; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.55; }
  .tutorial-card footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:11px; border-top:1px solid var(--synodia-neutral-100); color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .tutorial-card footer strong { color:var(--synodia-blue); font-size:var(--synodia-font-min); }
  #tutorials-view .tutorial-group-title {grid-column:1/-1;margin:12px 0 0;font-size:20px;color:var(--synodia-text)}
  #tutorials-view .tutorial-group-title {scroll-margin-top:80px}
  #tutorials-view .tutorial-index {margin:0 0 22px;padding:16px;border:1px solid var(--synodia-border);border-radius:9px;background:var(--synodia-panel)}
  #tutorials-view .tutorial-index h2 {margin:0 0 10px;font-size:16px}
  #tutorials-view .tutorial-index ul {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2px 20px;list-style:none;margin:0;padding:0}
  #tutorials-view .tutorial-index a {display:block;padding:3px 0;color:var(--synodia-blue);font-size:14px;line-height:1.4;text-underline-offset:3px;overflow-wrap:anywhere}
  #tutorials-view .tutorial-index a:hover {color:var(--synodia-blue-hover)}
  #tutorials-view .tutorial-index a:focus-visible,#tutorials-view .tutorial-group-title:focus-visible {outline:2px solid var(--synodia-blue);outline-offset:3px;border-radius:3px}
  #tutorials-view .tutorial-steps {margin:0 0 8px;color:var(--synodia-text);font-size:var(--synodia-font-min);line-height:1.6}
  #tutorials-view .tutorial-steps summary {cursor:pointer;color:var(--synodia-blue);font-weight:650}
  #tutorials-view .tutorial-steps ol {padding-left:22px;margin:12px 0}
  #tutorials-view .tutorial-steps li {margin:0 0 10px;overflow-wrap:anywhere}
  #tutorials-view .tutorial-open {display:inline-block;color:var(--synodia-blue);font-weight:650;text-underline-offset:3px}
  #tutorials-view .tutorial-steps summary:focus-visible,#tutorials-view .tutorial-open:focus-visible {outline:2px solid var(--synodia-blue);outline-offset:3px}
  .tutorial-support { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:17px; padding:22px; border-radius:18px; color:var(--synodia-neutral-200); background:radial-gradient(circle at 80% 15%,rgb(var(--synodia-blue-rgb) / 0.18),transparent 32%),linear-gradient(135deg,var(--synodia-neutral-950),var(--synodia-neutral-850)); box-shadow:0 18px 42px rgb(var(--synodia-shadow-rgb) / 0.14); }
  .tutorial-support strong { display:block; color:var(--synodia-neutral-0); font-size:15px; }
  .tutorial-support p { margin:6px 0 0; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); line-height:1.5; }
  .tutorial-support :is(a,button) { flex:0 0 auto; min-height:42px; display:inline-flex; align-items:center; padding:0 15px; border-radius:11px; color:var(--synodia-neutral-900); background:var(--synodia-neutral-0); font-size:var(--synodia-font-min); font-weight:740; text-decoration:none; }

  #tutorials-view .tutorial-support {color:var(--synodia-text);background:var(--synodia-panel);border:1px solid var(--synodia-border);box-shadow:0 8px 24px rgb(var(--synodia-shadow-rgb) / 0.06)}
  #tutorials-view .tutorial-support strong {color:var(--synodia-text)}
  #tutorials-view .tutorial-support p {color:var(--synodia-text-muted)}
  #tutorials-view .tutorial-support :is(a,button) {color:var(--synodia-text);background:var(--synodia-control);border-color:var(--synodia-border)}
  #tutorials-view .tutorial-support :is(a,button):hover {color:var(--synodia-blue-hover);background:var(--synodia-blue-soft);border-color:var(--synodia-blue-border)}
  #tutorials-view .tutorial-support :is(a,button):focus-visible {outline:2px solid var(--synodia-blue);outline-offset:3px}

  .module-view { position: relative; background: var(--synodia-neutral-0); }
  .module-stage { position: absolute; inset: 0; }
  .module-frame { width: 100%; height: 100%; display: block; border: 0; background: var(--canvas); }
  .module-loading { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; color: var(--muted); font-size: var(--synodia-font-min); }
  .module-loading span { display: grid; gap: 12px; justify-items: center; }
  .module-loading i { width: 26px; height: 26px; border: 3px solid var(--synodia-neutral-200); border-radius: 50%; animation: spin .8s linear infinite; }
  @keyframes spin { to { transform: rotate(360deg); } }

  /* Sistema visual Synodia 2026 */
  .login-shell {
    position: relative; overflow: hidden;
    background:
      radial-gradient(circle at 18% 18%, rgb(var(--synodia-blue-rgb) / 0.24), transparent 31%),
      radial-gradient(circle at 84% 72%, rgb(var(--synodia-blue-rgb) / 0.32), transparent 34%),
      linear-gradient(145deg, var(--synodia-neutral-950) 0%, var(--synodia-neutral-950) 55%, var(--synodia-neutral-950) 100%);
  }
  .login-shell::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(color-mix(in srgb, var(--synodia-panel) 8%, transparent) 1px, transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--synodia-panel) 8%, transparent) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,var(--synodia-neutral-1000),transparent 80%); }
  .login-card { position:relative; z-index:1; padding:42px; border:1px solid color-mix(in srgb, var(--synodia-panel) 75%, transparent); border-radius:26px; background:var(--synodia-neutral-0); box-shadow:0 36px 100px rgb(var(--synodia-shadow-rgb) / 0.38); backdrop-filter:blur(24px); }
  .login-brand .brand-mark { color:var(--primary); filter:drop-shadow(0 7px 13px rgb(var(--synodia-blue-rgb) / 0.28)); }
  .login-card h1 { max-width:330px; font-size:36px; line-height:1.02; }
  .login-card input { border-color:var(--synodia-neutral-200); border-radius:13px; background:var(--synodia-neutral-50); box-shadow:inset 0 1px 2px rgb(var(--synodia-shadow-rgb) / 0.03); }
  .login-card input:focus { outline:4px solid rgb(var(--synodia-blue-rgb) / 0.13); border-color:var(--primary); }
  .primary-button:hover { background:linear-gradient(135deg,var(--synodia-blue-hover),var(--synodia-blue-hover)); transform:translateY(-1px); }

  .global-sidebar { box-shadow:none; }
  .sidebar-brand .brand-mark { width:27px; height:27px; color:var(--synodia-neutral-800); filter:none; }
  .sidebar-brand .brand-mark i:nth-child(1) { width:8px; height:8px; }
  .sidebar-brand .brand-mark i:nth-child(2) { width:18px; height:18px; }
  .sidebar-brand .brand-mark i:nth-child(3) { width:27px; height:27px; }
  .sidebar-brand strong { font-size:14px; font-weight:720; letter-spacing:-.025em; }
  .sidebar-brand-logo { transition:opacity .15s; }
  .sidebar-brand:hover .sidebar-brand-logo { opacity:.72; }
  .sidebar-label { margin:5px 10px 8px; color:var(--synodia-neutral-400); font-size:var(--synodia-font-min); letter-spacing:.13em; }
  .nav-button { position:relative; transition:background .15s,color .15s; }
  .nav-button:hover { transform:none; }
  .nav-button.active::before { content:""; position:absolute; left:-1px; width:2px; height:17px; border-radius:2px; background:var(--synodia-blue); }
  .nav-icon { font-size:var(--synodia-font-min); }
  .sidebar-plan { margin-top:auto; padding:14px 9px 11px; border:0; border-top:1px solid var(--synodia-neutral-200); border-radius:0; background:transparent; box-shadow:none; }
  .sidebar-plan span { color:var(--synodia-neutral-400); font-size:var(--synodia-font-min); letter-spacing:.11em; }
  .sidebar-plan strong { margin-top:5px; color:var(--synodia-neutral-800); font-size:var(--synodia-font-min); }
  .sidebar-plan small { margin-top:4px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); line-height:1.45; }
  .sidebar-help { margin-top:3px; }
  .sidebar-help-label { margin:5px 9px 4px; color:var(--synodia-neutral-400); font-size:var(--synodia-font-min); }
  .sidebar-help-button i { border-color:var(--synodia-neutral-200); }
  .sidebar-user { border-top-color:var(--synodia-neutral-200); }
  .user-avatar { box-shadow:none; }
  .sidebar-user small { display:none; }
  .logout-icon:hover { color:var(--synodia-neutral-800); background:var(--synodia-neutral-100); }
  .global-topbar { border-bottom-color:color-mix(in srgb, var(--synodia-panel) 90%, transparent); }
  .connection-pill { border-color:var(--synodia-neutral-200); background:color-mix(in srgb, var(--synodia-panel) 90%, transparent); box-shadow:0 5px 16px rgb(var(--synodia-shadow-rgb) / 0.04); }
  .connection-pill i { background:var(--synodia-blue); box-shadow:0 0 0 4px rgb(var(--synodia-blue-rgb) / 0.12); }
  .home-header h1 { color:var(--synodia-neutral-950); }
  .home-badge { border-color:var(--synodia-blue-soft); border-radius:999px; background:var(--synodia-neutral-100); color:var(--synodia-blue); }
  .summary-card,.panel,.analytics-panel { border-color:var(--synodia-neutral-200); background:color-mix(in srgb, var(--synodia-panel) 90%, transparent); box-shadow:var(--shadow-soft); }
  .summary-card::after { content:""; position:absolute; inset:auto -18px -28px auto; width:74px; height:74px; border-radius:50%; background:radial-gradient(circle,rgb(var(--synodia-blue-rgb) / 0.1),transparent 70%); }
  .summary-card strong { color:var(--synodia-neutral-950); }
  .panel,.analytics-panel { border-radius:18px; }
  .module-grid { gap:12px; }
  .module-card { min-height:140px; border-color:var(--synodia-neutral-200); border-radius:16px; box-shadow:0 5px 14px rgb(var(--synodia-shadow-rgb) / 0.025); transition:transform .2s,border-color .2s,box-shadow .2s; }
  .module-card:hover { border-color:var(--synodia-blue-border); transform:translateY(-3px); box-shadow:0 16px 30px rgb(var(--synodia-blue-rgb) / 0.1); }
  .module-card-icon { border:1px solid color-mix(in srgb, var(--synodia-panel) 75%, transparent); border-radius:13px; box-shadow:0 8px 18px rgb(var(--synodia-shadow-rgb) / 0.07); }
  .module-card[data-key="crm"] .module-card-icon { background:linear-gradient(145deg,var(--synodia-neutral-100),var(--synodia-neutral-100)); color:var(--synodia-blue); }
  .module-card[data-key="agent"] .module-card-icon { background:linear-gradient(145deg,var(--synodia-neutral-100),var(--synodia-neutral-200)); color:var(--synodia-blue); }
  .module-card[data-key="operations"] .module-card-icon { background:linear-gradient(145deg,var(--synodia-neutral-100),var(--synodia-blue-soft)); color:var(--synodia-blue); }
  .module-card[data-key="studio"] .module-card-icon { background:linear-gradient(145deg,var(--synodia-neutral-100),var(--synodia-blue-soft)); color:var(--synodia-blue); }
  .module-card[data-key="web"] .module-card-icon { background:linear-gradient(145deg,var(--synodia-neutral-100),var(--synodia-blue-soft)); color:var(--synodia-blue); }
  .module-card[data-key="analytics"] .module-card-icon { background:linear-gradient(145deg,var(--synodia-blue-soft),var(--synodia-blue-soft)); color:var(--synodia-blue); }
  .module-card em { color:var(--synodia-blue); }
  .recent-row i { background:linear-gradient(135deg,var(--primary),var(--cyan)); box-shadow:0 0 0 4px rgb(var(--synodia-blue-rgb) / 0.08); }
  .timeline-bar { background:linear-gradient(180deg,var(--synodia-blue),var(--synodia-blue)); box-shadow:0 8px 18px rgb(var(--synodia-blue-rgb) / 0.16); }
  .metric-value { color:var(--synodia-blue); }
  .module-loading { background:radial-gradient(circle at 50% 36%,rgb(var(--synodia-blue-rgb) / 0.08),transparent 25%),var(--canvas); }
  .module-loading i { border-color:var(--synodia-neutral-200); border-top-color:var(--primary); }

  /* Interfaz unificada Synodia: clara, compacta y centrada en el contenido */
  :root {
    --canvas: var(--synodia-canvas);
    --primary: var(--synodia-blue);
    --module-crm: var(--synodia-blue);
    --module-agent: var(--synodia-blue);
    --module-operations: var(--synodia-blue);
    --module-studio: var(--synodia-blue);
    --module-web: var(--synodia-blue);
    --module-analytics: var(--synodia-blue);
  }
  .app-shell { grid-template-columns:172px minmax(0,1fr); background:var(--canvas); transition:grid-template-columns .22s ease; }
  .global-sidebar { padding:18px 12px 12px; border-right:1px solid var(--synodia-neutral-200); color:var(--synodia-text-muted); background:var(--synodia-neutral-0); }
  .sidebar-collapse { position:absolute; z-index:3; top:auto; right:-13px; bottom:86px; width:26px; height:34px; display:grid; place-items:center; padding:0; border:1px solid var(--synodia-neutral-200); border-left-color:var(--synodia-neutral-100); color:var(--synodia-text-muted); background:var(--synodia-neutral-0); font-size:16px; line-height:1; box-shadow:4px 3px 10px rgb(var(--synodia-shadow-rgb) / 0.07); transition:color .15s,background .15s,transform .22s ease; }
  .sidebar-collapse:hover { color:var(--synodia-neutral-900); background:var(--synodia-neutral-100); }
  .sidebar-collapse:focus-visible { outline:3px solid rgb(var(--synodia-blue-rgb) / 0.18); outline-offset:2px; }
  .sidebar-brand { display:block; padding:0 8px 17px; color:var(--synodia-neutral-900); }
  .sidebar-brand-logo { width:136px; mix-blend-mode:multiply; }
  .sidebar-brand small { margin-top:5px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .sidebar-label,.sidebar-plan,.sidebar-help-label { display:none; }
  .global-nav { gap:3px; }
  .nav-button { gap:9px; padding:0 var(--synodia-button-padding); color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .nav-button:hover { color:var(--synodia-neutral-900); background:var(--synodia-neutral-100); }
  .nav-button.active { color:var(--synodia-neutral-900); background:var(--synodia-neutral-100); box-shadow:none; }
  .nav-button.active::before { display:none; }
  .nav-icon { width:20px; height:20px; flex:0 0 auto; display:grid; place-items:center; color:var(--synodia-text-muted); line-height:1; transition:color .15s ease; }
  .nav-icon svg { display:block; width:20px; height:20px; }
  .nav-button:hover .nav-icon { color:var(--synodia-text-muted); }
  .nav-button.active .nav-icon { color:var(--synodia-blue); }
  .search-result-icon.module-icon-archive { border:0; border-radius:50%; color:var(--synodia-blue) !important; background:var(--synodia-blue-border); }
  .module-icon-vector svg { display:block; width:16px; height:16px; }
  .nav-icon.module-icon-vector svg { width:20px; height:20px; }
  .dashboard-widget-icon.module-icon-archive svg,
  .search-result-icon.module-icon-archive svg { width:16px; height:16px; }
  .nav-status { display:none; }
  .sidebar-user { grid-template-columns:27px minmax(0,1fr) 24px; gap:7px; margin-top:auto; padding:10px 5px 0; border-top:1px solid var(--synodia-neutral-200); }
  .user-avatar { width:27px; height:27px; color:var(--synodia-neutral-0); background:var(--synodia-neutral-800); font-size:var(--synodia-font-min); }
  .sidebar-user strong { color:var(--synodia-neutral-800); font-size:var(--synodia-font-min); }
  .logout-icon { width:24px; height:24px; color:var(--synodia-neutral-400); font-size:15px; }
  .sidebar-controls { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:7px 5px 0; padding:7px 0; border-top:1px solid var(--synodia-neutral-100); border-bottom:1px solid var(--synodia-neutral-100); }
  .sidebar-controls .topbar-settings { width:27px; height:27px; }
  .sidebar-controls .topbar-settings svg { width:18px; height:18px; }
  .sidebar-settings-wrap .topbar-settings-menu { top:auto; right:auto; bottom:36px; left:0; }
  .sidebar-controls .theme-control { margin-left:0; }
  .sidebar-controls .sidebar-settings-wrap { margin-left:auto; margin-right:14px; }
  .sidebar-help { display:flex; align-items:center; gap:4px; margin:6px 0 0 -6px; padding-right:8px; }
  .sidebar-help-button { width:auto; min-height:23px; gap:4px; padding:0; border-radius:var(--synodia-button-radius); color:var(--synodia-text-muted); white-space:nowrap; }
  .sidebar-help-button:hover,.sidebar-help-button.active { color:var(--synodia-neutral-850); background:transparent; }
  .sidebar-help-button i { width:14px; height:14px; border:1px solid var(--synodia-neutral-400); border-radius:50%; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .sidebar-help-button.active i { border-color:var(--synodia-neutral-400); color:var(--synodia-neutral-800); background:transparent; }

  @media (min-width:761px) {
    .app-shell.sidebar-collapsed { grid-template-columns:60px minmax(0,1fr); }
    .app-shell.sidebar-collapsed .global-sidebar { padding-left:8px; padding-right:8px; }
    .app-shell.sidebar-collapsed .sidebar-brand { width:34px; height:50px; margin:0 auto; padding:0 0 17px; overflow:hidden; }
    .app-shell.sidebar-collapsed .sidebar-brand-logo { width:136px; max-width:none; }
    .app-shell.sidebar-collapsed .sidebar-brand small,
    .app-shell.sidebar-collapsed .sidebar-company,
    .app-shell.sidebar-collapsed .nav-button > span:not(.nav-icon),
    .app-shell.sidebar-collapsed .sidebar-help-button > span,
    .app-shell.sidebar-collapsed .sidebar-user > div { display:none; }
    .app-shell.sidebar-collapsed .global-nav { justify-items:center; }
    .app-shell.sidebar-collapsed .nav-button { width:42px; justify-content:center; gap:0; padding:0; }
    .app-shell.sidebar-collapsed .nav-icon { width:22px; height:22px; font-size:14px; }
    .app-shell.sidebar-collapsed .sidebar-user { display:flex; flex-direction:column; gap:5px; margin-top:auto; padding:10px 0 0; }
    .app-shell.sidebar-collapsed .sidebar-controls { flex-direction:column; margin:6px auto 0; border:0; }
    .app-shell.sidebar-collapsed .sidebar-controls .theme-symbol { display:none; }
    .app-shell.sidebar-collapsed .sidebar-controls .sidebar-settings-wrap { margin-right:0; }
    .app-shell.sidebar-collapsed .sidebar-settings-wrap .topbar-settings-menu { position:fixed; left:68px; right:auto; bottom:55px; width:260px; }
    .app-shell.sidebar-collapsed .sidebar-help { flex-direction:column; gap:7px; margin:8px auto 0; }
    .app-shell.sidebar-collapsed .sidebar-help-button { min-width:26px; justify-content:center; }
    .app-shell.sidebar-collapsed .sidebar-help-button i { width:20px; height:20px; }
    .app-shell.sidebar-collapsed .sidebar-collapse span { transform:rotate(180deg); }
  }

  .content-shell { grid-template-rows:60px minmax(0,1fr); background:var(--canvas); }
  .global-topbar { min-height:60px; gap:16px; padding:0 26px; border-bottom:1px solid var(--synodia-neutral-200); background:color-mix(in srgb, var(--synodia-panel) 96%, transparent); box-shadow:none; }
  .topbar-title strong { font-size:14px; font-weight:680; }
  .topbar-title small { margin-top:2px; font-size:var(--synodia-font-min); }
  .topbar-actions { gap:8px; }
  .global-search { width:min(235px,24vw); }
  .global-search-input { min-height:37px; padding:0 40px 0 13px; border-color:var(--synodia-neutral-200); border-radius:10px; background:var(--synodia-neutral-0); font-size:var(--synodia-font-min); box-shadow:none; }
  .global-search-icon { display:none; }
  .global-search-button { position:absolute; z-index:2; right:5px; top:50%; width:28px; height:28px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; color:var(--synodia-neutral-850); background:var(--synodia-neutral-200); font-size:14px; transform:translateY(-50%); }
  .global-search-button:hover { background:var(--synodia-neutral-200); }
  .global-search-button svg { width:20px; height:20px; display:block; }
  .global-search-shortcut,.connection-pill { display:none; }
  .theme-control { display:flex; align-items:center; gap:3px; margin:0 1px; }
  .theme-symbol { width:12px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); line-height:1; text-align:center; }
  .theme-toggle { position:relative; width:28px; height:14px; flex:0 0 auto; padding:2px; border:0; border-radius:999px; background:var(--synodia-neutral-850); }
  .theme-thumb { width:10px; height:10px; display:block; border-radius:50%; background:var(--synodia-neutral-0); box-shadow:0 1px 3px rgb(var(--synodia-shadow-rgb) / 0.25); transition:transform .18s ease; }
  .theme-toggle[aria-checked="true"] .theme-thumb { transform:translateX(14px); }
  .topbar-settings-wrap { position:relative; flex-shrink:0; }
  .topbar-settings { width:30px; height:37px; display:grid; place-items:center; padding:0; border:0; color:var(--synodia-text-muted); background:transparent; }
  .topbar-settings svg { display:block; width:21px; height:21px; }
  .topbar-settings:hover { color:var(--synodia-neutral-950); }
  .topbar-settings:focus-visible { outline:2px solid currentColor; outline-offset:2px; border-radius:6px; }
  .topbar-settings-menu { position:absolute; z-index:90; top:43px; right:0; width:260px; padding:7px; border:1px solid var(--synodia-neutral-200); border-radius:13px; background:var(--synodia-neutral-0); box-shadow:0 18px 45px rgb(var(--synodia-shadow-rgb) / 0.18); }
  .topbar-settings-menu button { width:100%; display:grid; grid-template-columns:30px minmax(0,1fr); gap:9px; align-items:center; padding:10px; border:0; border-radius:9px; color:var(--synodia-neutral-800); background:transparent; text-align:left; }
  .topbar-settings-menu button:hover,.topbar-settings-menu button:focus-visible { background:var(--synodia-neutral-100); outline:none; }
  .topbar-settings-menu span { grid-row:1 / span 2; display:grid; place-items:center; width:30px; height:30px; border-radius:8px; color:var(--synodia-blue); background:var(--synodia-neutral-100); font-size:15px; }
  .topbar-settings-menu strong,.topbar-settings-menu small { grid-column:2; display:block; }
  .topbar-settings-menu strong { font-size:var(--synodia-font-min); }
  .topbar-settings-menu small { margin-top:-6px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); line-height:1.4; }
  .topbar-user { border:1px solid var(--synodia-neutral-200); color:var(--synodia-neutral-800); background:var(--synodia-neutral-0); font-size:var(--synodia-font-min); box-shadow:none; }

  .workspace { background:var(--canvas); }
  .internal-view { padding:28px 32px 40px; }
  .home-header { align-items:center; max-width:1280px; margin:0 auto 20px; }
  .eyebrow,.home-header p:last-child,.home-actions { display:none; }
  .home-header h1 { font-size:clamp(26px,2.4vw,32px); font-weight:520; line-height:1.12; letter-spacing:-.04em; }
  .summary-grid { max-width:1280px; margin:0 auto 16px; gap:12px; }
  .summary-card { position:static; min-height:92px; justify-content:center; padding:14px 16px; overflow:visible; border:1px solid var(--synodia-neutral-300); border-radius:14px; background:var(--synodia-neutral-200); box-shadow:none; }
  .summary-card::after { display:none; }
  .summary-card span,.summary-card small { color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .summary-card strong { margin:5px 0; font-size:25px; }
  .dashboard-settings { max-width:1280px; border-color:var(--synodia-neutral-200); border-radius:14px; background:var(--synodia-neutral-0); box-shadow:3px 5px 14px rgb(var(--synodia-shadow-rgb) / 0.06); }
  .dashboard-grid { --dashboard-columns:2; max-width:1280px; gap:14px; }
  .dashboard-widget { border:1px solid var(--synodia-neutral-300); border-radius:14px; background:var(--synodia-neutral-0); box-shadow:5px 8px 18px rgb(var(--synodia-shadow-rgb) / 0.1); }
  .dashboard-widget::before { display:none; }
  .dashboard-widget[data-key="crm"] { --widget-accent:var(--module-crm); }
  .dashboard-widget[data-key="agent"] { --widget-accent:var(--module-agent); }
  .dashboard-widget[data-key="operations"] { --widget-accent:var(--module-operations); }
  .dashboard-widget[data-key="studio"] { --widget-accent:var(--module-studio); }
  .dashboard-widget[data-key="web"] { --widget-accent:var(--module-web); }
  .dashboard-widget[data-key="analytics"] { --widget-accent:var(--module-analytics); }
  .dashboard-widget[data-key="recent"] { --widget-accent:var(--synodia-neutral-500); }
  .dashboard-widget-head { min-height:56px; gap:9px; padding:15px 18px 9px; border-bottom:1px solid var(--synodia-neutral-200); }
  .dashboard-widget-icon { width:24px; height:24px; border:1.5px solid currentColor; border-radius:50%; color:var(--widget-accent); background:transparent; font-size:var(--synodia-font-min); }
  .dashboard-widget-title strong { color:var(--widget-accent); font-size:17px; font-weight:620; }
  .dashboard-widget-title small { display:none; }
  .dashboard-widget-body { padding:14px 18px 16px; }
  .dashboard-widget-kpis { gap:8px; margin-bottom:13px; }
  .dashboard-kpi { padding:9px 10px; border:1px solid var(--synodia-neutral-200); border-radius:9px; background:var(--synodia-neutral-100); }
  .dashboard-actions { margin:0 0 14px; }
  .dashboard-actions-label { display:block; margin:0 0 4px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); letter-spacing:.1em; text-transform:uppercase; }
  .dashboard-action-list { display:grid; }
  .dashboard-action-row { min-height:39px; display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:9px; align-items:center; border-bottom:1px solid var(--synodia-neutral-200); }
  .dashboard-action-row:last-child { border-bottom:0; }
  .dashboard-action-row > i { width:7px; height:7px; border-radius:50%; background:var(--widget-accent); }
  .dashboard-action-row strong { display:block; overflow:hidden; color:var(--synodia-neutral-850); font-size:var(--synodia-font-min); line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
  .dashboard-action-row time { color:var(--synodia-text-muted); font-size:var(--synodia-font-min); white-space:nowrap; }
  .dashboard-actions-empty { margin:7px 0 4px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .dashboard-widget-open { position:relative; width:auto; min-height:26px; margin-top:auto; padding:0 29px 0 0; border:0; border-radius:0; color:var(--synodia-neutral-850); background:transparent; font-size:var(--synodia-font-min); font-weight:650; }
  .dashboard-widget-open::after { content:"↗"; right:0; top:50%; display:grid; place-items:center; border-radius:50%; font-size:var(--synodia-font-min); }
  .dashboard-widget-open:hover { color:var(--widget-accent); background:transparent; }
  .module-view { height:calc(100vh - 60px); }

  .product-module-nav { display:flex; overflow-x:auto; margin:-28px -32px 24px; padding:12px 32px; border-bottom:1px solid var(--synodia-neutral-200); background:color-mix(in srgb, var(--synodia-panel) 95%, transparent); box-shadow:0 7px 24px rgb(var(--synodia-shadow-rgb) / 0.05); backdrop-filter:blur(14px); }
  .product-module-nav button { flex:0 0 auto; display:flex; align-items:center; min-height:36px; padding:8px 12px; border:1px solid var(--synodia-neutral-200); border-radius:11px; color:var(--synodia-text-muted); background:var(--synodia-neutral-0); font-size:var(--synodia-font-min); font-weight:560; transition:transform .18s,box-shadow .18s,background .18s; }
  .product-module-nav button:hover { transform:translateY(-1px); }
  .product-module-nav button span { color:var(--module-accent); font-size:var(--synodia-font-min); }
  .product-module-nav button.active { border-color:transparent; color:var(--synodia-neutral-0); background:linear-gradient(135deg,var(--module-accent),var(--module-accent-deep)); }
  .product-module-nav button.active span { color:var(--synodia-neutral-0); }
  .web-module-nav { --module-accent:var(--module-web); --module-accent-deep:var(--synodia-blue-hover); }
  .analytics-module-nav { --module-accent:var(--module-analytics); --module-accent-deep:var(--synodia-blue-hover); }
  .web-layout { max-width:1280px; }
  .web-hero { display:none; }
  .web-section-anchor { scroll-margin-top:86px; }
  .web-connection-panel { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 22px; border:1px solid var(--synodia-neutral-200); border-radius:15px; background:var(--synodia-neutral-0); box-shadow:3px 5px 14px rgb(var(--synodia-shadow-rgb) / 0.055); }
  .web-connection-copy { max-width:690px; }
  .web-connection-copy p { margin:7px 0 0; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.55; }
  .web-connection-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }
  .web-connection-actions .web-status-pill { border-color:var(--synodia-neutral-200); color:var(--synodia-text-muted); background:var(--synodia-neutral-50); backdrop-filter:none; }
  .web-connection-actions .web-button { min-height:38px; border:1px solid var(--synodia-neutral-200); color:var(--synodia-neutral-850); background:var(--synodia-neutral-0); box-shadow:none; }
  .web-connection-actions .web-button:first-of-type { border-color:transparent; color:var(--synodia-on-accent); background:var(--action-blue); }
  .web-connection-actions .web-button.secondary { color:var(--synodia-neutral-850); background:var(--synodia-neutral-0); }
  .web-panel { scroll-margin-top:86px; }
  .web-content-workspace { margin-bottom:16px; }
  .web-content-toolbar { display:flex; align-items:center; gap:8px; }
  .web-content-list { display:grid; }
  .web-content-row { min-height:54px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; padding:9px 2px; border-bottom:1px solid var(--synodia-neutral-200); }
  .web-content-row:last-child { border-bottom:0; }
  .web-content-type { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; color:var(--synodia-blue); background:var(--synodia-neutral-100); font-size:var(--synodia-font-min); }
  .web-content-copy { min-width:0; }
  .web-content-copy strong { display:block; overflow:hidden; color:var(--synodia-neutral-850); font-size:var(--synodia-font-min); text-overflow:ellipsis; white-space:nowrap; }
  .web-content-copy small { display:block; margin-top:3px; color:var(--muted); font-size:var(--synodia-font-min); }
  .web-content-open { color:var(--synodia-text-muted); font-size:var(--synodia-font-min); text-decoration:none; }
  .web-empty { padding:20px; border:1px dashed var(--synodia-neutral-200); border-radius:13px; color:var(--muted); background:var(--synodia-neutral-50); font-size:var(--synodia-font-min); text-align:center; }
  .web-dialog-backdrop { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:22px; background:rgb(var(--synodia-shadow-rgb) / 0.55); backdrop-filter:blur(7px); }
  .web-dialog { width:min(100%,560px); max-height:calc(100vh - 44px); overflow:auto; padding:24px; border:1px solid var(--synodia-neutral-200); border-radius:19px; background:var(--synodia-neutral-0); box-shadow:0 28px 80px rgb(var(--synodia-shadow-rgb) / 0.28); }
  .web-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
  .web-dialog-head h2 { margin:0; font-size:20px; letter-spacing:-.035em; }
  .web-dialog-head p { margin:6px 0 0; color:var(--muted); font-size:var(--synodia-font-min); line-height:1.5; }
  .web-dialog-close { width:34px; height:34px; flex:0 0 auto; border:1px solid var(--synodia-neutral-200); border-radius:10px; color:var(--synodia-text-muted); background:var(--synodia-neutral-0); }
  .web-form { display:grid; gap:13px; }
  .web-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .web-field { display:grid; gap:6px; color:var(--synodia-neutral-800); font-size:var(--synodia-font-min); font-weight:680; }
  .web-field input,.web-field textarea { width:100%; border:1px solid var(--synodia-neutral-200); border-radius:11px; color:var(--synodia-neutral-850); background:var(--synodia-neutral-50); font:inherit; font-size:var(--synodia-font-min); outline:none; }
  .web-field input { min-height:43px; padding:0 12px; }
  .web-field textarea { min-height:180px; padding:12px; resize:vertical; line-height:1.55; }
  .web-field input:focus,.web-field textarea:focus { border-color:var(--synodia-blue); box-shadow:0 0 0 4px rgb(var(--synodia-blue-rgb) / 0.11); }
  .web-form-help { margin:0; padding:11px 12px; border-radius:11px; color:var(--synodia-text-muted); background:var(--synodia-neutral-50); font-size:var(--synodia-font-min); line-height:1.5; }
  .web-form-error { margin:0; color:var(--synodia-danger); font-size:var(--synodia-font-min); }
  .web-dialog-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:4px; }
  .web-danger { margin-right:auto; border-color:var(--synodia-danger-border) !important; color:var(--synodia-danger) !important; background:var(--synodia-neutral-50) !important; }
  .web-button.primary { border-color:var(--synodia-blue); color:var(--synodia-on-accent); background:var(--synodia-blue); }
  .web-button.busy { pointer-events:none; opacity:.65; }

  html[data-theme="dark"] { color-scheme:dark; --canvas:var(--synodia-canvas); --ink:var(--synodia-text); --muted:var(--synodia-text-muted); --line:var(--synodia-border); --panel:var(--synodia-panel); }
  html[data-theme="dark"] body,
  html[data-theme="dark"] .app-shell,
  html[data-theme="dark"] .content-shell,
  html[data-theme="dark"] .workspace { color:var(--ink); background:var(--canvas); }
  html[data-theme="dark"] .global-sidebar,
  html[data-theme="dark"] .global-topbar,
  html[data-theme="dark"] .summary-card,
  html[data-theme="dark"] .dashboard-widget,
  html[data-theme="dark"] .dashboard-settings,
  html[data-theme="dark"] .panel,
  html[data-theme="dark"] .analytics-panel,
  html[data-theme="dark"] .analytics-kpi,
  html[data-theme="dark"] .workload-card,
  html[data-theme="dark"] .channel-card,
  html[data-theme="dark"] .web-summary,
  html[data-theme="dark"] .web-hero,
  html[data-theme="dark"] .web-capability,
  html[data-theme="dark"] .tutorial-card,
  html[data-theme="dark"] .tutorial-support { color:var(--ink); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .global-sidebar { border-right-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .sidebar-collapse { color:var(--synodia-neutral-400); border-color:var(--synodia-neutral-800); border-left-color:var(--synodia-neutral-850); background:var(--synodia-neutral-900); box-shadow:4px 3px 10px rgb(var(--synodia-shadow-rgb) / 0.18); }
  html[data-theme="dark"] .sidebar-collapse:hover { color:var(--synodia-neutral-0); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .global-topbar { border-bottom-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .sidebar-brand-logo { filter:invert(1) brightness(1.6); mix-blend-mode:screen; }
  html[data-theme="dark"] .sidebar-brand small,
  html[data-theme="dark"] .sidebar-user strong,
  html[data-theme="dark"] .topbar-title strong { color:var(--synodia-neutral-200); }
  html[data-theme="dark"] .nav-button { color:var(--synodia-neutral-400); }
  html[data-theme="dark"] .nav-button:hover,
  html[data-theme="dark"] .nav-button.active { color:var(--synodia-neutral-0); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .nav-icon { color:var(--synodia-neutral-400); }
  html[data-theme="dark"] .nav-button:hover .nav-icon { color:var(--synodia-neutral-300); }
  html[data-theme="dark"] .nav-button.active .nav-icon { color:var(--synodia-blue); }
  html[data-theme="dark"] .sidebar-user { border-top-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .sidebar-help-button { color:var(--synodia-neutral-400); }
  html[data-theme="dark"] .global-search-input,
  html[data-theme="dark"] .topbar-user,
  html[data-theme="dark"] .global-search-popover { color:var(--synodia-neutral-200); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .global-search-button { color:var(--synodia-neutral-200); background:var(--synodia-neutral-800); }
  html[data-theme="dark"] .theme-symbol,
  html[data-theme="dark"] .topbar-settings { color:var(--synodia-neutral-300); }
  html[data-theme="dark"] .topbar-settings-menu { border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .topbar-settings-menu button { color:var(--synodia-neutral-200); }
  html[data-theme="dark"] .topbar-settings-menu button:hover,html[data-theme="dark"] .topbar-settings-menu button:focus-visible { background:var(--synodia-neutral-800); }
  html[data-theme="dark"] .topbar-settings-menu small { color:var(--synodia-neutral-400); }
  html[data-theme="dark"] .summary-card strong,
  html[data-theme="dark"] .analytics-kpi strong,
  html[data-theme="dark"] .workload-card strong,
  html[data-theme="dark"] .channel-value strong,
  html[data-theme="dark"] .dashboard-kpi strong,
  html[data-theme="dark"] .dashboard-latest strong,
  html[data-theme="dark"] .panel-head h2 { color:var(--synodia-neutral-100); }
  html[data-theme="dark"] .dashboard-kpi { background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .workload-card,
  html[data-theme="dark"] .channel-value { border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .funnel-track { background:var(--synodia-neutral-800); }
  html[data-theme="dark"] .activation-score,
  html[data-theme="dark"] .activation-milestone { color:var(--ink); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .activation-milestone[data-reached="true"] { border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] #analytics-view .highlight-icon { color:var(--action-blue); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] #analytics-view button:not(.active) { color:var(--ink); background:var(--synodia-neutral-850); border-color:transparent; box-shadow:none; }
  html[data-theme="dark"] #analytics-view .analytics-empty { background:var(--synodia-neutral-850); border-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .activation-milestone span { color:var(--ink); }
  html[data-theme="dark"] .activation-progress { background:var(--synodia-neutral-700); }
  html[data-theme="dark"] .highlight-row { border-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .dashboard-kpi { border-color:var(--synodia-neutral-700); }
  html[data-theme="dark"] .dashboard-widget-head,
  html[data-theme="dark"] .dashboard-action-row { border-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .dashboard-action-row strong { color:var(--synodia-neutral-100); }
  html[data-theme="dark"] .dashboard-action-row time,
  html[data-theme="dark"] .dashboard-actions-label,
  html[data-theme="dark"] .dashboard-actions-empty { color:var(--synodia-neutral-400); }
  html[data-theme="dark"] .dashboard-widget-open { color:var(--synodia-neutral-200); }
  html[data-theme="dark"] .product-module-nav { border-bottom-color:var(--synodia-neutral-800); background:rgb(var(--synodia-shadow-rgb) / 0.96); }
  html[data-theme="dark"] .product-module-nav button { color:var(--synodia-neutral-400); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .product-module-nav button.active { color:var(--synodia-neutral-0); border-color:transparent; background:linear-gradient(135deg,var(--module-accent),var(--module-accent-deep)); }
  html[data-theme="dark"] .web-connection-panel { color:var(--ink); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .web-connection-actions .web-status-pill,
  html[data-theme="dark"] .web-connection-actions .web-button,
  html[data-theme="dark"] .web-connection-actions .web-button.secondary { color:var(--synodia-neutral-200); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .dashboard-configure,
  html[data-theme="dark"] .dashboard-settings-close,
  html[data-theme="dark"] .dashboard-widget-toggle,
  html[data-theme="dark"] .dashboard-reset,
  html[data-theme="dark"] .dashboard-widget-order button,
  html[data-theme="dark"] .dashboard-column-button.active,
  html[data-theme="dark"] .module-card,
  html[data-theme="dark"] .web-panel,
  html[data-theme="dark"] .web-integration,
  html[data-theme="dark"] .tutorials-start,
  html[data-theme="dark"] .tutorial-support :is(a,button),
  html[data-theme="dark"] .mobile-menu,
  html[data-theme="dark"] .secondary-button { color:var(--synodia-neutral-200); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .dashboard-columns,
  html[data-theme="dark"] .dashboard-empty,
  html[data-theme="dark"] .web-notice { color:var(--synodia-neutral-400); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .web-connection-actions .web-button:first-of-type { color:var(--synodia-on-accent); border-color:transparent; background:var(--action-blue); }
  html[data-theme="dark"] .web-content-row { border-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .web-content-copy strong { color:var(--synodia-neutral-100); }
  html[data-theme="dark"] .web-content-type { color:var(--action-blue); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .web-empty { color:var(--synodia-neutral-400); border-color:var(--synodia-neutral-700); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .web-dialog { color:var(--ink); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .web-dialog-close,
  html[data-theme="dark"] .web-field input,
  html[data-theme="dark"] .web-field textarea { color:var(--synodia-neutral-200); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .web-field { color:var(--synodia-neutral-200); }
  html[data-theme="dark"] .web-form-help { color:var(--synodia-neutral-400); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .tutorials-hero { color:var(--ink); border-color:var(--synodia-neutral-800); background:radial-gradient(circle at 82% 16%,rgb(var(--synodia-blue-rgb) / 0.12),transparent 29%),var(--synodia-neutral-900); }
  html[data-theme="dark"] .home-header h1,
  html[data-theme="dark"] .web-summary strong,
  html[data-theme="dark"] .tutorials-copy h1,
  html[data-theme="dark"] .tutorials-start strong,
  html[data-theme="dark"] .module-card strong { color:var(--synodia-neutral-100); }
  html[data-theme="dark"] .tutorials-copy p:last-child,
  html[data-theme="dark"] .tutorials-start li,
  html[data-theme="dark"] .web-panel-head p { color:var(--synodia-neutral-400); }
  html[data-theme="dark"] .search-result { color:var(--synodia-neutral-200); }
  html[data-theme="dark"] .search-result:hover,
  html[data-theme="dark"] .search-result.active { color:var(--synodia-neutral-0); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .search-result-icon { color:var(--synodia-blue); background:var(--synodia-neutral-850); }
  html[data-theme="dark"] .search-footer,
  html[data-theme="dark"] .recent-row,
  html[data-theme="dark"] .metric-row,
  html[data-theme="dark"] .tutorial-card footer { border-color:var(--synodia-neutral-800); }
  html[data-theme="dark"] .login-card,
  html[data-theme="dark"] .admin-card { color:var(--ink); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .login-card input { color:var(--ink); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }

  /* Legibility pass: readable microcopy without losing the compact layout. */
  .sidebar-brand small,
  .sidebar-help-button,
  .sidebar-user strong,
  .topbar-title small,
  .search-intro,
  .search-result-copy strong,
  .search-empty,
  .global-search-input,
  .topbar-user,
  .summary-card span,
  .summary-card small,
  .dashboard-settings-head p,
  .dashboard-column-button,
  .dashboard-widget-toggle,
  .dashboard-latest strong,
  .dashboard-widget-open,
  .module-card small,
  .recent-row small,
  .timeline-label,
  .metric-copy small,
  .web-summary span,
  .web-summary small,
  .web-panel-head small,
  .web-capability p,
  .web-integration strong,
  .tutorials-start li,
  .tutorials-section-head small,
  .tutorial-card p,
  .tutorial-support p { font-size:var(--synodia-font-min); line-height:1.5; }
  .search-group-label,
  .search-result-copy small,
  .search-result-type,
  .search-footer,
  .dashboard-setting-label,
  .dashboard-reset,
  .dashboard-kpi span,
  .dashboard-kpi small,
  .dashboard-latest span,
  .dashboard-latest small,
  .panel-head p,
  .module-card em,
  .web-panel-head p,
  .web-capability em,
  .web-integration span,
  .web-security p,
  .tutorials-section-head p,
  .tutorial-video em,
  .tutorial-module,
  .tutorial-card footer,
  .tutorial-card footer strong { font-size:var(--synodia-font-min); line-height:1.45; }
  .nav-button,
  .product-module-nav button { font-size:var(--synodia-font-min); }
  .home-header h1,
  .tutorials-copy h1,
  .web-hero h1 { letter-spacing:-.035em; }

  /* Sistema unico de botones: mismo patron visual que la navegacion de modulo. */
  .nav-button,
  .sidebar-help-button,
  .topbar-user,
  .dashboard-configure,
  .dashboard-column-button,
  .dashboard-widget-toggle,
  .dashboard-reset,
  .dashboard-widget-open,
  .analytics-period button,
  .product-module-nav button,
  .web-button,
  .tutorial-support :is(a,button),
  .primary-button,
  .secondary-button {
    font-family:var(--synodia-font);
    font-size:var(--synodia-font-size);
    font-weight:var(--synodia-font-weight);
    line-height:1.1;
    letter-spacing:-.01em;
  }
  .dashboard-configure,
  .dashboard-column-button,
  .dashboard-widget-toggle,
  .dashboard-reset,
  .analytics-period button,
  .product-module-nav button,
  .web-button,
  .tutorial-support :is(a,button),
  .secondary-button {
    min-height:var(--synodia-button-height);
    padding:0 var(--synodia-button-padding);
    border:1px solid var(--synodia-neutral-300);
    border-radius:var(--synodia-button-radius);
    color:var(--synodia-text-muted);
    background:var(--synodia-neutral-50);
    box-shadow:none;
  }
  .primary-button { min-height:var(--synodia-button-height); padding:0 var(--synodia-button-padding) !important; border:1px solid var(--primary); border-radius:var(--synodia-button-radius); color:var(--synodia-on-accent); background:var(--primary); box-shadow:none; }
  .nav-button { min-height:30px; padding-top:2px; padding-bottom:2px; border-radius:var(--synodia-button-radius); font-weight:var(--synodia-font-weight); }
  .nav-button.active { font-weight:700; }
  .sidebar-help-button { font-size:var(--synodia-font-size); font-weight:var(--synodia-font-weight); }
  .topbar-user { min-height:28px; padding:2px 7px; border-radius:0; }
  .product-module-nav { gap:5px; }
  .product-module-nav button { gap:7px; }
  .product-module-nav button:hover,.web-button:hover,.primary-button:hover { transform:none; }
  .product-module-nav button.active { box-shadow:none; }
  .analytics-period button.active { color:var(--synodia-neutral-0); border-color:var(--module-analytics); background:var(--module-analytics); box-shadow:none; }
  .dashboard-widget-open { display:inline-flex; align-items:center; gap:7px; margin-left:auto; }
  .dashboard-widget-open::after { position:static; width:auto; height:auto; color:var(--widget-accent); background:transparent; transform:none; }
  .dashboard-widget-order button,.dashboard-settings-close,.logout-icon,.mobile-menu,.sidebar-close { border-radius:8px; }
  .sidebar-collapse { border-radius:0 6px 6px 0; }

  .admin-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: var(--synodia-neutral-950); }
  .admin-card { width: 100%; max-width: 520px; padding: 34px; border-radius: 18px; background: var(--synodia-neutral-0); }
  .admin-card h1 { margin: 0; font-size: 26px; letter-spacing: -.04em; }
  .admin-card p { color: var(--muted); line-height: 1.55; }
  .admin-actions { display: flex; gap: 10px; margin-top: 22px; }
  .secondary-button { min-height:var(--synodia-button-height); padding:0 var(--synodia-button-padding); border:1px solid var(--synodia-neutral-300); border-radius:var(--synodia-button-radius); background:var(--synodia-neutral-50); color:var(--synodia-text-muted); font-weight:var(--synodia-font-weight); }
  :where(button,a,input,select,textarea,[tabindex]):focus-visible { outline:3px solid rgb(var(--synodia-blue-rgb) / 0.42); outline-offset:2px; }

  @media (max-width: 980px) {
    .summary-grid { grid-template-columns: repeat(2,1fr); }
    .analytics-grid, .web-main-grid { grid-template-columns: 1fr; }
    .analytics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dashboard-grid { --dashboard-columns: 2 !important; }
    .dashboard-settings-body { grid-template-columns: 170px minmax(0,1fr); }
    .dashboard-reset { grid-column:1 / -1; justify-self:start; }
    .web-summary-grid { grid-template-columns:repeat(2,1fr); }
    .tutorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .connection-pill { display:none; }
  }
  @media (max-width: 760px) {
    .app-shell { display: block; }
    .global-sidebar { position: fixed; left: 0; transform: translateX(-105%); width: 224px; transition: transform .2s ease; box-shadow: 18px 0 45px rgb(var(--synodia-shadow-rgb) / 0.18); }
    .app-shell.sidebar-open .global-sidebar { transform: translateX(0); }
    .mobile-backdrop { position: fixed; inset: 0; z-index: 45; background: rgb(var(--synodia-shadow-rgb) / 0.48); }
    .app-shell.sidebar-open .mobile-backdrop { display: block; }
    .mobile-menu, .sidebar-close { display: grid; place-items: center; }
    .sidebar-collapse { display:none; }
    .mobile-menu { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 9px; background: var(--synodia-neutral-0); }
    .sidebar-close { position: absolute; top: 19px; right: 12px; width: 31px; height: 31px; border: 0; border-radius: 8px; background: var(--synodia-neutral-850); color: var(--synodia-neutral-400); }
    .global-topbar { padding: 0 16px; }
    .analytics-hero { align-items:flex-start; flex-direction:column; padding:21px; }
    .analytics-period { width:100%; }
    .analytics-period button { flex:1; }
    .analytics-kpis { grid-template-columns:1fr 1fr; }
    .activation-overview { grid-template-columns:1fr; }
    .activation-milestones { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .analytics-kpi { min-height:112px; padding:16px; }
    .analytics-kpi strong { font-size:23px; }
    .funnel-row { grid-template-columns:112px minmax(0,1fr) 68px; gap:8px; }
    .topbar-title { margin-right: auto; }
    .connection-pill, .topbar-user { display: none; }
    .global-search { width:40px; }
    .global-search-input { padding:0; color:transparent; cursor:pointer; }
    .global-search-input::placeholder { color:transparent; }
    .global-search-shortcut { display:none; }
    .global-search:focus-within { position:absolute; left:59px; right:16px; width:auto; z-index:70; }
    .global-search:focus-within .global-search-input { padding:0 14px 0 35px; color:var(--synodia-neutral-850); cursor:text; }
    .global-search:focus-within .global-search-input::placeholder { color:var(--synodia-neutral-400); }
    .internal-view { padding: 25px 16px 34px; }
    .product-module-nav { margin:-25px -16px 22px; padding:11px 16px; }
    .home-header { align-items: flex-start; flex-direction: column; }
    .home-actions { width:100%; justify-content:space-between; }
    .home-badge { display: none; }
    .dashboard-settings-body { grid-template-columns:1fr; gap:15px; }
    .dashboard-reset { grid-column:auto; }
    .dashboard-grid { grid-template-columns:1fr !important; }
    .module-grid { grid-template-columns: 1fr; }
    .web-hero { align-items:flex-start; flex-direction:column; padding:24px; }
    .web-hero-actions { min-width:0; justify-items:start; }
    .web-capabilities { grid-template-columns:1fr; }
    .web-capability:first-child { grid-column:auto; }
    .web-connection-panel { align-items:flex-start; flex-direction:column; }
    .web-connection-actions { justify-content:flex-start; }
    .web-form-row { grid-template-columns:1fr; }
    .tutorials-hero { grid-template-columns:1fr; }
    .tutorial-grid { grid-template-columns:1fr; }
    .tutorial-support,.tutorials-section-head { align-items:flex-start; flex-direction:column; }
    .tutorials-section-head small { text-align:left; }
    .module-view { height: calc(100vh - 60px); }
  }
  @media (max-width: 440px) {
    .analytics-kpis { grid-template-columns:1fr; }
    .workload-grid { grid-template-columns:1fr; }
    .activation-milestones { grid-template-columns:1fr; }
    .web-summary-grid { grid-template-columns:1fr; }
    .summary-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .summary-card { min-height: 96px; padding: 14px; }
    .summary-card strong { font-size: 23px; }
    .login-card { padding: 28px 22px; }
  }

  /* Portada operativa: tendencia a ancho completo y contexto inmediato. */
  .home-card,.home-mini-card{max-width:1280px;margin:0 auto 14px;border:1px solid var(--synodia-neutral-300);border-radius:14px;background:var(--synodia-neutral-0);box-shadow:5px 8px 18px rgb(var(--synodia-shadow-rgb) / 0.08)}
  .home-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 20px 8px}.home-card-head h2{margin:0;color:var(--synodia-neutral-900);font-size:16px}.home-card-head p{margin:5px 0 0;color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}.home-metric-select{min-height:35px;padding:0 11px;border:1px solid var(--synodia-neutral-200);border-radius:9px;background:var(--synodia-neutral-50);color:var(--synodia-neutral-850);font:inherit;font-size:var(--synodia-font-min)}
  .home-chart-wrap{padding:2px 20px 16px}.home-chart-summary{display:flex;align-items:baseline;gap:8px}.home-chart-summary strong{font-size:25px}.home-chart-summary span{color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}.home-chart-svg{width:100%;height:172px;display:block}.home-chart-grid{stroke:var(--synodia-neutral-200)}.home-chart-area{fill:url(#home-gradient)}.home-chart-line{fill:none;stroke:var(--synodia-blue);stroke-width:3}.home-chart-dot{fill:var(--synodia-neutral-0);stroke:var(--synodia-blue);stroke-width:2}.home-chart-labels{display:grid;grid-template-columns:repeat(14,1fr);color:var(--synodia-text-muted);font-size:var(--synodia-font-min);text-align:center}.home-empty{margin:24px 20px;color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}
  .home-two{max-width:1280px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-two>*,.home-left-stack>*,.home-notes>*,.home-recent>*{min-width:0}.home-note strong{overflow-wrap:anywhere}.home-two .home-mini-card{margin:0;min-height:310px}.home-left-stack{display:grid;gap:9px;align-content:start}.home-left-stack .home-mini-card,.home-left-stack .home-card{max-width:none;margin:0;min-height:0}.home-two>.home-calendar-card{height:100%}
  .home-calendar{padding:7px 20px 18px}.home-week,.home-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.home-week span{padding:5px 0;color:var(--synodia-text-muted);font-size:var(--synodia-font-min);text-align:center}.home-day{position:relative;min-height:34px;display:grid;place-items:center;border-radius:9px;background:var(--synodia-neutral-50);color:var(--synodia-neutral-800);font-size:var(--synodia-font-min)}.home-day.out{color:var(--synodia-neutral-400);background:transparent}.home-day.today{outline:2px solid var(--synodia-blue);outline-offset:-2px}.home-day.appt:after,.home-day.note:before{content:"";position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%}.home-day.appt:after{right:calc(50% - 7px);background:var(--synodia-blue)}.home-day.note:before{left:calc(50% - 7px);background:var(--synodia-blue)}.home-legend{display:flex;gap:14px;margin-top:12px;color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}.home-legend i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}
  .home-recent{padding:0 16px 8px}.home-recent button{width:100%;min-height:42px;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:3px 0;border:0;border-bottom:1px solid var(--synodia-neutral-200);background:transparent;color:var(--synodia-neutral-850);text-align:left}.home-recent button i{width:7px;height:7px;border-radius:50%;background:var(--synodia-blue)}.home-recent strong,.home-recent small{display:block}.home-recent strong{font-size:var(--synodia-font-min)}.home-recent small{color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}.home-recent time{color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}
  .home-notes{display:grid;grid-template-columns:1fr;gap:6px;padding:2px 16px 10px}.home-note{min-height:64px;padding:9px 11px;border:1px solid var(--synodia-neutral-200);border-radius:11px;background:var(--synodia-blue-soft);color:var(--synodia-neutral-850);text-align:left}.home-note strong,.home-note small{display:block}.home-note strong{font-size:var(--synodia-font-min)}.home-note p{overflow:hidden;margin:4px 0;color:var(--synodia-text-muted);font-size:var(--synodia-font-min);line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.home-note small{color:var(--synodia-text-muted);font-size:var(--synodia-font-min)}.home-left-stack .home-card-head{padding:12px 16px 5px}
  .dashboard-widget{min-height:225px}
  html[data-theme="dark"] .home-card,html[data-theme="dark"] .home-mini-card{border-color:var(--synodia-neutral-800);background:var(--synodia-neutral-850)}html[data-theme="dark"] .home-card-head h2,html[data-theme="dark"] .home-recent button,html[data-theme="dark"] .home-note{color:var(--synodia-neutral-200)}html[data-theme="dark"] .home-day{color:var(--synodia-neutral-200);background:var(--synodia-neutral-850)}
  @media(max-width:720px){.home-two{grid-template-columns:1fr}.home-left-stack{gap:14px}.topbar-settings-menu{position:fixed;top:58px;right:10px;left:10px;width:auto}.topbar-settings-menu button{min-height:54px}}

  /* Jerarquia sin negritas: regular para lectura, medio para enfasis. */
  body { font-synthesis:none; }
  body * { font-weight:400 !important; }
  body :is(h1,h2,h3,h4,h5,h6,strong,b,th,button,.active,.eyebrow,.section-label) { font-weight:var(--synodia-font-weight) !important; }

.notes-trigger {display:flex;align-items:center;gap:6px;min-height:37px;padding:0 5px;border:1px solid var(--synodia-notes-background);border-radius:9px;background:var(--synodia-notes-background);color:var(--synodia-notes-text);font:inherit;font-size:var(--synodia-font-min);cursor:pointer}
.notes-trigger:hover {background:var(--synodia-notes-hover)}
/* Notas utiliza la misma paleta corporativa que el resto de acciones. */
html[data-theme] body #notes-trigger.notes-trigger {background:var(--synodia-notes-background);color:var(--synodia-notes-text);border-color:var(--synodia-notes-background);box-shadow:none}
html[data-theme] body #notes-trigger.notes-trigger:hover {background:var(--synodia-notes-hover);color:var(--synodia-notes-text)}
.notes-trigger:focus-visible {outline:2px solid var(--action-blue);outline-offset:3px}
.notes-badge {min-width:18px;padding:2px 4px;border-radius:20px;background:var(--synodia-blue);color:var(--synodia-on-accent);font-size:var(--synodia-font-min)}
.notes-dialog {position:fixed;inset:0 0 0 auto;width:min(560px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0;padding:0;border:0;border-left:1px solid var(--line);background:var(--synodia-neutral-50);color:var(--synodia-neutral-850);box-shadow:-12px 0 60px rgb(var(--synodia-shadow-rgb) / 0.145);overflow:auto;font-size:14px}
.notes-dialog::backdrop {background:rgb(var(--synodia-shadow-rgb) / 0.251);backdrop-filter:blur(2px)}
.notes-head {position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--synodia-neutral-200);background:var(--synodia-neutral-50)}
.notes-head h2 {margin:0;font-size:22px;letter-spacing:-.04em}.notes-head p {margin:5px 0 0;font-size:var(--synodia-font-min);color:var(--synodia-text-muted)}
.notes-wrap {padding:20px 24px}.notes-row {display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notes-row>* {min-width:0}
.notes-dialog button {font:inherit;cursor:pointer}.notes-btn {min-height:var(--synodia-button-height);border:1px solid var(--synodia-neutral-300);border-radius:var(--synodia-button-radius);padding:0 var(--synodia-button-padding);background:var(--synodia-neutral-50);color:var(--synodia-text-muted);font-family:var(--synodia-font);font-size:var(--synodia-font-size)!important;font-weight:var(--synodia-font-weight);line-height:1.1;letter-spacing:-.01em}
.notes-primary {border-color:var(--synodia-blue);background:var(--synodia-blue);color:var(--synodia-on-accent)}.notes-btn:disabled {opacity:.5;cursor:not-allowed}.notes-close {width:34px;padding:0;font-size:22px!important}
.notes-dialog input,.notes-dialog textarea,.notes-dialog select {width:100%;box-sizing:border-box;border:1px solid var(--synodia-neutral-200);border-radius:9px;background:var(--synodia-neutral-0);color:var(--synodia-neutral-850);padding:11px 12px;font:inherit;font-size:var(--synodia-font-min)}
.notes-dialog textarea {resize:vertical;min-height:180px;line-height:1.65}.notes-dialog input:focus,.notes-dialog select:focus,.notes-dialog textarea:focus {outline:2px solid var(--action-blue);outline-offset:2px}
.notes-dialog label {display:block;margin:18px 0 6px;font-size:var(--synodia-font-min);font-weight:650}.notes-help {font-size:var(--synodia-font-min);color:var(--synodia-text-muted);line-height:1.6}.notes-error {padding:12px;border-radius:9px;background:var(--synodia-neutral-100);color:var(--synodia-danger);font-size:var(--synodia-font-min)}.notes-status {min-height:18px;font-size:var(--synodia-font-min);color:var(--synodia-text-muted)}
.notes-toolbar {display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.notes-toolbar select {max-width:150px}
#notes-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start} #notes-list .notes-card {margin:0;min-width:0;min-height:250px;aspect-ratio:auto;display:flex;flex-direction:column;gap:8px} #notes-list .notes-empty{grid-column:1/-1} .notes-card audio,#notes-audio-controls audio{width:100%;max-width:100%;height:54px;min-height:54px;flex:0 0 54px} #notes-list .notes-card>*{flex-shrink:0} #notes-list .notes-copy{max-height:180px;overflow:auto}.notes-audio-copy{max-height:180px;overflow:auto}.notes-card details{margin-top:auto}.notes-card summary{cursor:pointer;padding:8px 0}.notes-card .notes-meta svg{vertical-align:middle} #notes-audio-controls{margin:12px 0} @media(max-width:430px){#notes-list{grid-template-columns:1fr}}
.notes-card {padding:18px;margin:12px 0;border:1px solid var(--synodia-neutral-200);border-radius:13px;background:var(--synodia-neutral-0);box-shadow:0 4px 14px rgb(var(--synodia-blue-rgb) / 0.016)}
.notes-card h3 {margin:0 0 8px;font-size:15px;overflow-wrap:anywhere}.notes-copy {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:12px 0;font-size:var(--synodia-font-min);color:var(--synodia-text-muted)}
.notes-meta {font-size:var(--synodia-font-min);color:var(--synodia-text-muted);line-height:1.7;overflow-wrap:anywhere}.notes-chip {display:inline-block;border-radius:6px;background:var(--synodia-neutral-100);color:var(--synodia-blue);padding:3px 7px;font-size:var(--synodia-font-min);margin-right:6px}
.notes-empty {padding:36px 16px;text-align:center;border:1px dashed var(--synodia-neutral-200);border-radius:12px;margin:18px 0;color:var(--synodia-text-muted);line-height:1.7}
.notes-reminders {position:fixed;bottom:22px;right:22px;z-index:100;max-width:min(360px,calc(100vw - 32px));padding:17px 20px;border:1px solid var(--synodia-blue-border);border-radius:14px;background:var(--synodia-neutral-0);box-shadow:0 10px 45px rgb(var(--synodia-shadow-rgb) / 0.145);color:var(--synodia-neutral-900);font-size:var(--synodia-font-min)}
.notes-reminders p {margin:6px 0 13px;line-height:1.6}.notes-dialog [hidden],.notes-reminders[hidden],.notes-badge[hidden],.notes-trigger[hidden] {display:none!important}
html[data-theme="dark"] .notes-dialog,html[data-theme="dark"] .notes-head {background:var(--synodia-neutral-900);color:var(--synodia-neutral-200)}
html[data-theme="dark"] .notes-card,html[data-theme="dark"] .notes-btn:not(.notes-primary),html[data-theme="dark"] .notes-dialog input,html[data-theme="dark"] .notes-dialog textarea,html[data-theme="dark"] .notes-dialog select,html[data-theme="dark"] .notes-reminders {background:var(--synodia-neutral-850);color:var(--synodia-neutral-200);border-color:var(--synodia-neutral-700)}
html[data-theme="dark"] .notes-copy,html[data-theme="dark"] .notes-meta,html[data-theme="dark"] .notes-help,html[data-theme="dark"] .notes-head p {color:var(--synodia-text-muted)}
@media(max-width:540px) {.notes-head,.notes-wrap {padding:18px 16px}.notes-toolbar {grid-template-columns:1fr}.notes-toolbar select {max-width:none}.notes-reminders {right:16px;bottom:16px}}


.objectives-trigger {width:37px;height:37px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;color:var(--synodia-blue);background:transparent;box-shadow:none;cursor:pointer}
.objectives-trigger:hover {color:var(--synodia-blue-hover);background:transparent;box-shadow:none}.objectives-trigger:focus-visible,.goals-btn:focus-visible {outline:2px solid var(--synodia-blue);outline-offset:3px}
html[data-theme="dark"] .objectives-trigger {color:var(--synodia-blue)}html[data-theme="dark"] .objectives-trigger:hover {color:var(--synodia-blue-soft)}
.objectives-trigger[hidden],#objectives-view[hidden],#objectives-view [hidden] {display:none!important}
.goals-wrap {max-width:1120px;margin:0 auto}.goals-hero {display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}
.goals-hero h1 {font-size:clamp(26px,3vw,36px);letter-spacing:-.045em;margin:8px 0 10px}.goals-hero p {color:var(--synodia-text-muted);font-size:14px;line-height:1.6;margin:0}.goals-eyebrow {font-size:var(--synodia-font-min)!important;text-transform:uppercase;letter-spacing:.12em;color:var(--synodia-blue)!important;font-weight:700}
.goals-actions {display:flex;gap:8px;flex-wrap:wrap}.goals-btn {border:1px solid var(--synodia-neutral-300);border-radius:var(--synodia-button-radius);background:var(--synodia-neutral-50);color:var(--synodia-text-muted);min-height:var(--synodia-button-height);padding:0 var(--synodia-button-padding);font-family:var(--synodia-font);font-size:var(--synodia-font-size);font-weight:var(--synodia-font-weight);line-height:1.1;letter-spacing:-.01em;cursor:pointer}.goals-btn:disabled {opacity:.5;cursor:wait}.goals-btn.primary {background:var(--synodia-blue);border-color:var(--synodia-blue);color:var(--synodia-on-accent)}
.goals-period {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:var(--synodia-font-min);color:var(--synodia-text-muted)}.goals-period strong {color:var(--synodia-text-muted);text-transform:capitalize}
.goals-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px}.goal-card {border:1px solid var(--synodia-neutral-200);border-radius:19px;padding:26px;background:var(--synodia-neutral-0);box-shadow:0 6px 24px rgb(var(--synodia-blue-rgb) / 0.016);min-width:0}
.goal-card-top {display:flex;justify-content:space-between;align-items:center;gap:12px}.goal-card h2 {font-size:16px;margin:0;letter-spacing:-.02em}.goal-tag {font-size:var(--synodia-font-min);padding:5px 8px;border-radius:6px;background:var(--synodia-neutral-100);color:var(--synodia-blue);white-space:nowrap}.goal-tag.live {background:var(--synodia-neutral-100);color:var(--synodia-blue)}
.goal-value {font-size:38px;letter-spacing:-.06em;font-weight:650;margin:28px 0 7px;overflow-wrap:anywhere}.goal-target {font-size:var(--synodia-font-min);color:var(--synodia-text-muted);margin:0 0 20px}.goal-card progress {appearance:none;width:100%;height:8px;display:block;border:0;border-radius:6px;overflow:hidden;background:var(--synodia-neutral-100);color:var(--synodia-blue)}.goal-card progress::-webkit-progress-bar {background:var(--synodia-neutral-100)}.goal-card progress::-webkit-progress-value {background:var(--synodia-blue);border-radius:6px}.goal-card progress::-moz-progress-bar {background:var(--synodia-blue);border-radius:6px}
.goal-progress-copy {display:flex;justify-content:space-between;gap:12px;margin:12px 0 22px;font-size:var(--synodia-font-min);min-height:18px}.goal-progress-copy strong {font-weight:600}.goal-source {border-top:1px solid var(--synodia-neutral-100);padding-top:17px;font-size:var(--synodia-font-min);line-height:1.7;color:var(--synodia-text-muted);margin:0}.goal-source strong {font-weight:600;color:var(--synodia-text-muted)}
.goals-footnote {margin:20px 0;color:var(--synodia-text-muted);font-size:var(--synodia-font-min);line-height:1.7}.goals-state {font-size:var(--synodia-font-min);color:var(--synodia-text-muted);line-height:1.6}.goals-error {color:var(--synodia-danger);background:var(--synodia-neutral-100);border-radius:9px;padding:12px}
.goals-editor {margin:20px 0;padding:24px;border:1px solid var(--synodia-neutral-300);border-radius:16px;background:var(--synodia-neutral-50)}.goals-editor h2 {font-size:17px;margin:0 0 8px}.goals-editor p {font-size:var(--synodia-font-min);line-height:1.7;color:var(--synodia-text-muted)}.goals-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.goals-fields label {font-size:var(--synodia-font-min);font-weight:600;display:block;margin-bottom:8px}.goals-fields input {box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--synodia-neutral-200);background:var(--synodia-neutral-0);color:var(--synodia-neutral-800);font:inherit;border-radius:9px}.goals-fields input:focus {outline:2px solid var(--synodia-blue);outline-offset:2px}
html[data-theme="dark"] .goal-card,html[data-theme="dark"] .goals-btn:not(.primary),html[data-theme="dark"] .goals-fields input {background:var(--synodia-neutral-850);border-color:var(--synodia-neutral-800);color:var(--synodia-neutral-200)}html[data-theme="dark"] .goals-editor {background:var(--synodia-neutral-850);border-color:var(--synodia-neutral-700)}html[data-theme="dark"] .goals-period strong,html[data-theme="dark"] .goal-source strong {color:var(--synodia-neutral-200)}html[data-theme="dark"] .goal-source,html[data-theme="dark"] .goals-hero p,html[data-theme="dark"] .goal-target,html[data-theme="dark"] .goals-footnote,html[data-theme="dark"] .goals-editor p,html[data-theme="dark"] .goals-state,html[data-theme="dark"] .goals-period {color:var(--synodia-text-muted)}html[data-theme="dark"] .goal-source {border-color:var(--synodia-neutral-700)}
/* Controles de Objetivos: mismos tokens semánticos en ambos temas. */
#objectives-view .goals-btn {background:var(--synodia-blue-soft);border-color:var(--synodia-blue-border);color:var(--synodia-blue-hover)}
#objectives-view .goals-btn:hover:not(:disabled) {background:var(--synodia-control);border-color:var(--synodia-blue)}
#objectives-view .goals-btn.primary {background:var(--synodia-blue);border-color:var(--synodia-blue);color:var(--synodia-neutral-0)}
#objectives-view .goals-btn.primary:hover:not(:disabled) {background:var(--synodia-blue-hover);border-color:var(--synodia-blue-hover)}
#objectives-view .goal-tag {background:var(--synodia-blue-soft);border:1px solid var(--synodia-blue-border);color:var(--synodia-blue-hover)}
html[data-theme="dark"] #objectives-view .goals-btn.primary {background:var(--synodia-blue-border);border-color:var(--synodia-blue);color:var(--synodia-neutral-0)}
html[data-theme="dark"] #objectives-view .goals-btn.primary:hover:not(:disabled) {background:var(--synodia-blue-surface);border-color:var(--synodia-blue-hover)}
@media(max-width:700px) {.goals-grid,.goals-fields {grid-template-columns:1fr}.goals-hero {align-items:flex-start;flex-direction:column;margin:22px 0}.goal-card {padding:22px}.goals-editor {padding:20px}.goal-value {font-size:34px}}
@media(max-width:540px) {.content-shell {grid-template-columns:minmax(0,1fr)}.global-topbar {gap:8px}.topbar-actions {gap:6px}.topbar-title small,.theme-symbol {display:none}.topbar-title strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu {flex-shrink:0}}


  .user-avatar { padding:0; overflow:hidden; border:0; }
  .user-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
  .sidebar-company { display:flex; align-items:center; gap:6px; margin-top:5px; }
  .sidebar-company-logo { width:20px; height:20px; flex:0 0 auto; overflow:hidden; border:1px solid var(--synodia-neutral-200); border-radius:6px; background:var(--synodia-neutral-100); }
  .sidebar-company-logo img { width:100%; height:100%; display:block; object-fit:cover; }
  .sidebar-company small { margin:0; }
  .workspace-setup { max-width:1180px; margin:0 auto; }
  .workspace-setup-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:20px; }
  .workspace-setup-hero h1 { margin:3px 0 7px; font-size:30px; letter-spacing:-.04em; }
  .workspace-setup-hero p { max-width:680px; margin:0; color:var(--muted); }
  .workspace-progress { min-width:180px; padding:13px 15px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
  .workspace-progress strong,.workspace-progress span { display:block; }
  .workspace-progress strong { font-size:20px; }
  .workspace-progress span { color:var(--muted); font-size:var(--synodia-font-min); }
  .workspace-progress-bar { height:6px; margin-top:9px; overflow:hidden; border-radius:999px; background:var(--synodia-neutral-200); }
  .workspace-progress-bar i { height:100%; display:block; background:var(--primary); }
  .workspace-tabs { display:flex; gap:6px; margin-bottom:16px; padding:5px; overflow:auto; border:1px solid var(--line); border-radius:11px; background:var(--panel); }
  .workspace-tabs button { min-height:var(--synodia-button-height); padding:0 var(--synodia-button-padding); border:1px solid var(--synodia-neutral-300); border-radius:var(--synodia-button-radius); color:var(--synodia-text-muted); background:var(--synodia-neutral-50); font-family:var(--synodia-font); font-size:var(--synodia-font-size); font-weight:var(--synodia-font-weight); line-height:1.1; letter-spacing:-.01em; white-space:nowrap; }
  .workspace-tabs button.active { color:var(--synodia-on-accent); border-color:var(--primary); background:var(--primary); font-weight:680; }
  .workspace-panel { padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:var(--shadow-soft); }
  .workspace-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
  .workspace-panel-head h2 { margin:0; font-size:18px; }
  .workspace-panel-head p { margin:5px 0 0; color:var(--muted); font-size:var(--synodia-font-min); }
  .workspace-form-layout { display:grid; grid-template-columns:150px minmax(0,1fr); gap:24px; }
  .workspace-photo { display:grid; justify-items:center; align-content:start; gap:9px; }
  .workspace-photo-preview { width:104px; height:104px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--synodia-neutral-200); border-radius:50%; color:var(--synodia-neutral-0); background:var(--synodia-neutral-800); font-size:25px; }
  .workspace-photo-preview.company { border-radius:20px; color:var(--synodia-text-muted); background:var(--synodia-neutral-100); }
  .workspace-photo-preview img { width:100%; height:100%; object-fit:cover; }
  .workspace-file-button { min-height:var(--synodia-button-height); display:inline-flex; align-items:center; padding:0 var(--synodia-button-padding); border:1px solid var(--synodia-neutral-300); border-radius:var(--synodia-button-radius); color:var(--synodia-text-muted); background:var(--synodia-neutral-50); font-family:var(--synodia-font); font-size:var(--synodia-font-size); font-weight:var(--synodia-font-weight); line-height:1.1; letter-spacing:-.01em; cursor:pointer; }
  .workspace-file-button input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
  .workspace-remove-image { min-height:28px; padding:0 7px; border:1px solid var(--synodia-neutral-300); border-radius:0; color:var(--synodia-blue); background:var(--synodia-neutral-50); font-family:var(--synodia-font); font-size:var(--synodia-font-min); font-weight:600; }
  .workspace-fields { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
  .workspace-field { display:grid; gap:5px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .workspace-field.wide { grid-column:1 / -1; }
  .workspace-field input,.workspace-field textarea { width:100%; min-height:40px; padding:9px 11px; border:1px solid var(--synodia-neutral-200); border-radius:8px; color:var(--ink); background:var(--panel); }
  .workspace-field textarea { min-height:76px; resize:vertical; }
  .workspace-actions { grid-column:1 / -1; display:flex; align-items:center; gap:10px; margin-top:4px; }
  .workspace-primary,.workspace-secondary { min-height:var(--synodia-button-height); padding:0 var(--synodia-button-padding); border-radius:var(--synodia-button-radius); font-family:var(--synodia-font); font-size:var(--synodia-font-size); font-weight:var(--synodia-font-weight); line-height:1.1; letter-spacing:-.01em; }
  .workspace-primary { border:1px solid var(--primary); color:var(--synodia-on-accent); background:var(--primary); }
  .workspace-secondary { border:1px solid var(--line); color:var(--synodia-text-muted); background:var(--panel); }
  .workspace-primary:disabled,.workspace-secondary:disabled { opacity:.48; cursor:not-allowed; }
  .workspace-status { margin:0; color:var(--synodia-blue); font-size:var(--synodia-font-min); }
  .workspace-status.error { color:var(--synodia-danger); }
  .workspace-legal-note { margin:0 0 14px; padding:11px 13px; border:1px solid var(--synodia-blue-border); border-radius:9px; color:var(--synodia-blue); background:var(--synodia-neutral-50); font-size:var(--synodia-font-min); }
  .workspace-card-list { display:grid; gap:12px; }
  .workspace-card { padding:16px; border:1px solid var(--line); border-radius:11px; background:color-mix(in srgb, var(--synodia-panel) 65%, transparent); }
  .workspace-card-head { display:flex; justify-content:space-between; gap:14px; }
  .workspace-card h3 { margin:0; font-size:14px; }
  .workspace-card p { margin:6px 0; color:var(--muted); font-size:var(--synodia-font-min); }
  .workspace-badge { align-self:flex-start; padding:3px 7px; border-radius:999px; color:var(--synodia-text-muted); background:var(--synodia-neutral-100); font-size:var(--synodia-font-min); white-space:nowrap; }
  .workspace-badge.ok { color:var(--synodia-success); background:var(--synodia-neutral-100); }
  .workspace-badge.warning { color:var(--synodia-warning); background:var(--synodia-warning-soft); }
  .workspace-confirm { display:flex; align-items:flex-start; gap:8px; margin:11px 0; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .workspace-confirm input { margin-top:2px; }
  .workspace-permissions { margin:9px 0; padding-left:18px; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  .workspace-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
  .workspace-finish { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; padding:16px; border:1px solid var(--synodia-blue-soft); border-radius:12px; background:var(--synodia-neutral-100); }
  .workspace-finish p { margin:0; color:var(--synodia-text-muted); font-size:var(--synodia-font-min); }
  html[data-theme="dark"] .workspace-panel,html[data-theme="dark"] .workspace-tabs,html[data-theme="dark"] .workspace-progress,html[data-theme="dark"] .workspace-card { border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .workspace-field input,html[data-theme="dark"] .workspace-field textarea,html[data-theme="dark"] .workspace-secondary { color:var(--synodia-neutral-200); border-color:var(--synodia-neutral-800); background:var(--synodia-neutral-900); }
  @media(max-width:760px){.workspace-setup-hero{flex-direction:column}.workspace-progress{width:100%}.workspace-form-layout{grid-template-columns:1fr}.workspace-fields{grid-template-columns:1fr}.workspace-field.wide,.workspace-actions{grid-column:auto}.workspace-finish{align-items:flex-start;flex-direction:column}}

.workspace-setup,.workspace-panel,.workspace-fields>* { min-width:0; overflow-wrap:anywhere; }
.workspace-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.workspace-field input,.workspace-field textarea { min-width:0;max-width:100%; }
.workspace-actions,.workspace-panel-head,.workspace-setup-hero { flex-wrap:wrap; }
@media(max-width:900px) { .workspace-form-layout { grid-template-columns:minmax(0,1fr); } .workspace-photo { justify-items:start; } }
@media(max-width:600px) { .workspace-fields { grid-template-columns:minmax(0,1fr); } .workspace-panel { padding:16px; } }
@media(pointer:coarse) { .workspace-tabs button,.workspace-actions button,.workspace-secondary,.workspace-primary,.workspace-file-button { min-height:44px; } }

  .sidebar-brand .sidebar-company { display:flex; align-items:center; gap:10px; }
  .sidebar-brand .sidebar-company-logo { background:var(--synodia-control); display:grid; place-items:center; width:42px; height:42px; border-radius:8px; font-size:15px; color:var(--ink); }
  .sidebar-brand .sidebar-company-logo img { object-fit:contain; }
  .sidebar-brand #company-name { font-size:var(--synodia-font-min); line-height:1.4; color:inherit; }
  html[data-theme="dark"] .sidebar-brand #company-name { color:var(--synodia-neutral-0); }
  :root { --action-blue:var(--synodia-blue); --action-blue-hover:var(--synodia-blue-hover); }
  html[data-theme="dark"] { --action-blue:var(--synodia-blue); --action-blue-hover:var(--synodia-blue-hover); }
  html[data-theme] body :is(input,textarea,select):focus { outline:2px solid var(--action-blue); outline-offset:2px; border-color:var(--action-blue); box-shadow:none; }
  html[data-theme] body :is(button,a,[tabindex]):focus-visible { outline:2px solid var(--action-blue); outline-offset:2px; }
  html[data-theme] body :is(.primary-button,.web-button.primary,.analytics-period button.active,.product-module-nav button.active,.notes-trigger,.notes-primary,.goals-btn.primary,.workspace-primary,.workspace-tabs button.active) { color:var(--synodia-on-accent); background:var(--action-blue); border-color:transparent; box-shadow:none; }
  html[data-theme] body :is(.primary-button,.web-button.primary,.analytics-period button.active,.product-module-nav button.active,.notes-trigger,.notes-primary,.goals-btn.primary):hover { background:var(--action-blue-hover); }
  .sidebar-controls { margin-top:auto; }
  .sidebar-signature { display:flex; justify-content:center; padding:15px 0 3px; opacity:.55; }
  .sidebar-signature img { width:88px; height:auto; }
  .account-menu-wrap { position:relative; flex-shrink:0; }
  .account-menu-wrap .user-avatar { width:32px; height:32px; cursor:pointer; }
  .account-menu { position:absolute; top:calc(100% + 12px); right:0; width:240px; max-width:calc(100vw - 24px); padding:12px; background:var(--surface,var(--synodia-neutral-0)); color:var(--ink); border:1px solid var(--line,var(--synodia-neutral-200)); border-radius:8px; box-shadow:0 8px 28px rgb(var(--synodia-shadow-rgb) / 0.125); z-index:100; }
  .account-menu[hidden] { display:none; }
  .account-menu strong,.account-menu small { display:block; overflow-wrap:anywhere; }
  .account-menu small { margin:4px 0 12px; color:var(--muted); font-size:var(--synodia-font-min); }
  .account-menu button { width:100%; display:block; padding:8px; margin-top:5px; text-align:left; border:0; background:transparent; color:inherit; cursor:pointer; }
  .account-menu button:hover { background:rgb(var(--synodia-blue-rgb) / 0.078); }
  html[data-theme="dark"] .account-menu { background:var(--synodia-neutral-900); }
  html[data-theme="dark"] .sidebar-signature img { filter:invert(1); }
  @media(min-width:761px) { .app-shell.sidebar-collapsed .sidebar-brand .sidebar-company { display:flex; } .app-shell.sidebar-collapsed #company-name { display:none; } .app-shell.sidebar-collapsed .sidebar-controls { margin-top:auto; } .app-shell.sidebar-collapsed .sidebar-signature img { width:42px; } }
  .home-card-head select { color:var(--synodia-text); background:var(--synodia-control); border-color:var(--synodia-border); }
  @media(max-width:540px) { .global-topbar { flex-wrap:wrap; } .topbar-actions { margin-left:auto; max-width:100%; } .global-search { min-width:0; } }

  html[data-theme] .home-notes-card,html[data-theme] .home-notes-card .home-note {background:var(--synodia-notes-background);color:var(--synodia-notes-text)}
  html[data-theme] .home-notes-card :is(h2,button,strong,p,small) {color:var(--synodia-notes-text)}
  html[data-theme] .home-notes-card .home-note:hover {background:var(--synodia-notes-hover)}