/* Driftcentral: shared Hub visual language, including login and AI Workspace. */
:root {
  --wcc-blue:#126E82; --wcc-navy:#183B4A; --wcc-ink:#183B4A;
  --wcc-muted:#607A80; --wcc-bg:#F6F8F7; --wcc-line:#DDE8E7;
  --wcc-card:#fff; --wcc-soft:#F1F7F6; --wcc-accent:#E5F2F1;
  --wcc-sidebar:#FBFCFB; --wcc-radius:24px;
  --wcc-shadow:0 4px 20px rgba(24,59,74,.035);
  --wcc-login-blue:var(--wcc-blue); --wcc-login-navy:var(--wcc-navy);
  --wcc-login-ink:var(--wcc-ink); --wcc-login-muted:var(--wcc-muted);
  --wcc-login-line:var(--wcc-line);
}
html[data-wcc-theme=dark] {
  --wcc-blue:#87D1D7; --wcc-navy:#E3EEEF; --wcc-ink:#E3EEEF;
  --wcc-muted:#A4BBC0; --wcc-bg:#13282F; --wcc-line:#34515A;
  --wcc-card:#1A333D; --wcc-soft:#203D46; --wcc-accent:#234A53;
  --wcc-sidebar:#162D35; --wcc-shadow:none;
}
body.wccf-body, body.login.wccf-native-login {
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--wcc-bg)!important; color:var(--wcc-ink);
}
body.wccf-body .wccf-topbar {
  min-height:72px; height:72px; padding:0 32px 0 288px;
  background:var(--wcc-bg)!important; border-bottom:1px solid var(--wcc-line);
  box-shadow:none; backdrop-filter:none;
}
body.wccf-body .wccf-brand {position:fixed; top:25px; left:28px; z-index:90; gap:12px}
body.wccf-body .wccf-logo-mark, .wccdv4 .wccf-logo-mark {
  display:block; flex:0 0 auto; width:40px; height:40px; border:0;
  border-radius:12px; background:transparent!important; box-shadow:none;
}
.wccf-brand-icon {display:block; width:100%; height:100%; object-fit:contain; border-radius:inherit}
body.wccf-body .wccf-logo-mark::before, body.wccf-body .wccf-logo-mark::after {display:none!important}
body.wccf-body .wccf-brand b {font-size:16px; letter-spacing:-.03em; color:var(--wcc-ink)}
body.wccf-body .wccf-brand small {font-size:10px; letter-spacing:.1em; color:var(--wcc-muted)}
body.wccf-body .wccf-topbar-left::after {display:none}
.wccf-page-context {font-size:13px; color:var(--wcc-muted)}
body.wccf-body .wccf-user {font-size:12px; gap:14px; color:var(--wcc-muted)}
body.wccf-body .wccf-user a {color:var(--wcc-blue)}
body.wccf-body .wccf-user button {border:1px solid var(--wcc-line); background:var(--wcc-card); color:var(--wcc-muted)}
body.wccf-body .wccf-layout {display:block; width:100%; max-width:none; padding-left:256px}
body.wccf-body .wccf-sidebar {
  position:fixed; inset:0 auto 0 0; width:256px; height:100dvh;
  padding:112px 20px 24px; background:var(--wcc-sidebar)!important;
  border-right:1px solid var(--wcc-line); box-shadow:none; overflow:auto;
}
body.wccf-body .wccf-navigation {gap:5px}
body.wccf-body .wccf-nav-label {font-size:10px; letter-spacing:.16em; color:var(--wcc-muted); padding:0 12px; margin-bottom:12px}
body.wccf-body :is(.wccf-navigation>a,.wccf-advanced-nav>a,.wccf-advanced-toggle) {
  min-height:44px; padding:12px; border-radius:12px; color:var(--wcc-muted);
  font-size:13px; font-weight:600; border:0; box-shadow:none; background:transparent;
}
body.wccf-body :is(.wccf-navigation>a,.wccf-advanced-nav>a):hover {background:var(--wcc-soft); transform:none}
body.wccf-body :is(.wccf-navigation>a,.wccf-advanced-nav>a)[aria-current=page] {
  background:var(--wcc-accent)!important; color:var(--wcc-blue)!important; box-shadow:none!important;
}
body.wccf-body .wccf-navigation .dashicons {font-size:18px; width:18px; height:18px}
body.wccf-body .wccf-main {max-width:1440px; margin:auto; padding:36px 40px!important; background:transparent}
body.wccf-body .wccf-heading h1 {font-size:38px; line-height:1.15; font-weight:600; letter-spacing:-.045em}
body.wccf-body .wccf-heading p {font-size:14px; line-height:1.6}
body.wccf-body .wccf-kicker {font-size:11px; font-weight:600; letter-spacing:.1em}
body.wccf-body :is(.wccf-card,.wccf-disclosure,.wccf-stat-grid article,.wccf-daily-brief,.wccf-operator-site,.wccf-operator-log,.wccf-overview-technical,.wccf-technical-overview) {
  background:var(--wcc-card); border-color:var(--wcc-line); border-radius:24px;
  box-shadow:var(--wcc-shadow);
}
body.wccf-body .wccf-daily-brief::after {display:none}
body.wccf-body :is(.wccf-card h2,.wccf-card-heading h2) {font-size:23px; font-weight:600; letter-spacing:-.025em}
body.wccf-body .wccf-button {
  border:1px solid #126E82; border-radius:12px; background:#126E82;
  color:#fff!important; font-size:13px; font-weight:600; box-shadow:none;
}
body.wccf-body .wccf-button:hover {background:#0C5B6C; border-color:#0C5B6C; transform:none}
body.wccf-body .wccf-button-secondary {background:var(--wcc-card); border-color:var(--wcc-line); color:var(--wcc-blue)!important}
body.wccf-body .wccf-button-secondary:hover {background:var(--wcc-soft); border-color:var(--wcc-blue)}
body.wccf-body :is(.wccf-field input,.wccf-field select,.wccf-field textarea,.wccf-site-controls input,.wccf-inline-form input) {
  border:1px solid var(--wcc-line); border-radius:12px; background:var(--wcc-card); color:var(--wcc-ink); box-shadow:none;
}
body.wccf-body :is(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--wcc-blue); outline-offset:3px}
body.wccf-body .wccf-table th {background:var(--wcc-soft); color:var(--wcc-muted); border-color:var(--wcc-line)}
body.wccf-body .wccf-table td {border-color:var(--wcc-line)}
body.wccf-body .wccf-table tbody tr:hover {background:var(--wcc-soft)}
body.wccf-body .wccc-external-support .wccc-external-agreement {min-width:0;overflow-wrap:anywhere}
body.wccf-body .wccc-external-support .wccc-external-agreement small {display:block;margin-top:4px;color:var(--wcc-muted)}
@media(max-width:700px) {
  /* Responsive table rows are cards and must follow the selected theme. */
  body.wccf-body .wccf-table tbody tr {background:var(--wcc-card);color:var(--wcc-ink);border-color:var(--wcc-line);box-shadow:var(--wcc-shadow)}
}
body.wccf-body [hidden] {display:none!important}
/* Login, password recovery and two-factor prompts keep their existing handlers. */
body.wccf-login-body .wccf-login-card, body.login.wccf-native-login #login {
  border:1px solid var(--wcc-line); border-radius:24px; background:var(--wcc-card); box-shadow:var(--wcc-shadow);
}
body.wccf-login-body .wccf-logo-mark {width:64px; height:64px; margin-bottom:24px}
body.login.wccf-native-login #login>h1 a {
  width:64px; height:64px; border-radius:16px; background:var(--wcc-brand-icon) center/contain no-repeat!important;
  box-shadow:none; color:transparent;
}
body.login.wccf-native-login #login>h1 a::after {content:none}
body.login.wccf-native-login .button-primary, body.wccf-login-body input[type=submit] {border-radius:12px; background:#126E82; box-shadow:none}
/* The focused AI Workspace keeps its four-pane interaction and mobile navigation. */
body.wccf-ai-focus-body .wccf-layout {padding-left:0}
body.wccf-ai-focus-body .wccf-page-context {display:none}
body.wccf-ai-focus-body .wccdv4 {color:var(--wcc-ink); background:var(--wcc-bg)}
body.wccf-ai-focus-body :is(.wccdv4-top,.wccdv4-chat-head,.wccdv4-composer) {background:var(--wcc-card); border-color:var(--wcc-line)}
body.wccf-ai-focus-body :is(.wccdv4-sites,.wccdv4-conversations,.wccdv4-inspector) {background:var(--wcc-sidebar); border-color:var(--wcc-line)}
body.wccf-ai-focus-body .wccdv4-messages {background:var(--wcc-bg)}
body.wccf-ai-focus-body .wccdv4-brand .wccf-logo-mark {width:38px; height:38px}
body.wccf-ai-focus-body :is(.wccdv4-site,.wccdv4-thread).is-active {background:var(--wcc-accent); border-color:var(--wcc-line); box-shadow:inset 3px 0 0 #126E82}
body.wccf-ai-focus-body .wccdv4 :is(input,textarea) {border-color:var(--wcc-line); border-radius:12px; background:var(--wcc-card); color:var(--wcc-ink)}
@media(max-width:1100px) {body.wccf-body .wccf-main {padding:28px!important}}
@media(max-width:900px) {
  body.wccf-body .wccf-topbar {padding:12px 20px; height:auto; min-height:68px; gap:12px}
  body.wccf-body .wccf-brand {position:static}
  .wccf-page-context {display:none}
  body.wccf-body .wccf-layout {padding-left:0}
  body.wccf-body .wccf-sidebar {position:static; inset:auto; width:auto; height:auto; padding:10px 20px; border-right:0; border-bottom:1px solid var(--wcc-line); overflow:visible}
  body.wccf-body .wccf-menu-toggle {display:flex; width:100%; background:transparent; border:0; color:var(--wcc-blue)}
  body.wccf-body .wccf-navigation {display:none; padding-top:12px}
  body.wccf-body .wccf-navigation.is-open {display:grid}
  body.wccf-body .wccf-main {padding:22px 20px!important}
  body.wccf-body .wccf-heading h1 {font-size:32px}
}
@media(max-width:520px) {
  body.wccf-body .wccf-main {padding:20px 12px!important}
  body.wccf-body .wccf-user>span, body.wccf-body .wccf-user>a:first-of-type {display:none}
  body.wccf-body .wccf-user {font-size:10px; gap:8px}
  body.wccf-body .wccf-brand {gap:8px}
  body.wccf-body .wccf-brand b {font-size:14px}
  body.wccf-body .wccf-logo-mark {height:34px; width:34px}
  body.wccf-body .wccf-heading h1 {font-size:30px}
  body.wccf-body :is(.wccf-card,.wccf-disclosure,.wccf-daily-brief) {border-radius:20px}
}
/* Workspace accents use the same accessible primary as the support inbox. */
body.wccf-ai-focus-body .wccdv4 :is(.wccdv4-message.is-user,.wccdv4-compose-inner button[type=submit]) {
  background:#126E82; border-color:#126E82; color:#fff; box-shadow:none;
}
html[data-wcc-theme=dark] .wccdv4 :is(h1,h2,h3,strong,.wccdv4-site,.wccdv4-thread,.wccdv4-site-copy strong,.wccdv4-thread strong) {color:var(--wcc-ink)}
html[data-wcc-theme=dark] .wccdv4 :is(small,time,.wccdv4-current,.wccdv4-welcome,.wccdv4-new-label,.wccdv4-history-label) {color:var(--wcc-muted)}
html[data-wcc-theme=dark] .wccdv4 :is(.wccdv4-ghost,.wccdv4-icon,.wccdv4-message.is-ai,.wccdv4-change-history,.wccdv4-new-form button,.wccdv4-site-link,.wccdv4-alltasks) {
  color:var(--wcc-ink); background:var(--wcc-card); border-color:var(--wcc-line);
}
html[data-wcc-theme=dark] .wccdv4 :is(.wccdv4-site,.wccdv4-thread):hover {background:var(--wcc-soft)}
/* Complete dark surfaces for the focused workspace's nested cards and controls. */
html[data-wcc-theme=dark] .wccdv4 :is(.wccdv4-body,.wccdv4-thread-row,.wccdv4-archived-row,.wccdv4-compose-inner,.wccdv4-health-card,.wccdv4-open-site,.wccc-ai-change-history,.wccdv4-git-config,.wccdv4-git-config-form) {
  background:var(--wcc-card); color:var(--wcc-ink); border-color:var(--wcc-line);
}
html[data-wcc-theme=dark] .wccdv4 .wccdv4-thread-row.is-active {background:var(--wcc-accent)}
html[data-wcc-theme=dark] .wccdv4 :is(.wccdv4-inspector dd,.wccdv4-git-config>summary) {color:var(--wcc-ink)}
html[data-wcc-theme=dark] .wccdv4 .wccdv4-inspector dt {color:var(--wcc-muted)}
html[data-wcc-theme=dark] .wccdv4 .wccdv4-inspector :is(dl>div,.wccdv4-health-card) {border-color:var(--wcc-line)}
html[data-wcc-theme=dark] .wccdv4 .wccdv4-inspector a {color:var(--wcc-blue)}
html[data-wcc-theme=dark] .wccdv4 .wccdv4-inspector dd.is-good {color:var(--wcc-green)}
html[data-wcc-theme=dark] #wccc-hub-support :is(h2,h3,strong) {color:var(--wcc-ink)}
html[data-wcc-theme=dark] #wccc-hub-support .support-ticket-head {border-color:var(--wcc-line)}
html[data-wcc-theme=dark] .assistant-tabs a {color:var(--wcc-muted)}
html[data-wcc-theme=dark] .assistant-tabs [aria-selected=true] {color:var(--wcc-blue)}
/* The legacy inspector uses more specific selectors for its nested history. */
html[data-wcc-theme=dark] body.wccf-ai-focus-body .wccdv4 :is(.wccc-ai-change-history,.wccc-ai-change-history-head,.wccc-ai-change-history-intro,.wccc-ai-change-history-body,.wccc-ai-change-history-summary-actions,.wccdv4-git-app-state,.wccdv4-inline-job) {
  background:var(--wcc-card)!important; color:var(--wcc-ink)!important; border-color:var(--wcc-line)!important;
}
html[data-wcc-theme=dark] body.wccf-ai-focus-body .wccdv4 .wccdv4-inline-job.is-warning {background:#3F341F!important; border-color:#6B5830!important}
html[data-wcc-theme=dark] body.wccf-ai-focus-body .wccdv4 .wccdv4-inline-job :is(strong,small,span,p) {color:var(--wcc-ink)!important}
html[data-wcc-theme=dark] body.wccf-ai-focus-body .wccdv4 .wccdv4-action-pill {background:var(--wcc-soft); border-color:var(--wcc-line); color:var(--wcc-ink)}
html[data-wcc-theme=dark] body.wccf-ai-focus-body .wccdv4 .wccdv4-chat {background:var(--wcc-bg)}

/* Mobile UX: touch targets and a usable narrow-tablet workspace. */
body.wccf-login-body.wccf-custom-login #loginform :is(input[type=text],input[type=password]) {
  background:var(--wcc-card);
  color:var(--wcc-ink);
}
body.wccf-login-body.wccf-custom-login #loginform .button-primary {
  background:#126E82;
  color:#fff;
}
body.wccf-login-body.wccf-custom-login #loginform .button-primary:is(:hover,:focus) {background:#0C5B6C;color:#fff}
body.wccf-login-body.wccf-custom-login #loginform .login-remember label {
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
}
@media (max-width:760px) {
  html body.wccf-body :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea) {font-size:16px!important}
  html body.wccf-body .wccf-site-filters button {min-height:44px}
  html body.wccf-body .wccf-menu-toggle {min-height:44px}
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open :is(.wccc-ai-main-nav-fab,.wccc-ai-mobile-fab,.wccc-ai-send-button) {
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  html body.wccf-ai-focus-body .wccf-ai-workspace :is(.wccc-ai-drawer-close,[data-ai-page-picker-close]) {
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }
  html body.wccf-ai-focus-body .wccf-ai-workspace .wccc-ai-mobile-chatbar :is(button,a) {min-height:44px!important}
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open {
    height:var(--wccc-ai-visual-height,100dvh)!important;
    max-height:var(--wccc-ai-visual-height,100dvh)!important;
    padding-top:calc(74px + env(safe-area-inset-top))!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open > a.button[href*="wccc_section=assistant"] {display:none!important}
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-layout {
    height:100%!important;
    max-height:100%!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-main {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-chat {
    flex:1 1 0!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-main > .wccc-ai-change-history {
    flex:0 0 auto;
    margin:0 8px 8px;
    max-height:35%;
    overflow:auto;
  }
  body.wccf-body .wccc-sites-layout > .wccc-site-tabs {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.wccf-body .wccc-sites-layout .wccc-site-tabs > a.wccf-button {
    min-height:48px;
    padding:10px 8px;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.35;
  }
  body.wccf-body .wccf-theme-toggle {width:auto;min-width:44px;min-height:44px;padding:8px 10px}
  body.wccf-body .wccf-theme-toggle-label {display:inline}
  body.wccf-body .wccf-theme-toggle .dashicons {display:none}
  .wccf-ai-workspace .wccc-ai-restore-button {
    min-height:44px!important;
    min-width:44px;
    padding:8px 12px!important;
    font-size:13px!important;
    white-space:normal;
  }
  .wccf-ai-workspace .wccc-ai-change-row {
    grid-template-columns:minmax(0,1fr);
  }
  .wccf-ai-workspace .wccc-ai-change-actions {
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
  }
}
@media(max-width:760px) {
  html[data-wcc-theme=dark] body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open :is(.wccc-ai-composer,.wccc-ai-compose-box,.wccc-ai-change-history,.wccc-ai-change-history-head,.wccc-ai-change-history-intro,.wccc-ai-change-history-body) {
    background:var(--wcc-card)!important;
    border-color:var(--wcc-line)!important;
    color:var(--wcc-ink)!important;
  }
  html[data-wcc-theme=dark] body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open :is(.wccc-ai-composer textarea,.wccc-ai-change-history-head strong) {color:var(--wcc-ink)!important}
}
@media(max-width:700px) {
  body.wccf-body .wccc-sites-layout .wccf-table tr {width:auto}
}
@media (min-width:761px) and (max-width:1000px) {
  body.wccf-ai-focus-body .wccdv4-body {
    grid-template-columns:160px 230px minmax(0,1fr);
  }
  body.wccf-ai-focus-body .wccdv4-top {
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding-inline:12px;
  }
  body.wccf-ai-focus-body .wccdv4-current {display:none}
  body.wccf-ai-focus-body .wccdv4-top-actions > .wccdv4-ghost {
    padding-inline:8px!important;
    font-size:12px!important;
  }
}
@media (min-width:761px) and (max-width:1280px) {
  html body.wccf-ai-focus-body .wccdv4 .wccdv4-top-actions > :is(.wccdv4-ghost,.wccdv4-icon) {
    min-height:44px!important;
    height:44px!important;
  }
  html body.wccf-ai-focus-body .wccdv4 .wccdv4-top-actions > .wccdv4-icon {width:44px!important;min-width:44px!important}
  body.wccf-ai-focus-body .wccdv4-new-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.wccf-ai-focus-body .wccdv4-new-form {min-width:0}
  body.wccf-ai-focus-body .wccdv4-new-form button {height:44px;min-height:44px;padding-inline:7px;gap:5px}
}


/* Mobile dark-mode polish: overview, links, and AI chat content. */
.wccf-ai-healing-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:12px 0;padding:10px 14px;border:1px solid var(--wcc-line);border-radius:12px;background:var(--wcc-card);color:var(--wcc-ink);font-size:14px;line-height:1.5}
.wccf-ai-healing-summary a{display:inline-flex;align-items:center;min-height:36px;color:var(--wcc-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}
html[data-wcc-theme=dark] .wccf-ai-healing-summary a{color:#8bd6e7}
html[data-wcc-theme=dark] .wccf-overview-ok{background:var(--wcc-card)!important;color:var(--wcc-ink)!important;border:1px solid var(--wcc-line)!important}
html[data-wcc-theme=dark] .wccf-overview-ok :is(strong,p){color:var(--wcc-ink)!important}
html[data-wcc-theme=dark] .wccf-overview-ok p{opacity:.85}
.wccf-ai-workspace :is(.wccc-ai-message,.wccdv4-msg,.wccc-ai-chat,.wccdv4-chat){min-width:0}
.wccf-ai-workspace :is(.wccc-ai-message,.wccdv4-msg,.wccc-ai-chat,.wccdv4-chat) :is(p,a,code,pre){overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.wccf-ai-workspace :is(.wccc-ai-message,.wccdv4-msg) pre{white-space:pre-wrap;overflow-x:auto}
html[data-wcc-theme=dark] .wccf-ai-workspace :is(.wccc-ai-message,.wccdv4-msg) :is(a,code){color:#b5e8f5}
html[data-wcc-theme=dark] .wccf-ai-workspace :is(.wccc-ai-message,.wccdv4-msg) code{background:#29454e}
@media(max-width:760px){
  .wccf-ai-healing-summary{align-items:flex-start}
  body.wccf-ai-focus-body .wccf-ai-workspace{min-width:0;max-width:100%;overflow-x:clip}
  body.wccf-ai-focus-body .wccf-ai-workspace :is(.wccc-ai-main,.wccc-ai-chat,.wccdv4-main,.wccdv4-chat){min-width:0;max-width:100%}
  body.wccf-ai-focus-body .wccf-ai-workspace :is(.wccc-ai-message,.wccdv4-msg){max-width:100%}
  body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open{padding-top:calc(90px + env(safe-area-inset-top))!important}
}

/* AI Workspace mobile shell: fixed opaque header and reachable composer. */
@media(max-width:760px){
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open{
    box-sizing:border-box!important;
    height:var(--wccc-ai-visual-height,100dvh)!important;
    max-height:var(--wccc-ai-visual-height,100dvh)!important;
    min-height:0!important;
    padding:calc(74px + env(safe-area-inset-top)) 0 0!important;
    overflow:hidden!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open:before{
    background:#126e82!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-site-context,
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-site-context>span{
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#fff!important;
    text-shadow:none!important;
    background:#126e82!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-site-context{
    z-index:80!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-layout,
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-main{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-chat{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    flex:1 1 auto!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-messages{
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-composer{
    position:relative!important;
    inset:auto!important;
    z-index:10!important;
    display:block!important;
    flex:0 0 auto!important;
    min-height:60px!important;
    visibility:visible!important;
    opacity:1!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
    transform:none!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-compose-box{
    display:flex!important;
    min-height:48px!important;
  }
}

/* 1.59.687: mobile context header must not blur its actual text. */
@media(max-width:760px){
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-site-context>.wccc-ai-mobile-context-card{
    position:relative!important;
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#126e82!important;
    color:#fff!important;
    box-shadow:none!important;
    isolation:isolate;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card strong,
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card small{
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-shadow:none!important;
    color:#fff!important;
  }
  /* Status badges retain the foreground paired with their light/dark surface. */
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card em{
    -webkit-text-fill-color:currentColor!important;
  }
  html body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card strong{
    position:relative!important;
    z-index:2!important;
    font-size:13px!important;
    font-weight:800!important;
    -webkit-text-fill-color:#fff!important;
  }
}
/* Dark mode: readable links and inline URLs in chat messages. */
html[data-wcc-theme=dark] .wccf-ai-workspace .wccc-ai-message a:not(.wccc-ai-message-image),
html[data-wcc-theme=dark] .wccf-ai-workspace .wccc-ai-message a:visited:not(.wccc-ai-message-image){
  color:#8fe7ff!important;
  background:transparent!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  overflow-wrap:anywhere;
}
html[data-wcc-theme=dark] .wccf-ai-workspace .wccc-ai-message a:hover,
html[data-wcc-theme=dark] .wccf-ai-workspace .wccc-ai-message a:focus-visible{
  color:#fff!important;
  text-decoration-thickness:2px!important;
}
html[data-wcc-theme=dark] .wccf-ai-workspace .wccc-ai-message :is(code,kbd,pre),
html[data-wcc-theme=dark] .wccf-ai-workspace .wccc-ai-message :is(code,kbd,pre) a{
  color:#d5f6ff!important;
  background:#26454e!important;
  border-color:#446974!important;
  -webkit-text-fill-color:currentColor!important;
}

/* 1.59.699: the mobile context is part of the layout, including in installed PWAs.
   A fixed card cannot reserve space for wrapped names and two-line job statuses. */
@media(max-width:760px){
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open{
    padding-top:calc(8px + env(safe-area-inset-top))!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-site-context{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin:0 54px 10px 70px!important;
    align-items:stretch!important;
    background:transparent!important;
    z-index:1!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-site-context>.wccc-ai-mobile-context-card{
    height:auto!important;
    min-height:88px!important;
    max-height:none!important;
    padding:10px 12px!important;
    grid-template-columns:minmax(0,1fr) 14px!important;
    grid-template-rows:auto auto auto!important;
    gap:4px 7px!important;
    align-content:start!important;
    align-self:stretch!important;
    border-radius:17px!important;
    overflow:visible!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card>.wccc-ai-mobile-site-name{
    display:block!important;
    visibility:visible!important;
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    font-size:14px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card>small{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    font-size:10px!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card>em{
    grid-column:1!important;
    grid-row:3!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-mobile-context-card>i{
    grid-column:2!important;
    grid-row:1 / span 3!important;
  }
  html:root body.wccf-ai-focus-body.wccf-ai-mobile-chat-open .wccf-ai-workspace.is-chat-open .wccc-ai-pwa-title-overlay{
    display:none!important;
  }
}