:root {
  color-scheme: dark;
  --ui-font: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --ui-bg: #080b10;
  --ui-raised: #0d1218;
  --ui-surface: rgba(17, 22, 30, .9);
  --ui-surface-strong: #151b24;
  --ui-line: rgba(151, 173, 199, .14);
  --ui-line-strong: rgba(126, 232, 221, .28);
  --ui-text: #eef4f7;
  --ui-muted: #8392a3;
  --ui-primary: #72e8dc;
  --ui-primary-deep: #1ea99f;
  --ui-warning: #e9b873;
  --ui-danger: #ef7e84;
  --ui-success: #72dda8;
  --ui-radius-card: 18px;
  --ui-radius-control: 10px;
  --ui-shadow: 0 20px 70px rgba(0, 0, 0, .35);
  --bg: var(--ui-bg);
  --surface: var(--ui-surface);
  --surface-2: var(--ui-surface-strong);
  --surface-3: #1a222d;
  --line: var(--ui-line);
  --line-strong: var(--ui-line-strong);
  --text: var(--ui-text);
  --muted: var(--ui-muted);
  --cyan: var(--ui-primary);
  --cyan-deep: var(--ui-primary-deep);
  --amber: var(--ui-warning);
  --red: var(--ui-danger);
  --green: var(--ui-success);
  --radius: var(--ui-radius-card);
  --shadow: var(--ui-shadow);
  font-family: var(--ui-font);
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  background:
    linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
    var(--bg);
  background-size: 44px 44px;
  color: var(--text);
  overflow-x: hidden;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
.ambient { position: fixed; pointer-events: none; filter: blur(1px); opacity: .45; z-index: -1; }
.ambient-a { width: 560px; height: 560px; top: -250px; right: -170px; background: radial-gradient(circle, rgba(50, 199, 189, .2), transparent 68%); }
.ambient-b { width: 500px; height: 500px; bottom: -260px; left: 20%; background: radial-gradient(circle, rgba(229, 166, 86, .1), transparent 70%); }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: calc(248px + env(safe-area-inset-left)) minmax(0, 1fr); }
.sidebar {
  position: sticky; top: 0; height: 100vh; padding: calc(26px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));
  border-right: 1px solid var(--line);
  background: rgba(8, 11, 16, .84); backdrop-filter: blur(24px);
  display: flex; flex-direction: column; z-index: 10;
}
.brand { display: flex; align-items: center; gap: 13px; padding: 0 8px 28px; }
.brand strong { display: block; font-size: 17px; letter-spacing: .04em; }
.brand small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; letter-spacing: .14em; }
.brand-mark {
  width: 39px; height: 39px; border: 1px solid rgba(114, 232, 220, .5);
  border-radius: 50%; position: relative; display: grid; place-items: center;
  box-shadow: inset 0 0 20px rgba(114, 232, 220, .09), 0 0 24px rgba(114, 232, 220, .08);
}
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; border: 1px solid rgba(114, 232, 220, .35); border-radius: 50%; }
.brand-mark::before { width: 27px; height: 12px; transform: rotate(37deg); }
.brand-mark::after { width: 7px; height: 7px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); border: 0; }
.brand-mark span { width: 3px; height: 3px; position: absolute; top: 5px; right: 5px; background: var(--amber); border-radius: 50%; }
.brand-mark.large { width: 62px; height: 62px; margin-bottom: 20px; }
.brand-mark.large::before { width: 46px; height: 20px; }

.nav { display: grid; gap: 6px; }
.nav-item {
  appearance: none; border: 1px solid transparent; background: transparent; width: 100%;
  min-height: 48px; border-radius: 12px; padding: 0 13px; display: flex; align-items: center;
  gap: 12px; color: #92a0af; cursor: pointer; text-align: left; transition: .2s ease;
}
.nav-item:hover { color: var(--text); background: rgba(255, 255, 255, .035); }
.nav-item.active { color: var(--cyan); border-color: rgba(114, 232, 220, .16); background: linear-gradient(90deg, rgba(114, 232, 220, .11), rgba(114, 232, 220, .025)); }
.nav-icon { width: 25px; font-size: 20px; text-align: center; }
.sidebar-foot { margin-top: auto; padding: 18px 10px 0; border-top: 1px solid var(--line); }
.sidebar-foot p { color: #596675; font-size: 10px; margin: 8px 0 0; }
.system-state { display: flex; align-items: center; gap: 8px; color: #8fa0ae; font-size: 12px; }
.system-state i, .live-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }

.workspace { min-width: 0; }
.topbar {
  height: calc(112px + env(safe-area-inset-top)); padding: calc(25px + env(safe-area-inset-top)) calc(clamp(22px, 4vw, 54px) + env(safe-area-inset-right)) 25px calc(clamp(22px, 4vw, 54px) + env(safe-area-inset-left)); border-bottom: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between; background: rgba(8, 11, 16, .52);
  backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 8;
}
.topbar h1 { margin: 4px 0 0; font-weight: 560; font-size: clamp(21px, 2.2vw, 29px); letter-spacing: -.02em; }
.breadcrumb, .eyebrow { margin: 0; font-size: 10px; text-transform: uppercase; letter-spacing: .18em; color: #667587; }
.breadcrumb span { color: var(--cyan); }
.top-actions { display: flex; align-items: center; gap: 13px; }
.icon-button {
  width: 39px; height: 39px; border-radius: 11px; border: 1px solid var(--line);
  background: rgba(255,255,255,.025); cursor: pointer; color: #9ba8b6; font-size: 20px;
}
.icon-button:hover { border-color: var(--line-strong); color: var(--cyan); }
.icon-button.spinning { animation: spin .7s linear infinite; }
.icon-button:disabled { cursor:not-allowed;opacity:.45; }
.logout-button:hover { color:var(--red);border-color:rgba(239,126,132,.28); }
.identity { display: flex; align-items: center; gap: 9px; padding-left: 13px; border-left: 1px solid var(--line); }
.identity > span { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; color: #071310; background: linear-gradient(145deg, var(--cyan), #52bdb4); font-weight: 800; }
.identity strong, .identity small { display: block; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.identity strong { font-size: 12px; }.identity small { color: var(--muted); font-size: 10px; margin-top: 2px; }

main { padding: 34px calc(clamp(20px, 4vw, 54px) + env(safe-area-inset-right)) calc(70px + env(safe-area-inset-bottom)) calc(clamp(20px, 4vw, 54px) + env(safe-area-inset-left)); max-width: 1600px; margin: 0 auto; }
.view { display: none; animation: fadeUp .28s ease; }
.view.active { display: block; }
.stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 18px; }
.stat-card {
  min-height: 138px; padding: 20px 21px; background: linear-gradient(145deg, rgba(23, 30, 40, .93), rgba(14, 19, 26, .91));
  border: 1px solid var(--line); border-radius: var(--radius); position: relative; overflow: hidden;
}
.stat-card::after { content: ""; position: absolute; width: 120px; height: 120px; top: -65px; right: -45px; border: 1px solid rgba(114,232,220,.12); border-radius: 50%; }
.stat-top { display: flex; justify-content: space-between; color: #8291a0; font-size: 12px; }
.stat-card strong { display: block; margin-top: 15px; font-size: 35px; font-weight: 540; letter-spacing: -.04em; }
.stat-card strong span { color: #687688; font-size: 15px; font-weight: 400; }
.stat-card p { margin: 7px 0 0; color: #6e7c8b; font-size: 11px; }
.stat-signal { color: var(--cyan); font-size: 17px; }

.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 36px rgba(0,0,0,.12); }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr); gap: 18px; }
.command-panel, .readiness-panel, .quick-panel { padding: 22px; }
.panel-head { display: flex; justify-content: space-between; align-items: flex-start; }
.panel-head h2 { margin: 6px 0 0; font-size: 16px; font-weight: 560; }
.live-pill { display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(114,221,168,.18); background: rgba(114,221,168,.06); color: #8bdcb4; padding: 6px 9px; border-radius: 99px; font-size: 10px; }
.flow-map { min-height: 286px; display: grid; grid-template-columns: 150px 80px 1fr; align-items: center; gap: 6px; padding-top: 14px; }
.flow-node { text-align: center; }
.node-orbit { width: 82px; height: 82px; margin: 0 auto 13px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(114,232,220,.38); color: var(--cyan); font-size: 24px; background: radial-gradient(circle, rgba(114,232,220,.12), transparent 65%); box-shadow: 0 0 45px rgba(114,232,220,.1); position: relative; }
.node-orbit::after { content: ""; position: absolute; width: 104px; height: 35px; border: 1px solid rgba(114,232,220,.2); border-radius: 50%; transform: rotate(-22deg); }
.flow-node strong, .flow-node small { display:block; }.flow-node strong { font-size: 13px; }.flow-node small { color: var(--muted); font-size: 9px; margin-top: 5px; }
.flow-line { height: 1px; background: linear-gradient(90deg, var(--cyan), rgba(114,232,220,.1)); position: relative; }
.flow-line i { position: absolute; width: 4px; height: 4px; top: -2px; background: var(--cyan); border-radius: 50%; animation: signal 2.4s linear infinite; }
.flow-line i:nth-child(2) { animation-delay: .8s; }.flow-line i:nth-child(3) { animation-delay: 1.6s; }
.flow-targets { display: grid; gap: 10px; }
.flow-targets > div { border: 1px solid var(--line); border-radius: 12px; min-height: 65px; display: grid; grid-template-columns: 35px 1fr; align-content: center; column-gap: 8px; padding: 11px 13px; background: rgba(255,255,255,.018); }
.flow-targets span { grid-row: span 2; color: var(--amber); font: 10px ui-monospace, monospace; }
.flow-targets strong { font-size: 12px; font-weight: 550; }.flow-targets small { color: var(--muted); font-size: 9px; margin-top: 3px; }
.readiness-list { display: grid; gap: 8px; margin-top: 19px; }
.readiness-item { padding: 13px 12px; border: 1px solid var(--line); border-radius: 11px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.015); }
.readiness-item div { display: flex; gap: 10px; align-items: center; }.readiness-item strong { font-size: 11px; }.readiness-item small { display:block; color: var(--muted); margin-top: 3px; font-size: 9px; }
.readiness-icon { width: 24px; height: 24px; border-radius: 8px; display: grid; place-items:center; background: rgba(114,221,168,.09); color: var(--green); font-size: 11px; }
.readiness-icon.warn { color: var(--amber); background: rgba(233,184,115,.08); }
.quick-panel { margin-top: 18px; }
.action-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 17px; }
.next-action { border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: flex; gap: 11px; align-items: center; color: inherit; background: rgba(255,255,255,.015); text-align:left; cursor:pointer; }
.next-action:hover { border-color: var(--line-strong); transform: translateY(-1px); }.next-action span { color: var(--cyan); }.next-action strong { display:block; font-size: 11px; }.next-action small { display:block; color: var(--muted); font-size: 9px; margin-top: 3px; }

.section-intro { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin: 2px 0 24px; }
.section-intro h2 { margin: 7px 0 7px; font-size: 25px; font-weight: 560; }.section-intro p:last-child { margin:0; color:var(--muted); font-size:12px; }
.platform-section-actions { display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap; }
.platform-section-actions .hint-badge { white-space:nowrap; }
.platform-action-permission-hint { margin:-9px 0 16px;padding:11px 13px;border:1px solid rgba(233,184,115,.17);border-radius:10px;background:rgba(233,184,115,.045);color:#b99565;font-size:10px;line-height:1.6; }
.switch-label input:focus-visible + .switch { outline:2px solid var(--cyan);outline-offset:3px; }
.provider-app-host { min-width: 0; }
.provider-app-host.is-readonly { opacity:.82; }
.provider-app-host.is-readonly :is(button,input,select,textarea) { cursor:not-allowed!important; }
.provider-app-host .agp-providers-panel {
  min-height: 0;
  padding: 0;
  background: transparent;
}
.provider-ui-loading {
  min-height: 320px;
  display: grid;
  grid-template-columns: repeat(3, 7px);
  place-content: center;
  gap: 7px;
  color: var(--muted);
  text-align: center;
}
.provider-ui-loading span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyan);
  animation: providerLoading 1.1s ease-in-out infinite;
}
.provider-ui-loading span:nth-child(2) { animation-delay: .14s; }
.provider-ui-loading span:nth-child(3) { animation-delay: .28s; }
.provider-ui-loading p {
  grid-column: 1 / -1;
  margin: 10px -90px 0;
  font-size: 11px;
}
.button {
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: var(--ui-radius-control);
  border: 1px solid var(--line);
  padding: 0 15px;
  color: #b4bfca;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.button.primary { background: var(--cyan); color: #071211; border-color: var(--cyan); font-weight: 650; }
.button.primary:hover:not(:disabled) { background: #91f3e9; box-shadow: 0 8px 26px rgba(114,232,220,.14); }
.button.ghost { background: rgba(255,255,255,.025); color: #b4bfca; }.button.ghost:hover:not(:disabled) { border-color: var(--line-strong);background:rgba(114,232,220,.04);color:var(--text); }
.button.danger { color: var(--red); background: rgba(239,126,132,.05); border-color: rgba(239,126,132,.16); }
.button.danger:hover:not(:disabled) { border-color: rgba(239,126,132,.34); background: rgba(239,126,132,.09); }
.button.success { color: var(--green); background: rgba(114,221,168,.05); border-color: rgba(114,221,168,.16); }
.button.warning { color: var(--amber); background: rgba(233,184,115,.05); border-color: rgba(233,184,115,.17); }
.button.small { min-height: 33px; padding: 0 11px; font-size: 10px; }
.button:active:not(:disabled) { transform: translateY(1px); }
.hint-badge { padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; color: #778697; font-size: 10px; }
.compact-stats { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.compact-stats span { padding:7px 10px; background:rgba(255,255,255,.025); border:1px solid var(--line); border-radius:99px; color:var(--muted); font-size:10px; }
.compact-stats b { color:var(--text); margin-left:4px; }
.resource-list, .task-list { display: grid; gap: 12px; }
.resource-card, .task-card { border: 1px solid var(--line); background: var(--surface); border-radius: var(--ui-radius-card); padding: 18px 19px; }
.resource-card { display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(260px,1.6fr) auto; gap:20px; align-items:center; }
.resource-main { display:flex; align-items:center; gap:13px; min-width:0; }
.resource-logo, .expert-avatar { width:43px; height:43px; border-radius:13px; display:grid; place-items:center; font-weight:700; flex:none; }
.resource-logo.claude { color:#f2c99a; background:rgba(233,184,115,.1); border:1px solid rgba(233,184,115,.17); }
.resource-logo.codex { color:#9ee8cf; background:rgba(114,221,168,.09); border:1px solid rgba(114,221,168,.16); }
.resource-main strong, .resource-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.resource-main small { color:var(--muted); font-size:10px; margin-top:4px; }
.resource-meta { display:flex; gap:8px; flex-wrap:wrap; }.meta-chip, .status-chip { padding:6px 8px; border-radius:8px; background:rgba(255,255,255,.03); color:#8290a0; font-size:9px; border:1px solid var(--line); }
.status-chip.ready { color:var(--green); border-color:rgba(114,221,168,.16); background:rgba(114,221,168,.05); }
.status-chip.warn { color:var(--amber); border-color:rgba(233,184,115,.17); background:rgba(233,184,115,.05); }
.status-chip.error { color:var(--red); border-color:rgba(239,126,132,.17); background:rgba(239,126,132,.05); }
.status-chip.active { color:var(--cyan);border-color:rgba(114,232,220,.18);background:rgba(114,232,220,.05); }
.resource-actions { display:flex; gap:7px; }

.channel-summary { min-height:35px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 16px; }
.channel-summary span { min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:10px; }
.channel-summary b { color:#c3cdd5;font-size:11px;font-weight:600; }
.channel-summary .ready,.channel-summary .ready b { color:var(--green); }
.channel-summary .error,.channel-summary .error b,.channel-summary .channel-summary-error { color:var(--red); }
.channel-permission-hint { margin:-9px 0 16px;padding:11px 13px;border:1px solid rgba(233,184,115,.17);border-radius:10px;background:rgba(233,184,115,.045);color:#b99565;font-size:10px;line-height:1.6; }
.channel-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.channel-card { min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.94),rgba(13,18,25,.9));overflow:hidden;box-shadow:0 8px 34px rgba(0,0,0,.12); }
.channel-card.is-disabled { opacity:.7; }
.channel-card-head { min-height:88px;padding:18px 18px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line); }
.channel-identity { min-width:0;display:flex;align-items:center;gap:12px; }
.channel-identity > div { min-width:0; }
.channel-identity h3 { margin:0;color:#d3dce3;font-size:14px;font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.channel-identity p { margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45; }
.channel-logo { width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;font-size:11px;font-weight:750;letter-spacing:-.03em; }
.channel-logo.platform-telegram { color:#77d8ff;background:rgba(76,178,225,.09);border-color:rgba(76,178,225,.2); }
.channel-card-body { flex:1;padding:16px 18px; }
.channel-meta { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.channel-meta > div { min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.014); }
.channel-meta span,.channel-meta strong { display:block;overflow:hidden;text-overflow:ellipsis; }
.channel-meta span { color:#62707f;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.channel-meta strong { margin-top:6px;color:#aab6c0;font-size:9px;font-weight:520;white-space:nowrap; }
.channel-meta .ready-text { color:var(--green); }
.channel-meta .warn-text { color:var(--amber); }
.channel-external-id { color:#aab6c0!important;padding:0!important;border:0!important;background:none!important;white-space:nowrap; }
.channel-attachment { margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(12,18,25,.82),rgba(9,14,20,.7)); }
.channel-attachment.state-ready { border-color:rgba(114,221,168,.17);box-shadow:inset 2px 0 rgba(114,221,168,.28); }
.channel-attachment.state-degraded { border-color:rgba(233,184,115,.19);box-shadow:inset 2px 0 rgba(233,184,115,.34); }
.channel-attachment.state-error { border-color:rgba(239,126,132,.2);box-shadow:inset 2px 0 rgba(239,126,132,.34); }
.channel-attachment.state-unavailable { border-style:dashed;background:rgba(255,255,255,.009); }
.channel-attachment-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.channel-attachment-head > div { min-width:0; }
.channel-attachment-head > div span,.channel-attachment-head > div strong { display:block; }
.channel-attachment-head > div span { color:#586777;font-size:7px;letter-spacing:.14em; }
.channel-attachment-head > div strong { margin-top:4px;color:#bdc8d1;font-size:10px;font-weight:600; }
.channel-attachment-head > .status-chip { flex:none; }
.channel-attachment-unavailable { margin:10px 0 0;padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.018);color:#788695;font-size:8px;line-height:1.55; }
.channel-attachment-modes { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px; }
.channel-attachment-mode { min-width:0;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.012); }
.channel-attachment-mode span,.channel-attachment-mode strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.channel-attachment-mode span { color:#5f6e7d;font-size:7px;letter-spacing:.06em;text-transform:uppercase; }
.channel-attachment-mode strong { margin-top:5px;color:#aab6c0;font-size:8px;font-weight:560; }
.channel-attachment-mode.is-supported { border-color:rgba(114,232,220,.09);background:rgba(114,232,220,.025); }
.channel-attachment-mode.is-supported strong { color:#86cfc7; }
.channel-attachment-mode.is-unsupported strong { color:#7f6970; }
.channel-attachment-limits { display:flex;flex-wrap:wrap;gap:5px;margin-top:8px; }
.channel-attachment-limits > span { min-height:24px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:1px solid rgba(255,255,255,.05);border-radius:7px;color:#8795a2;background:rgba(255,255,255,.012);font-size:7px;white-space:nowrap; }
.channel-attachment-limits b { color:#5e6c7a;font-size:7px;font-weight:520; }
.channel-attachment-security { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px; }
.channel-attachment-security > span { min-width:0;min-height:27px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 5px;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#6d7b89;background:rgba(255,255,255,.012);font-size:7px;white-space:nowrap; }
.channel-attachment-security i { width:13px;height:13px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:7px;font-style:normal; }
.channel-attachment-security .is-ready { color:#8fd7b1;border-color:rgba(114,221,168,.12);background:rgba(114,221,168,.025); }
.channel-attachment-security .is-ready i { color:var(--green);background:rgba(114,221,168,.09); }
.channel-attachment-security .is-off { color:#916f74;border-color:rgba(239,126,132,.1);background:rgba(239,126,132,.02); }
.channel-attachment-security .is-off i { color:var(--red);background:rgba(239,126,132,.08); }
.channel-attachment-unsupported { margin-top:8px;padding:7px 8px;display:flex;align-items:center;gap:7px;border:1px solid rgba(233,184,115,.11);border-radius:8px;background:rgba(233,184,115,.025); }
.channel-attachment-unsupported > span { width:15px;height:15px;flex:none;display:grid;place-items:center;border-radius:5px;color:var(--amber);background:rgba(233,184,115,.08);font-size:7px; }
.channel-attachment-unsupported p { margin:0;color:#9b815f;font-size:7px;line-height:1.45; }
.channel-attachment-cleanup { margin-top:8px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.045); }
.channel-attachment-cleanup strong { flex:none;color:#758392;font-size:7px;font-weight:600; }
.channel-attachment-cleanup span { min-width:0;color:#576574;font-size:7px;text-align:right;overflow-wrap:anywhere; }
.channel-attachment-cleanup.is-healthy strong { color:var(--green); }
.channel-attachment-cleanup.is-degraded strong { color:var(--amber); }
.channel-attachment-cleanup.is-unknown strong { color:#788593; }
.channel-error { margin-top:11px;padding:10px 11px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(239,126,132,.17);border-radius:10px;background:rgba(239,126,132,.045); }
.channel-error > span { width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:6px;color:var(--red);background:rgba(239,126,132,.09);font-size:9px; }
.channel-error p { margin:1px 0 0;color:#c98c91;font-size:9px;line-height:1.55;overflow-wrap:anywhere; }
.channel-managed-note { margin-top:11px;padding:10px 11px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(233,184,115,.16);border-radius:10px;background:rgba(233,184,115,.04); }
.channel-managed-note > span { color:var(--amber);font-size:10px; }
.channel-managed-note p { margin:0;color:#aa8b63;font-size:9px;line-height:1.55; }
.channel-card-actions { padding:13px 18px 17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border-top:1px solid var(--line); }
.channel-card-actions.managed-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
.channel-card-actions .button { width:100%;padding:0 8px; }
.channel-empty { grid-column:1/-1;display:grid;justify-items:center;border:1px dashed var(--line);border-radius:var(--ui-radius-card);padding:0 20px 42px; }
.channel-empty .empty-state { width:100%;border:0;padding-bottom:22px; }

.filter-row { display:flex; gap:7px; margin-bottom:16px; }
.filter { border:1px solid var(--line); color:var(--muted); background:transparent; border-radius:9px; padding:7px 12px; font-size:10px; cursor:pointer; }
.filter.active { color:var(--cyan); border-color:var(--line-strong); background:rgba(114,232,220,.06); }
.expert-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.expert-card { border:1px solid var(--line); border-radius:var(--ui-radius-card); padding:18px; background:var(--surface); min-height:225px; display:flex; flex-direction:column; }
.expert-card-head { display:flex; gap:12px; align-items:center; }.expert-avatar { color:#071211; background:linear-gradient(145deg,#80e9df,#3c9c96); font-size:15px; }
.expert-card h3 { margin:0; font-size:14px; font-weight:580; }.expert-card .handle { margin-top:4px; color:#667586; font-size:9px; }
.expert-description { color:#98a5b2; font-size:11px; line-height:1.65; margin:17px 0; min-height:36px; }
.expert-model { border-top:1px solid var(--line); padding-top:13px; display:flex; justify-content:space-between; color:#718091; font-size:9px; }.expert-model strong { color:#b4c1cb; font-weight:500; }
.expert-card-actions { margin-top:auto; padding-top:15px; display:flex; justify-content:space-between; align-items:center; }
.status-dot { display:inline-flex; align-items:center; gap:6px; font-size:9px; color:var(--muted); }.status-dot i { width:6px;height:6px;border-radius:50%;background:var(--muted); }.status-dot.ready i { background:var(--green);box-shadow:0 0 8px var(--green); }

.task-card { padding:0; overflow:hidden; }
.task-card-head { padding:17px 19px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.task-title { display:flex;align-items:center;gap:12px; }.task-symbol { width:38px;height:38px;border-radius:11px;background:rgba(114,232,220,.07);color:var(--cyan);display:grid;place-items:center;border:1px solid rgba(114,232,220,.13); }
.task-card.is-private .task-symbol { color:#c1a8ff;background:rgba(175,137,255,.075);border-color:rgba(175,137,255,.16);font-size:9px; }
.task-title h3 { margin:0;font-size:13px; }.task-title p { margin:4px 0 0;color:var(--muted);font-size:9px; }
.task-card-state { display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap; }
.task-session-kind-badge { display:inline-flex;align-items:center;min-height:27px;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:#8795a4;background:rgba(255,255,255,.02);font-size:9px;white-space:nowrap; }
.task-session-kind-badge.is-private { color:#c1a8ff;border-color:rgba(175,137,255,.18);background:rgba(175,137,255,.055); }
.task-session-kind-badge.is-group { color:var(--cyan);border-color:rgba(114,232,220,.16);background:rgba(114,232,220,.04); }
.task-session-permission-badge { display:inline-flex;align-items:center;min-height:27px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#8c9aaa;font-size:9px;white-space:nowrap; }
.task-session-permission-badge.mode-request_approval { color:var(--amber);border-color:rgba(233,184,115,.17);background:rgba(233,184,115,.05); }
.task-session-permission-badge.mode-auto { color:var(--green);border-color:rgba(114,221,168,.16);background:rgba(114,221,168,.05); }
.task-session-permission-badge.mode-full_access { color:var(--red);border-color:rgba(239,126,132,.2);background:rgba(239,126,132,.06); }
.task-session-permission-badge.mode-custom { color:var(--cyan);border-color:rgba(114,232,220,.18);background:rgba(114,232,220,.05); }
.task-card-body { padding:16px 19px; display:grid; grid-template-columns:140px 1fr auto; gap:18px; align-items:center; }
.task-card.is-private .task-card-body { grid-template-columns:minmax(0,1fr) auto; }
.task-private-summary { min-width:0;display:grid;gap:5px; }
.task-private-summary strong { color:#b8c3cd;font-size:12px;font-weight:570; }
.task-private-summary small { color:var(--muted);font-size:9px; }
.task-count strong { display:block;font-size:20px;font-weight:530; }.task-count small { color:var(--muted);font-size:9px; }
.crew { display:flex;gap:7px;flex-wrap:wrap; }.crew-chip { display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;color:#9eabb7;font-size:9px;background:rgba(255,255,255,.02); }
.crew-chip.default { color:var(--cyan);border-color:var(--line-strong); }.crew-chip button { width:24px;height:24px;display:inline-grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#657382;padding:0;cursor:pointer;font-size:12px; }.crew-chip button:hover { color:var(--red);background:rgba(239,126,132,.07); }
.crew-chip.pending { color:var(--amber);border-color:rgba(233,184,115,.18);background:rgba(233,184,115,.05); }
.task-card-actions { display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap; }

.workflow-summary { min-height:35px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 16px; }
.workflow-summary span { min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:10px; }
.workflow-summary b { color:#c3cdd5;font-size:11px;font-weight:600; }
.workflow-summary .ready,.workflow-summary .ready b { color:var(--green); }
.workflow-summary .warn,.workflow-summary .warn b { color:var(--amber); }
.workflow-summary .error,.workflow-summary .error b { color:var(--red); }
.workflow-list { display:grid;gap:13px; }
.workflow-card { min-width:0;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.94),rgba(13,18,25,.9));overflow:hidden;box-shadow:0 8px 34px rgba(0,0,0,.12); }
.workflow-card.is-busy { opacity:.68; }
.workflow-card.state-running { border-color:rgba(114,232,220,.17); }
.workflow-card.state-partially_succeeded,.workflow-card.state-paused { border-color:rgba(233,184,115,.18); }
.workflow-card.state-failed { border-color:rgba(239,126,132,.17); }
.workflow-card-head { min-height:72px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012); }
.workflow-card-head h3 { margin:4px 0 0;color:#d0dae2;font-size:14px;font-weight:590; }
.workflow-card-head .status-chip { flex:none; }
.workflow-steps { margin:0;padding:13px 18px;display:grid;gap:7px;list-style:none; }
.workflow-step { min-width:0;min-height:50px;padding:9px 10px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.012); }
.workflow-step-icon { width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:#657383;background:#0d131a;font-size:10px; }
.workflow-step strong,.workflow-step small { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.workflow-step strong { color:#bfcad2;font-size:10px;font-weight:580; }
.workflow-step small { margin-top:4px;color:#647382;font-size:8px; }
.workflow-step-state { color:#708090;font-size:8px;white-space:nowrap; }
.workflow-step.state-running .workflow-step-icon { color:var(--cyan);border-color:rgba(114,232,220,.25);box-shadow:0 0 10px rgba(114,232,220,.08); }
.workflow-step.state-succeeded .workflow-step-icon { color:var(--green);border-color:rgba(114,221,168,.2); }
.workflow-step.state-failed .workflow-step-icon,.workflow-step.state-failed .workflow-step-state { color:var(--red);border-color:rgba(239,126,132,.18); }
.workflow-step.state-skipped,.workflow-step.state-cancelled { opacity:.66; }
.workflow-step.state-paused,.workflow-step.state-waiting_confirmation { border-color:rgba(233,184,115,.14); }
.workflow-card-foot { min-height:57px;padding:11px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line); }
.workflow-card-foot > small { color:#5f6d7c;font-size:8px; }
.workflow-controls { display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap; }

.workspace-manage-hint { margin:-9px 0 16px;padding:11px 13px;border:1px solid rgba(233,184,115,.17);border-radius:10px;background:rgba(233,184,115,.045);color:#b99565;font-size:10px;line-height:1.6; }
.workspace-summary { min-height:35px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 16px; }
.workspace-summary span { min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:10px; }
.workspace-summary b { color:#c3cdd5;font-size:11px;font-weight:600; }
.workspace-summary .ready,.workspace-summary .ready b { color:var(--green); }
.workspace-summary .warn,.workspace-summary .warn b { color:var(--amber); }
.workspace-summary .error,.workspace-summary .error b { color:var(--red); }
.workspace-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.workspace-card { min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.94),rgba(13,18,25,.9));overflow:hidden;box-shadow:0 8px 34px rgba(0,0,0,.12); }
.workspace-card.is-archived { opacity:.62; }
.workspace-card-head { min-height:89px;padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line); }
.workspace-identity { min-width:0;display:flex;align-items:center;gap:12px; }
.workspace-identity > div { min-width:0; }
.workspace-symbol { width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,232,220,.19);border-radius:13px;background:rgba(114,232,220,.065);color:var(--cyan);font-size:17px;box-shadow:inset 0 0 18px rgba(114,232,220,.035); }
.workspace-identity h3 { margin:0;color:#d3dce3;font-size:14px;font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.workspace-identity p { margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.workspace-state { flex:none;display:grid;justify-items:end;gap:7px; }
.workspace-state small { color:#667586;font-size:8px;white-space:nowrap; }
.workspace-card-body { flex:1;padding:16px 18px; }
.workspace-meta { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.workspace-meta > div { min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.014); }
.workspace-meta span,.workspace-meta strong { display:block;overflow:hidden;text-overflow:ellipsis; }
.workspace-meta span { color:#62707f;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.workspace-meta strong { margin-top:6px;color:#aab6c0;font-size:9px;font-weight:520;white-space:nowrap; }
.workspace-meta code,.workspace-modal code { color:var(--cyan);font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.workspace-source-card { min-width:0;margin-top:9px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:11px;border:1px solid rgba(114,232,220,.11);border-radius:11px;background:linear-gradient(135deg,rgba(114,232,220,.032),rgba(255,255,255,.01)); }
.workspace-source-card.is-linked { border-color:rgba(114,221,168,.16);background:linear-gradient(135deg,rgba(114,221,168,.04),rgba(255,255,255,.01)); }
.workspace-source-card.is-direct { border-color:rgba(239,126,132,.2);background:linear-gradient(135deg,rgba(239,126,132,.04),rgba(255,255,255,.01)); }
.workspace-source-card.is-direct .workspace-source-card-icon { color:var(--red);border-color:rgba(239,126,132,.2);background:rgba(239,126,132,.05); }
.workspace-source-card-copy { min-width:0;display:flex;align-items:center;gap:10px; }
.workspace-source-card-copy > div { min-width:0; }
.workspace-source-card-icon { width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,232,220,.15);border-radius:9px;background:rgba(114,232,220,.045);color:var(--cyan);font-size:13px; }
.workspace-source-card-copy span,.workspace-source-card-copy strong,.workspace-source-card-copy small { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.workspace-source-card-copy > div > span { color:#667586;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.workspace-source-card-copy strong { margin-top:4px;color:#afbdc5;font-size:10px;font-weight:580; }
.workspace-source-card-copy small { margin-top:4px;color:#687887;font-size:8px; }
.workspace-source-card .button { flex:none;min-width:92px;padding:0 10px; }
.workspace-error { margin-top:11px;padding:10px 11px;display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(239,126,132,.17);border-radius:10px;background:rgba(239,126,132,.045); }
.workspace-error > span { width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:6px;color:var(--red);background:rgba(239,126,132,.09);font-size:9px; }
.workspace-error p { margin:1px 0 0;color:#c98c91;font-size:9px;line-height:1.55;overflow-wrap:anywhere; }
.workspace-card-actions { padding:13px 18px 17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-top:1px solid var(--line); }
.workspace-card-actions .button { width:100%;padding:0 8px; }
.workspace-action-busy { grid-column:1/-1;color:var(--cyan);font-size:9px;text-align:center;animation:workspacePulse 1.1s ease-in-out infinite; }
.workspace-empty { grid-column:1/-1;display:grid;justify-items:center;border:1px dashed var(--line);border-radius:var(--ui-radius-card);padding:0 20px 42px; }
.workspace-empty .empty-state { width:100%;border:0;padding-bottom:22px; }
.workspace-create-project-modal { width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.workspace-create-source-picker { grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0; }
.workspace-create-project-modal .workspace-source-direct-warning { margin:0; }
.workspace-create-project-modal .workspace-source-direct-warning .workspace-source-confirm-row { margin-top:10px; }
.workspace-create-project-modal .modal-actions .button { min-height:44px; }
.workspace-host-path-control { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px; }
.workspace-host-path-control input { min-width:0; }
.workspace-host-path-control .button { min-width:98px;min-height:40px;padding:0 13px; }
.workspace-source-draft-section { min-width:0;padding:13px;border:1px solid rgba(114,232,220,.13);border-radius:12px;background:rgba(114,232,220,.022); }
.workspace-source-section-head { min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px; }
.workspace-source-section-head > div { min-width:0; }
.workspace-source-section-head strong,.workspace-source-section-head small { display:block; }
.workspace-source-section-head strong { color:#b9c6cf;font-size:12px;font-weight:620; }
.workspace-source-section-head small { margin-top:4px;color:#6d7b88;font-size:10px; }
.workspace-source-section-head .button { flex:none;min-width:98px;min-height:44px; }
.workspace-source-draft-list { min-width:0;margin-top:11px;display:grid;gap:7px; }
.workspace-source-draft-card { min-width:0;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(0,0,0,.1); }
.workspace-source-draft-main { min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px; }
.workspace-source-draft-main > div { min-width:0; }
.workspace-source-draft-icon { width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(114,232,220,.14);border-radius:9px;background:rgba(114,232,220,.04);color:var(--cyan);font-size:12px; }
.workspace-source-draft-main strong,.workspace-source-draft-main code,.workspace-source-draft-main small { display:block;min-width:0; }
.workspace-source-draft-main strong { color:#b9c6cf;font-size:12px;font-weight:610; }
.workspace-source-draft-main code { margin-top:4px;color:#91bdb9;font-size:10px;line-height:1.45;overflow-wrap:anywhere; }
.workspace-source-draft-main small { margin-top:3px;color:#657482;font:9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere; }
.workspace-source-draft-meta { display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap; }
.workspace-source-draft-meta .button { min-width:64px;min-height:44px;padding:0 9px; }
.workspace-source-draft-empty { min-height:72px;padding:13px;display:grid;place-items:center;align-content:center;border:1px dashed rgba(255,255,255,.08);border-radius:10px;text-align:center; }
.workspace-source-draft-empty strong { color:#85939f;font-size:12px;font-weight:570; }
.workspace-source-draft-empty small { margin-top:5px;color:#63717f;font-size:10px;line-height:1.5; }
.workspace-source-manual { min-width:0;margin-top:9px;border-top:1px solid rgba(255,255,255,.05); }
.workspace-source-manual summary { min-height:44px;display:flex;align-items:center;color:#6f7e8b;font-size:10px;cursor:pointer; }
.workspace-source-manual .workspace-host-path-control { padding-top:2px; }
.workspace-source-modal { width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.workspace-directory-modal { width:min(560px,calc(100vw - 28px)); }
.workspace-source-shell { padding:24px; }
.workspace-source-modal form { padding:0; }
.workspace-source-modal code { color:var(--cyan);font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere; }
.workspace-source-status { min-width:0;margin-bottom:12px;padding:13px 14px;border:1px solid rgba(114,232,220,.13);border-radius:12px;background:rgba(114,232,220,.025); }
.workspace-source-status-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.workspace-source-status-head strong { color:#84939f;font-size:9px;font-weight:560; }
.workspace-source-status > code { display:block;margin-top:10px;color:#9cd6d0;font-size:10px;line-height:1.55; }
.workspace-source-status > small { display:block;margin-top:5px;color:#627281;font-size:9px;line-height:1.5;overflow-wrap:anywhere; }
.workspace-source-status > p { margin:9px 0 0;color:#71808d;font-size:10px;line-height:1.6; }
.workspace-source-mode-picker { min-width:0;margin:0 0 13px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.workspace-source-mode-picker legend { grid-column:1/-1;margin-bottom:7px;color:#9ba8b5;font-size:10px;letter-spacing:.03em; }
.workspace-source-mode-option { min-width:0;min-height:76px;padding:11px;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012);cursor:pointer; }
.workspace-source-mode-option:has(input:checked) { border-color:rgba(114,232,220,.24);background:rgba(114,232,220,.045); }
.workspace-source-mode-option.is-direct:has(input:checked) { border-color:rgba(239,126,132,.22);background:rgba(239,126,132,.035); }
.workspace-source-mode-option input { width:16px;height:16px;margin:1px 0 0;accent-color:var(--cyan); }
.workspace-source-mode-option.is-direct input { accent-color:var(--red); }
.workspace-source-mode-option strong,.workspace-source-mode-option small { display:block; }
.workspace-source-mode-option strong { color:#b9c5ce;font-size:10px;font-weight:590; }
.workspace-source-mode-option small { margin-top:5px;color:#687786;font-size:9px;line-height:1.5; }
.workspace-source-direct-warning { margin:0 0 13px;padding:11px 12px;border:1px solid rgba(239,126,132,.22);border-radius:10px;background:rgba(239,126,132,.04); }
.workspace-source-direct-warning strong { color:#dc989d;font-size:11px;font-weight:650; }
.workspace-source-direct-warning p { margin:6px 0 0;color:#aa7c80;font-size:9px;line-height:1.65; }
.workspace-source-modal-actions { margin-top:14px; }
.workspace-directory-browser-modal { width:min(640px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.workspace-directory-browser-shell { min-width:0;padding:24px; }
.workspace-directory-browser-selected { min-width:0;margin-bottom:13px; }
.workspace-directory-browser-selected-list { min-width:0;min-height:46px;padding:5px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#0a0f15;overflow-x:auto;overscroll-behavior-x:contain; }
.workspace-directory-browser-selected-chip { flex:none;min-height:44px;max-width:260px;padding-left:10px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;border:1px solid rgba(114,232,220,.13);border-radius:9px;background:rgba(114,232,220,.04);color:#9dc8c4;font-size:11px; }
.workspace-directory-browser-selected-chip > span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.workspace-directory-browser-selected-chip button { width:44px;height:44px;border:0;background:transparent;color:#71818e;font-size:17px;cursor:pointer; }
.workspace-directory-browser-selected-chip button:hover { color:var(--red); }
.workspace-directory-browser-selected-empty { padding:0 8px;color:#647281;font-size:11px; }
.workspace-directory-browser-roots { min-width:0;margin-bottom:13px; }
.workspace-directory-browser-section-head { margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px; }
.workspace-directory-browser-section-head strong { color:#9ba8b5;font-size:12px;font-weight:580;letter-spacing:.03em; }
.workspace-directory-browser-section-head small { color:#63717f;font-size:11px; }
.workspace-directory-browser-root-list { min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.workspace-directory-browser-root { min-width:0;min-height:54px;padding:9px 10px;display:block;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.014);color:#a5b2bd;text-align:left;cursor:pointer; }
.workspace-directory-browser-root:hover:not(:disabled),.workspace-directory-browser-root.is-active { border-color:rgba(114,232,220,.24);background:rgba(114,232,220,.045); }
.workspace-directory-browser-root.is-active { box-shadow:inset 2px 0 var(--cyan); }
.workspace-directory-browser-root:disabled { cursor:wait;opacity:.62; }
.workspace-directory-browser-root strong,.workspace-directory-browser-root small { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.workspace-directory-browser-root strong { font-size:13px;font-weight:600; }
.workspace-directory-browser-root small { margin-top:5px;color:#657382;font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.workspace-directory-browser-root-empty { grid-column:1/-1;min-height:54px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:10px;color:#687786;font-size:12px; }
.workspace-directory-browser-breadcrumbs { min-width:0;min-height:39px;padding:5px 7px;display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:10px;background:#0a0f15;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin; }
.workspace-directory-browser-breadcrumbs > span[aria-hidden] { color:#536170;font-size:12px; }
.workspace-directory-browser-breadcrumb-empty { padding:0 5px;color:#647281;font-size:12px; }
.workspace-directory-browser-crumb { flex:none;min-height:32px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#71808e;font-size:12px;cursor:pointer; }
.workspace-directory-browser-crumb:hover,.workspace-directory-browser-crumb.is-current { background:rgba(114,232,220,.055);color:#a9dad5; }
.workspace-directory-browser-current { min-width:0;margin-top:9px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(114,232,220,.12);border-radius:10px;background:rgba(114,232,220,.025); }
.workspace-directory-browser-current > div { min-width:0; }
.workspace-directory-browser-current span,.workspace-directory-browser-current code,.workspace-directory-browser-current small { display:block; }
.workspace-directory-browser-current span { color:#647382;font-size:11px;letter-spacing:.05em;text-transform:uppercase; }
.workspace-directory-browser-current code { margin-top:5px;color:#9fcfc9;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere; }
.workspace-directory-browser-current small { margin-top:5px;color:#687786;font-size:11px;line-height:1.45; }
.workspace-directory-browser-current .button { flex:none;min-width:72px; }
.workspace-directory-browser-list { min-height:194px;max-height:340px;margin-top:9px;padding:7px;display:grid;align-content:start;gap:5px;border:1px solid var(--line);border-radius:11px;background:#090e14;overflow:auto; }
.workspace-directory-browser-entry-row { min-width:0;min-height:52px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px;border:1px solid transparent;border-radius:9px; }
.workspace-directory-browser-entry-row:hover,.workspace-directory-browser-entry-row:focus-within { border-color:rgba(114,232,220,.14);background:rgba(114,232,220,.025); }
.workspace-directory-browser-entry-row.is-selected { border-color:rgba(114,232,220,.2);background:rgba(114,232,220,.045); }
.workspace-directory-browser-toggle { width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;background:transparent;cursor:pointer; }
.workspace-directory-browser-toggle > span { width:22px;height:22px;display:grid;place-items:center;border:1px solid #455563;border-radius:6px;background:#0b1118;color:#071116;font-size:14px;font-weight:800; }
.workspace-directory-browser-toggle[aria-checked="true"] > span { border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 3px rgba(114,232,220,.08); }
.workspace-directory-browser-toggle:hover:not(:disabled) > span,.workspace-directory-browser-toggle:focus-visible > span { border-color:var(--cyan); }
.workspace-directory-browser-toggle:disabled { cursor:not-allowed;opacity:.34; }
.workspace-directory-browser-entry { width:100%;min-width:0;min-height:44px;padding:7px 9px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8d9ba8;text-align:left;cursor:pointer; }
.workspace-directory-browser-entry:hover,.workspace-directory-browser-entry:focus-visible { border-color:rgba(114,232,220,.14);background:rgba(114,232,220,.04);color:#c2cdd5; }
.workspace-directory-browser-entry > span { width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(114,232,220,.055);color:var(--cyan);font-size:10px; }
.workspace-directory-browser-entry strong { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:560; }
.workspace-directory-browser-entry small { color:#5e6c7a;font-size:14px; }
.workspace-directory-browser-entry.is-parent { border-bottom-color:rgba(255,255,255,.045);color:#81909d; }
.workspace-directory-browser-state { min-height:178px;padding:25px;display:grid;place-items:center;align-content:center;text-align:center; }
.workspace-directory-browser-state > span { width:34px;height:34px;margin-bottom:10px;display:grid;place-items:center;border:1px solid rgba(114,232,220,.16);border-radius:10px;background:rgba(114,232,220,.045);color:var(--cyan);font-size:13px; }
.workspace-directory-browser-state strong { color:#a8b5bf;font-size:14px;font-weight:580; }
.workspace-directory-browser-state p { margin:6px 0 0;color:#63717f;font-size:12px;line-height:1.55; }
.workspace-directory-browser-state.is-loading > span { border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite; }
.workspace-directory-browser-state.is-error > span { color:var(--red);border-color:rgba(239,126,132,.18);background:rgba(239,126,132,.045); }
.workspace-directory-browser-truncated { margin:8px 0 0;padding:9px 11px;border:1px solid rgba(240,181,91,.2);border-radius:9px;background:rgba(240,181,91,.05);color:#bda77c;font-size:12px;line-height:1.55;overflow-wrap:anywhere; }
.workspace-directory-browser-error { min-height:15px;margin-top:8px; }
.workspace-directory-browser-actions { margin-top:12px; }
.workspace-directory-mode-picker { margin:14px 0 12px; }
.workspace-directory-sync { min-width:0;margin-top:14px;padding:13px;border:1px solid rgba(114,232,220,.14);border-radius:12px;background:linear-gradient(145deg,rgba(114,232,220,.035),rgba(255,255,255,.012)); }
.workspace-directory-sync-head { min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.workspace-directory-sync-head > div { min-width:0; }
.workspace-directory-sync-head strong,.workspace-directory-sync-head small { display:block; }
.workspace-directory-sync-head strong { color:#b9c6cf;font-size:11px;font-weight:620; }
.workspace-directory-sync-head small { margin-top:5px;color:#70808d;font-size:9px;line-height:1.55; }
.workspace-directory-sync-source { margin-top:12px;display:grid;gap:6px;color:#70808d;font-size:9px; }
.workspace-directory-sync-source select { width:100%; }
.workspace-directory-preview-button { width:100%;min-height:44px;margin-top:12px; }
.workspace-directory-preview-result { min-width:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--line); }
.workspace-directory-sync-counts { margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px; }
.workspace-directory-sync-counts > div { min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(0,0,0,.1);text-align:center; }
.workspace-directory-sync-counts dt { color:#687887;font-size:8px;line-height:1.35; }
.workspace-directory-sync-counts dd { margin:5px 0 0;color:#c3d0d8;font-size:15px;font-weight:650; }
.workspace-directory-conflict { margin:10px 0 0;padding:10px 11px;border:1px solid rgba(239,126,132,.2);border-radius:9px;background:rgba(239,126,132,.045);color:#c78c91;font-size:9px;line-height:1.6; }
.workspace-directory-change-details { min-width:0;margin-top:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(0,0,0,.08); }
.workspace-directory-change-details summary { min-height:40px;padding:0 11px;display:flex;align-items:center;color:#8f9da8;font-size:9px;cursor:pointer; }
.workspace-directory-change-details ul { max-height:190px;margin:0;padding:0 10px 10px;display:grid;gap:5px;overflow:auto;list-style:none; }
.workspace-directory-change-details li { min-width:0;padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;border-radius:7px;background:rgba(255,255,255,.018); }
.workspace-directory-change-details li code { min-width:0;color:#9bc8c5;font-size:8px;overflow-wrap:anywhere; }
.workspace-directory-change-details li span { color:#758591;font-size:8px;line-height:1.4;text-align:right; }
.workspace-directory-change-details li.is-truncated { grid-template-columns:1fr; }
.workspace-directory-change-details li.is-truncated span { color:var(--amber);text-align:left; }
.workspace-directory-operation-summary { margin:10px 1px 0;color:#73838f;font-size:9px;line-height:1.55; }
.workspace-directory-push-confirm { min-height:44px;margin-top:10px;padding:9px 10px!important;display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;border:1px solid rgba(239,126,132,.17);border-radius:9px;background:rgba(239,126,132,.035);color:#bd858a!important;cursor:pointer; }
.workspace-directory-push-confirm input { width:17px;height:17px;flex:none;margin:0;accent-color:var(--red); }
.workspace-directory-push-confirm span { min-width:0;font-size:9px;line-height:1.45;letter-spacing:0; }
.workspace-directory-sync-actions { margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.workspace-directory-sync-actions .button { min-height:44px; }
.workspace-tools-modal { width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.workspace-tools-shell { padding:24px; }
.workspace-tools-grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px; }
.workspace-tool-section { min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.014); }
.workspace-tool-section-head { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px; }
.workspace-tool-section-head span { color:var(--cyan);font-size:8px;letter-spacing:.12em; }
.workspace-tool-section-head h3 { margin:4px 0 0;color:#c8d3dc;font-size:13px; }
.workspace-tool-section-head small { color:#5f6d7c;font-size:8px;text-align:right; }
.workspace-path-row { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px; }
.workspace-directory-list { min-height:118px;max-height:230px;margin:10px 0 14px;padding:8px;display:grid;gap:5px;align-content:start;border:1px solid var(--line);border-radius:11px;background:#0a0f15;overflow:auto; }
.workspace-directory-list .empty-state { padding:24px 12px;border:0; }
.workspace-entry { width:100%;min-width:0;min-height:35px;padding:6px 8px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8795a3;text-align:left;cursor:pointer; }
.workspace-entry:hover:not(:disabled) { border-color:var(--line);background:rgba(114,232,220,.04);color:#bdc9d2; }
.workspace-entry > span { color:#667586;text-align:center; }
.workspace-entry.is-directory > span,.workspace-entry.is-parent > span { color:var(--cyan); }
.workspace-entry strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:520; }
.workspace-entry small { color:#566473;font:8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.workspace-directory-note { margin:4px 6px;color:var(--amber);font-size:8px; }
.workspace-file-editor { min-height:220px;margin-top:10px;resize:vertical;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2; }
.workspace-tool-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px; }
.workspace-command-input { min-height:80px;resize:vertical;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.workspace-tool-section label + label { margin-top:12px; }
.workspace-tool-section label small { color:#5f6d7c;font-size:8px;line-height:1.55; }
.workspace-tool-section code { color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.workspace-tool-section > .button { width:100%;margin-top:12px; }
.workspace-command-output { min-height:285px;max-height:440px;margin:12px 0 0;padding:13px;border:1px solid var(--line);border-radius:11px;background:#080d12;color:#9fb0bd;font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere; }

.empty-state { padding:58px 22px; text-align:center; border:1px dashed var(--line); border-radius:var(--ui-radius-card); color:var(--muted); }
.empty-state span { display:block;font-size:30px;color:#536171;margin-bottom:12px; }.empty-state strong { display:block;color:#b7c1ca;font-size:13px; }.empty-state p { margin:7px 0 0;font-size:10px; }
.loading-card { height:100px; border-radius:15px; background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.06),rgba(255,255,255,.025));background-size:200% 100%;animation:shimmer 1.4s infinite; }

.auth-gate { position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:calc(22px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left));background:rgba(5,7,10,.88);backdrop-filter:blur(25px);overflow:auto; }
.auth-card { width:min(100%,460px);padding:36px;border:1px solid var(--line-strong);background:rgba(15,20,27,.96);border-radius:22px;box-shadow:var(--shadow); }
.auth-card h1 { margin:8px 0 11px;font-size:25px; }.muted { color:var(--muted);font-size:12px;line-height:1.7; }
.auth-card form { margin-top:24px; }.auth-card label,.modal label { display:grid;gap:7px;color:#9ba8b5;font-size:10px;letter-spacing:.03em; }
.auth-form { display:grid;gap:15px; }
.auth-submit { width:100%;min-height:45px;margin-top:3px; }
.token-row { display:flex;gap:8px;margin-top:8px; }.token-row input { min-width:0;flex:1; }
.security-note { color:#667586;font-size:9px;margin:17px 0 0; }.security-note span { color:var(--cyan); }
input, select, textarea { width:100%;color:var(--text);background:var(--ui-raised);border:1px solid var(--line);border-radius:var(--ui-radius-control);padding:11px 12px;outline:none;transition:.18s ease; }
input:focus,select:focus,textarea:focus { border-color:rgba(114,232,220,.45);box-shadow:0 0 0 3px rgba(114,232,220,.055); }
button:focus-visible,a:focus-visible { outline:2px solid var(--cyan);outline-offset:3px; }
textarea { resize:vertical;line-height:1.55; }
.form-error { min-height:16px;color:var(--red);font-size:10px;margin:10px 0 0; }

.user-permission-hint { margin:-9px 0 16px;padding:11px 13px;border:1px solid rgba(233,184,115,.17);border-radius:10px;background:rgba(233,184,115,.045);color:#b99565;font-size:10px;line-height:1.6; }
.telegram-account-panel { margin:0 0 27px;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.96),rgba(12,17,24,.92));box-shadow:0 10px 38px rgba(0,0,0,.14);overflow:hidden; }
.telegram-account-panel-head { min-height:104px;padding:20px 21px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 8% 0,rgba(114,232,220,.075),transparent 38%); }
.telegram-account-panel-head > .status-chip { flex:none;white-space:nowrap; }
.telegram-account-heading { min-width:0;display:flex;align-items:center;gap:14px; }
.telegram-account-heading > div { min-width:0; }
.telegram-account-symbol { width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,232,220,.22);border-radius:14px;background:rgba(114,232,220,.075);color:var(--cyan);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:inset 0 0 22px rgba(114,232,220,.04); }
.telegram-account-heading h3 { margin:6px 0 5px;color:#d5dee5;font-size:16px;font-weight:590;letter-spacing:-.01em; }
.telegram-account-heading > div > p:last-child { max-width:720px;margin:0;color:var(--muted);font-size:10px;line-height:1.6; }
.telegram-account-readonly { margin:16px 20px 0;padding:11px 13px;border:1px solid rgba(233,184,115,.17);border-radius:10px;background:rgba(233,184,115,.045);color:#b99565;font-size:10px;line-height:1.6; }
.telegram-account-content { padding:18px 20px 21px; }
.telegram-account-loading { min-height:78px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:10px; }
.telegram-account-loading i { width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(114,232,220,.45);animation:workspacePulse 1.1s ease-in-out infinite; }
.telegram-api-strip { min-height:70px;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.014); }
.telegram-api-identity { min-width:0;display:flex;align-items:center;gap:11px; }
.telegram-api-icon { width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,232,220,.17);border-radius:10px;background:rgba(114,232,220,.05);color:var(--cyan);font-size:13px; }
.telegram-api-identity strong,.telegram-api-identity small { display:block; }
.telegram-api-identity strong { color:#bfcad2;font-size:11px;font-weight:590; }
.telegram-api-identity small { margin-top:5px;color:#6f7d8c;font-size:9px;line-height:1.45; }
.telegram-api-strip .button { min-width:112px; }
.telegram-account-section-head { margin:19px 1px 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px; }
.telegram-account-section-head strong { display:block;color:#aeb9c2;font-size:11px;font-weight:580; }
.telegram-account-section-head p { margin:5px 0 0;color:#657382;font-size:9px;line-height:1.5; }
.telegram-account-section-actions { display:flex;align-items:center;gap:8px; }
.telegram-account-replace-note { max-width:260px;color:#748392;font-size:9px;line-height:1.55;text-align:right; }
.telegram-account-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.telegram-account-card { min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.014);overflow:hidden; }
.telegram-account-card.is-disabled { opacity:.7; }
.telegram-account-card-head { padding:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line); }
.telegram-account-identity { min-width:0;display:flex;align-items:center;gap:11px; }
.telegram-account-avatar { width:39px;height:39px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,232,220,.18);border-radius:12px;background:rgba(114,232,220,.06);color:var(--cyan);font-size:12px;font-weight:700; }
.telegram-account-identity > div { min-width:0; }
.telegram-account-identity h4 { margin:0;color:#ccd6dd;font-size:12px;font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.telegram-account-identity p { margin:5px 0 0;color:#778696;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.telegram-account-meta { padding:13px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.telegram-account-meta > div { min-width:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.012); }
.telegram-account-meta span,.telegram-account-meta strong { display:block;overflow:hidden;text-overflow:ellipsis; }
.telegram-account-meta span { color:#61707f;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.telegram-account-meta strong { margin-top:5px;color:#aab6c0;font-size:9px;font-weight:520;white-space:nowrap; }
.telegram-account-card-actions { padding:12px 15px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:1px solid var(--line); }
.telegram-account-card-actions .button { width:100%; }
.telegram-account-card-actions .telegram-folder-open { grid-column:1/-1;color:var(--cyan);border-color:rgba(114,232,220,.2);background:rgba(114,232,220,.035); }
.telegram-account-empty { grid-column:1/-1;padding:28px 18px;display:grid;justify-items:center;text-align:center;border:1px dashed var(--line);border-radius:13px;color:var(--muted); }
.telegram-account-empty span { width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:#607080;font-size:16px; }
.telegram-account-empty strong { margin-top:12px;color:#b7c1ca;font-size:12px; }
.telegram-account-empty p { max-width:430px;margin:7px 0 14px;font-size:9px;line-height:1.65; }
.telegram-account-error { min-height:82px;padding:18px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(239,126,132,.2);border-radius:13px;color:#d59196;font-size:10px;line-height:1.6; }
.telegram-account-modal { max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.telegram-folder-modal { width:min(720px,calc(100vw - 28px)); }
.telegram-folder-status { margin-bottom:14px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014); }
.telegram-folder-status-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.telegram-folder-status-grid > div { min-width:0;padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.012); }
.telegram-folder-status-grid span,.telegram-folder-status-grid strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.telegram-folder-status-grid span { color:#657382;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.telegram-folder-status-grid strong { margin-top:5px;color:#b8c4cc;font-size:10px;font-weight:560; }
.telegram-folder-status-note { margin:10px 1px 0;color:#718090;font-size:9px;line-height:1.55;overflow-wrap:anywhere; }
.telegram-folder-preview { min-height:112px;margin-bottom:15px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012); }
.telegram-folder-empty { min-height:82px;display:grid;place-items:center;color:#687685;font-size:9px;line-height:1.6;text-align:center; }
.telegram-folder-preview-head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.telegram-folder-preview-head strong { color:#c4cfd7;font-size:11px;font-weight:600; }
.telegram-folder-preview-head p { margin:5px 0 0;color:#70808f;font-size:9px;line-height:1.5; }
.telegram-folder-chat-list { max-height:180px;margin:12px 0 0;padding:0;display:grid;gap:6px;overflow:auto;list-style:none; }
.telegram-folder-chat-list li { min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#9aa8b4;font-size:9px;overflow-wrap:anywhere;background:rgba(255,255,255,.012); }
.telegram-folder-warnings { margin-top:10px;display:grid;gap:6px; }
.telegram-folder-warnings p { margin:0;padding:8px 10px;border-radius:8px;background:rgba(233,184,115,.05);color:#b99565;font-size:8px;line-height:1.5;overflow-wrap:anywhere; }
.telegram-folder-password { display:grid;gap:7px; }
.telegram-folder-password small { color:#657383;font-size:9px;line-height:1.5; }
.telegram-folder-actions { grid-template-columns:auto 1fr 1fr 1fr; }
.telegram-auth-progress { margin:-5px 0 20px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px; }
.telegram-auth-progress span { display:flex;align-items:center;gap:6px;color:#5f6d7c;font-size:8px;white-space:nowrap; }
.telegram-auth-progress span i { width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;font-size:8px; }
.telegram-auth-progress span.active { color:var(--cyan); }
.telegram-auth-progress span.active i { border-color:rgba(114,232,220,.3);background:rgba(114,232,220,.07); }
.telegram-auth-progress span.complete { color:var(--green); }
.telegram-auth-progress span.complete i { border-color:rgba(114,221,168,.25);background:rgba(114,221,168,.06); }
.telegram-auth-progress b { height:1px;background:var(--line); }
.telegram-auth-hint { margin-bottom:17px; }
.telegram-auth-step { padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014); }
.telegram-auth-step label { display:grid;gap:7px;color:#9ba8b5;font-size:10px;letter-spacing:.03em; }
.telegram-auth-step small { color:#657383;font-size:9px;line-height:1.5; }
.telegram-auth-expiry { min-height:14px;margin:10px 0 0;color:#6f7d8c;font-size:8px;text-align:center; }
.telegram-auth-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.audit-panel { margin:18px 0 28px;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.94),rgba(13,18,25,.9));overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1); }
.audit-panel-head { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012); }
.audit-panel-head h3 { margin:5px 0 0;color:#d1dae2;font-size:15px;font-weight:600; }
.audit-panel-head p:last-child { max-width:680px;margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.55; }
.audit-panel-actions { display:flex;align-items:flex-end;gap:8px;flex:none; }
.audit-panel-actions label { display:grid;gap:5px;color:#718090;font-size:8px;letter-spacing:.06em;text-transform:uppercase; }
.audit-panel-actions select { min-width:108px;height:34px;padding:0 28px 0 10px;font-size:10px; }
.audit-integrity { min-height:66px;margin:16px 20px 0;padding:12px 13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014); }
.audit-integrity-icon { width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#738292;background:rgba(255,255,255,.018); }
.audit-integrity-copy { min-width:0; }
.audit-integrity-copy strong,.audit-integrity-copy small { display:block; }
.audit-integrity-copy strong { color:#b8c4cc;font-size:11px;font-weight:600; }
.audit-integrity-copy small { margin-top:5px;color:#687786;font-size:9px;line-height:1.45;overflow-wrap:anywhere; }
.audit-integrity.is-healthy { border-color:rgba(114,221,168,.2);background:rgba(114,221,168,.035); }
.audit-integrity.is-healthy .audit-integrity-icon,.audit-integrity.is-healthy .audit-integrity-copy strong { color:var(--green);border-color:rgba(114,221,168,.2); }
.audit-integrity.is-broken,.audit-integrity.is-error { border-color:rgba(239,126,132,.24);background:rgba(239,126,132,.04); }
.audit-integrity.is-broken .audit-integrity-icon,.audit-integrity.is-broken .audit-integrity-copy strong,.audit-integrity.is-error .audit-integrity-copy strong { color:var(--red);border-color:rgba(239,126,132,.22); }
.audit-integrity.is-incomplete { border-color:rgba(233,184,115,.22);background:rgba(233,184,115,.04); }
.audit-integrity.is-incomplete .audit-integrity-icon,.audit-integrity.is-incomplete .audit-integrity-copy strong { color:var(--amber);border-color:rgba(233,184,115,.2); }
.audit-filters { margin:14px 20px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012); }
.audit-filter-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.audit-filter-grid label { min-width:0;display:grid;gap:6px;color:#718090;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.audit-filter-grid input,.audit-filter-grid select { min-width:0;height:38px;padding:0 10px;color:#aebac3;font-size:10px; }
.audit-filter-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:12px; }
.audit-filters .form-error { margin:7px 0 -2px; }
.audit-applied-filters { min-height:30px;padding:10px 20px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#687685;font-size:8px; }
.audit-applied-filters > strong { margin-right:2px;color:#8997a4;font-size:9px;font-weight:580; }
.audit-applied-filters > span:not(.audit-filter-empty) { max-width:260px;padding:5px 7px;border:1px solid rgba(114,232,220,.12);border-radius:7px;background:rgba(114,232,220,.025);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.audit-applied-filters b { margin-right:5px;color:#8fcac4;font-weight:560; }
.audit-filter-empty { color:#5f6d7c; }
.audit-load-error { margin:10px 20px 0;padding:10px 12px;border:1px solid rgba(239,126,132,.2);border-radius:10px;background:rgba(239,126,132,.04);color:#d69095;font-size:10px;line-height:1.55; }
.audit-summary { min-height:42px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 20px 0; }
.audit-summary span { min-height:26px;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:8px; }
.audit-summary b { color:#c3cdd5;font-size:9px;font-weight:600; }
.audit-summary .ready,.audit-summary .ready b { color:var(--green); }
.audit-summary .error,.audit-summary .error b { color:var(--red); }
.audit-list { display:grid;gap:8px;padding:10px 20px 18px; }
.audit-event { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.014); }
.audit-event-title { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.audit-event-title strong { color:#c5d0d8;font-size:10px;font-weight:600; }
.audit-event-title .status-chip { min-height:21px;padding:0 7px;font-size:7px; }
.audit-event-main p { margin:6px 0 0;color:#8391a0;font-size:9px; }
.audit-event-main small { display:block;margin-top:4px;color:#5f6d7c;font:8px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere; }
.audit-event-meta { min-width:150px;display:grid;justify-items:end;text-align:right; }
.audit-event-meta time,.audit-event-meta small { display:block; }
.audit-event-meta time { color:#8996a3;font-size:9px; }
.audit-event-meta small { margin-top:5px;color:#5f6d7c;font-size:8px; }
.audit-detail-button { min-height:29px;margin-top:8px;padding:0 10px; }
.audit-load-more { display:block;width:calc(100% - 40px);margin:0 20px 18px; }
.audit-archive-panel { margin:0 0 28px;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.94),rgba(13,18,25,.9));overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1); }
.audit-archive-head { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:19px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012); }
.audit-archive-head h3 { margin:5px 0 0;color:#d1dae2;font-size:15px;font-weight:600; }
.audit-archive-head p:last-child { max-width:680px;margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.55; }
.audit-archive-head-actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none; }
.audit-archive-hint { margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(233,184,115,.16);border-radius:10px;background:rgba(233,184,115,.035);color:#a89070;font-size:9px;line-height:1.55; }
.audit-retention-summary { min-height:92px;margin:16px 20px 0;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014); }
.audit-retention-state { min-width:0;display:grid;align-content:center;justify-items:start;gap:7px;padding-right:14px;border-right:1px solid var(--line); }
.audit-retention-state strong { color:#d0dbe1;font-size:21px;font-weight:620; }
.audit-retention-state small { color:#687786;font-size:9px;line-height:1.45; }
.audit-retention-metrics { margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.audit-retention-metrics > div { min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:rgba(255,255,255,.012); }
.audit-retention-metrics dt { color:#657382;font-size:8px;letter-spacing:.04em;text-transform:uppercase; }
.audit-retention-metrics dd { margin:5px 0 0;color:#aebbc4;font-size:10px;overflow-wrap:anywhere; }
.audit-archive-list { display:grid;gap:8px;padding:10px 20px 18px; }
.audit-archive-segment { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.014); }
.audit-archive-segment-title { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.audit-archive-segment-title strong { color:#c5d0d8;font-size:10px;font-weight:600;overflow-wrap:anywhere; }
.audit-archive-segment-main p { margin:6px 0 0;color:#8391a0;font-size:9px; }
.audit-archive-segment-main small { display:block;margin-top:5px;color:#5f6d7c;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere; }
.audit-archive-segment-meta { min-width:185px;display:grid;justify-items:end;gap:9px;text-align:right; }
.audit-archive-segment-meta time { color:#8996a3;font-size:9px; }
.audit-archive-actions { display:flex;justify-content:flex-end;gap:7px; }
.audit-archive-readonly { color:#657383;font-size:9px; }
.audit-retention-modal,.audit-archive-run-modal { max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.audit-archive-run-modal { width:min(660px,calc(100vw - 28px)); }
.audit-retention-fields code,.audit-archive-confirmation code { color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.audit-dialog-status { min-height:16px;margin:10px 0 0;color:var(--green);font-size:10px;line-height:1.5; }
.audit-archive-preview { min-height:110px; }
.audit-archive-preview-loading { min-height:110px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:12px;color:#758393;font-size:10px;background:rgba(255,255,255,.012); }
.audit-archive-preview-loading i { width:14px;height:14px;border:1.5px solid rgba(114,232,220,.25);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite; }
.audit-archive-preview-hero { min-height:72px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(233,184,115,.18);border-radius:12px;background:rgba(233,184,115,.035); }
.audit-archive-preview-hero span,.audit-archive-preview-hero strong { display:block; }
.audit-archive-preview-hero > div > span { color:#81735f;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.audit-archive-preview-hero strong { margin-top:6px;color:#dfc397;font-size:14px;font-weight:620; }
.audit-archive-preview-hash { margin-top:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#090e14; }
.audit-archive-preview-hash span { display:block;color:#657382;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.audit-archive-preview-hash code { display:block;margin-top:6px;color:#8fcac4;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere; }
.audit-archive-confirmation { margin-top:15px;padding:14px;border:1px solid rgba(239,126,132,.17);border-radius:12px;background:rgba(239,126,132,.025); }
.audit-archive-complete { min-height:96px;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(114,221,168,.18);border-radius:12px;background:rgba(114,221,168,.035); }
.audit-archive-complete > span { width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,221,168,.2);border-radius:11px;color:var(--green);background:rgba(114,221,168,.06);font-size:18px; }
.audit-archive-complete strong,.audit-archive-complete small { display:block; }
.audit-archive-complete strong { color:#acd5bb;font-size:12px; }
.audit-archive-complete small { margin-top:5px;color:#6f8d7a;font-size:9px;overflow-wrap:anywhere; }
.user-summary { min-height:35px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 16px; }
.user-summary span { min-height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:10px; }
.user-summary b { color:#c3cdd5;font-size:11px;font-weight:600; }
.user-summary .ready,.user-summary .ready b { color:var(--green); }
.user-summary .error { color:var(--red); }
.user-list { display:grid;gap:12px; }
.user-card { min-width:0;padding:17px 18px;display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:18px;border:1px solid var(--line);border-radius:var(--ui-radius-card);background:linear-gradient(145deg,rgba(19,25,34,.94),rgba(13,18,25,.9));box-shadow:0 8px 30px rgba(0,0,0,.1); }
.user-card-identity { min-width:0;display:flex;align-items:center;gap:12px; }
.user-avatar { width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,232,220,.18);border-radius:13px;background:rgba(114,232,220,.07);color:var(--cyan);font-size:13px;font-weight:700; }
.user-card-identity > div { min-width:0; }
.user-card-identity h3 { margin:0;color:#d1dae2;font-size:14px;font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.user-card-identity p { margin:5px 0 0;color:var(--muted);font-size:9px; }
.user-card-meta { min-width:185px;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap; }
.user-card-meta small { width:100%;color:#667586;font-size:9px;text-align:right; }
.status-chip.current { color:var(--cyan);border-color:rgba(114,232,220,.18);background:rgba(114,232,220,.05); }
.user-card-actions { min-width:285px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:7px; }
.user-card-actions .button { width:100%; }
.current-user-note { color:#657383;font-size:9px;line-height:1.45;text-align:center; }
.user-list > .empty-state { border:1px dashed var(--line);border-radius:var(--ui-radius-card); }
.audit-detail-modal { width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.audit-detail-hero { min-height:68px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014); }
.audit-detail-hero span,.audit-detail-hero strong { display:block; }
.audit-detail-hero > div > span { color:#667586;font-size:8px;letter-spacing:.06em;text-transform:uppercase; }
.audit-detail-hero strong { margin-top:6px;color:#c6d1d9;font-size:12px;font-weight:600; }
.audit-detail-grid { margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.audit-detail-grid > div { min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012); }
.audit-detail-grid dt { color:#657382;font-size:8px;letter-spacing:.05em;text-transform:uppercase; }
.audit-detail-grid dd { min-width:0;margin:6px 0 0;color:#aab6c0;font-size:10px;line-height:1.5;overflow-wrap:anywhere; }
.audit-detail-grid code { color:#8fcac4;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
.audit-detail-metadata { margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#090e14; }
.audit-detail-section-head { display:flex;align-items:baseline;justify-content:space-between;gap:12px; }
.audit-detail-section-head strong { color:#aebac3;font-size:10px; }
.audit-detail-section-head span { color:#5f6d7c;font-size:8px; }
.audit-detail-metadata pre { max-height:260px;margin:11px 0 0;padding:11px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:#070b10;color:#91a6b4;font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere; }
.pairing-help { margin:11px 0 0;color:#758393;font-size:10px;line-height:1.65;text-align:center; }
.pairing-result { margin-top:17px;padding:15px;border:1px solid var(--line-strong);border-radius:13px;background:rgba(114,232,220,.025); }
.pairing-head { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px; }
.pairing-head strong,.pairing-head small { display:block; }
.pairing-head strong { color:#c2ced6;font-size:12px; }
.pairing-head small { margin-top:4px;color:var(--muted);font-size:9px; }
.pairing-command { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:var(--ui-radius-control);background:var(--ui-raised); }
.pairing-command-copy { min-width:0;display:grid;gap:6px;align-content:center; }
.pairing-command-copy span { color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase; }
.pairing-command code { color:var(--cyan);font:600 12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere;user-select:all; }
.pairing-command .button { min-height:44px;align-self:stretch; }
.pairing-result .setup-link { width:100%;text-align:center;text-decoration:none; }
.pairing-result:focus { outline:2px solid var(--cyan);outline-offset:4px; }
.disabled-link { opacity:.45;pointer-events:none; }

.modal { width:min(620px,calc(100vw - 28px));padding:0;border:1px solid var(--line-strong);border-radius:var(--ui-radius-card);background:var(--ui-surface-strong);color:var(--text);box-shadow:var(--shadow); }
.modal::backdrop { background:rgba(2,4,7,.76);backdrop-filter:blur(8px); }.modal form { padding:24px; }
.compact-modal { width:min(460px,calc(100vw - 28px)); }
.task-session-permission-modal { width:min(540px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.task-session-permission-options { margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:9px; }
.task-session-permission-options legend { margin-bottom:9px;color:#9ba8b5;font-size:10px;letter-spacing:.03em; }
.task-session-permission-option { min-width:0;min-height:78px;padding:12px!important;display:grid!important;grid-template-columns:17px minmax(0,1fr);align-items:flex-start;gap:9px!important;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);cursor:pointer; }
.task-session-permission-option:hover { border-color:var(--line-strong);background:rgba(114,232,220,.035); }
.task-session-permission-option:has(input:checked) { border-color:rgba(114,232,220,.31);background:rgba(114,232,220,.065);box-shadow:inset 0 0 0 1px rgba(114,232,220,.04); }
.task-session-permission-option.is-full-access:has(input:checked) { border-color:rgba(239,126,132,.32);background:rgba(239,126,132,.065); }
.task-session-permission-option input { width:16px;height:16px;margin:1px 0 0;padding:0;accent-color:var(--cyan); }
.task-session-permission-option.is-full-access input { accent-color:var(--red); }
.task-session-permission-option strong,.task-session-permission-option small { display:block; }
.task-session-permission-option strong { color:#c5d0d8;font-size:11px;font-weight:600; }
.task-session-permission-option small { margin-top:6px;color:#6f7e8d;font-size:9px;line-height:1.5;letter-spacing:0; }
.task-session-permission-boundary { margin:14px 0 0;padding:10px 11px;border:1px solid rgba(114,232,220,.13);border-radius:9px;background:rgba(114,232,220,.025);color:#71898f;font-size:9px;line-height:1.6; }
.expert-profile-modal { width:min(680px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.channel-modal { width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.telegram-pair-modal { width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain; }
.pair-start-button { width:100%;min-height:44px;margin-top:16px; }
.modal-description { margin:-8px 0 20px;color:var(--muted);font-size:11px;line-height:1.7; }
.platform-action-modal label small { color:#657383;font-size:9px;line-height:1.55; }
.modal-head { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px; }.modal-head h2 { margin:6px 0 0;font-size:19px; }
.close-button { width:36px;height:36px;border-radius:var(--ui-radius-control);border:1px solid var(--line);background:rgba(255,255,255,.02);color:#7e8b99;font-size:20px;cursor:pointer; }
.close-button:hover { color:var(--text);border-color:var(--line-strong);background:rgba(114,232,220,.045); }
.expert-profile-generator { position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:-4px 0 17px;padding:14px;border:1px solid rgba(114,232,220,.19);border-radius:13px;background:linear-gradient(135deg,rgba(114,232,220,.075),rgba(114,232,220,.018) 58%,rgba(233,184,115,.035));overflow:hidden; }
.expert-profile-generator::after { content:"";position:absolute;width:120px;height:120px;right:62px;top:-92px;border-radius:50%;border:1px solid rgba(114,232,220,.13);box-shadow:0 0 42px rgba(114,232,220,.055);pointer-events:none; }
.expert-profile-generator-icon { width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(114,232,220,.2);border-radius:10px;background:rgba(114,232,220,.08);color:var(--cyan);font-size:14px;box-shadow:inset 0 0 16px rgba(114,232,220,.04); }
.expert-profile-generator-copy { min-width:0; }
.expert-profile-generator-copy strong { display:block;color:#cbd8dd;font-size:11px;font-weight:620;letter-spacing:.02em; }
.expert-profile-generator-copy p { margin:5px 0 0;color:#708090;font-size:9px;line-height:1.55; }
.ai-generate-button { position:relative;z-index:1;min-width:116px;color:var(--cyan);border-color:rgba(114,232,220,.23);background:linear-gradient(135deg,rgba(114,232,220,.09),rgba(114,232,220,.035));font-size:10px;font-weight:620; }
.ai-generate-button::before { content:"✦";color:var(--cyan);font-size:11px; }
.ai-generate-button:hover:not(:disabled) { color:#b6fff8;border-color:rgba(114,232,220,.42);background:rgba(114,232,220,.105);box-shadow:0 8px 24px rgba(114,232,220,.08); }
.ai-generate-button.is-busy::before { content:"";width:11px;height:11px;border:1.5px solid rgba(114,232,220,.3);border-top-color:var(--cyan);border-radius:50%;animation:spin .7s linear infinite; }
.expert-profile-draft-notice { margin:-6px 0 15px;padding:9px 11px;border:1px solid rgba(114,221,168,.16);border-radius:10px;background:rgba(114,221,168,.045);color:#8fbea5;font-size:9px;line-height:1.55; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:15px; }.form-grid .wide { grid-column:1/-1; }.form-grid small { color:#657383; }
.switch-label { display:flex!important;grid-column:1/-1;align-items:center;gap:9px;position:relative;cursor:pointer; }.switch-label input { position:absolute;opacity:0;width:1px; }
.switch-label.hidden { display:none!important; }
.switch { width:36px;height:20px;background:#242c36;border-radius:99px;position:relative;transition:.2s; }.switch::after { content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#758291;transition:.2s; }
.switch-label input:checked + .switch { background:rgba(114,232,220,.24); }.switch-label input:checked + .switch::after { transform:translateX(16px);background:var(--cyan); }
.credential-state { min-height:65px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(114,221,168,.17);border-radius:12px;background:rgba(114,221,168,.035); }
.credential-state > div { min-width:0;display:flex;align-items:center;gap:11px; }
.credential-state-icon { width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid rgba(114,221,168,.18);border-radius:9px;color:var(--green);background:rgba(114,221,168,.06);font-size:9px; }
.credential-state p,.credential-state strong,.credential-state small { display:block;margin:0; }
.credential-state strong { color:#a9c7b9;font-size:10px; }
.credential-state small { margin-top:5px;color:#668275;font-size:9px;line-height:1.45; }
.channel-credential-fields { display:grid;gap:13px; }
.channel-field-group { padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.014); }
.channel-field-heading { display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px; }
.channel-field-heading span { color:#a7b3bd;font-size:10px;font-weight:580; }
.channel-field-heading small { color:#5f6d7c;font-size:8px;line-height:1.45;text-align:right; }
.channel-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.channel-field-grid label { min-width:0; }
.channel-field-grid label:only-child { grid-column:1/-1; }
.channel-field-grid .channel-field-wide { grid-column:1/-1; }
.channel-field-grid textarea { min-height:124px; }
.check-row { display:flex!important;align-items:center;grid-template-columns:18px 1fr;margin-top:15px; }.check-row input { width:15px;accent-color:var(--cyan); }
.modal-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line); }
.toast { position:fixed;right:22px;bottom:22px;z-index:200;min-width:220px;max-width:360px;padding:13px 15px;border:1px solid var(--line-strong);background:#172028;border-radius:11px;color:#c5d0d8;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s; }
.toast.show { opacity:1;transform:translateY(0); }.toast.error { border-color:rgba(239,126,132,.35);color:#f1a5aa; }

@keyframes fadeUp { from { opacity:0;transform:translateY(5px); } }
@keyframes signal { from { left:0;opacity:0; } 20% { opacity:1; } to { left:100%;opacity:0; } }
@keyframes shimmer { to { background-position:-200% 0; } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes workspacePulse { 50% { opacity:.45; } }

@media (max-width: 1050px) {
  .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .expert-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-grid { grid-template-columns:1fr; }
  .workspace-list { grid-template-columns:1fr; }
  .overview-grid { grid-template-columns:1fr; }
  .readiness-list { grid-template-columns:repeat(2,1fr); }
  .resource-card { grid-template-columns:1fr auto; }.resource-meta { grid-column:1/-1;grid-row:2; }
  .user-card { grid-template-columns:minmax(210px,1fr) auto; }
  .user-card-actions { grid-column:1/-1;min-width:0;padding-top:13px;border-top:1px solid var(--line); }
}
@media (max-width: 760px) {
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .app-shell { display:block; }
  .sidebar { position:fixed;top:auto;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:8px calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));border-right:0;border-top:1px solid var(--line); }
  .brand,.sidebar-foot { display:none; }
  .nav { display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain; }
  .nav::-webkit-scrollbar { display:none; }
  .nav-item { flex:0 0 68px;padding:3px 1px;min-height:50px;display:grid;place-items:center;gap:1px;font-size:9px;text-align:center;scroll-snap-align:start; }.nav-icon { width:auto;font-size:16px;line-height:1; }
  .topbar { height:calc(86px + env(safe-area-inset-top));padding:calc(17px + env(safe-area-inset-top)) calc(17px + env(safe-area-inset-right)) 17px calc(17px + env(safe-area-inset-left)); }.topbar h1 { font-size:20px; }.identity div { display:none; }.identity { padding-left:7px; }.top-actions { gap:7px; }.icon-button { width:44px;height:44px; }
  main { padding:23px calc(15px + env(safe-area-inset-right)) calc(35px + env(safe-area-inset-bottom)) calc(15px + env(safe-area-inset-left)); }.stat-grid { grid-template-columns:1fr 1fr; }.stat-card:last-child { grid-column:auto; }.stat-card { min-height:118px;padding:17px; }.stat-card strong { font-size:29px; }
  .flow-map { grid-template-columns:1fr;gap:18px; }.flow-line { width:1px;height:30px;margin:auto;background:linear-gradient(var(--cyan),rgba(114,232,220,.1)); }.flow-line i { display:none; }
  .readiness-list { grid-template-columns:1fr; }.action-strip { grid-template-columns:1fr; }
  .section-intro { align-items:flex-start;flex-direction:column; }.section-intro .button { width:100%; }.hint-badge { width:100%; }
  .platform-section-actions { width:100%;display:grid;grid-template-columns:1fr; }
  .platform-section-actions .button { min-height:44px; }
  .channel-section-intro .button { min-height:44px; }
  .channel-summary { margin-top:-5px; }
  .channel-card-head { padding:16px 15px 14px; }
  .channel-card-body { padding:14px 15px; }
  .channel-meta { grid-template-columns:1fr; }
  .channel-meta > div { display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:8px; }
  .channel-meta strong { margin-top:0;text-align:right; }
  .channel-attachment { padding:12px; }
  .channel-attachment-modes { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-attachment-security { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-attachment-security > span { min-height:34px;font-size:8px; }
  .channel-attachment-cleanup { align-items:flex-start;flex-direction:column;gap:4px; }
  .channel-attachment-cleanup span { text-align:left; }
  .channel-card-actions { grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 15px 16px; }
  .channel-card-actions.managed-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .channel-card-actions.managed-actions .button:last-child { grid-column:1/-1; }
  .channel-card-actions .button { min-height:44px; }
  .workspace-section-intro .button { min-height:44px; }
  .workspace-summary { margin-top:-5px; }
  .workspace-card-head { padding:16px 15px 14px; }
  .workspace-state small { white-space:normal;text-align:right; }
  .workspace-card-body { padding:14px 15px; }
  .workspace-meta { grid-template-columns:1fr; }
  .workspace-meta > div { display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:8px; }
  .workspace-meta strong { margin-top:0;text-align:right; }
  .workspace-source-card { align-items:stretch;flex-direction:column; }
  .workspace-source-card .button { width:100%;min-height:44px; }
  .workspace-card-actions { grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 15px 16px; }
  .workspace-card-actions .button { min-height:44px; }
  .resource-card { grid-template-columns:1fr;gap:14px; }.resource-meta { grid-column:auto;grid-row:auto; }.resource-actions { justify-content:flex-end;border-top:1px solid var(--line);padding-top:13px; }
  .expert-grid { grid-template-columns:1fr; }.task-card-head { align-items:flex-start;gap:12px; }.task-card-state { align-items:flex-end;flex-direction:column; }.task-card-body { grid-template-columns:1fr; }.task-count { display:flex;gap:6px;align-items:baseline; }.task-card-actions { display:grid;grid-template-columns:1fr 1fr; }.task-card-actions .button { width:100%;min-height:44px; }
  .task-card.is-private .task-card-body,.task-card.is-private .task-card-actions { grid-template-columns:1fr; }
  .task-session-permission-modal form { padding:20px 16px; }.task-session-permission-options { grid-template-columns:1fr; }.task-session-permission-option { min-height:70px; }.task-session-permission-modal .modal-actions { display:grid;grid-template-columns:1fr 1fr; }.task-session-permission-modal .modal-actions .button { width:100%;min-height:44px; }
  .workflow-section-intro .button { width:100%;min-height:44px; }
  .workflow-card-head { align-items:flex-start;padding:15px; }
  .workflow-steps { padding:11px 15px; }
  .workflow-step { grid-template-columns:27px minmax(0,1fr); }
  .workflow-step-state { grid-column:2;white-space:normal; }
  .workflow-card-foot { align-items:stretch;flex-direction:column;padding:11px 15px 15px; }
  .workflow-controls { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-controls .button { width:100%;min-height:44px; }
  .auth-card { padding:27px 21px; }.token-row { flex-direction:column; }.form-grid { grid-template-columns:1fr; }.form-grid .wide,.switch-label { grid-column:auto; }
  .user-section-intro .button { min-height:44px; }
  .telegram-account-panel-head { padding:17px 15px;align-items:flex-start;flex-direction:column;gap:13px; }
  .telegram-account-heading { align-items:flex-start; }
  .telegram-account-symbol { width:42px;height:42px; }
  .telegram-account-content { padding:15px; }
  .telegram-api-strip { grid-template-columns:1fr; }
  .telegram-api-strip .button { width:100%;min-height:44px; }
  .telegram-account-section-head { align-items:stretch;flex-direction:column; }
  .telegram-account-section-actions { display:grid;grid-template-columns:1fr; }
  .telegram-account-section-actions .button { width:100%;min-height:44px; }
  .telegram-account-replace-note { max-width:none;text-align:left; }
  .telegram-account-grid { grid-template-columns:1fr; }
  .telegram-account-card-actions .button { min-height:44px; }
  .telegram-folder-status-grid { grid-template-columns:1fr; }
  .telegram-folder-actions { grid-template-columns:1fr 1fr; }
  .telegram-folder-actions .button { min-height:44px; }
  .telegram-account-readonly { margin:14px 15px 0; }
  .audit-panel-head { align-items:stretch;flex-direction:column;padding:17px 15px; }
  .audit-panel-actions { display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end; }
  .audit-panel-actions label,.audit-panel-actions select { width:100%; }
  .audit-panel-actions .button { min-height:44px; }
  .audit-integrity { margin:14px 15px 0;grid-template-columns:auto minmax(0,1fr); }
  .audit-integrity .button { grid-column:1/-1;width:100%;min-height:44px; }
  .audit-filters { margin:12px 15px 0;padding:12px; }
  .audit-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-filter-grid input,.audit-filter-grid select { min-height:44px;font-size:12px; }
  .audit-filter-actions { display:grid;grid-template-columns:1fr 1fr; }
  .audit-filter-actions .button { width:100%;min-height:44px; }
  .audit-applied-filters { padding:10px 15px 0;font-size:10px; }
  .audit-applied-filters > span:not(.audit-filter-empty) { max-width:100%; }
  .audit-load-error { margin:10px 15px 0;font-size:11px; }
  .audit-summary { padding:10px 15px 0; }
  .audit-list { padding:10px 15px 15px; }
  .audit-event { grid-template-columns:1fr;gap:10px; }
  .audit-event-title strong { font-size:12px; }
  .audit-event-main p { font-size:11px; }
  .audit-event-main small { font-size:10px; }
  .audit-event-meta { min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:start;gap:8px 12px;text-align:left; }
  .audit-event-meta time { font-size:11px; }
  .audit-event-meta small { justify-self:end;font-size:10px; }
  .audit-event-meta small { margin-top:0; }
  .audit-detail-button { grid-column:1/-1;width:100%;min-height:44px;margin-top:2px; }
  .audit-load-more { width:calc(100% - 30px);min-height:44px;margin:0 15px 15px; }
  .audit-archive-head { align-items:stretch;flex-direction:column;padding:17px 15px; }
  .audit-archive-head-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-archive-head-actions .button { width:100%;min-height:44px; }
  .audit-archive-head-actions .button:last-child { grid-column:1/-1; }
  .audit-archive-hint { margin:14px 15px 0;font-size:11px; }
  .audit-retention-summary { margin:14px 15px 0;grid-template-columns:1fr;padding:12px; }
  .audit-retention-state { padding:0 0 12px;border-right:0;border-bottom:1px solid var(--line); }
  .audit-retention-state small { font-size:11px; }
  .audit-retention-metrics { grid-template-columns:1fr 1fr; }
  .audit-retention-metrics dt { font-size:9px; }
  .audit-retention-metrics dd { font-size:11px; }
  .audit-archive-list { padding:10px 15px 15px; }
  .audit-archive-segment { grid-template-columns:1fr;gap:11px; }
  .audit-archive-segment-title strong { width:100%;font-size:12px; }
  .audit-archive-segment-main p { font-size:11px;line-height:1.5; }
  .audit-archive-segment-main small { font-size:9px; }
  .audit-archive-segment-meta { min-width:0;justify-items:stretch;text-align:left; }
  .audit-archive-segment-meta time { font-size:11px; }
  .audit-archive-actions { display:grid;grid-template-columns:1fr 1fr; }
  .audit-archive-actions .button { width:100%;min-height:44px; }
  .audit-retention-modal,.audit-archive-run-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .audit-retention-modal form,.audit-archive-run-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .audit-retention-fields input,.audit-archive-confirmation input { min-height:44px;font-size:12px; }
  .audit-retention-fields .switch-label { min-height:44px; }
  .audit-archive-preview-hero { align-items:flex-start;flex-direction:column; }
  .audit-archive-preview-hash code { font-size:10px; }
  .telegram-account-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .telegram-auth-progress span { display:grid;justify-items:center;gap:5px; }
  .telegram-auth-progress { gap:5px; }
  .user-card { grid-template-columns:1fr;padding:16px 15px;gap:14px; }
  .user-card-meta { min-width:0;justify-content:flex-start; }
  .user-card-meta small { text-align:left; }
  .user-card-actions { grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:13px; }
  .user-card-actions > :last-child { grid-column:1/-1; }
  .current-user-note { min-height:44px;display:grid;place-items:center; }
  .audit-detail-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .audit-detail-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .audit-detail-grid { grid-template-columns:1fr; }
  .audit-detail-grid dt { font-size:10px; }
  .audit-detail-grid dd,.audit-detail-grid code { font-size:11px; }
  .audit-detail-section-head { align-items:flex-start;flex-direction:column;gap:5px; }
  .audit-detail-metadata pre { max-height:34vh;font-size:10px; }
  .pairing-command { grid-template-columns:1fr; }.pairing-command .button { width:100%; }
  .button.small,.modal-actions .button,.close-button { min-height:44px; }
  .close-button { min-width:44px;width:44px;height:44px; }
  .expert-profile-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .expert-profile-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .expert-profile-generator { grid-template-columns:auto minmax(0,1fr);padding:13px; }
  .expert-profile-generator .ai-generate-button { grid-column:1/-1;width:100%;min-height:44px;margin-top:2px; }
  .channel-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .channel-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .telegram-pair-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .telegram-pair-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .workspace-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain; }
  .workspace-modal form { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .workspace-source-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .workspace-source-shell { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .workspace-source-status-head,.workspace-source-section-head { align-items:flex-start; }
  .workspace-source-section-head { flex-direction:column; }
  .workspace-source-section-head .button { width:100%;min-height:46px; }
  .workspace-source-draft-card { grid-template-columns:1fr;align-items:stretch; }
  .workspace-source-draft-meta { justify-content:flex-start; }
  .workspace-source-draft-meta .button { margin-left:auto;min-height:44px; }
  .workspace-source-manual .workspace-host-path-control { grid-template-columns:1fr; }
  .workspace-source-manual .workspace-host-path-control .button { width:100%;min-height:44px; }
  .workspace-source-mode-picker { grid-template-columns:1fr; }
  .workspace-source-mode-picker legend { grid-column:auto; }
  .workspace-source-mode-option { min-height:72px; }
  .workspace-source-modal-actions { grid-template-columns:1fr; }
  .workspace-host-path-control { grid-template-columns:minmax(0,1fr) 96px; }
  .workspace-host-path-control .button { min-width:0;min-height:44px;padding:0 9px; }
  .workspace-directory-browser-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .workspace-directory-browser-shell { padding:20px 18px max(18px,env(safe-area-inset-bottom)); }
  .workspace-directory-browser-root-list { grid-template-columns:1fr; }
  .workspace-directory-browser-selected-chip { max-width:82vw; }
  .workspace-directory-browser-root { min-height:58px; }
  .workspace-directory-browser-current { align-items:stretch;flex-direction:column; }
  .workspace-directory-browser-current .button { width:100%;min-height:44px; }
  .workspace-directory-browser-list { min-height:210px;max-height:38dvh; }
  .workspace-directory-browser-entry { min-height:48px; }
  .workspace-directory-browser-truncated { padding:10px 11px;font-size:12px; }
  .workspace-directory-browser-actions .button { min-height:46px; }
  .workspace-directory-sync-actions { grid-template-columns:1fr; }
  .workspace-directory-sync-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-directory-change-details li { grid-template-columns:1fr;gap:4px; }
  .workspace-directory-change-details li span { text-align:left; }
  .workspace-tools-modal { max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .workspace-tools-shell { padding:20px 18px max(20px,env(safe-area-inset-bottom)); }
  .workspace-tools-grid { grid-template-columns:1fr; }
  .workspace-path-row { grid-template-columns:1fr; }
  .workspace-path-row .button,.workspace-tool-actions .button,.workspace-tool-section > .button { min-height:44px; }
  .workspace-directory-list { max-height:260px; }
  .workspace-entry { min-height:44px; }
  .workspace-file-editor { min-height:260px; }
  .workspace-command-output { min-height:230px; }
  .channel-field-grid { grid-template-columns:1fr; }
  .channel-field-grid label:only-child { grid-column:auto; }
  .channel-field-grid .channel-field-wide { grid-column:auto; }
  .channel-field-heading { display:block; }
  .channel-field-heading small { display:block;margin-top:5px;text-align:left; }
  .credential-state { align-items:stretch;flex-direction:column; }
  .credential-state .button { width:100%;min-height:44px; }
  .button.small { padding:0 14px;font-size:11px; }
  .resource-actions,.modal-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .resource-actions .button,.modal-actions .button { width:100%; }
  .crew-chip button { width:44px;height:44px;margin:-7px -4px; }
  .toast { left:calc(14px + env(safe-area-inset-left));right:calc(14px + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important; }
}

/* Scheduled reports */
.schedule-summary { display:flex;flex-wrap:wrap;gap:9px;margin:18px 0; }
.schedule-summary span { padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:10px; }
.schedule-summary b { color:var(--text);font-weight:620; }
.schedule-list { display:grid;gap:13px; }
.schedule-card { position:relative;padding:19px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(17,23,31,.92),rgba(11,15,21,.88));overflow:hidden; }
.schedule-card::before { content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--cyan);opacity:.65; }
.schedule-card.state-paused::before { background:var(--amber); }
.schedule-card.state-completed::before,.schedule-card.state-cancelled::before,.schedule-card.state-deleted::before { background:#687685; }
.schedule-card-head,.schedule-card-foot { display:flex;align-items:flex-start;justify-content:space-between;gap:14px; }
.schedule-card-head h3 { margin:5px 0 0;font-size:16px;font-weight:580;letter-spacing:-.015em; }
.schedule-card-head .eyebrow { margin:0; }
.schedule-card-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0; }
.schedule-card-grid > div { min-width:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015); }
.schedule-card-grid span,.schedule-card-grid strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.schedule-card-grid span { color:#657484;font-size:9px;letter-spacing:.06em;text-transform:uppercase; }
.schedule-card-grid strong { margin-top:6px;color:#aeb9c4;font-size:11px;font-weight:540; }
.schedule-card-foot { align-items:center;border-top:1px solid var(--line);padding-top:14px; }
.schedule-card-foot > small { color:#647281;font-size:9px;line-height:1.6; }
.schedule-controls { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px; }
.schedule-runs { margin-top:13px;border-top:1px dashed var(--line);padding-top:12px; }
.schedule-runs summary { cursor:pointer;color:#7f8c99;font-size:10px; }
.schedule-run-list { display:grid;gap:7px;margin-top:10px; }
.schedule-run { display:grid;grid-template-columns:minmax(140px,.7fr) minmax(300px,1.3fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12); }
.schedule-run span,.schedule-run small { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.schedule-run > span { color:#9aa7b4;font-size:10px; }
.schedule-run small { color:#687584;font-size:9px; }
.schedule-run-phases { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0; }
.schedule-run-phase { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 8px;min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.014); }
.schedule-run-phase em { color:#607080;font-size:8px;font-style:normal;letter-spacing:.07em;text-transform:uppercase; }
.schedule-run-phase .status-chip { justify-self:start; }
.schedule-run-phase small { grid-column:1/-1;display:block; }
.schedule-modal { width:min(760px,calc(100vw - 28px)); }
.schedule-form-grid { align-items:start; }
.schedule-trigger-fields { padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.015); }
.schedule-trigger-fields > label { display:grid;gap:7px; }
.schedule-inline-fields { display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);gap:9px; }
.schedule-control-modal .modal-description { white-space:pre-line; }

@media (max-width: 820px) {
  .schedule-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .schedule-section-intro { align-items:stretch; }
  .schedule-section-intro .platform-section-actions { display:grid;grid-template-columns:1fr 1fr; }
  .schedule-card-head,.schedule-card-foot { display:grid; }
  .schedule-card-grid { grid-template-columns:1fr 1fr; }
  .schedule-controls { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch; }
  .schedule-controls .button { width:100%; }
  .schedule-run { grid-template-columns:1fr auto; }
  .schedule-run-phases { grid-column:1/-1;grid-row:2; }
  .schedule-run > .button { grid-column:2;grid-row:1; }
  .schedule-inline-fields { grid-template-columns:1fr; }
}
@media (max-width: 430px) {
  .schedule-run-phases { grid-template-columns:1fr; }
  .audit-panel-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audit-panel-actions label { grid-column:1/-1; }
  .audit-filter-grid { grid-template-columns:1fr; }
  .user-card-actions { grid-template-columns:1fr; }
  .user-card-actions > :last-child { grid-column:auto; }
}

/* First-run setup */
.setup-page { min-height:100vh;padding:0; }
.setup-shell { min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr);padding:0;max-width:none; }
.setup-intro { min-height:100vh;padding:calc(clamp(36px,5vw,74px) + env(safe-area-inset-top)) clamp(36px,5vw,74px) calc(clamp(36px,5vw,74px) + env(safe-area-inset-bottom)) calc(clamp(36px,5vw,74px) + env(safe-area-inset-left));border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(13,18,25,.92),rgba(8,11,16,.72)); }
.setup-intro::after { content:"";position:absolute;width:520px;height:190px;right:-205px;top:38%;border:1px solid rgba(114,232,220,.12);border-radius:50%;transform:rotate(-28deg);pointer-events:none; }
.setup-brand { display:flex;align-items:center;gap:17px;position:relative;z-index:1; }
.setup-brand .brand-mark { margin:0;flex:none; }
.setup-step { margin:7px 0 0;color:#a8b4bf;font-size:12px;letter-spacing:.08em; }
.setup-copy { margin:auto 0;position:relative;z-index:1;max-width:650px;padding:70px 0; }
.setup-copy h1 { margin:0;font-size:clamp(44px,5.5vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:560; }
.setup-copy h1 em { color:var(--cyan);font-style:normal;text-shadow:0 0 40px rgba(114,232,220,.13); }
.setup-copy > p { max-width:540px;margin:26px 0 0;color:#8795a4;font-size:14px;line-height:1.9; }
.setup-flow { list-style:none;padding:0;margin:0;display:grid;gap:2px;position:relative;z-index:1; }
.setup-flow li { min-height:70px;display:grid;grid-template-columns:42px 1fr;align-items:center;padding:12px 14px;border-left:1px solid var(--line);color:#5f6d7c; }
.setup-flow li.active { border-left-color:var(--cyan);background:linear-gradient(90deg,rgba(114,232,220,.07),transparent);color:#9eabb8; }
.setup-flow li > span { font:10px ui-monospace,monospace;color:#5f6d7c; }
.setup-flow li.active > span { color:var(--cyan); }
.setup-flow strong,.setup-flow small { display:block; }
.setup-flow strong { font-size:12px;font-weight:560; }
.setup-flow small { margin-top:5px;font-size:10px;color:#637180; }
.setup-local-note { margin:30px 0 0;color:#667586;font-size:10px;line-height:1.6;position:relative;z-index:1; }
.setup-local-note span { color:var(--cyan);margin-right:7px; }
.setup-stage { min-height:100vh;padding:calc(clamp(24px,5vw,72px) + env(safe-area-inset-top)) calc(clamp(24px,5vw,72px) + env(safe-area-inset-right)) calc(clamp(24px,5vw,72px) + env(safe-area-inset-bottom)) clamp(24px,5vw,72px);display:grid;place-items:center; }
.setup-card { width:min(100%,590px);padding:clamp(26px,4vw,42px);border:1px solid var(--line-strong);background:rgba(15,20,27,.94);border-radius:24px;box-shadow:var(--shadow);animation:fadeUp .3s ease; }
.setup-card-head { display:flex;justify-content:space-between;align-items:flex-start;gap:18px; }
.setup-card h2 { margin:7px 0 0;font-size:clamp(23px,3vw,31px);font-weight:560;letter-spacing:-.025em; }
.setup-description { color:var(--muted);font-size:12px;line-height:1.75;margin:16px 0 0; }
.setup-status { display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:9px; }
.setup-status i { width:6px;height:6px;border-radius:50%;background:currentColor; }
.setup-status.checking { color:var(--amber);border-color:rgba(233,184,115,.17); }
.setup-status.checking i { animation:setupPulse 1.2s ease-in-out infinite; }
.setup-status.ready { color:var(--green);border-color:rgba(114,221,168,.18); }
.setup-status.error { color:var(--red);border-color:rgba(239,126,132,.2); }
#setupForm { margin-top:25px; }
#setupFields { border:0;padding:0;margin:0;display:grid;gap:17px; }
#setupFields label { display:grid;gap:7px;color:#a6b1bc;font-size:11px;letter-spacing:.02em; }
#setupFields label > span { display:flex;align-items:center;justify-content:space-between; }
#setupFields label b { color:#667586;font-size:9px;font-weight:500; }
#setupFields label small { color:#62707f;font-size:9px;line-height:1.5; }
#setupFields:disabled { opacity:.62; }
.setup-error { margin:12px 0 0;min-height:18px;line-height:1.55; }
.setup-submit { width:100%;min-height:47px;margin-top:7px; }
.button:disabled { cursor:not-allowed;opacity:.48;box-shadow:none!important; }
.setup-security { margin-top:22px;padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:12px;display:flex;align-items:flex-start;gap:11px; }
.setup-security > span { color:var(--cyan);font-size:10px;margin-top:2px; }
.setup-security p { margin:0; }
.setup-security strong,.setup-security small { display:block; }
.setup-security strong { color:#9eabb7;font-size:10px; }
.setup-security small { margin-top:5px;color:#657383;font-size:9px;line-height:1.6; }
.setup-result { text-align:center; }
.result-symbol { width:72px;height:72px;border:1px solid rgba(114,232,220,.35);border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;color:var(--cyan);font-size:22px;background:radial-gradient(circle,rgba(114,232,220,.11),transparent 68%);box-shadow:0 0 42px rgba(114,232,220,.08); }
.result-symbol.success { color:var(--green);border-color:rgba(114,221,168,.35); }
.setup-result .setup-description { max-width:430px;margin:15px auto 0; }
.token-reveal { margin:27px 0 0;padding:16px;border:1px solid var(--line-strong);border-radius:14px;background:#0b1016;text-align:left; }
.token-reveal-head { display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8291a0;font-size:10px; }
.token-reveal code { display:block;margin:13px 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--cyan);font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;user-select:all; }
.token-reveal .button { width:100%; }
.one-time-warning { margin:15px 0 0;color:#8a7760;font-size:10px;line-height:1.6; }
.one-time-warning strong { color:var(--amber); }
.boot-progress { margin:24px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;color:#7b8998;font-size:10px; }
.boot-progress i { width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px rgba(233,184,115,.5);animation:setupPulse 1.2s ease-in-out infinite; }
.boot-progress i.ready { background:var(--green);box-shadow:0 0 9px rgba(114,221,168,.55);animation:none; }
.boot-progress i.error { background:var(--red);box-shadow:0 0 9px rgba(239,126,132,.5);animation:none; }
.setup-link { display:flex;align-items:center;justify-content:center;text-decoration:none; }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

@keyframes setupPulse { 0%,100% { opacity:.35;transform:scale(.82); } 50% { opacity:1;transform:scale(1); } }
@keyframes providerLoading { 0%,100% { opacity:.25;transform:translateY(0); } 50% { opacity:1;transform:translateY(-4px); } }

@media (max-width: 980px) {
  .setup-shell { grid-template-columns:1fr;padding:0; }
  .setup-intro { min-height:auto;padding:calc(32px + env(safe-area-inset-top)) calc(clamp(22px,6vw,58px) + env(safe-area-inset-right)) 32px calc(clamp(22px,6vw,58px) + env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--line); }
  .setup-copy { padding:48px 0 38px; }
  .setup-copy h1 { font-size:clamp(39px,9vw,63px); }
  .setup-flow { grid-template-columns:repeat(3,1fr); }
  .setup-flow li { min-height:82px;grid-template-columns:1fr;gap:7px;border-left:0;border-top:1px solid var(--line); }
  .setup-flow li.active { border-top-color:var(--cyan);background:linear-gradient(rgba(114,232,220,.06),transparent); }
  .setup-local-note { margin-top:22px; }
  .setup-stage { min-height:auto;padding:54px calc(clamp(18px,5vw,48px) + env(safe-area-inset-right)) calc(70px + env(safe-area-inset-bottom)) calc(clamp(18px,5vw,48px) + env(safe-area-inset-left)); }
}

@media (max-width: 620px) {
  .setup-page { padding-bottom:0; }
  .setup-intro { padding:calc(25px + env(safe-area-inset-top)) calc(19px + env(safe-area-inset-right)) 28px calc(19px + env(safe-area-inset-left)); }
  .setup-brand .brand-mark.large { width:49px;height:49px; }
  .setup-brand .brand-mark.large::before { width:36px;height:16px; }
  .setup-copy { padding:38px 0 31px; }
  .setup-copy h1 { font-size:39px; }
  .setup-copy > p { font-size:12px;margin-top:18px; }
  .setup-flow { grid-template-columns:1fr;gap:0; }
  .setup-flow li { min-height:60px;grid-template-columns:38px 1fr;border-top:0;border-left:1px solid var(--line); }
  .setup-flow li.active { border-left-color:var(--cyan);background:linear-gradient(90deg,rgba(114,232,220,.07),transparent); }
  .setup-flow li:not(.active) { display:none; }
  .setup-local-note { margin-top:17px; }
  .setup-stage { padding:24px calc(12px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left)); }
  .setup-card { padding:25px 18px;border-radius:19px; }
  .setup-card-head { display:block; }
  .setup-status { margin-top:14px; }
  .token-reveal-head { align-items:flex-start; }
}
.schedule-attachment-list {
  display: block;
  margin-top: 8px;
  color: var(--muted, #64748b);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Public Agent run timeline */
.agent-run-section-intro { align-items:center; }
.agent-run-poll-badge { min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(114,232,220,.15);border-radius:99px;background:rgba(114,232,220,.035);color:#83aaa7;font-size:10px;white-space:nowrap; }
.agent-run-poll-badge i { width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px rgba(114,232,220,.55); }
.agent-run-filters { margin:-5px 0 17px;padding:13px;display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,220px) auto;align-items:end;gap:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.012); }
.agent-run-filters label { min-width:0;display:grid;gap:6px;color:#7e8c9a;font-size:9px;letter-spacing:.03em; }
.agent-run-filters select { min-width:0;min-height:40px; }
.agent-run-filters .button { min-height:40px; }
.agent-run-summary { min-height:32px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 13px; }
.agent-run-summary span { min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.015);color:#73808e;font-size:9px; }
.agent-run-summary b { color:#aebac4;font-size:10px;font-weight:650; }
.agent-run-summary .is-running,.agent-run-summary .is-running b { color:var(--cyan);border-color:rgba(114,232,220,.16); }
.agent-run-load-error { margin:0 0 13px;padding:11px 13px;border:1px solid rgba(239,126,132,.22);border-radius:11px;background:rgba(239,126,132,.045);color:#cc9095;font-size:11px;line-height:1.55; }
.agent-run-list { display:grid;gap:10px; }
.agent-run-card { width:100%;min-width:0;min-height:92px;padding:15px 16px;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,rgba(18,24,32,.94),rgba(11,15,21,.9));color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease; }
.agent-run-card:hover { border-color:rgba(114,232,220,.25);background:linear-gradient(135deg,rgba(21,29,37,.96),rgba(13,18,24,.94));transform:translateY(-1px); }
.agent-run-card:focus-visible { outline:2px solid var(--cyan);outline-offset:2px; }
.agent-run-card.state-failed { border-color:rgba(239,126,132,.16); }
.agent-run-card-icon { width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(114,232,220,.17);border-radius:13px;background:rgba(114,232,220,.05);color:var(--cyan);font-size:13px;font-weight:720; }
.agent-run-card.state-failed .agent-run-card-icon { border-color:rgba(239,126,132,.2);background:rgba(239,126,132,.05);color:var(--red); }
.agent-run-card-copy { min-width:0;display:block; }
.agent-run-card-top { min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px; }
.agent-run-card-top time { color:#5f6d7b;font-size:9px;white-space:nowrap; }
.agent-run-card-copy > strong { display:block;margin-top:8px;color:#c7d1d8;font-size:13px;font-weight:590;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.agent-run-card-meta { min-width:0;margin-top:7px;display:flex;align-items:center;gap:8px;color:#6c7987;font-size:9px; }
.agent-run-card-meta span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.agent-run-card-meta span + span { padding-left:8px;border-left:1px solid var(--line); }
.agent-run-card-chevron { color:#586675;font-size:22px;text-align:right; }
.agent-run-status { display:inline-flex;align-items:center;gap:6px;color:#80909d;font-size:9px;white-space:nowrap; }
.agent-run-status i { width:6px;height:6px;border-radius:50%;background:currentColor; }
.agent-run-status.state-running { color:var(--cyan); }
.agent-run-status.state-running i { box-shadow:0 0 9px rgba(114,232,220,.55);animation:setupPulse 1.35s ease-in-out infinite; }
.agent-run-status.state-succeeded { color:var(--green); }
.agent-run-status.state-failed { color:var(--red); }
.agent-run-status.state-pending { color:var(--amber); }
.agent-run-status.state-cancelled { color:#7a8794; }
.agent-run-load-more { width:100%;min-height:44px;margin-top:13px; }

.agent-run-dialog { width:min(820px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:hidden; }
.agent-run-dialog-shell { max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px);padding:22px;display:flex;flex-direction:column;overflow:hidden; }
.agent-run-dialog-head { flex:none;margin-bottom:14px; }
.agent-run-dialog-head > div { min-width:0; }
.agent-run-dialog-head h2 { max-width:680px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.agent-run-dialog-meta { margin:6px 0 0;color:#6f7d8a;font-size:9px;line-height:1.5; }
.agent-run-detail { min-height:260px;overflow:auto;overscroll-behavior:contain;padding:2px 3px 18px 0; }
.agent-run-dialog-actions { flex:none;min-height:54px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line); }
.agent-run-dialog-actions > span { color:#647280;font-size:9px;line-height:1.45; }
.agent-run-dialog-action-buttons { display:flex;align-items:center;justify-content:flex-end;gap:8px; }
.agent-run-hero { min-height:73px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.016); }
.agent-run-hero.state-running { border-color:rgba(114,232,220,.18);background:rgba(114,232,220,.035); }
.agent-run-hero.state-succeeded { border-color:rgba(114,221,168,.17);background:rgba(114,221,168,.03); }
.agent-run-hero.state-failed { border-color:rgba(239,126,132,.2);background:rgba(239,126,132,.04); }
.agent-run-hero-icon { width:39px;height:39px;flex:none;display:grid;place-items:center;border:1px solid currentColor;border-radius:12px;color:#8794a1;font-size:18px; }
.agent-run-hero.state-running .agent-run-hero-icon { color:var(--cyan); }
.agent-run-hero.state-succeeded .agent-run-hero-icon { color:var(--green); }
.agent-run-hero.state-failed .agent-run-hero-icon { color:var(--red); }
.agent-run-hero > div { min-width:0; }
.agent-run-hero > div > strong { display:block;margin-top:7px;color:#b8c4cc;font-size:12px;font-weight:580; }
.agent-run-result { margin-top:11px;padding:14px 15px;border:1px solid rgba(114,232,220,.12);border-radius:13px;background:linear-gradient(135deg,rgba(114,232,220,.028),rgba(255,255,255,.01)); }
.agent-run-result > p:last-child { margin:8px 0 0;color:#aebac3;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere; }
.agent-run-file-card { margin-top:11px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.12);overflow:hidden; }
.agent-run-file-head { min-height:45px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.016); }
.agent-run-file-head strong { color:#aeb9c3;font-size:10px;font-weight:600; }
.agent-run-file-head > span,.agent-run-file-row > span:last-child { display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#71808d;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap; }
.agent-run-file-head b,.agent-run-file-row b { color:var(--green);font-weight:600; }
.agent-run-file-head i,.agent-run-file-row i { color:var(--red);font-style:normal;font-weight:600; }
.agent-run-file-table { min-width:0; }
.agent-run-file-row { min-height:43px;padding:0 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.045); }
.agent-run-file-row > span:first-child { min-width:0;display:flex;align-items:center;gap:8px;color:#91a0ac;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.agent-run-file-row em { width:15px;flex:none;color:#71808d;font-style:normal;text-align:center; }
.agent-run-file-more { min-height:40px;padding:0 13px;display:flex;align-items:center;color:#71808e;font-size:9px; }
.agent-run-timeline-section,.agent-run-artifacts { margin-top:19px; }
.agent-run-detail-section-head { min-height:43px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px; }
.agent-run-detail-section-head h3 { margin:5px 0 0;color:#c2ccd4;font-size:14px;font-weight:580; }
.agent-run-detail-section-head > span { min-width:28px;height:24px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:99px;color:#72808d;font-size:9px; }
.agent-run-timeline { margin-top:10px;display:grid;gap:7px; }
.agent-run-event { border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012);overflow:hidden; }
.agent-run-event[open] { border-color:rgba(114,232,220,.15);background:rgba(114,232,220,.018); }
.agent-run-event summary { min-height:55px;padding:10px 12px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;list-style:none;cursor:pointer; }
.agent-run-event summary::-webkit-details-marker { display:none; }
.agent-run-event summary::after { content:"\203a";grid-column:4;color:#667482;font-size:17px;transition:transform .16s ease; }
.agent-run-event[open] summary::after { transform:rotate(90deg); }
.agent-run-event-icon { width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(114,232,220,.12);border-radius:9px;background:rgba(114,232,220,.035);color:#80a5a2;font-size:10px;font-weight:700; }
.agent-run-event summary > span:nth-child(2) { min-width:0; }
.agent-run-event summary strong,.agent-run-event summary small { display:block; }
.agent-run-event summary strong { color:#aeb9c2;font-size:10px;font-weight:590; }
.agent-run-event summary small { margin-top:4px;color:#5f6e7c;font-size:8px; }
.agent-run-event summary time { color:#5f6d7a;font-size:8px;white-space:nowrap; }
.agent-run-event-body { padding:12px 13px 13px 50px;border-top:1px solid var(--line); }
.agent-run-event-body p { margin:0;color:#8c9aa6;font-size:10px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere; }
.agent-run-event-body p strong,.agent-run-event-body p span { display:block; }
.agent-run-event-body p span { margin-top:5px;color:#6f7d89; }
.agent-run-event-body .agent-run-file-card { margin:0; }
.agent-run-plan,.agent-run-recommendations { margin:0;padding:0;list-style:none;display:grid;gap:7px; }
.agent-run-plan li,.agent-run-recommendations li { display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;color:#8997a3;font-size:10px;line-height:1.55; }
.agent-run-plan li > span { color:var(--cyan); }
.agent-run-recommendations li::before { content:"→";color:var(--cyan); }
.agent-run-artifact-list { margin-top:10px;display:grid;gap:7px; }
.agent-run-artifact { min-height:61px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012); }
.agent-run-artifact > div { min-width:0; }
.agent-run-artifact strong,.agent-run-artifact small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.agent-run-artifact strong { color:#aeb9c2;font-size:10px;font-weight:590; }
.agent-run-artifact small { margin-top:5px;color:#63717f;font-size:8px; }
.agent-run-artifact .button { min-width:120px;flex:none; }
.agent-run-artifact-unavailable { flex:none;color:#6b7784;font-size:8px; }
.agent-run-artifact-note { margin:9px 1px 0;color:#5f6d7a;font-size:9px;line-height:1.55; }

@media (max-width: 760px) {
  .agent-run-section-intro { align-items:stretch; }
  .agent-run-poll-badge { align-self:flex-start;min-height:38px; }
  .agent-run-filters { grid-template-columns:1fr 1fr; }
  .agent-run-filters .button { grid-column:1/-1;min-height:44px; }
  .agent-run-card { min-height:102px;padding:14px 12px;grid-template-columns:39px minmax(0,1fr) 16px;gap:10px; }
  .agent-run-card-icon { width:39px;height:39px; }
  .agent-run-card-top { align-items:flex-start; }
  .agent-run-card-copy > strong { white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
  .agent-run-card-meta { flex-wrap:wrap;gap:5px 7px; }
  .agent-run-dialog { width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px; }
  .agent-run-dialog-shell { max-height:calc(100dvh - 18px);padding:18px 14px max(14px,env(safe-area-inset-bottom)); }
  .agent-run-dialog-head h2 { max-width:calc(100vw - 100px);font-size:17px; }
  .agent-run-detail { padding-right:0; }
  .agent-run-dialog-actions { align-items:stretch;flex-direction:column; }
  .agent-run-dialog-action-buttons { width:100%; }
  .agent-run-dialog-actions .button { width:100%;min-height:44px; }
  .agent-run-file-row { padding:0 10px;gap:7px; }
  .agent-run-file-row > span:first-child { font-size:9px; }
  .agent-run-event summary { grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:9px 10px; }
  .agent-run-event summary time { display:none; }
  .agent-run-event summary::after { grid-column:3; }
  .agent-run-event-body { padding:11px; }
  .agent-run-artifact { align-items:stretch;flex-direction:column; }
  .agent-run-artifact .button { width:100%;min-height:44px; }
  .agent-run-artifact-unavailable { min-height:34px;display:flex;align-items:center; }
}

@media (max-width: 430px) {
  .agent-run-filters { grid-template-columns:1fr; }
  .agent-run-filters .button { grid-column:auto; }
  .agent-run-card-top time { display:none; }
  .agent-run-file-head { align-items:flex-start;flex-direction:column;padding:10px 11px; }
}