/* LiveLoop cosmetic polish (2026-09-25). Presentation only: no layout, no
   behaviour, no new elements. Loaded after LiveLoop's inline styles in
   app.html so equal-specificity rules here win. Three things:

   1. Light mode covers every LiveLoop control. The mode switch, Plan/Build,
      context meter, Saved pill, proof strip, recording clock, Today's work,
      Back to Sary-OS, the copies dropdown, the projects manager and the
      "needs another pass" dialog kept their dark colours on the light chrome.
   2. Keyboard focus is visible on every control, in every theme.
   3. Hover and pressed states move consistently, and stop moving under
      prefers-reduced-motion. Disabled controls all look disabled. */

/* ── Motion and states, all themes ─────────────────────────────────────── */
#liveloop-container .liveloop-tools button,
#liveloop-container .liveloop-mode button,
#liveloop-report-btn,
#liveloop-close-btn,
#liveloop-save,
#liveloop-plan button,
#liveloop-copies button.liveloop-copy,
#liveloop-versions-menu button,
#liveloop-stuck button,
#liveloop-files-manager .liveloop-files-actions button,
#liveloop-files-manager footer button,
.liveloop-workspace-row,
.liveloop-workspace-state-actions button{
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}
#liveloop-container .liveloop-tools button:active:not(:disabled),
#liveloop-report-btn:active,
#liveloop-close-btn:active,
#liveloop-stuck button:active,
#liveloop-files-manager .liveloop-files-actions button:active{transform:scale(.97)}
#liveloop-container .liveloop-tools button:disabled,
#liveloop-report-btn:disabled,
#liveloop-plan button:disabled{opacity:.45;cursor:not-allowed;transform:none}

/* Focus rings: the accent in dark, a darker accent in light so it clears the
   white buttons, and the same ring in Serenity because focus is not chrome. */
#liveloop-container button:focus-visible,
#liveloop-container [role="button"]:focus-visible,
#liveloop-container input:focus-visible,
#liveloop-copies button:focus-visible,
#liveloop-versions-menu button:focus-visible,
#liveloop-files-manager button:focus-visible,
#liveloop-worklist button:focus-visible{
  outline:2px solid #a78bfa;outline-offset:2px;border-radius:9px}
html.light-mode #liveloop-container button:focus-visible,
html.light-mode #liveloop-copies button:focus-visible,
html.light-mode #liveloop-versions-menu button:focus-visible,
html.light-mode #liveloop-files-manager button:focus-visible{outline-color:#6d28d9}
html.theme-stealth:not(.light-mode) #liveloop-container button:focus-visible{outline-color:#e5e5e5}

/* Thin, theme-matched scrollbars inside LiveLoop's own panels. */
#liveloop-copies,#liveloop-versions-menu,#liveloop-code-view,
#liveloop-files-manager .liveloop-files-list,#liveloop-project-files-view .ll-files-list,
#liveloop-project-files-view .ll-files-code,#liveloop-worklist .ll-worklist-scroll{
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
html.light-mode #liveloop-copies,html.light-mode #liveloop-versions-menu,html.light-mode #liveloop-code-view,
html.light-mode #liveloop-files-manager .liveloop-files-list,html.light-mode #liveloop-project-files-view .ll-files-list,
html.light-mode #liveloop-project-files-view .ll-files-code{scrollbar-color:rgba(0,0,0,.22) transparent}

@media (prefers-reduced-motion:reduce){
  #liveloop-container .liveloop-tools button,#liveloop-container .liveloop-mode button,#liveloop-report-btn,#liveloop-close-btn,
  #liveloop-save,#liveloop-plan button,#liveloop-copies button.liveloop-copy,#liveloop-versions-menu button,#liveloop-stuck button,
  #liveloop-files-manager .liveloop-files-actions button,#liveloop-files-manager footer button,.liveloop-workspace-row,
  .liveloop-workspace-state-actions button,#liveloop-context .liveloop-context-fill{transition:none}
  #liveloop-container .liveloop-tools button:active:not(:disabled),#liveloop-report-btn:active,#liveloop-close-btn:active,
  #liveloop-stuck button:active,#liveloop-files-manager .liveloop-files-actions button:active{transform:none}
}

/* ── Light mode ────────────────────────────────────────────────────────── */
/* Header pills: the mode switch and Plan/Build. */
html.light-mode #liveloop-container .liveloop-mode{background:#fff;border-color:#dcdce4}
html.light-mode #liveloop-container .liveloop-mode button{color:#5c5c6a}
html.light-mode #liveloop-container .liveloop-mode button:hover{color:#16161a;background:#f0eef8}
html.light-mode #liveloop-container .liveloop-mode button[aria-pressed="true"]{background:#6d28d9;color:#fff}
/* Brand credit, project name, effort note. */
html.light-mode #liveloop-container .liveloop-title small{color:#6b6b78}
html.light-mode #liveloop-project-meta{color:#5c5c6a}
html.light-mode #liveloop-effort-note{color:#5c5c6a;opacity:.8}
/* Status pills: Saved, context meter, proof strip, recording clock. */
html.light-mode #liveloop-save{background:#fff;border-color:#dcdce4;color:#43434d}
html.light-mode #liveloop-save i{color:#8a8a99}
html.light-mode #liveloop-save:hover{border-color:#8b5cf6;color:#16161a}
html.light-mode #liveloop-save[data-save="safe"] i{color:#059669}
html.light-mode #liveloop-save[data-save="working"] i{color:#6d28d9}
html.light-mode #liveloop-save[data-save="risk"]{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
html.light-mode #liveloop-save[data-save="risk"] i{color:#dc2626}
html.light-mode #liveloop-context{background:#fff;border-color:#dcdce4;color:#43434d}
html.light-mode #liveloop-context .liveloop-context-bar{background:#e6e6ec}
html.light-mode #liveloop-context[data-level="high"]{background:#fffbeb;border-color:#f59e0b;color:#92400e}
html.light-mode #liveloop-proof{background:#eef4ff;border-color:#b6ccf5;color:#1e3a8a}
html.light-mode #liveloop-proof i{color:#2563eb}
html.light-mode .liveloop-proof-hash{color:#1e3a8a}
html.light-mode .liveloop-proof-round{color:#3b5bb5}
html.light-mode #liveloop-rec{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
html.light-mode .liveloop-rec-clock{color:#b91c1c}
html.light-mode #liveloop-plan i{color:#6d28d9}
html.light-mode #liveloop-plan[data-plan="pro"]{color:#3b1d7a !important;border-color:#c4b5fd !important}
/* Row 2's right-hand pair are outside .liveloop-tools, so the existing light
   rule for toolbar buttons never reached them. */
html.light-mode #liveloop-report-btn,html.light-mode #liveloop-close-btn{background:#fff;border-color:#dcdce4;color:#26262e}
html.light-mode #liveloop-report-btn:hover,html.light-mode #liveloop-close-btn:hover{border-color:#8b5cf6;color:#16161a;background:#fff}
html.light-mode #liveloop-report-btn[aria-expanded="true"]{background:#efeaff;border-color:#a78bfa;color:#3b1d7a}
html.light-mode #liveloop-container .liveloop-close{color:#5c5c6a}
html.light-mode #liveloop-container .liveloop-tools button:hover{border-color:#8b5cf6 !important;color:#16161a !important}
html.light-mode #liveloop-container .liveloop-tools button#liveloop-mic-btn[aria-pressed="false"],
html.light-mode #liveloop-container .liveloop-tools button#liveloop-speaker-btn[aria-pressed="false"]{color:#8a8a99 !important}
html.light-mode #liveloop-container .liveloop-tools button#liveloop-mic-btn[aria-pressed="true"],
html.light-mode #liveloop-container .liveloop-tools button#liveloop-speaker-btn[aria-pressed="true"],
html.light-mode #liveloop-container .liveloop-tools button.voice-live{background:#ecfdf5 !important;border-color:#34d399 !important;color:#065f46 !important}
html.light-mode #liveloop-container .liveloop-tools button.is-recording{background:#fef2f2 !important;border-color:#f87171 !important;color:#991b1b !important}
html.light-mode #liveloop-container .liveloop-tools button.voice-unfunded{color:#8a8a99 !important}
/* Copies dropdown. */
html.light-mode #liveloop-copies{background:#fff;border-color:#dcdce4;box-shadow:0 18px 48px rgba(20,20,40,.18)}
html.light-mode #liveloop-copies h4{color:#16161a}
html.light-mode #liveloop-copies p{color:#5c5c6a}
html.light-mode #liveloop-copies button.liveloop-copy{background:#f7f7f9;border-color:#e2e2e8;color:#26262e}
html.light-mode #liveloop-copies button.liveloop-copy small{color:#6b6b78}
html.light-mode #liveloop-copies button.liveloop-copy:hover{border-color:#8b5cf6;color:#16161a}
html.light-mode #liveloop-copies button.liveloop-copy[data-current="true"]{border-color:#a78bfa;background:#f4f1ff}
/* Versions menu: the panel had a light rule, its rows and footer did not. */
html.light-mode #liveloop-versions-menu p{color:#5c5c6a}
html.light-mode #liveloop-versions-menu button small{color:#6b6b78}
html.light-mode #liveloop-versions-menu button:hover{background:#f0eef8;color:#16161a}
html.light-mode #liveloop-versions-menu button[aria-current="true"]{background:#efeaff;color:#3b1d7a}
html.light-mode #liveloop-versions-menu .ll-versions-mode{border-top-color:#e2e2e8}
html.light-mode #liveloop-versions-menu .ll-versions-mode small{color:#5c5c6a}
html.light-mode #liveloop-versions-menu .ll-versions-drive{color:#5c5c6a}
html.light-mode #liveloop-versions-menu button.ll-versions-delete-btn:hover{background:#fef2f2;color:#991b1b}
/* Projects manager. */
html.light-mode #liveloop-files-manager{background:#fff;border-color:#dcdce4;color:#16161a;box-shadow:0 28px 90px rgba(20,20,40,.22)}
html.light-mode #liveloop-files-manager header,html.light-mode #liveloop-files-manager footer,
html.light-mode #liveloop-files-manager .liveloop-files-storage,html.light-mode #liveloop-files-manager .liveloop-files-actions{border-color:#e2e2e8}
html.light-mode #liveloop-files-manager header p{color:#5c5c6a}
html.light-mode #liveloop-files-manager header button{color:#43434d}
html.light-mode #liveloop-files-manager h2 i{color:#6d28d9}
html.light-mode #liveloop-files-manager .liveloop-files-storage{color:#43434d}
html.light-mode .liveloop-files-storage strong{color:#16161a}
html.light-mode .liveloop-files-storage>i{color:#6d28d9}
html.light-mode .liveloop-files-storage-track{background:#e6e6ec}
html.light-mode #liveloop-files-manager .liveloop-files-actions button{background:#f7f7f9;border-color:#dcdce4;color:#26262e}
html.light-mode #liveloop-files-manager .liveloop-files-actions button:hover{border-color:#8b5cf6;color:#16161a}
html.light-mode #liveloop-files-manager .liveloop-files-note{background:#f4f1ff;color:#3b1d7a}
html.light-mode .liveloop-files-section{color:#6b6b78}
html.light-mode .liveloop-files-empty{color:#6b6b78}
html.light-mode .liveloop-workspace-row{background:#f7f7f9;border-color:#e2e2e8;color:#16161a}
html.light-mode .liveloop-workspace-row:hover,html.light-mode .liveloop-workspace-row[aria-expanded="true"],html.light-mode .liveloop-workspace-row.is-selected{background:#f4f1ff;border-color:#a78bfa}
html.light-mode .liveloop-workspace-row>i{color:#6d28d9}
html.light-mode .liveloop-workspace-row small{color:#6b6b78}
html.light-mode .liveloop-workspace-states{border-left-color:#d8ccf7}
html.light-mode .liveloop-workspace-state{border-bottom-color:#eeeef2}
html.light-mode .liveloop-workspace-state-open{color:#26262e}
html.light-mode .liveloop-workspace-state-open:hover{background:#f0eef8}
html.light-mode .liveloop-workspace-state-open small{color:#6b6b78}
html.light-mode .liveloop-workspace-state-actions button{background:#fff;border-color:#dcdce4;color:#43434d}
html.light-mode .liveloop-workspace-state-actions button:hover{border-color:#8b5cf6;color:#16161a}
html.light-mode .liveloop-workspace-state-actions button.danger{color:#b91c1c;border-color:#fca5a5}
html.light-mode .liveloop-workspace-state-actions button.danger:hover{background:#fef2f2;border-color:#f87171}
html.light-mode #liveloop-files-manager footer button{background:#fef2f2;border-color:#fca5a5;color:#991b1b}
html.light-mode #liveloop-files-manager footer small{color:#6b6b78}
/* "This needs another pass". */
html.light-mode #liveloop-stuck{background:#fff;border-color:#dcdce4;color:#16161a;box-shadow:0 20px 60px rgba(20,20,40,.18)}
html.light-mode #liveloop-stuck p{color:#5c5c6a}
html.light-mode #liveloop-stuck i{color:#d97706}
html.light-mode #liveloop-stuck button{border-color:#dcdce4;color:#26262e}
html.light-mode #liveloop-stuck button:hover{border-color:#8b5cf6}
html.light-mode #liveloop-stuck #liveloop-stuck-fix{background:#6d28d9;border-color:#6d28d9;color:#fff}
/* Today's work dropdown. */
html.light-mode #liveloop-worklist{background:rgba(255,255,255,.96);border-color:#dcdce4;color:#16161a;box-shadow:0 18px 46px rgba(20,20,40,.18)}
html.light-mode #liveloop-worklist .ll-worklist-more{border-color:#c9c9d4;color:#43434d}
html.light-mode #liveloop-worklist .ll-worklist-more:hover{color:#16161a;border-color:#a78bfa}
html.light-mode .ll-checklist-toggle{color:#16161a}
html.light-mode .ll-checklist-summary,html.light-mode .ll-task-note{color:#6b6b78}
html.light-mode .ll-task:hover{background:#ecebf2 !important}
html.light-mode .ll-task.is-active{background:#f4f1ff !important;border-color:#a78bfa}
html.light-mode .ll-task-status{background:#e6e6ec;color:#43434d}
html.light-mode .ll-task.is-working .ll-task-status{background:#ede9fe;color:#4c1d95}
html.light-mode .ll-task.is-done .ll-task-status{background:#d1fae5;color:#065f46}
html.light-mode .ll-task.is-attention .ll-task-status{background:#fef3c7;color:#92400e}
html.light-mode .ll-task.is-failed .ll-task-status{background:#fee2e2;color:#991b1b}
html.light-mode .ll-task-actions button,html.light-mode .ll-checklist-add,html.light-mode .ll-checklist-clear{border-color:#c9c9d4;color:#43434d}
html.light-mode .ll-checklist-jump{border-color:#8b5cf6;color:#4c1d95}

/* ── Absolute Serenity: the few controls its blackout skipped ──────────── */
html.theme-stealth:not(.light-mode) #liveloop-container .liveloop-mode,
html.theme-stealth:not(.light-mode) #liveloop-save,
html.theme-stealth:not(.light-mode) #liveloop-context,
html.theme-stealth:not(.light-mode) #liveloop-plan{background:#070707 !important;border-color:#282828 !important}
html.theme-stealth:not(.light-mode) #liveloop-container .liveloop-mode button[aria-pressed="true"],
html.theme-stealth:not(.light-mode) #liveloop-plan button{background:#242424;color:#fff}
html.theme-stealth:not(.light-mode) #liveloop-context .liveloop-context-fill{background:#e5e5e5}
html.theme-stealth:not(.light-mode) #liveloop-report-btn,
html.theme-stealth:not(.light-mode) #liveloop-close-btn{background:#070707;border-color:#282828;color:#efefef}
html.theme-stealth:not(.light-mode) #liveloop-copies,
html.theme-stealth:not(.light-mode) #liveloop-versions-menu,
html.theme-stealth:not(.light-mode) #liveloop-files-manager,
html.theme-stealth:not(.light-mode) #liveloop-worklist{background:#000 !important;border-color:#242424 !important}
html.theme-stealth:not(.light-mode) #liveloop-copies button.liveloop-copy,
html.theme-stealth:not(.light-mode) .liveloop-workspace-row,
html.theme-stealth:not(.light-mode) #liveloop-files-manager .liveloop-files-actions button{background:#070707;border-color:#282828}