/* Optional workspace theme. Every rule is gated by the authenticated style.
   The existing Classic / Modern workspaces and printed documents retain their styles. */
@media screen {
  html[data-workspace-style="texdrop"]:root {
    color-scheme:light;
    --qt-bg:#f6f7f9;--qt-surface:#fff;--qt-soft:#f8f9fb;--qt-field:#fcfcfe;
    --qt-ink:#202632;--qt-muted:#687488;--qt-line:#e5e8ee;--qt-accent:#5865e8;
    --qt-accent-soft:#eeefff;--qt-good:#168566;--qt-good-soft:#eaf7f0;
    --qt-warn:#97691d;--qt-warn-soft:#fff6e5;--qt-bad:#c04d61;--qt-bad-soft:#fceef0;
    --qt-shadow:0 3px 16px rgba(31,42,72,.025);--qt-raised:0 18px 60px rgba(25,34,61,.14);
    --qt-rail:244px;--qt-gutter:clamp(22px,3vw,42px);--qt-tabs-height:66px;
    --ink:var(--qt-ink);--muted:var(--qt-muted);--line:var(--qt-line);--panel:var(--qt-surface);
    --paper:var(--qt-bg);--field:var(--qt-field);--field-2:var(--qt-soft);--button:var(--qt-surface);
    --sidebar:var(--qt-surface);--sidebar-active:var(--qt-accent-soft);--table:var(--qt-soft);--soft:var(--qt-soft);
    --steel:var(--qt-accent);--green:var(--qt-good);--amber:var(--qt-warn);--rust:var(--qt-bad);--danger:var(--qt-bad);
    --blue-soft:var(--qt-accent-soft);--accent-soft:var(--qt-good-soft);--warning-soft:var(--qt-warn-soft);--danger-soft:var(--qt-bad-soft);
    --on-accent:#fff;--shadow:var(--qt-shadow);--strong-shadow:var(--qt-raised);
    --qm-lilac:var(--qt-accent-soft);--qm-blue:#edf4fc;--qm-peach:var(--qt-warn-soft);--qm-mint:var(--qt-good-soft);--qm-glass:var(--qt-surface);
  }
  html[data-workspace-style="texdrop"][data-qps-theme="dark"],
  html[data-workspace-style="texdrop"][data-qps-theme="black"] {
    color-scheme:dark;
    --qt-bg:#12151b;--qt-surface:#1b1f27;--qt-soft:#222730;--qt-field:#181c24;
    --qt-ink:#eef1f7;--qt-muted:#a1aaba;--qt-line:#303641;--qt-accent:#a3adff;
    --qt-accent-soft:#2b2e47;--qt-good:#72d8b2;--qt-good-soft:#1c3932;
    --qt-warn:#ebc176;--qt-warn-soft:#3b3226;--qt-bad:#f3a0ad;--qt-bad-soft:#3b2932;
    --qt-shadow:none;--qt-raised:0 18px 60px rgba(0,0,0,.4);--on-accent:#151a2b;--qm-blue:#263142;
  }
  html[data-workspace-style="texdrop"][data-qps-theme="black"] {
    --qt-bg:#07090d;--qt-surface:#11141a;--qt-soft:#191d25;--qt-field:#0d1016;--qt-line:#292f3b;
  }
  html[data-workspace-style="texdrop"] body {
    background:var(--qt-bg);color:var(--qt-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
  }
  html[data-workspace-style="texdrop"] ::selection {background:var(--qt-accent-soft);color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {outline:3px solid var(--qt-accent);outline-offset:3px}
  html[data-workspace-style="texdrop"] :is(button,a,input,select,textarea) {touch-action:manipulation}
  html[data-workspace-style="texdrop"] .layout {grid-template-columns:var(--qt-rail) minmax(0,1fr);min-height:100dvh;margin:0;gap:0;border:0;border-radius:0;background:var(--qt-bg);box-shadow:none}
  html[data-workspace-style="texdrop"] .sidebar {
    --ink:var(--qt-ink);--muted:var(--qt-muted);--line:var(--qt-line);--steel:var(--qt-accent);--soft:var(--qt-soft);--panel:var(--qt-surface);
    min-width:0;min-height:0;height:100dvh;padding:calc(27px + var(--qps-safe-top,0px)) 15px max(18px,var(--qps-safe-bottom,0px));
    gap:23px;border-right:1px solid var(--qt-line);background:var(--qt-surface);color:var(--qt-ink);box-shadow:none;
    scrollbar-color:var(--qt-line) transparent;
  }
  html[data-workspace-style="texdrop"] .sidebar .brand {padding:0 8px;gap:11px}
  html[data-workspace-style="texdrop"] .sidebar .brand strong {color:var(--qt-ink);font-size:14px;font-weight:650;letter-spacing:-.25px}
  html[data-workspace-style="texdrop"] .sidebar .brand :is(span,.qps-account-position) {color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .sidebar .qps-account-avatar {background:var(--qt-accent-soft);color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .sidebar .mark {border-radius:12px;background:var(--qt-accent-soft);color:var(--qt-accent);box-shadow:none}
  html[data-workspace-style="texdrop"] .sidebar :is(.access-role,.sidebar-footer,.sidebar-hint) {color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .sidebar .sidebar-footer {border-top:1px solid var(--qt-line);padding:14px 9px 0;font-size:11px}
  html[data-workspace-style="texdrop"] .sidebar :is(.nav button,.nav-group>summary,.qn-favorites>summary) {
    min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:10px;
    background:transparent;color:var(--qt-muted);font-size:12px;font-weight:500;box-shadow:none;line-height:1.5;
    transition:background .15s,color .15s,border-color .15s;
  }
  html[data-workspace-style="texdrop"] .sidebar :is(.nav button,.nav-group>summary,.qn-favorites>summary):hover {color:var(--qt-ink);background:var(--qt-soft);border-color:transparent}
  html[data-workspace-style="texdrop"] .sidebar .nav button.active {background:var(--qt-accent-soft);color:var(--qt-accent);border-color:transparent;font-weight:650;box-shadow:none}
  html[data-workspace-style="texdrop"] .sidebar .qps-nav-icon {width:18px;height:18px;stroke-width:1.7;opacity:1}
  html[data-workspace-style="texdrop"] .sidebar .nav-group.has-current>summary {color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .sidebar .nav-group-links {border-left-color:var(--qt-line);margin-left:14px;padding-left:8px}
  html[data-workspace-style="texdrop"] .sidebar .nav-group-links button {min-height:38px;font-size:11px;padding:9px}
  html[data-workspace-style="texdrop"] .sidebar :is(.qn-section-caption,.nav-section-label) {color:var(--qt-muted);font-size:9px;letter-spacing:1.25px;font-weight:650;border-color:var(--qt-line);padding-top:19px}
  html[data-workspace-style="texdrop"] .sidebar :is(.workspace-nav,.workspace-nav>.qn-scroll) {scrollbar-color:var(--qt-line) transparent}
  html[data-workspace-style="texdrop"] .sidebar .qn-scopes {border:0;padding:4px;background:var(--qt-soft);border-radius:11px;gap:4px}
  html[data-workspace-style="texdrop"] .sidebar .qn-scopes>button {font-size:11px;min-height:36px;padding:8px 4px;border-radius:8px;justify-content:center}
  html[data-workspace-style="texdrop"] .sidebar .qn-scopes>button[aria-selected="true"] {background:var(--qt-surface);color:var(--qt-accent);box-shadow:0 1px 5px rgba(32,38,50,.07);font-weight:650}
  html[data-workspace-style="texdrop"] .sidebar :is(.qn-project-context,.nav-project-context) {border-color:var(--qt-line);background:transparent;box-shadow:none}
  html[data-workspace-style="texdrop"] .sidebar :is(.qn-project-context,.nav-project-context) small {color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .sidebar :is(.qn-project-context,.nav-project-context) strong {color:var(--qt-ink);font-size:12px}
  html[data-workspace-style="texdrop"] .sidebar :is(.qn-project-context,.nav-project-context)>span {color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .sidebar .nav .qn-back-projects {background:var(--qt-soft);border-color:var(--qt-line);color:var(--qt-ink);font-size:11px;min-height:38px}
  html[data-workspace-style="texdrop"] .sidebar .nav .qn-field-clock {background:var(--qt-good-soft);border-color:transparent;color:var(--qt-good);min-height:56px}
  html[data-workspace-style="texdrop"] .sidebar .nav .qn-field-clock:hover {border-color:var(--qt-good);background:var(--qt-good-soft);color:var(--qt-good)}
  html[data-workspace-style="texdrop"] .sidebar .qn-project-picker {--qn-project-ink:var(--qt-ink);--qn-project-muted:var(--qt-muted);--qn-project-line:var(--qt-line);--qn-project-surface:var(--qt-surface);--qn-project-hover:var(--qt-accent-soft);--qn-project-accent:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .sidebar .nav .qn-project-option {background:var(--qt-surface);color:var(--qt-ink);border-color:var(--qt-line);padding:11px 9px;min-height:64px;border-radius:11px}
  html[data-workspace-style="texdrop"] .sidebar .nav .qn-project-option:hover {background:var(--qt-accent-soft);border-color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .sidebar .qn-project-search input {background:var(--qt-field);border-color:var(--qt-line);color:var(--qt-ink)}
  html[data-workspace-style="texdrop"] .sidebar .qn-favorites>summary>span {color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .sidebar :is(.qn-empty,.qn-favorites>small,.qn-favorites .qx-link small) {color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .sidebar .qn-favorites .qx-nav-caption button {color:var(--qt-accent);font-size:11px}
  html[data-workspace-style="texdrop"] .sidebar .qps-nav-count {border:0;background:var(--qt-warn-soft);color:var(--qt-warn);font-size:10px;min-height:20px;min-width:20px;padding:1px 6px;border-radius:6px}
  html[data-workspace-style="texdrop"] .sidebar .nav-project-context select {background:var(--qt-field);color:var(--qt-ink);border-color:var(--qt-line)}
  html[data-workspace-style="texdrop"] .main {min-width:0;padding:0 var(--qt-gutter) max(42px,var(--qps-safe-bottom,0px));background:transparent}
  html[data-workspace-style="texdrop"] .main>.topbar {
    min-height:85px;margin:0 calc(-1 * var(--qt-gutter)) 28px;padding:18px var(--qt-gutter);align-items:center;
    gap:18px;background:var(--qt-surface);border-bottom:1px solid var(--qt-line);
  }
  html[data-workspace-style="texdrop"] .topbar h1 {font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.5px}
  html[data-workspace-style="texdrop"] .topbar p {font-size:11px;margin-top:5px;color:var(--qt-muted);max-width:560px}
  html[data-workspace-style="texdrop"] .topbar>.toolbar {gap:7px;flex-wrap:wrap;flex-shrink:1;justify-content:flex-end}
  html[data-workspace-style="texdrop"] .topbar .button {font-size:11px;min-height:38px;border-radius:10px;padding:8px 11px}
  html[data-workspace-style="texdrop"] .qx-context {padding:12px 15px;background:var(--qt-surface);border:1px solid var(--qt-line);border-radius:12px;box-shadow:none;margin-bottom:25px}
  html[data-workspace-style="texdrop"] .qx-context-project label {font-size:11px;color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .qx-context-project select {min-height:37px;font-weight:500}

  /* Shared controls and records keep semantic status colors. */
  html[data-workspace-style="texdrop"] :is(.button,button.button) {font-size:12px;font-weight:550;min-height:40px;padding:9px 13px;border-radius:9px;box-shadow:none;line-height:1.45}
  html[data-workspace-style="texdrop"] .button.primary {background:var(--qt-accent);border-color:var(--qt-accent);color:var(--on-accent)}
  html[data-workspace-style="texdrop"] .button.accent {background:var(--qt-good);border-color:var(--qt-good);color:var(--on-accent)}
  html[data-workspace-style="texdrop"] .button.danger {background:var(--qt-bad);border-color:var(--qt-bad);color:var(--on-accent)}
  html[data-workspace-style="texdrop"] .button.small {min-height:32px;padding:6px 10px;font-size:11px}
  html[data-workspace-style="texdrop"] .button:not(.primary,.accent,.danger):hover {background:var(--qt-accent-soft);border-color:var(--qt-line);color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] :is(input,select,textarea):not([type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="file"],[type="hidden"]) {min-height:42px;border-radius:9px;border-color:var(--qt-line);background-color:var(--qt-field);color:var(--qt-ink);font-size:13px;font-weight:400;box-shadow:none}
  html[data-workspace-style="texdrop"] :is(input,select,textarea):focus {border-color:var(--qt-accent);outline:2px solid var(--qt-accent-soft);outline-offset:1px}
  html[data-workspace-style="texdrop"] :is(input[type="checkbox"],input[type="radio"]) {accent-color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] :is(input,textarea)::placeholder {color:var(--qt-muted);opacity:.8}
  html[data-workspace-style="texdrop"] label {font-size:12px;font-weight:550;color:var(--qt-muted);letter-spacing:0;text-transform:none}
  html[data-workspace-style="texdrop"] .eyebrow {color:var(--qt-accent);font-size:10px;font-weight:650;letter-spacing:.13em}
  html[data-workspace-style="texdrop"] :is(.panel,.record,.table-wrap,.stat,.upload-manager,.workspace-controls,.autopilot-panel,.dashboard-summary) {background:var(--qt-surface);border-color:var(--qt-line);border-radius:15px;box-shadow:var(--qt-shadow)}
  html[data-workspace-style="texdrop"] .panel {padding:24px}
  html[data-workspace-style="texdrop"] :is(.panel-head h2,.record h3) {font-size:18px;font-weight:600;letter-spacing:-.35px}
  html[data-workspace-style="texdrop"] :is(.panel-head p,.record p) {color:var(--qt-muted);font-size:12px;line-height:1.7}
  html[data-workspace-style="texdrop"] .stat {padding:20px}
  html[data-workspace-style="texdrop"] .stat>span {font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
  html[data-workspace-style="texdrop"] .stat>strong {font-size:31px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin-top:10px}
  html[data-workspace-style="texdrop"] :is(.table-wrap,.qmr-table-wrap,.qgo-table-wrap,.qi-table-wrap,.qr-table-wrap) {border-color:var(--qt-line);border-radius:12px;box-shadow:none;scrollbar-color:var(--qt-line) transparent}
  html[data-workspace-style="texdrop"] .main :is(th,td) {border-bottom-color:var(--qt-line);padding:13px 15px}
  html[data-workspace-style="texdrop"] .main th {font-size:10px;letter-spacing:.045em;font-weight:600;background:var(--qt-soft);color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .main td {font-size:12px;line-height:1.65}
  html[data-workspace-style="texdrop"] .main tbody tr:hover {background:var(--qt-soft)}
  html[data-workspace-style="texdrop"] .pill {border-radius:6px;font-size:10px;font-weight:550;letter-spacing:0;padding:4px 8px}
  html[data-workspace-style="texdrop"] :is(.notice,.intelligence-note,.kiosk-created) {border-radius:10px;font-size:12px;line-height:1.65;box-shadow:none}
  html[data-workspace-style="texdrop"] :is(.empty-state,.qmr-empty,.qi-empty,.qr-empty,.qag-empty) {border-color:var(--qt-line);border-radius:13px;color:var(--qt-muted)}

  /* Home: the full dashboard, with the quieter Texdrop surfaces. */
  html[data-workspace-style="texdrop"] .qxm-home {display:grid;gap:24px;min-width:0}
  html[data-workspace-style="texdrop"] .qxm-welcome {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 3px}
  html[data-workspace-style="texdrop"] .qxm-welcome h2 {font-size:clamp(27px,2.6vw,36px);font-weight:600;letter-spacing:-1px;line-height:1.25;margin:7px 0 9px}
  html[data-workspace-style="texdrop"] .qxm-welcome p {font-size:13px;color:var(--qt-muted);line-height:1.7;margin:0}
  html[data-workspace-style="texdrop"] .qxm-welcome>.button {display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
  html[data-workspace-style="texdrop"] .qxm-welcome>.button svg {width:17px;height:17px}
  html[data-workspace-style="texdrop"] .qxm-dashboard {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px;align-items:stretch}
  html[data-workspace-style="texdrop"] .qxm-panel {padding:23px;background:var(--qt-surface);border:1px solid var(--qt-line);border-radius:16px;box-shadow:var(--qt-shadow);min-width:0;margin:0}
  html[data-workspace-style="texdrop"] .qxm-panel-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
  html[data-workspace-style="texdrop"] .qxm-panel-head h3 {font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0}
  html[data-workspace-style="texdrop"] .qxm-panel-head p {font-size:11px;line-height:1.65;color:var(--qt-muted);margin:6px 0 0}
  html[data-workspace-style="texdrop"] .qxm-panel-head>.button {min-height:31px;font-size:10px;padding:5px 9px;white-space:nowrap;border-radius:8px}
  html[data-workspace-style="texdrop"] .qxm-panel-icon {display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--qt-accent-soft);color:var(--qt-accent);font-size:15px;flex:none}
  html[data-workspace-style="texdrop"] .qxm-task-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  html[data-workspace-style="texdrop"] .qxm-action-card {display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:205px;min-width:0;padding:17px 14px;border:1px solid var(--qt-line);border-radius:12px;background:var(--qt-soft);color:var(--qt-ink);text-align:left;transition:border-color .15s,background .15s}
  html[data-workspace-style="texdrop"] .qxm-action-card:hover {border-color:var(--qt-accent);background:var(--qt-accent-soft)}
  html[data-workspace-style="texdrop"] .qxm-action-card>strong {font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.2px;overflow-wrap:anywhere}
  html[data-workspace-style="texdrop"] .qxm-action-card small {font-size:11px;line-height:1.65;color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] :is(.qxm-task-kind,.qxm-task-count) {display:inline-flex;padding:5px 8px;border-radius:6px;background:var(--qt-accent-soft);color:var(--qt-accent);font-size:9px;font-weight:600}
  html[data-workspace-style="texdrop"] .qxm-tone-peach .qxm-task-kind {background:var(--qt-warn-soft);color:var(--qt-warn)}
  html[data-workspace-style="texdrop"] .qxm-tone-blue .qxm-task-kind {background:var(--qt-good-soft);color:var(--qt-good)}
  html[data-workspace-style="texdrop"] .qxm-task-meta {display:grid;gap:5px;font-size:11px}
  html[data-workspace-style="texdrop"] .qxm-task-footer {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;border-top:1px solid var(--qt-line);padding-top:12px;font-size:10px;color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .qxm-task-footer>span:last-child {font-size:18px;color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .qxm-task-summary {margin:16px 0 0;font-size:11px;color:var(--qt-muted);line-height:1.7}
  html[data-workspace-style="texdrop"] .qxm-project-ring {position:relative;width:164px;height:164px;flex:none;margin:8px auto 0}
  html[data-workspace-style="texdrop"] .qxm-project-ring svg {width:100%;height:100%}
  html[data-workspace-style="texdrop"] .qxm-project-ring circle {fill:none;stroke-width:13}
  html[data-workspace-style="texdrop"] .qxm-ring-track {stroke:var(--qt-soft)}
  html[data-workspace-style="texdrop"] .qxm-ring-active {stroke:#5865e8}
  html[data-workspace-style="texdrop"] .qxm-ring-completed {stroke:#5dbb9b}
  html[data-workspace-style="texdrop"] .qxm-ring-bidding {stroke:#e2b15e}
  html[data-workspace-style="texdrop"] .qxm-ring-on_hold {stroke:#d88c9b}
  html[data-workspace-style="texdrop"] :is(.qxm-ring-archived,.qxm-ring-other) {stroke:#a3aaba}
  html[data-workspace-style="texdrop"] .qxm-ring-label {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}
  html[data-workspace-style="texdrop"] .qxm-ring-label strong {font-size:32px;font-weight:600;letter-spacing:-1px}
  html[data-workspace-style="texdrop"] .qxm-ring-label :is(span,small) {font-size:10px;color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .qxm-legend {display:grid;grid-template-columns:1fr 1fr;gap:11px 15px;list-style:none;padding:0;margin:22px 0 0;font-size:11px}
  html[data-workspace-style="texdrop"] .qxm-legend>li {display:flex;align-items:center;gap:7px;min-width:0;color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .qxm-legend strong {margin-left:auto;font-weight:600;color:var(--qt-ink)}
  html[data-workspace-style="texdrop"] .qxm-legend-dot {width:7px;height:7px;border-radius:50%;background:#a3aaba;flex:none}
  html[data-workspace-style="texdrop"] .qxm-dot-active {background:#5865e8}
  html[data-workspace-style="texdrop"] .qxm-dot-completed {background:#5dbb9b}
  html[data-workspace-style="texdrop"] .qxm-dot-bidding {background:#e2b15e}
  html[data-workspace-style="texdrop"] .qxm-dot-on_hold {background:#d88c9b}
  html[data-workspace-style="texdrop"] .qxm-secondary-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
  html[data-workspace-style="texdrop"] .qxm-shortcut-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html[data-workspace-style="texdrop"] .qxm-shortcut {display:flex;align-items:center;gap:12px;min-width:0;min-height:84px;padding:14px 12px;text-align:left;background:var(--qt-surface);color:var(--qt-ink);border:1px solid var(--qt-line);border-radius:11px}
  html[data-workspace-style="texdrop"] .qxm-shortcut:hover {background:var(--qt-soft);border-color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .qxm-shortcut>span:nth-child(2) {flex:1;min-width:0}
  html[data-workspace-style="texdrop"] .qxm-shortcut strong {display:block;font-size:12px;font-weight:550;line-height:1.5}
  html[data-workspace-style="texdrop"] .qxm-shortcut small {display:block;font-size:10px;line-height:1.6;margin-top:4px;color:var(--qt-muted)}
  html[data-workspace-style="texdrop"] .qxm-shortcut-icon {display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--qt-accent-soft);color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .qxm-shortcut-icon svg {width:18px;height:18px}
  html[data-workspace-style="texdrop"] .qxm-shortcut:nth-child(3n+2) .qxm-shortcut-icon {background:var(--qt-good-soft);color:var(--qt-good)}
  html[data-workspace-style="texdrop"] .qxm-shortcut:nth-child(3n) .qxm-shortcut-icon {background:var(--qt-warn-soft);color:var(--qt-warn)}
  html[data-workspace-style="texdrop"] .qxm-project-list {display:grid;gap:0}
  html[data-workspace-style="texdrop"] .qxm-project-row {display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:15px 0;text-align:left;background:transparent;color:var(--qt-ink);border:0;border-top:1px solid var(--qt-line)}
  html[data-workspace-style="texdrop"] .qxm-project-row:hover {color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] .qxm-project-initials {display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:var(--qt-accent-soft);color:var(--qt-accent);font-size:12px;font-weight:600}
  html[data-workspace-style="texdrop"] .qxm-project-row>span:nth-child(2) {flex:1;min-width:0}
  html[data-workspace-style="texdrop"] .qxm-project-row strong {display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}
  html[data-workspace-style="texdrop"] .qxm-project-row small {display:block;font-size:10px;color:var(--qt-muted);margin-top:5px}
  html[data-workspace-style="texdrop"] .qxm-status {flex:none;font-size:10px;padding:4px 8px;border-radius:6px;background:var(--qt-good-soft);color:var(--qt-good);white-space:nowrap}
  html[data-workspace-style="texdrop"] .qxm-empty {color:var(--qt-muted);font-size:12px;line-height:1.7}
  html[data-workspace-style="texdrop"] .qxm-continue .qx-link {display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:14px;margin:0 0 9px;background:var(--qt-soft);color:var(--qt-ink);border:1px solid var(--qt-line);border-radius:10px;text-align:left;cursor:pointer}
  html[data-workspace-style="texdrop"] .qxm-continue .qx-link:hover {border-color:var(--qt-accent);background:var(--qt-accent-soft)}
  html[data-workspace-style="texdrop"] .qxm-continue .qx-link strong {font-size:12px;font-weight:550}
  html[data-workspace-style="texdrop"] .qxm-continue .qx-link small {font-size:11px;color:var(--qt-muted);line-height:1.65}

  /* Projects, catalog, people, agents and operational workspaces. */
  html[data-workspace-style="texdrop"] .qpd-directory {border:0;background:transparent;box-shadow:none;border-radius:0}
  html[data-workspace-style="texdrop"] .qpd-header {padding:4px 0 24px;border-radius:0;background:transparent}
  html[data-workspace-style="texdrop"] .qpd-header h2 {font-size:30px;font-weight:600;letter-spacing:-.8px;margin:8px 0}
  html[data-workspace-style="texdrop"] .qpd-summary {padding:0 0 23px;gap:14px}
  html[data-workspace-style="texdrop"] .qpd-summary>button {padding:19px;border-radius:13px;box-shadow:var(--qt-shadow);gap:13px}
  html[data-workspace-style="texdrop"] .qpd-summary>button>span {font-size:12px;font-weight:500}
  html[data-workspace-style="texdrop"] .qpd-summary strong {font-size:31px;font-weight:600}
  html[data-workspace-style="texdrop"] .qpd-recent {background:transparent;border:0;padding:0 0 21px;gap:9px}
  html[data-workspace-style="texdrop"] .qpd-recent>button {border-radius:8px}
  html[data-workspace-style="texdrop"] .qpd-tools {padding:0 0 20px}
  html[data-workspace-style="texdrop"] .qpd-tabs {padding:0;gap:23px;border-color:var(--qt-line)}
  html[data-workspace-style="texdrop"] .qpd-tabs>button {font-size:12px;padding:13px 0}
  html[data-workspace-style="texdrop"] .qpd-results-heading {padding:22px 0 16px}
  html[data-workspace-style="texdrop"] .qpd-projects {padding:0 0 25px;gap:18px}
  html[data-workspace-style="texdrop"] .qpd-project {border-radius:14px;box-shadow:var(--qt-shadow)}
  html[data-workspace-style="texdrop"] .qpd-project:hover {transform:none;box-shadow:0 4px 18px rgba(31,42,72,.05)}
  html[data-workspace-style="texdrop"] .qpd-project-open h3 {font-size:18px;font-weight:600;line-height:1.4}
  html[data-workspace-style="texdrop"] .qpd-project-bottom {background:var(--qt-surface);border-radius:0 0 14px 14px}
  html[data-workspace-style="texdrop"] .qpd-project-bottom>.button {border-radius:7px;min-height:34px}
  html[data-workspace-style="texdrop"] .qpd-footer {padding-inline:0}
  html[data-workspace-style="texdrop"] :is(.open-project-hero,.workspace-hero) {background:var(--qt-surface);border-color:var(--qt-line);border-radius:15px;box-shadow:var(--qt-shadow);padding:26px}
  html[data-workspace-style="texdrop"] :is(.open-project-hero,.workspace-hero) h2 {font-weight:600;letter-spacing:-.65px}
  html[data-workspace-style="texdrop"] .project-launch {background:var(--qt-surface);border-radius:13px;box-shadow:var(--qt-shadow)}
  html[data-workspace-style="texdrop"] .project-launch:hover {background:var(--qt-accent-soft)}
  html[data-workspace-style="texdrop"] :is(.qrc-company-card,.qrc-card,.qgo-order-card,.employee-card,.qag-account,.qag-directory,.qag-detail,.qmr-register,.qpo-register,.qi-register,.qr-register,.qpp-register) {border-color:var(--qt-line);border-radius:14px;background:var(--qt-surface);box-shadow:var(--qt-shadow)}
  html[data-workspace-style="texdrop"] :is(.qrc-company-photo,.qrc-photo) {background:#fff}
  html[data-workspace-style="texdrop"] :is(.qrc-company-card,.qrc-card):hover {border-color:var(--qt-accent);box-shadow:0 4px 18px rgba(31,42,72,.05)}
  html[data-workspace-style="texdrop"] :is(.qrc-company-heading,.qmr-heading,.qgo-heading,.qag-heading) h2 {font-weight:600;letter-spacing:-.6px}
  html[data-workspace-style="texdrop"] :is(.qgo-stat,.qmr-stats>button,.qag-summary>div,.qpo-kpis>div,.qp-project-stats>div,.workforce-kpis>div) {border-color:var(--qt-line);border-radius:12px;background:var(--qt-surface);box-shadow:none}
  html[data-workspace-style="texdrop"] :is(.qgo-card-top,.qgo-card-details,.qmr-filters,.qi-filters,.qr-filters,.qpp-filters,.po-filters,.qa-filters,.qag-filters) {background:var(--qt-soft);border-color:var(--qt-line)}
  html[data-workspace-style="texdrop"] .qgo-card-top {border-radius:14px 14px 0 0}
  html[data-workspace-style="texdrop"] .qag-agent {border-radius:10px}
  html[data-workspace-style="texdrop"] .qag-agent[aria-selected="true"] {background:var(--qt-accent-soft);border-color:var(--qt-accent)}
  html[data-workspace-style="texdrop"] :is(.qag-avatar,.employee-avatar) {background:var(--qt-accent-soft);color:var(--qt-accent);border-color:var(--qt-line)}
  html[data-workspace-style="texdrop"] :is(.qag-tabs,.qef-tabs,.qpo-tabs) {border-color:var(--qt-line)}
  html[data-workspace-style="texdrop"] :is(.qag-tabs,.qef-tabs,.qpo-tabs) button {font-weight:550;border-radius:8px}

  /* Floating communication windows share the theme without changing their behavior. */
  html[data-workspace-style="texdrop"]:root :is(.qps-messenger,.msg-dialog) {
    --msg-bg:var(--qt-surface);--msg-panel:var(--qt-surface);--msg-side:var(--qt-soft);
    --msg-ink:var(--qt-ink);--msg-muted:var(--qt-muted);--msg-border:var(--qt-line);--msg-hover:var(--qt-soft);
    --msg-accent:var(--qt-accent);--msg-accent-soft:var(--qt-accent-soft);--msg-selected:var(--qt-accent-soft);
    --msg-other:var(--qt-soft);--msg-input:var(--qt-soft);--msg-own:#5865e8;--msg-own-ink:#fff;--msg-button:#5865e8;--msg-shadow:var(--qt-shadow);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  html[data-workspace-style="texdrop"] :is(.qps-chat-popup,.qps-chat-launcher) {--chat-surface:var(--qt-surface);--chat-ink:var(--qt-ink);--chat-muted:var(--qt-muted);--chat-border:var(--qt-line);--chat-header:var(--qt-soft);--chat-accent:var(--qt-accent)}
  html[data-workspace-style="texdrop"] :is(.qm-mailbox,.qm-dialog) {--qm-bg:var(--qt-surface);--qm-soft:var(--qt-soft);--qm-line:var(--qt-line);--qm-text:var(--qt-ink);--qm-muted:var(--qt-muted);--qm-accent:var(--qt-accent);--qm-tint:var(--qt-accent-soft)}
  html[data-workspace-style="texdrop"] :is(.qps-mail-popup,.qps-mail-launcher) {--mail-surface:var(--qt-surface);--mail-ink:var(--qt-ink);--mail-muted:var(--qt-muted);--mail-border:var(--qt-line);--mail-header:var(--qt-soft);--mail-accent:var(--qt-accent)}
  html[data-workspace-style="texdrop"] :is(.qps-chat-popup,.qps-mail-popup) {border-radius:17px;border-color:var(--qt-line);box-shadow:var(--qt-raised)}
  html[data-workspace-style="texdrop"] :is(.qps-chat-popup-bar,.qps-mail-popup-bar) {background:var(--qt-soft);border-color:var(--qt-line);min-height:42px}
  html[data-workspace-style="texdrop"] :is(.msg-purchase-card,.msg-order-progress,.msg-product-comparison) {border-color:var(--qt-line);box-shadow:none;border-radius:14px}
  html[data-workspace-style="texdrop"] :is(.msg-sidebar-head,.msg-conversation-head,.qm-list-heading) {background:var(--qt-surface)}
  html[data-workspace-style="texdrop"] :is(.qm-folder,.msg-thread) {border-radius:9px}
  html[data-workspace-style="texdrop"] .msg-agent-compose-row {border-color:var(--qt-line);box-shadow:none}
  html[data-workspace-style="texdrop"] :is(.qps-appearance-dialog,.qx-dialog,.qag-dialog,.qef-dialog,.qmr-dialog,.qgo-dialog,.qrc-details-dialog,.qrc-quantity-dialog,.qrc-options-dialog) {background:var(--qt-surface);color:var(--qt-ink);border-color:var(--qt-line);border-radius:17px;box-shadow:var(--qt-raised)}
  html[data-workspace-style="texdrop"] :is(.qps-appearance-dialog,.qx-dialog,.qag-dialog,.qef-dialog,.qmr-dialog,.qgo-dialog)::backdrop {background:rgba(18,25,45,.38);backdrop-filter:blur(3px)}
  html[data-workspace-style="texdrop"] :is(.qps-theme-options,.qps-density-options) button[aria-pressed="true"] {border-color:var(--qt-accent);box-shadow:0 0 0 1px var(--qt-accent);background:var(--qt-accent-soft)}
  html[data-workspace-style="texdrop"] .qps-appearance-settings {border-radius:15px}
  html[data-workspace-style="texdrop"] .qps-theme-tabs {display:none}
}

@media screen and (min-width:761px) and (max-width:1180px) {
  html[data-workspace-style="texdrop"]:root {--qt-rail:220px;--qt-gutter:24px}
  html[data-workspace-style="texdrop"] .main>.topbar {align-items:flex-start;flex-wrap:wrap;gap:12px}
  html[data-workspace-style="texdrop"] .topbar>.toolbar {justify-content:flex-start}
  html[data-workspace-style="texdrop"] .qxm-dashboard {grid-template-columns:minmax(0,1fr)}
  html[data-workspace-style="texdrop"] .qxm-overview-body {display:flex;align-items:center;gap:30px}
  html[data-workspace-style="texdrop"] .qxm-overview-body>.qxm-project-ring {margin:0;width:150px;height:150px}
  html[data-workspace-style="texdrop"] .qxm-overview-body>.qxm-legend {flex:1;margin:0}
  html[data-workspace-style="texdrop"] .qxm-secondary-grid {grid-template-columns:minmax(0,1fr)}
}
@media screen and (min-width:761px) {
  html[data-workspace-style="texdrop"][data-qps-density="compact"] .main {padding:0 var(--qt-gutter) 32px}
  html[data-workspace-style="texdrop"][data-qps-density="compact"] .main>.topbar {min-height:72px;padding-block:13px;margin-bottom:20px}
  html[data-workspace-style="texdrop"][data-qps-density="compact"] :is(.panel,.qxm-panel) {padding:17px}
  html[data-workspace-style="texdrop"][data-qps-density="compact"] .main :is(td,th) {padding:8px 11px}
  html[data-workspace-style="texdrop"][data-qps-density="compact"] .qxm-home {gap:18px}
  html[data-workspace-style="texdrop"][data-qps-density="compact"] .qxm-action-card {padding:14px;min-height:185px}
  html[data-workspace-style="texdrop"][data-qps-density="compact"] .sidebar :is(.nav button,.nav-group>summary) {min-height:38px;padding-block:8px}
}

@media screen and (max-width:760px) {
  html[data-workspace-style="texdrop"]:root {--qt-gutter:16px}
  html[data-workspace-style="texdrop"] .layout {display:block;min-height:100dvh}
  html[data-workspace-style="texdrop"] .sidebar {position:sticky;top:0;height:auto;min-height:0;z-index:45;padding:calc(12px + var(--qps-safe-top,0px)) max(14px,var(--qps-safe-right,0px)) 12px max(14px,var(--qps-safe-left,0px));border-right:0;border-bottom:1px solid var(--qt-line);gap:0}
  html[data-workspace-style="texdrop"] .sidebar .brand {min-height:42px;padding:0;gap:10px}
  html[data-workspace-style="texdrop"] .sidebar .brand strong {font-size:13px}
  html[data-workspace-style="texdrop"] .sidebar .brand .qps-account-avatar {width:36px;height:36px}
  html[data-workspace-style="texdrop"] .sidebar .brand .qps-account-position {font-size:10px}
  html[data-workspace-style="texdrop"] .sidebar .qps-mobile-actions :is(.button,.qps-chat-launcher) {color:var(--qt-ink)}
  html[data-workspace-style="texdrop"] .sidebar .qps-mobile-menu {color:var(--qt-ink);background:var(--qt-soft);border:1px solid var(--qt-line);border-radius:11px;width:40px;min-width:40px;height:40px;min-height:40px}
  html[data-workspace-style="texdrop"] .sidebar .qps-mobile-actions .button:hover {background:var(--qt-soft)}
  html[data-workspace-style="texdrop"] .sidebar .qps-mobile-actions .qps-alert-button b {border-color:var(--qt-surface)}
  html[data-workspace-style="texdrop"] .qps-mobile-actions :is([data-chat-popup-launcher],.qps-header-mail) {display:none}
  html[data-workspace-style="texdrop"] .qps-mobile-actions [data-qps-header-chat] {width:0;gap:0}
  html[data-workspace-style="texdrop"] .sidebar .workspace-nav {display:none}
  html[data-workspace-style="texdrop"] .main {padding:22px max(16px,var(--qps-safe-right,0px)) calc(var(--qt-tabs-height) + 26px + var(--qps-safe-bottom,0px)) max(16px,var(--qps-safe-left,0px))}
  html[data-workspace-style="texdrop"] .main>.topbar {padding:0;margin:0 0 22px;min-height:0;background:transparent;border:0;gap:12px;align-items:flex-start}
  html[data-workspace-style="texdrop"] .topbar h1 {font-size:23px;font-weight:600;letter-spacing:-.55px}
  html[data-workspace-style="texdrop"] .topbar p {font-size:12px;line-height:1.6}
  html[data-workspace-style="texdrop"] .topbar>.toolbar {justify-content:flex-start;gap:7px}
  html[data-workspace-style="texdrop"] .topbar .button {min-height:40px}
  html[data-workspace-style="texdrop"] .qx-context {padding:12px;border-radius:12px;margin-bottom:21px}
  html[data-workspace-style="texdrop"] :is(input,select,textarea):not([type="checkbox"],[type="radio"],[type="range"],[type="color"],[type="hidden"]) {font-size:16px}
  html[data-workspace-style="texdrop"] :is(.panel,.qxm-panel) {padding:18px;border-radius:14px}
  html[data-workspace-style="texdrop"] .qxm-home {gap:19px;padding-bottom:0}
  html[data-workspace-style="texdrop"] .qxm-welcome {align-items:flex-start}
  html[data-workspace-style="texdrop"] .qxm-welcome h2 {font-size:28px;letter-spacing:-.8px}
  html[data-workspace-style="texdrop"] .qxm-welcome>.button {display:none}
  html[data-workspace-style="texdrop"] :is(.qxm-dashboard,.qxm-secondary-grid) {grid-template-columns:minmax(0,1fr);gap:17px}
  html[data-workspace-style="texdrop"] .qxm-panel-head {margin-bottom:17px}
  html[data-workspace-style="texdrop"] .qxm-task-cards {grid-template-columns:minmax(0,1fr);gap:10px}
  html[data-workspace-style="texdrop"] .qxm-action-card {min-height:0;padding:16px;gap:10px}
  html[data-workspace-style="texdrop"] .qxm-action-card>strong {font-size:16px}
  html[data-workspace-style="texdrop"] .qxm-task-footer {padding-top:10px;margin-top:2px}
  html[data-workspace-style="texdrop"] .qxm-overview-body {display:flex;align-items:center;gap:19px}
  html[data-workspace-style="texdrop"] .qxm-overview-body>.qxm-project-ring {margin:0;width:130px;height:130px}
  html[data-workspace-style="texdrop"] .qxm-overview-body>.qxm-legend {flex:1;grid-template-columns:1fr;gap:12px;margin:0}
  html[data-workspace-style="texdrop"] .qxm-ring-label strong {font-size:27px}
  html[data-workspace-style="texdrop"] .qxm-shortcut-grid {grid-template-columns:minmax(0,1fr)}
  html[data-workspace-style="texdrop"] .qxm-shortcut {min-height:72px;padding:13px}
  html[data-workspace-style="texdrop"] .qxm-shortcut strong {font-size:13px}
  html[data-workspace-style="texdrop"] .qxm-shortcut small {font-size:11px}
  html[data-workspace-style="texdrop"] .qxm-project-row {gap:9px}
  html[data-workspace-style="texdrop"] .qxm-project-row strong {font-size:11px}
  html[data-workspace-style="texdrop"] .qxm-status {font-size:9px;padding:4px 6px}
  html[data-workspace-style="texdrop"] .qpd-header {padding:0 0 20px;gap:12px}
  html[data-workspace-style="texdrop"] .qpd-header h2 {font-size:25px}
  html[data-workspace-style="texdrop"] .qpd-summary {padding-bottom:20px;gap:10px}
  html[data-workspace-style="texdrop"] .qpd-summary>button {padding:15px;border-radius:12px}
  html[data-workspace-style="texdrop"] .qpd-summary strong {font-size:27px}
  html[data-workspace-style="texdrop"] .qpd-tabs {gap:16px;flex-wrap:wrap}
  html[data-workspace-style="texdrop"] .qpd-tabs>button {font-size:11px}
  html[data-workspace-style="texdrop"] .qpd-projects {padding-inline:0;gap:14px}
  html[data-workspace-style="texdrop"] :is(.open-project-hero,.workspace-hero) {padding:21px}

  /* The existing navigation drawer remains the complete, scrollable tool menu. */
  html[data-workspace-style="texdrop"][data-qps-nav="open"] .sidebar {position:fixed;inset:0 auto 0 0;width:min(352px,calc(100vw - 28px));height:100dvh;z-index:19540;overflow:hidden;border-right:1px solid var(--qt-line);padding-bottom:max(16px,var(--qps-safe-bottom,0px));box-shadow:var(--qt-raised)}
  html[data-workspace-style="texdrop"][data-qps-nav="open"] .sidebar .workspace-nav {display:flex;padding-top:10px;min-height:0;flex:1;overflow:hidden}
  html[data-workspace-style="texdrop"][data-qps-nav="open"] .sidebar .workspace-nav>.qn-scroll {min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px}
  html[data-workspace-style="texdrop"][data-qps-nav="open"] .sidebar :is(.nav button,.nav-group>summary,.qn-favorites>summary) {min-height:44px;font-size:13px}
  html[data-workspace-style="texdrop"][data-qps-nav="open"] .qps-nav-backdrop {z-index:19530;background:rgba(18,25,45,.38);backdrop-filter:blur(3px)}
  html[data-workspace-style="texdrop"][data-qps-nav="open"] .sidebar .qps-mobile-logout {color:var(--qt-ink);background:var(--qt-soft);border-color:var(--qt-line);border-radius:10px}

  /* Fixed app destinations; every button stays reachable above the home indicator. */
  html[data-workspace-style="texdrop"] .qps-theme-tabs {
    display:grid;grid-template-columns:repeat(var(--qps-tab-count,5),minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:19525;
    min-height:calc(var(--qt-tabs-height) + var(--qps-safe-bottom,0px));padding:6px max(7px,var(--qps-safe-right,0px)) calc(5px + var(--qps-safe-bottom,0px)) max(7px,var(--qps-safe-left,0px));
    background:var(--qt-surface);border-top:1px solid var(--qt-line);box-shadow:0 -3px 18px rgba(31,42,72,.035);gap:3px;
  }
  html[data-workspace-style="texdrop"] .qps-theme-tabs[hidden] {display:none}
  html[data-workspace-style="texdrop"] .qps-theme-tabs>[data-theme-tab] {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;margin:0;padding:6px 2px;border:0;border-radius:11px;background:transparent;color:var(--qt-muted);font:500 10px/1.3 Inter,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
  html[data-workspace-style="texdrop"] .qps-theme-tab-icon {position:relative;display:grid;place-items:center;width:25px;height:23px;flex:none}
  html[data-workspace-style="texdrop"] .qps-theme-tabs>[data-theme-tab] svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
  html[data-workspace-style="texdrop"] .qps-theme-tabs>[data-theme-tab]:is([aria-current="page"],[aria-selected="true"],[aria-expanded="true"]) {color:var(--qt-accent);background:var(--qt-accent-soft);font-weight:650}
  html[data-workspace-style="texdrop"] .qps-theme-tabs>[data-theme-tab]:focus-visible {outline-offset:-3px}
  html[data-workspace-style="texdrop"] .qps-theme-tabs .qps-theme-tab-badge {position:absolute;top:-5px;left:calc(50% + 5px);display:grid;place-items:center;min-width:18px;height:18px;max-width:36px;padding:0 4px;border:2px solid var(--qt-surface);border-radius:10px;background:#c94e64;color:#fff;font-size:9px;font-weight:650;line-height:14px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
  html[data-workspace-style="texdrop"] .qps-theme-tabs .qps-theme-tab-badge[hidden] {display:none}
  html[data-workspace-style="texdrop"] :is(.qps-chat-launcher:not(.qps-chat-docked),.qps-mail-launcher) {bottom:calc(var(--qt-tabs-height) + 14px + var(--qps-safe-bottom,0px))}
  html[data-workspace-style="texdrop"] .qps-mail-launcher {bottom:calc(var(--qt-tabs-height) + 68px + var(--qps-safe-bottom,0px))}
  html[data-workspace-style="texdrop"] .qps-chat-popup {max-height:calc(var(--chat-viewport-height,100dvh) - 16px - var(--qps-safe-top,0px))}
  html[data-workspace-style="texdrop"] .qps-mail-popup {max-height:calc(var(--mail-viewport-height,100dvh) - 16px - var(--qps-safe-top,0px))}
  html[data-workspace-style="texdrop"] .qps-theme-more {background:var(--qt-surface);color:var(--qt-ink);border-color:var(--qt-line);border-radius:18px;box-shadow:var(--qt-raised)}
}
@media screen and (max-width:380px) {
  html[data-workspace-style="texdrop"] .qxm-overview-body {gap:12px}
  html[data-workspace-style="texdrop"] .qxm-overview-body>.qxm-project-ring {width:110px;height:110px}
  html[data-workspace-style="texdrop"] .qxm-legend {font-size:10px}
  html[data-workspace-style="texdrop"] .qxm-panel {padding:15px}
  html[data-workspace-style="texdrop"] .qps-theme-tabs>[data-theme-tab] {font-size:9px}
}
/* These new controls exist only for the primary administrator, including while
   viewing the original theme, so the preview can always be switched back. */
@media screen {
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-settings {border-top:1px solid var(--line);padding-top:21px;margin-top:23px}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-settings>h3 {margin:0 0 8px;font-size:13px;font-weight:650}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-settings>p {font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 15px}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:580px}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options>button {position:relative;min-width:0;padding:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options>button:hover {border-color:var(--steel);background:var(--soft)}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options>button[aria-pressed="true"] {border-color:var(--steel);box-shadow:0 0 0 1px var(--steel);background:var(--blue-soft)}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options>button[aria-pressed="true"]::after {content:'✓';position:absolute;right:17px;top:17px;display:grid;place-items:center;width:21px;height:21px;background:#5865e8;color:#fff;border:2px solid #fff;border-radius:50%;font-size:11px;font-weight:700}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options strong {display:block;margin-top:11px;font-size:12px;font-weight:650}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-options small {display:block;margin-top:5px;font-size:10px;line-height:1.65;color:var(--muted)}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview {position:relative;display:block;height:85px;width:100%;overflow:hidden;border:1px solid #e1e3ef;border-radius:8px;background:#f6f7f9}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview.preview-modern {background:linear-gradient(90deg,#f7f7fc 24%,transparent 24%),linear-gradient(180deg,#fff 23%,transparent 23%),linear-gradient(125deg,#f7e8df,#e5edf9)}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview.preview-texdrop {background:linear-gradient(90deg,#fff 24%,#e5e8ee 24%,#e5e8ee 24.6%,transparent 24.6%),linear-gradient(180deg,#fff 23%,#e5e8ee 23%,#e5e8ee 24%,transparent 24%),#f6f7f9}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview::before {content:'';position:absolute;top:32%;left:5%;width:14%;height:9%;background:#eeefff;border-radius:3px;box-shadow:0 13px 0 #f3f4f8,0 26px 0 #f3f4f8}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview::after {content:'';position:absolute;left:30%;top:33%;width:27%;height:40%;border-radius:5px;background:#fff;border:1px solid #e5e8ee;box-shadow:38px 0 0 #fff}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview.preview-modern::after {background:#ece7fa;border-color:#ece7fa;border-radius:10px;box-shadow:38px 0 0 #fce6da}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-preview.preview-texdrop::after {box-shadow:38px 0 0 #fff}
  :is(html[data-workspace-style="modern"],html[data-workspace-style="texdrop"]) .qps-design-status {font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}
}
@media screen and (prefers-reduced-motion:reduce) {
  html[data-workspace-style="texdrop"] *,
  html[data-workspace-style="texdrop"] *::before,
  html[data-workspace-style="texdrop"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print {
  html[data-workspace-style="texdrop"] .qps-theme-tabs {display:none!important}
}