/* Frozen Personal source strip and compact Act entry. */
#agents-section, #current-picture-section, .panel-current-work, .panel-questions, #panel-now .now-divider { display: none !important; }

.zr-rail { --zr-green: #3fb27f; --zr-amber: #d9a13a; --zr-red: #d35b50; --zr-orange: #e2703a; --zr-line: color-mix(in srgb, var(--line, #888) 70%, transparent); position: relative; display: flex; flex-direction: column; gap: .5rem; height: 100%; min-height: 0; padding: 0; }
#panel-now, #panel-now .now-scroll { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; height: 100%; }

/* Two tidy provider columns keep each count directly under its source name. */
.zr-source-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; padding: .15rem 0 .7rem; border-bottom: 1px solid var(--zr-line); }
.zr-source { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: .15rem; padding: .35rem .45rem; border: 0; border-radius: 9px; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.zr-source:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
.zr-source[aria-pressed="true"] { background: color-mix(in srgb, var(--zr-tone, currentColor) 12%, transparent); }
.zr-source-heading { display: flex; align-items: center; gap: .35rem; min-width: 0; }
.zr-source-icon { color: var(--zr-tone, currentColor); font-size: 1rem; }
.zr-source-name { overflow: hidden; text-overflow: ellipsis; font-size: .8rem; }
.zr-source-count { display: inline-grid; place-items: center; min-width: 1.15rem; height: 1.05rem; padding: 0 .18rem; margin-left: 1.35rem; border-radius: 999px; background: color-mix(in srgb, var(--zr-tone, #8a8f98) 24%, transparent); font-size: .68rem; line-height: 1; font-variant-numeric: tabular-nums; }
.zr-source-badges { display: flex; flex-direction: column; align-items: flex-start; gap: .12rem; }
.zr-source-attention { display: inline-grid; place-items: center; min-width: 1.15rem; height: 1.05rem; padding: 0 .18rem; margin-left: 1.35rem; border-radius: 999px; background: color-mix(in srgb, var(--zr-red) 28%, transparent); color: var(--zr-red); font-size: .68rem; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.zr-source-attention.is-unavailable { color: color-mix(in srgb, var(--muted, #aaa) 85%, transparent); background: color-mix(in srgb, var(--muted, #aaa) 18%, transparent); }
.zr-source-caption { margin-left: 1.35rem; font-size: .62rem; line-height: 1; letter-spacing: .01em; opacity: .65; }
.zr-source-pulse { animation: zr-source-green-pulse .42s ease-in-out 2; }
@keyframes zr-source-green-pulse { 0%,100% { box-shadow: none; } 50% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--zr-green) 70%, transparent); } }
.zr-quiet { font-size: .8rem; opacity: .6; }
.zr-neutral { --zr-tone: #8a8f98; }
.zr-green { --zr-tone: var(--zr-green); } .zr-orange { --zr-tone: var(--zr-orange); } .zr-amber { --zr-tone: var(--zr-amber); } .zr-red { --zr-tone: var(--zr-red); }
.zr-amber .zr-quiet, .zr-red .zr-quiet { opacity: 1; color: var(--zr-tone); }
.zr-num { background: color-mix(in srgb, var(--zr-tone, #8a8f98) 25%, transparent); }
.zr-oneliner { margin: .1rem .55rem .2rem; font-size: .8rem; opacity: .65; }
.zr-source-details { display: flex; flex-direction: column; gap: .55rem; min-height: 0; max-height: min(44vh, 28rem); overflow: auto; padding: .65rem .55rem; border: 1px solid var(--zr-line); border-radius: 12px; background: color-mix(in srgb, var(--zr-line) 5%, transparent); }
.zr-source-details.is-mail { position: absolute; inset: 0; z-index: 4; max-height: none; height: 100%; border-radius: 0; background: var(--panel, #121816); }
.zr-mail-filters { display: flex; flex-wrap: wrap; gap: .3rem; }
.zr-mail-filter.is-on { border-color: var(--zr-green); color: var(--zr-green); }
.zr-mail-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: .4rem; width: 100%; }
.zr-mail-dismiss { flex: none; min-width: 1.6rem; padding: 0; line-height: 1; }
.zr-source-item.is-unread { background: color-mix(in srgb, var(--zr-green) 18%, transparent); box-shadow: inset 3px 0 0 var(--zr-green); cursor: pointer; }
.zr-source-item.is-important { background: color-mix(in srgb, #e5484d 16%, transparent); box-shadow: inset 3px 0 0 #e5484d; cursor: pointer; }
.zr-source-item { cursor: pointer; }
.zr-question-row.is-important { background: color-mix(in srgb, #e5484d 30%, transparent); box-shadow: inset 4px 0 0 #e5484d; }
.zr-question-row.is-clear { box-shadow: inset 3px 0 0 var(--zr-green); }
.zr-act-credentials { display: flex; flex-direction: column; gap: .4rem; margin: 0 0 .7rem; }
.zr-act-credentials h3 { margin: 0; font-size: .85rem; }
.zr-credential-form { display: flex; flex-wrap: wrap; gap: .35rem; }
.zr-credential-form input { min-width: 0; flex: 1 1 7rem; }
.zr-credential-card { display: flex; justify-content: space-between; gap: .4rem; padding: .35rem .45rem; border-radius: 8px; background: color-mix(in srgb, currentColor 6%, transparent); }
.zr-source-details-head { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
.zr-source-details-head h2 { margin: 0; font-size: .9rem; }
.zr-source-close { flex: none; min-width: 2rem; font-size: 1.2rem; }
.zr-source-items { display: flex; flex-direction: column; gap: .4rem; }
.zr-source-item { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; padding: .55rem; border-radius: 9px; background: color-mix(in srgb, currentColor 5%, transparent); }
.zr-source-item strong { font-size: .82rem; line-height: 1.35; }
.zr-source-item small, .zr-source-detail-note { margin: 0; font-size: .75rem; line-height: 1.4; opacity: .72; }
.zr-source-item p { margin: 0; font-size: .77rem; line-height: 1.4; opacity: .82; }
.zr-source-actions { display: flex; flex-wrap: wrap; gap: .35rem; }
.zr-source-action, .zr-source-item-open { font-size: .75rem !important; }
.zr-source-conflict { margin: 0; color: var(--zr-orange); font-size: .8rem; font-weight: 650; }
.zr-source-subhead { margin: .15rem 0 0; font-size: .78rem; }
.zr-source-detail-status { margin: 0; font-size: .78rem; line-height: 1.4; }

.zr-act-line { display: flex; justify-content: space-between; align-items: center; gap: .5rem; min-height: 2.5rem; }
.zr-act-divider { align-self: stretch; width: 1px; background: var(--zr-line); }
.zr-act-link, .zr-needs-link { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: .45rem .2rem; }
.zr-act-link { font-weight: 700; }
.zr-needs-link { color: var(--zr-orange); font-weight: 650; }
.zr-world-link { display: flex; align-items: center; min-height: 2.35rem; padding: .45rem .65rem; border: 1px solid var(--zr-line); border-radius: 10px; background: color-mix(in srgb, currentColor 5%, transparent); color: inherit; font: inherit; font-size: .84rem; font-weight: 650; text-decoration: none; }
.zr-world-link:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.zr-world-link:focus-visible { outline: 2px solid var(--accent, #42b9a4); outline-offset: 2px; }
.zr-world-link[hidden] { display: none; }
.zr-questions { display: flex; flex-direction: column; gap: .25rem; margin-top: .15rem; padding: .55rem .1rem .15rem; border-top: 1px solid var(--zr-line); }
.zr-questions h2 { margin: 0 0 .2rem; font-size: .78rem; font-weight: 650; opacity: .7; }
.zr-questions p { margin: 0; font-size: .84rem; line-height: 1.45; }
.zr-question-row { display: block; width: 100%; border: 0; border-radius: 8px; padding: .35rem .25rem; background: transparent; color: inherit; text-align: left; font: inherit; font-size: .8rem; line-height: 1.4; cursor: pointer; }
.zr-question-row:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
.zr-question-suggested::before { content: 'Ask · '; color: var(--accent, #42b9a4); font-weight: 650; }
.zr-act-empty { grid-column: 1/-1; text-align: center; opacity: .7; }
.zr-act-questions { display: flex; flex-direction: column; gap: .35rem; }
.zr-act-questions h3 { margin: 0; font-size: .9rem; }
.zr-act-questions p { margin: 0; line-height: 1.4; }
.zr-act-question-empty { opacity: .65; }
.person-supported-row { margin: .35rem 0; padding: .55rem .7rem; border-left: 2px solid color-mix(in srgb, var(--accent,#42b9a4) 65%, transparent); border-radius: 0 8px 8px 0; background: color-mix(in srgb, var(--accent,#42b9a4) 6%, transparent); }
.zr-needs-you { display: flex; flex-direction: column; gap: .65rem; }
.zr-needs-you h3,.zr-needs-you h4,.zr-needs-you p { margin: 0; }
.zr-needs-kicker { color: var(--zr-orange); font-size: .78rem; font-weight: 700; }
.zr-needs-detail { opacity: .8; line-height: 1.4; }
.zr-action-scope { max-height: 15rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: .7rem; border-radius: 10px; background: color-mix(in srgb,currentColor 7%,transparent); font: .82rem/1.4 ui-monospace,monospace; }
.zr-needs-form { display: flex; flex-direction: column; gap: .65rem; }
.zr-needs-form textarea,.zr-needs-form select { width: 100%; box-sizing: border-box; padding: .6rem; border: 1px solid var(--zr-line); border-radius: 9px; background: transparent; color: inherit; font: inherit; }
.zr-needs-status { min-height: 1.2rem; font-size: .8rem; opacity: .75; }

.zr-popup { display: flex; flex-direction: column; gap: .7rem; }
.zr-popup-row { display: flex; gap: .55rem; align-items: center; }
.zr-act-timeline { display: flex; flex-direction: column; gap: .55rem; max-height: min(34dvh, 18rem); overflow-y: auto; margin: 0; padding: .15rem .35rem .15rem 1.35rem; }
.zr-act-timeline-entry { padding-left: .15rem; overflow-wrap: anywhere; }
.zr-act-timeline-entry::marker { color: var(--zr-green); }
.zr-act-timeline-copy { display: flex; flex-direction: column; gap: .12rem; min-width: 0; font-size: .82rem; line-height: 1.35; }
.zr-act-timeline-copy time { font-size: .72rem; opacity: .65; }
.zr-card { border: 1px solid var(--zr-line, rgba(128,128,128,.3)); border-radius: 14px; padding: .8rem .9rem; }
.zr-card p { margin: .35rem 0; font-size: .88rem; }
.zr-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.zr-group { margin: .5rem 0 0; font-size: .7rem; letter-spacing: .09em; opacity: .65; }
.zr-empty { opacity: .7; }
.zr-plus { margin-left: .4rem; font-size: .68rem; color: #3fb27f; border: 1px solid #3fb27f; border-radius: 999px; padding: 0 .4rem; cursor: pointer; }

/* ---- Left rail: Person ---- */
.person-navigation .person-count { font-size: .72rem; }
.person-navigation.is-vault-locked > button[data-person-section] { display: none; }
.person-locked { display: flex; flex-direction: column; gap: .35rem; padding: .9rem 1rem; border: 1px solid var(--zr-line, rgba(128,128,128,.3)); border-radius: 18px; }
.person-locked p { margin: 0; font-weight: 650; }
.person-locked small { opacity: .7; }
.person-unlock-btn { margin-top: .4rem; align-self: flex-start; border: 1px solid var(--accent, #42b9a4) !important; border-radius: 999px !important; padding: .4rem .9rem !important; background: transparent; color: inherit; cursor: pointer; }

/* ---- Left rail: History — compact, flat rows ---- */
#workspace.workspace[data-product="personal"] .history-conversation-row { display: flex; flex-direction: column; gap: .12rem; padding: .5rem .7rem; border: 0; border-radius: 12px; background: transparent; }
#workspace.workspace[data-product="personal"] .history-conversation-row:hover { background: color-mix(in srgb, var(--accent, #42b9a4) 12%, transparent); }
.history-conversation-preview { font-size: .88rem; line-height: 1.3; font-weight: 550; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.history-keywords { display: none !important; }
.history-conversation-row small { font-size: .72rem; opacity: .6; }
.panel-past .side-head h2 { font-size: .95rem; }
.panel-past.is-vault-locked .history-search-label, .panel-past.is-vault-locked #history-search { display: none; }
.vault-custom-duration { display: inline-flex; gap: .35rem; align-items: center; }
.vault-custom-duration input { width: 4.2rem; }

/* History search card: the green pill is the in-rail search; Expand and Delete sit under it on the right. */
.history-search-card-form { margin: .5rem 0 .2rem; }
.history-search-pill { width: 100%; box-sizing: border-box; border: 0; border-radius: 999px; padding: .75rem 1.1rem; background: #8fd3b0; color: #0f2a1d; font: inherit; font-weight: 650; text-align: left; }
.history-search-pill::placeholder { color: #1f4a35; opacity: .85; }
.history-search-pill:focus { outline: 2px solid color-mix(in srgb, #8fd3b0 55%, white); outline-offset: 2px; }
.history-search-card-actions { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .3rem; }
.history-search-inline { margin-top: .4rem; }
.history-search-inline .history-focus-summary { font-size: .88rem; line-height: 1.4; margin: .3rem 0; }
.history-search-inline .history-focus-head { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .65; margin: .3rem 0 0; }

/* Locked vault: the conversation area is blank. Only what you type in this page session shows. */
#chat.chat-vault-locked .msg-row.is-restored,
#chat.chat-vault-locked .session-divider,
#chat.chat-vault-locked .branches-block,
#chat.chat-vault-locked .long-chat-more { display: none !important; }

/* ---- Desktop performance ----
   Mobile layouts already turn these off, and mobile is smooth. Three full-size panels with backdrop blur and wide soft
   shadows repaint on every scroll, keystroke and streamed token (Safari especially). The surfaces are solid, so the blur
   added nothing visible. */
.side, .chat, .panel, .composer-dock, .hindsight-question-toast, .workspace-nav-shell, .desktop-panel-tabs {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.side, .chat { box-shadow: 0 1px 2px rgba(0, 0, 0, .14) !important; }
/* Old history is built in one go; don't animate it, and don't lay out what is far off screen. */
.msg-row.is-restored, .msg-row.is-restored .bubble { animation: none !important; }
/* Safari can leave restored rows unpainted in the nested chat scroller. */
.msg-row.is-restored { content-visibility: visible; }
.messages { overscroll-behavior: contain; }
.msg-row.alive-proactive-message { flex-direction: column; align-items: flex-start; }
.msg-row.alive-proactive-message .bubble.zana { background: rgba(93, 192, 153, .16) !important; border-left: 3px solid #79d6b0; }
.alive-message-origin { color: #79d6b0; font-size: .78rem; margin: 0 .7rem .2rem; }
.zr-part-line { position: relative; padding-left: .9rem; } .zr-part-line::before { content: '•'; position: absolute; left: .1rem; opacity: .7; }
.panel-past .history-conversation-preview, .history-conversation-preview { font-size: .86rem !important; font-weight: 400 !important; line-height: 1.4 !important; }
.panel-past .history-conversation-row { padding: .5rem .65rem !important; } .panel-past .history-conversation-row small { font-size: .72rem !important; }
.zr-shells { display: flex; flex-direction: column; gap: .35rem; margin: .4rem 0 .2rem; }
.zr-shell { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: center; width: 100%; text-align: left; padding: .4rem .65rem; border-radius: 999px; border: 1px solid var(--zr-line); background: transparent; color: inherit; font: inherit; font-size: .82rem; cursor: pointer; }
.zr-shell:hover { background: color-mix(in srgb, currentColor 7%, transparent); }
.zr-shell-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zr-shell-state { font-size: .72rem; opacity: .8; }
.zr-shell .zr-dot { width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; display: inline-block; }
.zr-shell.zr-green .zr-dot { background: var(--zr-green); } .zr-shell.zr-amber .zr-dot { background: var(--zr-amber); } .zr-shell.zr-orange .zr-dot { background: var(--zr-orange); }

.zr-part-empty { opacity: .55; font-style: italic; }

.zr-new { margin-left: .5rem; padding: .1rem .55rem; border-radius: 999px; font-size: .72rem; font-weight: 700; color: #4fbf8a; background: color-mix(in srgb, #4fbf8a 16%, transparent); }
.zr-part-head { align-items: center; } .zr-part-head .zr-part-count { margin-left: auto; }

.zr-toasts { position: fixed; right: 16px; bottom: 16px; z-index: 9990; display: grid; gap: .5rem; max-width: min(360px, 92vw); }
.zr-toast { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; align-items: start; padding: .45rem .5rem .45rem .7rem; border-radius: 12px; border: 1px solid var(--line, rgba(128,128,128,.4)); background: var(--panel-strong, #1b1f24); color: var(--ink, #eee); box-shadow: 0 6px 24px rgba(0,0,0,.35); }
.zr-toast-open { text-align: left; display: grid; gap: .15rem; padding: .2rem 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.zr-toast-close { width: 2rem; height: 2rem; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 1.35rem; line-height: 1; }
.zr-toast-close:hover { background: color-mix(in srgb, currentColor 12%, transparent); }
.zr-toast strong { font-size: .9rem; } .zr-toast span { font-size: .82rem; opacity: .8; }

/* Email / Calendar light: red = nothing handled, yellow = a draft is waiting, green = handled automatically. */
.zr-light { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.zr-light-red { background: #e5484d; box-shadow: 0 0 0 2px rgba(229,72,77,.22); }
.zr-light-yellow { background: #f5c542; box-shadow: 0 0 6px 1px rgba(245,197,66,.55); }
.zr-light-green { background: #3fcf8e; box-shadow: 0 0 6px 1px rgba(63,207,142,.55); }


/* ===== Zana Act operational workspace ===== */
dialog.zana-modal.zana-modal-wide.zr-act-modal {
  width: min(96vw, 72rem);
  max-width: none;
}
dialog.zana-modal.zana-modal-wide.zr-act-modal .zana-modal-card {
  width: 100%;
  max-width: none;
  max-height: 92vh;
}
dialog.zana-modal.zana-modal-wide.zr-act-modal .zana-modal-body {
  padding: 0;
  overflow: hidden;
}
.zr-act-workspace {
  min-width: 0;
  min-height: 0;
}
.zr-act-dashboard {
  display: flex;
  flex-direction: column;
  height: calc(92dvh - 5.5rem);
  min-height: 0;
  max-height: calc(92dvh - 5.5rem);
  overflow: auto;
  background: color-mix(in srgb, var(--z-island, #1f2124) 96%, transparent);
}
.zr-act-split {
  display: grid;
  grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.zr-act-home { overflow: auto; padding: 1rem .9rem 1.3rem; border-right: 1px solid var(--zr-line); }
.zr-act-side { overflow: auto; min-width: 0; padding: 1.1rem 1.2rem 1.4rem; }
.zr-act-fold { margin: 0 0 1rem; }
.zr-act-fold > summary {
  cursor: pointer;
  font-weight: 650;
  padding: .35rem .15rem .55rem;
}
.zr-act-fold > summary:focus-visible { outline: 2px solid var(--accent, #73d7b0); outline-offset: 2px; }
.zr-act-job-line {
  display: grid;
  gap: .45rem;
  width: 100%;
  margin: 0 0 .45rem;
  padding: .7rem .75rem;
  border: 1px solid var(--zr-line);
  border-radius: 12px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.zr-act-job-line:hover,
.zr-act-job-line.is-selected { border-color: var(--accent, #73d7b0); }
.zr-act-job-line strong { font-size: .92rem; }
.zr-act-job-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.zr-act-job-actions { display: flex; gap: .4rem; }
.zr-act-job-actions button { font-size: .75rem; }
.zr-act-job-edit { display: grid; gap: .4rem; }
.zr-act-job-edit textarea { width: 100%; min-height: 4.5rem; font: inherit; }
.zr-act-bar {
  display: block;
  height: .35rem;
  border-radius: 99px;
  background: color-mix(in srgb, currentColor 12%, transparent);
  overflow: hidden;
}
.zr-act-bar-fill { display: block; height: 100%; border-radius: inherit; }
.zr-act-bar.is-working .zr-act-bar-fill { background: #3fcf8e; }
.zr-act-bar.is-help .zr-act-bar-fill { background: #e39b3a; }
.zr-act-side-fact { margin: .35rem 0 .8rem; line-height: 1.45; }
.zr-act-back {
  align-self: flex-start;
  margin: .85rem 1.1rem 0;
  border: 0;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  cursor: pointer;
}
.zr-act-areas,
.zr-act-detail,
.zr-act-chat {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}
.zr-act-areas {
  padding: 1.15rem .9rem 1rem;
  border-right: 1px solid var(--zr-line);
  background: color-mix(in srgb, var(--z-island-2, #24272b) 52%, transparent);
}
.zr-act-areas > h3,
.zr-act-chat > h3 {
  margin: 0 0 .75rem;
  font-size: .84rem;
  color: var(--ink-soft);
}
.zr-act-area-list {
  display: grid;
  gap: .55rem;
}
.zr-act-area {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  width: 100%;
  padding: .72rem .68rem;
  border: 1px solid var(--zr-line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--z-island, #1f2124) 92%, transparent);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.zr-act-area:hover {
  background: color-mix(in srgb, var(--accent, #42b9a4) 7%, var(--z-island, #1f2124));
}
.zr-act-area.is-selected {
  border-color: color-mix(in srgb, var(--accent, #42b9a4) 85%, transparent);
  background: color-mix(in srgb, var(--accent, #42b9a4) 10%, var(--z-island, #1f2124));
  box-shadow: inset 3px 0 0 var(--accent, #42b9a4);
}
.zr-act-area-icon,
.zr-act-detail-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9px;
  background: color-mix(in srgb, var(--accent, #42b9a4) 13%, transparent);
  color: var(--accent, #42b9a4);
  font-weight: 750;
}
.zr-act-area-copy {
  display: grid;
  gap: .14rem;
  min-width: 0;
}
.zr-act-area-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .9rem;
}
.zr-act-area-copy small {
  color: var(--ink-soft);
  font-size: .75rem;
}
.zr-act-area-meta {
  display: flex;
  align-items: center;
  gap: .35rem;
}
.zr-act-area-chevron {
  color: var(--ink-soft);
  font-size: 1.25rem;
}
.zr-act-needs-badge,
.zr-act-clear-badge,
.zr-act-dashboard.zr-act-goal-view {
  grid-template-columns: minmax(14rem, 0.75fr) minmax(0, 2fr);
}
.zr-act-service-control { display:flex; gap:.65rem; align-items:center; padding:.65rem 0; }
.zr-act-service-control input { accent-color:var(--accent, #82dbb4); }
.zr-act-action-detail { padding:.75rem; margin:.5rem 0; border:1px solid var(--border, #34383d); border-radius:.75rem; }
.zr-act-action-detail summary { cursor:pointer; }
.zr-act-action-detail p { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:760px) { .zr-act-dashboard.zr-act-goal-view { grid-template-columns:minmax(0,1fr); } }
.zr-act-total-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: .18rem .58rem;
  border-radius: 999px;
  border: 1px solid var(--zr-line);
  font-size: .72rem;
  line-height: 1;
  white-space: nowrap;
}
.zr-act-needs-badge {
  border-color: color-mix(in srgb, var(--zr-orange) 65%, transparent);
  background: color-mix(in srgb, var(--zr-orange) 12%, transparent);
  color: var(--zr-orange);
  font-weight: 700;
}
.zr-act-clear-badge,
.zr-act-total-badge {
  color: var(--ink-soft);
  background: color-mix(in srgb, currentColor 5%, transparent);
}
.zr-act-detail {
  padding: 1.3rem 1.2rem 1.1rem;
  border-right: 1px solid var(--zr-line);
}
.zr-act-detail-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
}
.zr-act-detail-title {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}
.zr-act-detail-title h2 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.2;
}
.zr-act-detail-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
}
.zr-act-updated {
  margin: .55rem 0 1rem 2.75rem;
  color: var(--ink-soft);
  font-size: .76rem;
}
.zr-act-update-card,
.zr-act-completed {
  border: 1px solid var(--zr-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--z-island-2, #24272b) 72%, transparent);
}
.zr-act-update-card {
  padding: .9rem;
}
.zr-act-update-card > h3 {
  margin: 0 0 .65rem;
  font-size: .95rem;
}
.zr-act-needs-box {
  padding: .75rem;
  border-radius: 12px;
  background: color-mix(in srgb, #000 10%, transparent);
}
.zr-act-needs-box h4,
.zr-act-completed h4 {
  margin: 0 0 .55rem;
  font-size: .82rem;
}
.zr-act-needs-box h4 {
  color: var(--zr-orange);
}
.zr-act-needs-box ol,
.zr-act-completed ul {
  margin: 0;
  padding-left: 1.25rem;
}
.zr-act-needs-box li,
.zr-act-completed li {
  margin: .3rem 0;
  font-size: .82rem;
  line-height: 1.4;
}
.zr-act-needs-row {
  display: block;
  width: 100%;
  padding: .2rem 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}
.zr-act-needs-row:hover {
  color: var(--accent, #42b9a4);
}
.zr-act-completed {
  margin-top: .7rem;
  padding: .85rem .95rem;
}
.zr-act-completed h4 {
  color: var(--accent, #42b9a4);
}
.zr-act-muted,
.zr-act-chat-empty {
  color: var(--ink-soft);
}
.zr-act-detail-empty {
  display: grid;
  place-items: center;
  min-height: 16rem;
  color: var(--ink-soft);
  text-align: center;
}
.zr-act-chat {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: .7rem;
  padding: 1.15rem 1rem .9rem;
}
.zr-act-chat > h3 {
  margin-bottom: 0;
  color: var(--ink);
  font-size: .88rem;
}
.zr-act-progress-copy {
  margin: 0;
  color: var(--ink-soft);
  font-size: .82rem;
  line-height: 1.5;
}
.zr-act-chat-log {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  min-height: 0;
  overflow: auto;
  padding: .1rem .15rem .35rem;
}
.zr-act-chat-message {
  max-width: 92%;
  padding: .6rem .72rem;
  border: 1px solid var(--zr-line);
  border-radius: 13px;
  background: color-mix(in srgb, var(--z-island-2, #24272b) 76%, transparent);
}
.zr-act-chat-message.is-user {
  align-self: flex-end;
  background: color-mix(in srgb, #416990 28%, var(--z-island-2, #24272b));
}
.zr-act-chat-message.is-zana {
  align-self: flex-start;
  border-color: color-mix(in srgb, var(--accent, #42b9a4) 24%, var(--zr-line));
}
.zr-act-chat-message strong {
  display: block;
  margin-bottom: .18rem;
  font-size: .72rem;
}
.zr-act-chat-message p {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: .8rem;
  line-height: 1.42;
}
.zr-act-chat-compose {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .45rem;
  padding-top: .65rem;
  border-top: 1px solid var(--zr-line);
}
.zr-act-chat-compose textarea {
  width: 100%;
  min-height: 2.5rem;
  max-height: 8rem;
  resize: vertical;
  box-sizing: border-box;
  padding: .65rem .75rem;
  border: 1px solid var(--zr-line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--z-island-2, #24272b) 70%, transparent);
  color: inherit;
  font: inherit;
}
.zr-act-chat-compose button {
  align-self: end;
}
.zr-act-chat-status {
  grid-column: 1 / -1;
  min-height: 1rem;
  margin: 0;
  color: var(--ink-soft);
  font-size: .7rem;
}

@media (max-width: 1180px) {
  dialog.zana-modal.zana-modal-wide.zr-act-modal {
    width: min(96vw, 72rem);
  }
  .zr-act-chat {
    min-height: 0;
    border-top: 1px solid var(--zr-line);
  }
}

@media (max-width: 760px) {
  dialog.zana-modal.zana-modal-wide.zr-act-modal {
    width: min(96vw, 42rem);
  }
  dialog.zana-modal.zana-modal-wide.zr-act-modal .zana-modal-card {
    max-height: 94vh;
  }
  .zr-act-dashboard {
    display: block;
    max-height: calc(94vh - 4.9rem);
    overflow: auto;
  }
  .zr-act-split { grid-template-columns: 1fr; overflow: auto; }
  .zr-act-home { border-right: 0; border-bottom: 1px solid var(--zr-line); }
  .zr-act-areas,
  .zr-act-detail,
  .zr-act-chat {
    overflow: visible;
    border-right: 0;
  }
  .zr-act-areas,
  .zr-act-detail {
    border-bottom: 1px solid var(--zr-line);
  }
  .zr-act-detail-head {
    flex-direction: column;
  }
  .zr-act-detail-badges {
    justify-content: flex-start;
  }
  .zr-act-updated {
    margin-left: 0;
  }
  .zr-act-chat {
    min-height: 30rem;
  }
}


/* Act assistant workspaces: saved, independent conversations; canonical work stays in Plan/Act. */
.zr-act-workspace { position: relative; display: flex; flex-direction: column; height: calc(92dvh - 4.5rem); max-height: calc(92dvh - 4.5rem); overflow: auto; }
.zr-act-workspace .zr-act-dashboard { height: auto; max-height: none; flex: 0 0 auto; }
.zr-act-workspace .zr-act-connections-section { flex: 0 0 auto; padding: 0 1rem 1.4rem; }
.zr-act-assistant-areas { padding:1.2rem .9rem; }
.zr-act-assistant-heading { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.9rem; }
.zr-act-assistant-heading h3 { margin:0; font-size:.86rem; color:var(--ink-soft); }
.zr-act-add-assistant,
.zr-act-refresh { background:transparent; border:1px solid var(--zr-line); color:var(--ink); border-radius:10px; font:inherit; font-size:.78rem; padding:.35rem .55rem; cursor:pointer; }
.zr-act-add-assistant:hover,
.zr-act-refresh:hover { border-color:var(--accent,#73d7b0); }
.zr-act-assistant-row { display:flex; align-items:center; min-width:0; border:1px solid var(--zr-line); border-radius:14px; overflow:hidden; background:color-mix(in srgb,var(--z-island,#1f2124) 93%,transparent); }
.zr-act-assistant-row.is-selected { border-color:color-mix(in srgb,var(--accent,#73d7b0) 85%,transparent); background:color-mix(in srgb,var(--accent,#73d7b0) 9%,var(--z-island,#1f2124)); }
.zr-act-assistant-select { display:flex; align-items:center; gap:.58rem; flex:1; min-width:0; padding:.7rem .38rem .7rem .68rem; background:none; border:0; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.zr-act-assistant-select .zr-act-area-copy { flex:1; min-width:0; }
.zr-act-assistant-select .zr-act-area-copy strong { font-size:.87rem; }
.zr-act-assistant-select .zr-act-needs-badge { font-size:.68rem; padding:.23rem .4rem; }
.zr-act-assistant-controls { display:flex; flex-direction:column; flex:none; gap:.1rem; padding:.3rem .45rem .3rem .1rem; }
.zr-act-card-edit,.zr-act-card-delete { background:none; border:0; padding:.2rem .25rem; text-align:right; color:var(--ink-soft); font:inherit; font-size:.68rem; cursor:pointer; }
.zr-act-card-edit:hover { color:var(--accent,#73d7b0); }
.zr-act-card-delete:hover { color:var(--zr-orange); }
.zr-act-unassigned { display:grid; gap:.15rem; padding:.75rem; text-align:left; border:1px dashed var(--zr-line); background:transparent; color:inherit; border-radius:12px; font:inherit; cursor:pointer; }
.zr-act-unassigned small { color:var(--ink-soft); font-size:.73rem; }
.zr-act-unassigned.is-selected { border-color:var(--accent,#73d7b0); }
.zr-act-work-detail { padding:1.2rem 1rem 1.8rem; }
.zr-act-work-detail .zr-act-detail-head h2 { font-size:1.27rem; }
.zr-act-refresh { display:block; margin:.6rem 0 .9rem; }
.zr-act-work-progress { display:flex; flex-wrap:wrap; gap:.45rem; margin:0 0 .85rem; }
.zr-act-work-progress span { display:inline-flex; align-items:center; padding:.25rem .55rem; background:color-mix(in srgb,var(--zr-line) 45%,transparent); border:1px solid var(--zr-line); border-radius:999px; font-size:.72rem; color:var(--ink-soft); }
.zr-act-work-group { display:grid; gap:.55rem; padding:.85rem .78rem; margin-top:.7rem; border:1px solid var(--zr-line); background:color-mix(in srgb,var(--z-island-2,#24272b) 55%,transparent); border-radius:15px; }
.zr-act-work-group h3 { margin:0; font-size:.88rem; }
.zr-act-reuse-suggestion { border-color:color-mix(in srgb,var(--accent,#b9a7ff) 42%,var(--zr-line)); }
.zr-act-reuse-actions { display:flex; flex-wrap:wrap; gap:.45rem; }
.zr-act-reuse-suggestion .zr-act-work-empty { margin:0; }
.zr-act-work-row { display:grid; gap:.28rem; padding:.7rem .6rem; border:1px solid var(--zr-line); border-radius:10px; background:color-mix(in srgb,var(--z-island,#1f2124) 60%,transparent); }
.zr-act-work-row-top { display:flex; align-items:flex-start; gap:.5rem; justify-content:space-between; }
.zr-act-work-row strong { font-size:.83rem; line-height:1.35; overflow-wrap:anywhere; }
.zr-act-work-row p { font-size:.76rem; line-height:1.4; color:var(--ink-soft); margin:0; }
.zr-act-work-row small { font-size:.71rem; color:var(--ink-soft); line-height:1.35; overflow-wrap:anywhere; }
.zr-act-work-status { font-size:.67rem; border-radius:999px; border:1px solid var(--zr-line); padding:.19rem .4rem; color:var(--ink-soft); white-space:nowrap; flex:none; }
.zr-act-work-row button.ghost { justify-self:start; font-size:.74rem; }
.zr-act-work-empty { font-size:.79rem; color:var(--ink-soft); margin:0; }
.zr-act-receipt { margin:0; font-size:.77rem; line-height:1.35; }
.zr-act-assistant-chat { display:flex; flex-direction:column; gap:.72rem; min-height:0; }
.zr-act-assistant-chat > h3 { margin:0; font-size:.9rem; color:var(--ink); }
.zr-act-assistant-chat > .zr-act-progress-copy { flex:none; max-height:9.5rem; overflow:auto; }
.zr-act-assistant-chat .zr-act-chat-log { flex:1 1 auto; min-height:10rem; max-height:none; overflow:auto; }
.zr-act-assistant-chat .zr-act-chat-compose { flex:none; margin-top:auto; }
.zr-act-assistant-chat .zr-act-chat-compose textarea:disabled { opacity:.65; }
.zr-act-assistant-chat { overflow:hidden; }
.zr-act-assistant-chat .zr-act-chat-log { min-height:0; overscroll-behavior:contain; }
.zr-act-reply-target { grid-column:1 / -1; display:flex; align-items:center; gap:.5rem; font-size:.75rem; color:var(--ink-soft); }
.zr-act-reply-target select { min-width:0; flex:1; max-width:100%; padding:.35rem; border:1px solid var(--zr-line); border-radius:8px; background:var(--z-island,#1f2124); color:var(--ink); font:inherit; }
.zr-act-question { border-color:var(--accent,#73d7b0); max-width:100%; flex:none; }
.zr-act-cloud-notice { margin:0; padding:.55rem .68rem; border:1px solid var(--zr-line); border-radius:10px; color:var(--ink-soft); font-size:.73rem; line-height:1.42; }
.zr-act-error,.zr-act-editor-error { color:var(--zr-orange); font-size:.78rem; }
.zr-act-loading { padding:1rem; color:var(--ink-soft); }
.zr-act-editor-backdrop { position:absolute; inset:0; z-index:30; display:grid; place-items:center; background:rgba(0,0,0,.66); padding:1rem; overflow:auto; }
.zr-act-editor { width:min(100%,27rem); display:grid; gap:.7rem; padding:1.25rem; border:1px solid var(--zr-line); border-radius:18px; background:var(--z-island,#1f2124); box-shadow:0 16px 50px #0008; }
.zr-act-editor h3 { margin:0; font-size:1.1rem; }
.zr-act-editor label { display:grid; gap:.3rem; font-size:.79rem; }
.zr-act-editor input,.zr-act-editor textarea,.zr-act-editor select { box-sizing:border-box; width:100%; padding:.65rem .7rem; border:1px solid var(--zr-line); border-radius:10px; color:var(--ink); background:var(--z-island-2,#25282a); font:inherit; }
.zr-act-editor-note { font-size:.74rem; line-height:1.4; color:var(--ink-soft); margin:0; }
.zr-act-editor-actions { display:flex; justify-content:flex-end; gap:.6rem; }
.zr-act-delete-confirm { border:1px solid var(--zr-orange); background:color-mix(in srgb,var(--zr-orange) 13%,transparent); color:var(--zr-orange); border-radius:10px; padding:.5rem .75rem; font:inherit; cursor:pointer; }
@media(max-width:760px) {
  .zr-act-assistant-controls { flex-direction:row; gap:.25rem; }
  .zr-act-card-edit,.zr-act-card-delete { font-size:.74rem; padding:.25rem; }
  .zr-act-assistant-chat { min-height:27rem; }
  .zr-act-assistant-chat { height:65dvh; overflow:hidden; }
  .zr-act-editor-backdrop { position:fixed; }
}


/* Zana Coder: on-demand, never an implicit scheduler or remote shell. */
.zr-coder-panel {gap:.65rem}
.zr-coder-panel h4 {font-size:.8rem;margin:0}
.zr-coder-panel .zr-act-cloud-notice {font-size:.76rem}
.zr-coder-row {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.zr-coder-status {margin:0;color:var(--ink-soft);font-size:.76rem;overflow-wrap:anywhere}
.zr-coder-form {display:grid;gap:.5rem;padding:.72rem;border:1px solid var(--zr-line);border-radius:12px;background:color-mix(in srgb,var(--z-island,#1f2124) 55%,transparent)}
.zr-coder-form[hidden] {display:none}
.zr-coder-form label {font-size:.75rem;color:var(--ink-soft)}
.zr-coder-form input,.zr-coder-form textarea,.zr-coder-form select {box-sizing:border-box;width:100%;padding:.6rem .65rem;border:1px solid var(--zr-line);border-radius:10px;background:var(--z-island-2,#24272b);color:inherit;font:inherit}
.zr-coder-form button {justify-self:start;max-width:100%}
.zr-coder-form input:focus-visible,.zr-coder-form textarea:focus-visible {outline:2px solid var(--accent,#73d7b0);outline-offset:1px}
.zr-coder-pair-result {min-width:0;display:grid;gap:.35rem}
.zr-coder-pair-result p {font-size:.74rem;margin:0;line-height:1.4;color:var(--ink-soft)}
.zr-coder-command {white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:.69rem;padding:.65rem;border:1px solid var(--zr-line);border-radius:8px;user-select:all}
.zr-coder-devices {display:grid;gap:.5rem}
.zr-coder-device {display:grid;gap:.25rem;padding:.65rem;border:1px solid var(--zr-line);border-radius:10px}
.zr-coder-device strong {font-size:.81rem}
.zr-coder-device small {font-size:.73rem;color:var(--ink-soft)}
.zr-coder-job-row {font-size:.73rem;margin:0;color:var(--ink-soft);overflow-wrap:anywhere}
.zr-coder-approval {display:grid;gap:.7rem;min-width:0}
.zr-coder-approval-copy {margin:0;font-size:.83rem;line-height:1.45}
.zr-coder-approval-details {max-height:36dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.7rem;border:1px solid var(--zr-line);border-radius:10px;background:color-mix(in srgb,var(--z-island,#1f2124) 72%,transparent);font: .75rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}
.zr-coder-approval-field {display:grid;gap:.35rem;font-size:.78rem;font-weight:650}
.zr-coder-approval-field input {box-sizing:border-box;width:100%;padding:.65rem;border:1px solid var(--zr-line);border-radius:9px;background:var(--z-island-2,#24272b);color:inherit;font:inherit}
.zr-coder-approval-field input:focus-visible {outline:2px solid var(--accent,#73d7b0);outline-offset:1px}
.zr-coder-approval-field small {font-size:.7rem;font-weight:400;color:var(--ink-soft)}
.zr-coder-approval-error {min-height:1.2em;margin:0;color:var(--zr-orange);font-size:.75rem}
.zr-coder-approval-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}
@media(max-width:760px){.zr-coder-row {align-items:stretch}.zr-coder-form {padding:.6rem}.zr-coder-command {font-size:.65rem}}

/* Career profile is private account data, separate from application conversation history. */
.zr-app-profile-card {display:grid;gap:.4rem;padding:.68rem;border:1px solid var(--zr-line);border-radius:12px;background:color-mix(in srgb,var(--z-island,#1f2124) 55%,transparent)}
.zr-app-profile-card > strong {font-size:.8rem}
.zr-app-profile-card > p {margin:0;font-size:.74rem;line-height:1.4}
.zr-app-profile-boundary {color:var(--ink-soft);font-size:.68rem;line-height:1.4}
.zr-app-profile-actions {display:flex;gap:.5rem;align-items:center}
.zr-app-profile-editor {width:min(100%,38rem);max-height:min(90vh,56rem);overflow:auto}
.zr-app-profile-editor > h3 {position:sticky;top:-1.25rem;padding:.35rem 0;background:var(--z-island,#1f2124);z-index:1}
.zr-app-profile-facts {display:grid;gap:.6rem}
.zr-app-profile-fact {display:grid;gap:.55rem;min-width:0;margin:0;padding:.65rem;border:1px solid var(--zr-line);border-radius:12px}
.zr-app-profile-remove {justify-self:start}
.zr-app-profile-approval {display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:.5rem!important;padding:.65rem;border:1px solid var(--zr-line);border-radius:10px;font-size:.76rem!important;line-height:1.4}
.zr-app-profile-approval input {width:auto!important;margin:.15rem 0 0}
@media(max-width:760px){.zr-app-profile-editor {max-height:90dvh;padding:1rem}.zr-app-profile-editor > h3 {top:-1rem}}

/* Questions are readable by default, including on light-mode or early-theme loads.
   Keep mint text only behind the explicit dark-theme selector. */
.zr-question-row.zr-automatic-check-in, .question-row.automatic-check-in { background: rgba(93,192,153,.12); color: var(--ink); border-left: 3px solid #79d6b0; padding: .65rem; margin: .4rem 0; }
.zr-check-in-origin { display: block; color: var(--accent-deep); font-size: .7rem; margin-bottom: .25rem; }
.zr-check-in-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.zr-questions > .zr-question-row {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: .5rem 0 0;
  padding: .7rem .75rem;
  border: 1px solid rgba(121,214,176,.3);
  border-radius: 12px;
  background: rgba(93,192,153,.08);
  box-shadow: none;
  text-align: left;
}
.zr-questions > .zr-question-row .zr-check-in-text { display: block; overflow: visible; -webkit-line-clamp: unset; white-space: normal; }
.zr-question-day-label { margin: 0; font-size: 1rem; font-weight: 700; letter-spacing: 0; text-transform: none; opacity: 1; }
.zr-question-day { margin: .5rem 0; border: 1px solid rgba(121,214,176,.3); border-radius: 12px; background: rgba(93,192,153,.08); padding: .25rem .5rem; }
.zr-question-day > summary { cursor: pointer; padding: .6rem .2rem; color: var(--ink); font-size: .85rem; font-weight: 600; }
.automatic-check-in-answer { border-color: #79d6b0; }
.automatic-check-in-answer .local-question-label { color: var(--accent-deep); }
.automatic-check-in-answer .question-text { max-height: 35vh; overflow-y: auto; white-space: pre-wrap; }

[data-theme="dark"] .zr-question-row.zr-automatic-check-in,
[data-theme="dark"] .question-row.automatic-check-in {
  color: #b4efd6;
}
/* Important check-ins are red boxes: deadlines and commitments stand out at a glance. */
.zr-question-row.zr-automatic-check-in.is-important { background: color-mix(in srgb, #e5484d 30%, transparent); border: 1px solid color-mix(in srgb, #e5484d 70%, transparent); border-left: 4px solid #e5484d; }
[data-theme="dark"] .zr-question-row.zr-automatic-check-in.is-important { color: #ffe1de; }
[data-theme="dark"] .zr-question-row.zr-automatic-check-in.is-important .zr-check-in-origin { color: #f09a91; }
.zr-today { margin: .35rem 0 .5rem; padding: .6rem .75rem; border: 1px solid rgba(121,214,176,.3); border-radius: 12px; background: rgba(93,192,153,.08); }
.zr-today.has-important { border-color: color-mix(in srgb, #e5484d 75%, transparent); }
.zr-today h3 { margin: 0 0 .35rem; font-size: .9rem; font-weight: 700; }
.zr-today-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .3rem; font-size: .8rem; line-height: 1.35; }
.zr-today-list li.is-event { color: var(--ink-soft, inherit); }
.zr-today-list li.is-important { padding: .3rem .45rem; border-radius: 6px; background: color-mix(in srgb, #e5484d 30%, transparent); box-shadow: inset 4px 0 0 #e5484d; }
.zr-today-open { border: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.zr-today-open:hover { text-decoration: underline; }
.zr-today-empty { margin: 0; font-size: .8rem; opacity: .75; }
[data-theme="dark"] .zr-check-in-origin,
[data-theme="dark"] .zr-question-day > summary,
[data-theme="dark"] .automatic-check-in-answer .local-question-label {
  color: #79d6b0;
}

/* Act: two lists, then the one job you opened. */
.zr-act-assistant-chat { min-width:0; border-right:0; border-top:0; }
.zr-act-work-detail { min-width:0; }
.zr-act-needs-panel { overflow:auto; min-width:0; min-height:0; padding:1.2rem 1rem; }
.zr-act-controls { flex:none; padding:.35rem 0; font-size:.78rem; }
.zr-act-controls summary,.zr-act-advanced summary { cursor:pointer; color:var(--ink-soft); }
.zr-act-controls .zr-act-area-list { margin-top:.6rem; }
.zr-act-controls h3 { font-size:.8rem; }
.zr-act-assistant-chat > select { flex:none; width:100%; padding:.65rem; border:1px solid var(--zr-line); border-radius:10px; background:var(--z-island,#1f2124); color:var(--ink); font:inherit; }
.zr-act-metrics { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.zr-act-metric { display:grid; gap:.25rem; padding:1rem; border:1px solid var(--zr-line); border-radius:14px; }
.zr-act-metric strong { font-size:2rem; font-weight:600; }
.zr-act-metric span { color:var(--ink-soft); font-size:.8rem; }
.zr-act-needs-heading { width:100%; text-align:left; color:var(--ink); background:transparent; border:1px solid var(--zr-line); border-radius:12px; padding:.8rem; font:inherit; font-weight:600; margin-bottom:.7rem; }
.zr-act-needs-heading.has-needs { border-color:var(--accent,#73d7b0); background:color-mix(in srgb,var(--accent,#73d7b0) 12%,var(--z-island,#1f2124)); }
.zr-act-need-card { display:grid; gap:.7rem; padding:1rem; margin-bottom:.7rem; border:1px solid var(--accent,#73d7b0); border-radius:14px; }
.zr-act-need-card p { margin:0; line-height:1.5; font-size:.88rem; overflow-wrap:anywhere; }
.zr-act-need-card button { justify-self:start; }
.zr-act-advanced { margin-top:1rem; }
.zr-live-browser-panel { display:flex; flex-direction:column; gap:.55rem; margin-top:.8rem; }
.zr-act-coder-needs:empty { display:none; }
@media(max-width:760px) { .zr-act-needs-panel {overflow:visible;} .zr-act-assistant-chat {min-height:16rem;} }
/* Settings open in full inside the scrolling column; never cut to a small box. */
.zr-act-controls[open] { max-height: none; overflow: visible; }

/* Act reads top to bottom: waiting on you, working on, browsers, connections. */
.zr-act-connections-section { margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--line, rgba(128,128,128,.25)); }
.zr-act-section-title { margin: 0 0 .5rem; font-size: .9rem; }
.zr-live-browser-panel .zr-coder-device { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; padding: .45rem 0; border-bottom: 1px solid var(--line, rgba(128,128,128,.18)); }
.zr-live-browser-panel .zr-coder-device strong { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.zr-live-browser-setup { margin-top: .8rem; }
.zr-live-browser-setup > summary { cursor: pointer; color: var(--muted, #a3aab2); font-size: .85rem; }
.zr-live-browser-setup[open] > * + * { margin-top: .5rem; }
.zr-live-browser-viewer[hidden] { display: none !important; }
.zr-drive-filters { margin: 0 0 .5rem; }
.zr-drive-filters .zr-mail-filter { padding: .25rem .6rem; border: 1px solid var(--zr-line); border-radius: 999px; background: transparent; color: inherit; font: inherit; font-size: .75rem; cursor: pointer; }
.zr-drive-crumb { display: flex; align-items: center; gap: .5rem; margin: 0 0 .4rem; font-size: .8rem; }
.zr-drive-crumb .ghost { padding: .2rem .55rem; border: 1px solid var(--zr-line); border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }

/* Logins: saved site logins for Act. */
.zl-panel, .zl-plan { display: flex; flex-direction: column; gap: .45rem; margin: .8rem 0; }
.zl-panel h3 { margin: 0; font-size: .95rem; }
.zl-note { margin: 0; font-size: .8rem; opacity: .75; }
.zl-status { margin: 0; font-size: .8rem; }
.zl-row { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.zl-list { display: flex; flex-direction: column; gap: .35rem; }
.zl-item { display: grid; grid-template-columns: 1fr auto auto; gap: .4rem; align-items: center; padding: .5rem .6rem; border: 1px solid var(--zr-line, rgba(128,128,128,.3)); border-radius: 10px; }
.zl-item strong { display: block; font-size: .85rem; } .zl-item small { opacity: .7; font-size: .75rem; }
.zl-secret { grid-column: 1 / -1; padding: .3rem .5rem; border-radius: 6px; background: rgba(128,128,128,.15); font-size: .85rem; user-select: all; }
.zl-form { display: flex; flex-direction: column; gap: .4rem; padding: .6rem; border: 1px solid var(--zr-line, rgba(128,128,128,.3)); border-radius: 10px; }
.zl-form input { padding: .45rem .6rem; border-radius: 8px; border: 1px solid var(--zr-line, rgba(128,128,128,.4)); background: transparent; color: inherit; font: inherit; }
.zl-import { cursor: pointer; }
.zl-panel .ghost, .zl-plan .ghost, .zl-form .ghost, .zl-import { padding: .3rem .7rem; border: 1px solid var(--zr-line, rgba(128,128,128,.4)); border-radius: 10px; background: transparent; color: inherit; font: inherit; font-size: .8rem; }
.zl-plan { padding: .6rem .7rem; border: 1px solid rgba(121,214,176,.35); border-radius: 12px; }
.zl-plan-site { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; }
.zl-ok { color: #3fb27f; }
.zl-help p { margin: .25rem 0; font-size: .78rem; opacity: .8; }

/* Act: clear sections and the three-step guide. */
.zr-act-how { margin: 0 0 1rem; padding: .7rem .8rem; border: 1px solid rgba(121,214,176,.3); border-radius: 12px; background: rgba(93,192,153,.06); }
.zr-act-how > summary { cursor: pointer; font-weight: 650; }
.zr-act-steps { margin: .5rem 0 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .35rem; font-size: .85rem; line-height: 1.45; }
.zr-act-job-status { display: block; margin-top: .2rem; font-weight: 400; font-size: .78rem; opacity: .75; }
.zr-act-fold > summary { font-size: .95rem; }

/* Act: four bubbles, then what is in the one you picked. */
.zr-act-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0 0 .8rem; }
.zr-act-tile { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; min-height: 4.6rem; padding: .75rem .85rem; border-radius: 14px; border: 1px solid var(--zr-line); background: color-mix(in srgb, var(--ink, #ccc) 4%, transparent); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.zr-act-tile strong { font-size: .95rem; }
.zr-act-tile-count { font-size: 1.35rem; font-weight: 700; opacity: .85; }
.zr-act-tile.is-on { border-color: #3fb27f; background: color-mix(in srgb, #3fb27f 14%, transparent); }
.zr-act-tile.is-urgent { border-color: color-mix(in srgb, #e5484d 70%, transparent); }
.zr-act-tile.is-urgent .zr-act-tile-count { color: #ff8d8d; }
.zr-act-tile-panel { display: flex; flex-direction: column; gap: .4rem; margin: 0 0 1rem; }
.zr-act-done > summary { cursor: pointer; font-size: .85rem; opacity: .8; margin-top: .4rem; }
.zr-browser-steps { margin: .4rem 0 .6rem; padding: .7rem .8rem; border: 1px solid var(--zr-line); border-radius: 12px; }
.zr-browser-steps ol { margin: .4rem 0 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .35rem; font-size: .85rem; line-height: 1.45; }
.zr-browser-steps code { padding: .1rem .35rem; border-radius: 6px; background: rgba(128,128,128,.18); font-size: .8rem; }
.zr-browser-steps .ghost { margin-left: .4rem; padding: .15rem .55rem; border: 1px solid var(--zr-line); border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: .75rem; cursor: pointer; }

.zl-steps { margin: .2rem 0 .3rem; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .3rem; font-size: .88rem; line-height: 1.45; }
.zl-panel h3 { font-size: 1.05rem; }
.za-computer-steps { margin: .4rem 0 .6rem; padding-left: 1.2rem; display: flex; flex-direction: column; gap: .35rem; line-height: 1.45; }
.za-computer-setup > summary, .za-computer-advanced > summary { cursor: pointer; font-weight: 600; margin: .6rem 0 .3rem; }

.zr-act-link[data-health="attention"]{color:var(--danger,#ef8d87)}
.zr-act-link[data-health="ready"]{color:var(--accent,#7bd6b4)}