#workhub-admin {
  --success: var(--online);
  --warning: var(--busy);
}
#workhub-admin.loading { cursor: progress; }
#workhub-admin #open-chat-top { display: none; }
#workhub-admin button, #workhub-admin input, #workhub-admin select { font: inherit; color: inherit; }
#workhub-admin select { cursor: pointer; }
#workhub-admin select:focus-visible, #workhub-admin a:focus-visible { outline: 3px solid color-mix(in srgb, var(--brand) 30%, transparent); outline-offset: 2px; }
#workhub-admin .environment { color: var(--muted); }
#workhub-admin .environment i { background: var(--faint); box-shadow: 0 0 0 4px color-mix(in srgb, var(--faint) 12%, transparent); }
#workhub-admin .environment.online { color: var(--online); }
#workhub-admin .environment.online i { background: var(--online); box-shadow: 0 0 0 4px color-mix(in srgb, var(--online) 12%, transparent); }
#workhub-admin .admin-session-state { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: var(--panel); font-size: 12px; }
#workhub-admin .admin-session-state i { width: 8px; height: 8px; border-radius: 50%; background: var(--faint); box-shadow: 0 0 0 4px color-mix(in srgb, var(--faint) 12%, transparent); }
#workhub-admin .admin-session-state.online { color: var(--online); }
#workhub-admin .admin-session-state.online i { background: var(--online); box-shadow: 0 0 0 4px color-mix(in srgb, var(--online) 12%, transparent); }
#workhub-admin .secondary-button, #workhub-admin .danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--text);
  background: var(--panel-soft);
  text-decoration: none;
}
#workhub-admin .primary-button {
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--brand-strong), #258bd1);
  box-shadow: 0 7px 17px color-mix(in srgb, var(--brand) 20%, transparent);
  font-weight: 700;
}
#workhub-admin .danger-button { color: var(--danger); }
#workhub-admin .console-main { width: min(1540px, calc(100% - 40px)); margin: 0 auto; padding: 36px 0 54px; }
#workhub-admin .console-heading { margin-bottom: 24px; }
#workhub-admin .setup-section { overflow: hidden; margin-bottom: 14px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); box-shadow: var(--shadow); }
#workhub-admin .setup-title { min-height: 76px; }
#workhub-admin .setup-safe-note { padding: 7px 10px; border-radius: 999px; color: var(--online); background: color-mix(in srgb, var(--online) 10%, var(--panel)); font-size: 12px; font-weight: 700; }
#workhub-admin .setup-guide-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
#workhub-admin .setup-card { display: flex; min-width: 0; flex-direction: column; min-height: 250px; padding: 20px; border-right: 1px solid var(--line); }
#workhub-admin .setup-card:last-child { border-right: 0; }
#workhub-admin .setup-card header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#workhub-admin .setup-icon { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 13px; color: var(--brand-strong); background: var(--brand-soft); font-size: 12px; font-weight: 800; }
#workhub-admin .setup-status { color: var(--faint); font-size: 12px; }
#workhub-admin .setup-status.connected { color: var(--online); }
#workhub-admin .setup-card h3 { margin: 18px 0 7px; font-size: 17px; }
#workhub-admin .setup-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
#workhub-admin .setup-card small { display: block; margin: 10px 0 18px; color: var(--faint); font-size: 12px; line-height: 1.5; }
#workhub-admin .setup-card footer { display: flex; align-items: center; gap: 12px; margin-top: auto; }
#workhub-admin .setup-card footer .primary-button { min-height: 36px; padding-inline: 13px; font-size: 12px; }
#workhub-admin .setup-card footer a { color: var(--brand); font-size: 12px; font-weight: 700; text-decoration: none; }
#workhub-admin .connection-panel {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: 20px 22px;
  margin-bottom: 14px;
  border: 1px solid color-mix(in srgb, var(--brand) 42%, var(--line));
  border-radius: 16px;
  background: linear-gradient(145deg, var(--brand-soft), var(--panel));
  box-shadow: 0 8px 22px color-mix(in srgb, var(--brand) 10%, transparent);
}
#workhub-admin .connection-panel.connected { border-color: color-mix(in srgb, var(--online) 42%, var(--line)); background: linear-gradient(145deg, color-mix(in srgb, var(--online) 8%, var(--panel)), var(--panel)); }
#workhub-admin .connection-panel h1, #workhub-admin .connection-panel h2 { margin: 5px 0; font-size: 20px; }
#workhub-admin .connection-panel p, #workhub-admin .panel header p { margin: 0; color: var(--muted); font-size: 12px; }
#workhub-admin .auth-diagnostics { margin-top: 12px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--warning) 45%, var(--line)); border-radius: 10px; background: color-mix(in srgb, var(--warning) 8%, var(--panel)); }
#workhub-admin .auth-diagnostics code { color: var(--text); font-size: 12px; font-weight: 800; }
#workhub-admin .auth-diagnostics ul { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 8px 0 0; list-style: none; }
#workhub-admin .auth-diagnostics li { padding: 4px 7px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; }
#workhub-admin .auth-identity { display: flex; flex-wrap: wrap; gap: 5px 12px; align-items: center; margin-top: 10px; color: var(--muted); font-size: 12px; }
#workhub-admin .auth-identity strong { color: var(--text); font-size: 13px; }
#workhub-admin .admin-workspace-choice { display: flex; align-items: center; gap: 10px; max-width: 520px; margin-top: 14px; font-weight: 750; color: var(--text); }
#workhub-admin .admin-workspace-choice select { min-width: 260px; background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; font: inherit; }
#workhub-admin .session-actions { display: flex; align-items: center; gap: 9px; }
#workhub-admin .developer-access { position: relative; }
#workhub-admin .developer-access summary { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: var(--panel); cursor: pointer; font-size: 12px; list-style: none; }
#workhub-admin .developer-access summary::-webkit-details-marker { display: none; }
#workhub-admin .developer-access[open] { width: min(620px, 66vw); }
#workhub-admin .developer-access[open] summary { width: max-content; margin-left: auto; }
#workhub-admin .developer-access > p { margin: 12px 0 8px; text-align: right; }
#workhub-admin .session-form { display: flex; align-items: end; gap: 9px; }
#workhub-admin #admin-view label, #workhub-admin .dialog-form label { color: var(--muted); font-size: 12px; }
#workhub-admin #admin-view input, #workhub-admin #admin-view select, #workhub-admin .dialog-form input, #workhub-admin .dialog-form select {
  width: 100%;
  min-height: 40px;
  padding: 0 11px;
  margin-top: 5px;
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  background: var(--panel);
}
#workhub-admin .session-form input { width: 210px; }
#workhub-admin .console-layout {
  display: grid;
  grid-template-columns: 218px minmax(0, 1fr);
  overflow: hidden;
  min-height: 610px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
#workhub-admin .console-sidebar {
  position: relative;
  min-width: 0;
  padding: 19px 13px;
  border-right: 1px solid var(--line);
  background: var(--panel);
}
#workhub-admin .sidebar-heading { padding: 0 11px 12px; color: var(--faint); font-size: 12px; font-weight: 800; letter-spacing: 1.5px; }
#workhub-admin .console-sidebar nav { display: grid; gap: 4px; }
#workhub-admin .nav-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  width: 100%;
  padding: 10px 11px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: var(--muted);
  background: transparent;
  text-align: left;
  font-size: 12px;
}
#workhub-admin .nav-item span { font-size: 12px; font-weight: 800; }
#workhub-admin .nav-item:hover { border-color: var(--line); background: var(--panel-soft); }
#workhub-admin .nav-item.active { border-color: color-mix(in srgb, var(--brand) 22%, var(--line)); color: var(--brand-strong); background: var(--brand-soft); font-weight: 700; }
#workhub-admin .security-note { position: absolute; right: 13px; bottom: 16px; left: 13px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-soft); }
#workhub-admin .security-note strong { font-size: 12px; }
#workhub-admin .security-note p { margin: 6px 0 0; color: var(--faint); font-size: 12px; line-height: 1.55; }
#workhub-admin .console-content { min-width: 0; padding: 25px 27px 32px; background: var(--panel); }
#workhub-admin .admin-page { display: none; }
#workhub-admin .admin-page.active { display: block; }
#workhub-admin .console-content .page-heading { margin: 0 0 22px; }
#workhub-admin .console-content .page-heading h1 { font-size: clamp(23px, 2.6vw, 31px); }
#workhub-admin .console-content .page-heading select { width: 170px; }
#workhub-admin .metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
#workhub-admin .metric-card, #workhub-admin .panel, #workhub-admin .resource-card, #workhub-admin .table-panel, #workhub-admin .system-card { border: 1px solid var(--line); background: var(--panel); }
#workhub-admin .metric-card { padding: 15px 17px; border-radius: 14px; transition: border-color .15s, transform .15s; }
#workhub-admin .metric-card:hover { transform: translateY(-1px); border-color: var(--line-strong); }
#workhub-admin .metric-card span, #workhub-admin .metric-card strong, #workhub-admin .metric-card small { display: block; }
#workhub-admin .metric-card span { color: var(--muted); font-size: 12px; font-weight: 700; }
#workhub-admin .metric-card strong { margin: 7px 0 3px; font-size: 26px; line-height: 1; }
#workhub-admin .metric-card small { color: var(--faint); font-size: 12px; }
#workhub-admin .dashboard-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 14px; }
#workhub-admin .deployment-summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 19px 21px; margin-bottom: 13px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel-soft); }
#workhub-admin .deployment-summary strong, #workhub-admin .deployment-summary span { display: block; }
#workhub-admin .deployment-summary strong { margin-bottom: 5px; font-size: 18px; }
#workhub-admin .deployment-summary span { color: var(--muted); font-size: 12px; }
#workhub-admin .readiness-score { display: grid; place-items: center; flex: 0 0 auto; width: 62px; height: 62px; border: 7px solid var(--line-strong); border-radius: 50%; color: var(--brand-strong); background: var(--panel); font-size: 14px; font-weight: 800; }
#workhub-admin .readiness-score.ready { border-color: var(--online); color: var(--online); }
#workhub-admin .readiness-list { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; }
#workhub-admin .readiness-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 15px 17px; border-bottom: 1px solid var(--line); }
#workhub-admin .readiness-item:last-child { border-bottom: 0; }
#workhub-admin .readiness-mark { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: var(--busy); background: color-mix(in srgb, var(--busy) 11%, var(--panel)); font-size: 12px; font-weight: 800; }
#workhub-admin .readiness-item.ready .readiness-mark { color: var(--online); background: color-mix(in srgb, var(--online) 11%, var(--panel)); }
#workhub-admin .readiness-item strong, #workhub-admin .readiness-item small { display: block; }
#workhub-admin .readiness-item strong { margin-bottom: 4px; font-size: 12px; }
#workhub-admin .readiness-item small { color: var(--muted); font-size: 12px; line-height: 1.45; }
#workhub-admin .readiness-action { max-width: 260px; color: var(--faint); font-size: 12px; line-height: 1.45; text-align: right; }
#workhub-admin .release-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: 9px; margin-top: 14px; }
#workhub-admin .release-path article { padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); }
#workhub-admin .release-path article.current { border-color: color-mix(in srgb, var(--brand) 40%, var(--line)); background: var(--brand-soft); }
#workhub-admin .release-path article span, #workhub-admin .release-path article strong { display: block; }
#workhub-admin .release-path article span { color: var(--faint); font-size: 12px; font-weight: 800; }
#workhub-admin .release-path article strong { margin: 6px 0 5px; font-size: 12px; }
#workhub-admin .release-path article p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
#workhub-admin .release-path > i { align-self: center; color: var(--faint); font-style: normal; }
#workhub-admin .panel { overflow: hidden; border-radius: 16px; }
#workhub-admin .panel > header { padding: 16px 18px; border-bottom: 1px solid var(--line); }
#workhub-admin .panel h2, #workhub-admin .resource-card h2, #workhub-admin dialog h2 { margin: 0 0 4px; font-size: 15px; }
#workhub-admin .stack-list { padding: 9px; }
#workhub-admin .attention-item { display: flex; align-items: center; gap: 10px; padding: 11px; border-radius: 10px; color: var(--muted); font-size: 12px; }
#workhub-admin .attention-item i { width: 8px; height: 8px; border-radius: 50%; background: var(--warning); }
#workhub-admin .attention-action { display: flex; align-items: center; gap: 11px; width: 100%; padding: 13px 11px; border: 0; border-radius: 11px; color: var(--text); background: var(--brand-soft); text-align: left; }
#workhub-admin .attention-action i { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); }
#workhub-admin .attention-action strong, #workhub-admin .attention-action small { display: block; }
#workhub-admin .attention-action strong { font-size: 13px; }
#workhub-admin .attention-action small { margin-top: 4px; color: var(--muted); font-size: 12px; }
#workhub-admin .guardrails { display: grid; gap: 11px; padding: 18px 36px; margin: 0; color: var(--muted); font-size: 12px; }
#workhub-admin .empty-state, #workhub-admin .empty-panel { padding: 48px 20px; color: var(--muted); text-align: center; font-size: 12px; }
#workhub-admin .empty-panel { grid-column: 1 / -1; border: 1px dashed var(--line-strong); border-radius: 15px; }
#workhub-admin .empty-panel strong, #workhub-admin .empty-panel p { display: block; margin: 0; }
#workhub-admin .empty-panel p { margin-top: 5px; color: var(--faint); }
#workhub-admin .card-grid { display: grid; grid-template-columns: repeat(3, minmax(230px, 1fr)); gap: 12px; }
#workhub-admin .resource-card { display: flex; min-width: 0; flex-direction: column; padding: 16px; border-radius: 15px; }
#workhub-admin .resource-card > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; }
#workhub-admin .resource-card h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#workhub-admin .resource-card header p, #workhub-admin .card-description, #workhub-admin .result-message { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
#workhub-admin .resource-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: var(--brand-strong); background: var(--brand-soft); font-size: 12px; font-weight: 800; }
#workhub-admin .resource-icon.ai { font-size: 12px; }
#workhub-admin .status-pill { display: inline-flex; align-items: center; width: max-content; padding: 4px 7px; border-radius: 999px; color: var(--muted); background: var(--panel-soft); font-size: 12px; font-weight: 800; }
#workhub-admin .status-pill.healthy, #workhub-admin .status-pill.ready { color: var(--online); background: color-mix(in srgb, var(--online) 11%, var(--panel)); }
#workhub-admin .status-pill.error { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
#workhub-admin .status-pill.unconfigured { color: var(--busy); background: color-mix(in srgb, var(--busy) 11%, var(--panel)); }
#workhub-admin .resource-card dl { display: grid; gap: 8px; margin: 17px 0; }
#workhub-admin .resource-card dt { color: var(--faint); font-size: 12px; }
#workhub-admin .resource-card dd { overflow: hidden; margin: 3px 0 0; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
#workhub-admin .card-description { margin: 15px 0 !important; }
#workhub-admin .result-message { padding: 9px; margin-bottom: 11px; border-radius: 8px; background: var(--panel-soft); }
#workhub-admin .tag-row { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; }
#workhub-admin .tag-row span { padding: 4px 7px; border-radius: 999px; color: var(--brand-strong); background: var(--brand-soft); font-size: 12px; }
#workhub-admin .resource-card > footer { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); }
#workhub-admin .resource-card footer button { min-height: 32px; font-size: 12px; }
#workhub-admin .switch { display: flex; align-items: center; gap: 8px; }
#workhub-admin .switch input { position: absolute; opacity: 0; }
#workhub-admin .switch span { position: relative; width: 34px; height: 19px; border-radius: 999px; background: var(--line-strong); }
#workhub-admin .switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 50%; background: #fff; transition: left .15s; }
#workhub-admin .switch input:checked + span { background: var(--online); }
#workhub-admin .switch input:checked + span::after { left: 18px; }
#workhub-admin .table-panel { overflow: auto; border-radius: 15px; }
#workhub-admin table { width: 100%; border-collapse: collapse; }
#workhub-admin th, #workhub-admin td { padding: 13px 15px; border-bottom: 1px solid var(--line); text-align: left; font-size: 12px; }
#workhub-admin th { color: var(--faint); background: var(--panel-soft); font-size: 12px; letter-spacing: .4px; }
#workhub-admin td strong, #workhub-admin td small { display: block; }
#workhub-admin td small { margin-top: 3px; color: var(--faint); font-size: 12px; }
#workhub-admin .risk { padding: 4px 7px; border-radius: 999px; background: var(--panel-soft); font-size: 12px; font-weight: 800; }
#workhub-admin .risk.write, #workhub-admin .risk.external { color: var(--busy); background: color-mix(in srgb, var(--busy) 11%, var(--panel)); }
#workhub-admin .people-toolbar { display: flex; align-items: end; gap: 11px; padding: 13px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-soft); }
#workhub-admin .people-toolbar .people-search { flex: 1; }
#workhub-admin .people-toolbar label:last-child { width: 180px; }
#workhub-admin .people-toolbar input, #workhub-admin .people-toolbar select { margin-top: 5px; }
#workhub-admin .member-table td { vertical-align: middle; }
#workhub-admin .member-table td:last-child { width: 80px; text-align: right; }
#workhub-admin .member-table .secondary-button { min-height: 32px; font-size: 12px; }
#workhub-admin .role-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#workhub-admin .role-card { padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); }
#workhub-admin .role-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
#workhub-admin .role-card h2 { margin: 5px 0 0; font-size: 15px; }
#workhub-admin .role-code { color: var(--faint); font-size: 12px; font-weight: 800; letter-spacing: .5px; }
#workhub-admin .role-card > p { min-height: 32px; margin: 13px 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
#workhub-admin .scope-pill { padding: 5px 8px; border-radius: 999px; color: var(--brand-strong); background: var(--brand-soft); font-size: 12px; font-weight: 800; }
#workhub-admin .permission-list { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 12px; border-top: 1px solid var(--line); }
#workhub-admin .permission-list span { padding: 5px 8px; border-radius: 8px; color: var(--muted); background: var(--panel-soft); font-size: 12px; }
#workhub-admin .timeline { position: relative; display: grid; gap: 0; }
#workhub-admin .timeline article { position: relative; display: grid; grid-template-columns: 20px 1fr; gap: 11px; }
#workhub-admin .timeline article::before { content: ""; position: absolute; top: 18px; bottom: -10px; left: 6px; width: 1px; background: var(--line); }
#workhub-admin .timeline article:last-child::before { display: none; }
#workhub-admin .timeline-dot { z-index: 1; width: 13px; height: 13px; margin-top: 16px; border: 3px solid var(--brand-soft); border-radius: 50%; background: var(--brand); }
#workhub-admin .timeline article > div { padding: 13px 15px; margin-bottom: 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
#workhub-admin .timeline header { display: flex; justify-content: space-between; gap: 14px; }
#workhub-admin .timeline strong { font-size: 12px; }
#workhub-admin .timeline time, #workhub-admin .timeline p, #workhub-admin .timeline small { color: var(--faint); font-size: 12px; }
#workhub-admin .timeline p { margin: 6px 0 3px; }
#workhub-admin .system-grid { display: grid; gap: 10px; }
#workhub-admin .system-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 17px; border-radius: 14px; }
#workhub-admin .system-card p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
#workhub-admin .system-card b { font-size: 12px; }
#workhub-admin .health-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--faint); box-shadow: 0 0 0 5px color-mix(in srgb, var(--faint) 10%, transparent); }
#workhub-admin .health-dot.healthy { background: var(--online); box-shadow: 0 0 0 5px color-mix(in srgb, var(--online) 10%, transparent); }
#workhub-admin .health-dot.error { background: var(--danger); }
#workhub-admin .health-dot.warning { background: var(--busy); }
#workhub-admin dialog { width: min(620px, calc(100% - 28px)); padding: 0; border: 1px solid var(--line); border-radius: 17px; color: var(--text); background: var(--panel); box-shadow: var(--shadow); }
#workhub-admin .integration-wizard { width: min(780px, calc(100% - 28px)); }
#workhub-admin .member-dialog { width: min(760px, calc(100% - 28px)); }
#workhub-admin dialog::backdrop { background: rgba(8, 17, 29, .48); backdrop-filter: blur(3px); }
#workhub-admin .dialog-form > header, #workhub-admin .dialog-form > footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 20px; border-bottom: 1px solid var(--line); }
#workhub-admin .dialog-form > footer { justify-content: flex-end; border-top: 1px solid var(--line); border-bottom: 0; }
#workhub-admin .dialog-form > footer > span { flex: 1; }
#workhub-admin .dialog-close { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-soft); font-size: 20px; }
#workhub-admin .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; padding: 20px; }
#workhub-admin .form-grid .full { grid-column: 1 / -1; }
#workhub-admin .toggle-row { display: flex; align-items: center; gap: 8px; margin: 0 20px 12px; }
#workhub-admin .toggle-row input { width: auto; min-height: 0; margin: 0; }
#workhub-admin .form-note { padding: 11px; margin: 0 20px 20px; border-radius: 9px; color: var(--muted); background: var(--panel-soft); font-size: 12px; }
#workhub-admin .account-form-section { margin: 18px 20px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }
#workhub-admin .account-form-section h3 { padding: 12px 16px; margin: 0; border-bottom: 1px solid var(--line); font-size: 13px; }
#workhub-admin .account-form-section .form-grid { padding: 15px; }
#workhub-admin .account-form-section .toggle-row { margin-bottom: 15px; }
#workhub-admin .password-boundary { padding: 13px 15px; margin: 14px 20px 18px; border-left: 4px solid var(--brand); border-radius: 9px; background: var(--brand-soft); }
#workhub-admin .password-boundary strong { font-size: 12px; }
#workhub-admin .password-boundary p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
#workhub-admin .wizard-progress { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 15px 20px; margin: 0; border-bottom: 1px solid var(--line); list-style: none; }
#workhub-admin .wizard-progress li { display: flex; align-items: center; gap: 8px; color: var(--faint); font-size: 13px; font-weight: 700; }
#workhub-admin .wizard-progress li::after { content: ""; flex: 1; height: 1px; background: var(--line); }
#workhub-admin .wizard-progress li:last-child::after { display: none; }
#workhub-admin .wizard-progress li span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: var(--faint); background: var(--panel-soft); }
#workhub-admin .wizard-progress li.active { color: var(--brand-strong); }
#workhub-admin .wizard-progress li.active span { color: #fff; background: var(--brand); }
#workhub-admin .wizard-page { display: none; min-height: 330px; padding: 22px; }
#workhub-admin .wizard-page.active { display: block; }
#workhub-admin .provider-choice { max-width: 360px; margin-bottom: 18px; }
#workhub-admin .provider-guide { padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel-soft); }
#workhub-admin .guide-summary { display: flex; align-items: center; gap: 13px; }
#workhub-admin .guide-summary h3 { margin: 0 0 5px; font-size: 18px; }
#workhub-admin .guide-summary p { margin: 0; color: var(--muted); font-size: 13px; }
#workhub-admin .provider-guide ol { display: grid; gap: 11px; padding-left: 23px; margin: 20px 0; color: var(--text); font-size: 14px; line-height: 1.55; }
#workhub-admin .official-doc-link { display: inline-flex; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--brand); background: var(--panel); font-size: 13px; font-weight: 700; text-decoration: none; }
#workhub-admin .dynamic-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 20px 18px; }
#workhub-admin .dynamic-fields section { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }
#workhub-admin .dynamic-fields h3 { padding: 13px 16px; margin: 0; border-bottom: 1px solid var(--line); font-size: 14px; }
#workhub-admin .dynamic-fields section > p { padding: 10px 16px 0; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
#workhub-admin .dynamic-fields .form-grid { grid-template-columns: 1fr; padding: 15px; }
#workhub-admin .integration-review { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel-soft); }
#workhub-admin .integration-review h3 { margin: 2px 0 5px; font-size: 18px; }
#workhub-admin .integration-review p { margin: 0; color: var(--muted); font-size: 13px; }
#workhub-admin .integration-review dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 0; }
#workhub-admin .integration-review dt { color: var(--faint); font-size: 12px; }
#workhub-admin .integration-review dd { margin: 4px 0 0; font-size: 13px; }
#workhub-admin .security-confirm { padding: 16px 18px; margin-top: 14px; border-left: 4px solid var(--online); border-radius: 10px; background: color-mix(in srgb, var(--online) 8%, var(--panel)); }
#workhub-admin .security-confirm strong { font-size: 14px; }
#workhub-admin .security-confirm ul { margin: 9px 0 0; padding-left: 19px; color: var(--muted); font-size: 13px; line-height: 1.65; }
#workhub-admin .toast[data-kind="error"] { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 40%, var(--line)); }

@media (max-width: 1040px) {
#workhub-admin .setup-guide-grid { grid-template-columns: repeat(2, 1fr); }
#workhub-admin .setup-card:nth-child(2) { border-right: 0; }
#workhub-admin .setup-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
#workhub-admin .console-layout { grid-template-columns: 170px minmax(0, 1fr); }
#workhub-admin .card-grid { grid-template-columns: repeat(2, minmax(230px, 1fr)); }
#workhub-admin .security-note { display: none; }
}

@media (max-width: 680px) {
#workhub-admin .console-main { width: min(100% - 24px, 1540px); padding-top: 24px; }
#workhub-admin .connection-panel { display: block; }
#workhub-admin .session-actions { display: grid; margin-top: 14px; }
#workhub-admin .developer-access[open] { width: 100%; }
#workhub-admin .developer-access[open] summary { margin-left: 0; }
#workhub-admin .developer-access > p { text-align: left; }
#workhub-admin .setup-guide-grid { grid-template-columns: 1fr; }
#workhub-admin .setup-card { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
#workhub-admin .setup-card:last-child { border-bottom: 0; }
#workhub-admin .setup-title { align-items: flex-start; }
#workhub-admin .setup-safe-note { display: none; }
#workhub-admin .session-form { display: grid; grid-template-columns: 1fr; margin-top: 16px; }
#workhub-admin .session-form input { width: 100%; }
#workhub-admin .console-layout { display: block; min-height: 0; border-radius: 15px; }
#workhub-admin .console-sidebar { overflow-x: auto; padding: 8px; border-right: 0; border-bottom: 1px solid var(--line); }
#workhub-admin .sidebar-heading { display: none; }
#workhub-admin .console-sidebar nav { display: flex; width: max-content; }
#workhub-admin .nav-item { grid-template-columns: 1fr; justify-items: center; width: 76px; padding: 9px 5px; font-size: 12px; text-align: center; }
#workhub-admin .console-content { padding: 20px 13px 28px; }
#workhub-admin .metrics, #workhub-admin .dashboard-grid, #workhub-admin .card-grid { grid-template-columns: 1fr; }
#workhub-admin .people-toolbar { display: grid; }
#workhub-admin .people-toolbar label:last-child { width: auto; }
#workhub-admin .role-grid { grid-template-columns: 1fr; }
#workhub-admin .deployment-summary { align-items: flex-start; }
#workhub-admin .readiness-item { grid-template-columns: auto 1fr; }
#workhub-admin .readiness-action { grid-column: 2; max-width: none; text-align: left; }
#workhub-admin .release-path { grid-template-columns: 1fr; }
#workhub-admin .release-path > i { display: none; }
#workhub-admin .console-content .page-heading { display: block; }
#workhub-admin .console-content .page-heading > button, #workhub-admin .console-content .page-heading > select { margin-top: 14px; }
#workhub-admin .form-grid { grid-template-columns: 1fr; }
#workhub-admin .form-grid .full { grid-column: auto; }
#workhub-admin .dynamic-fields { grid-template-columns: 1fr; padding-inline: 13px; }
#workhub-admin .wizard-page { padding: 15px; }
#workhub-admin .integration-review { display: block; }
#workhub-admin .integration-review .setup-icon { margin-bottom: 12px; }
#workhub-admin .integration-review dl { grid-template-columns: 1fr; }
}
/* Inherit the live WorkHub palette; no separate theme or application shell. */
#workhub-admin {
 --text:var(--txt); --muted:var(--dim); --faint:var(--dim);
 --brand:var(--acc); --brand-strong:var(--acc2);
 --brand-soft:color-mix(in srgb,var(--acc) 8%,var(--surface1));
 --panel-soft:var(--surface0); --line-strong:var(--line);
 --online:var(--ok); --busy:var(--warn); --danger:var(--hot);
 color:var(--txt); font-size:14px; line-height:1.55; min-width:0;
}
#workhub-admin [hidden] {display:none!important}
#workhub-admin .console-main {width:100%;margin:0;padding:8px 0 30px}
#workhub-admin .page-heading {display:flex;align-items:center;justify-content:space-between;gap:18px}
#workhub-admin .page-heading h1 {font-size:24px;margin:4px 0 5px;letter-spacing:-.6px}
#workhub-admin .page-heading p {margin:0;color:var(--dim);font-size:13px;line-height:1.7}
#workhub-admin .eyebrow {color:var(--dim);font-size:10px;letter-spacing:1.5px}
#workhub-admin .console-heading {margin-bottom:18px}
#workhub-admin .console-heading h1 {font-size:27px}
#workhub-admin .console-layout {border-radius:12px;grid-template-columns:200px minmax(0,1fr);box-shadow:none}
#workhub-admin .console-sidebar {background:var(--surface0);padding:14px 12px}
#workhub-admin .sidebar-heading {padding:18px 10px 7px;font-size:11px;letter-spacing:.7px}
#workhub-admin .nav-item {padding:11px 10px;font-size:13px;white-space:nowrap;border-radius:7px}
#workhub-admin .nav-item span {font-size:14px}
#workhub-admin .nav-item.active {box-shadow:inset 3px 0 var(--acc)}
#workhub-admin .security-note {position:static;margin:26px 0 0;border:0;padding:10px;background:transparent}
#workhub-admin .security-note p {font-size:12px}
#workhub-admin .console-content {padding:24px;min-width:0}
#workhub-admin .connection-panel {padding:13px 18px;border-radius:10px;box-shadow:none;background:var(--panel);gap:16px;align-items:center}
#workhub-admin .connection-panel .eyebrow {display:none}
#workhub-admin .connection-panel h2 {font-size:14px;margin:0 0 4px}
#workhub-admin .connection-panel p {font-size:12px;max-width:620px}
#workhub-admin .connection-panel > div:first-child {min-width:0}
#workhub-admin .session-actions {flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
#workhub-admin .developer-access[open] {position:relative;width:auto;max-width:100%}
#workhub-admin .session-form {flex-wrap:wrap}
#workhub-admin .primary-button {background:var(--acc);box-shadow:none;color:#fff;border:1px solid var(--acc);font-size:13px}
#workhub-admin .secondary-button {font-size:13px}
#workhub-admin .refresh-button {width:auto;min-width:64px;white-space:nowrap;flex-shrink:0}
#workhub-admin button:disabled {opacity:.45;cursor:not-allowed}
#workhub-admin .admin-shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
#workhub-admin .admin-shortcuts button {display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0}
#workhub-admin .admin-shortcuts button:hover {border-color:var(--acc);background:var(--brand-soft)}
#workhub-admin .shortcut-icon {display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--acc);background:var(--brand-soft);font-size:22px;margin-bottom:14px}
#workhub-admin .admin-shortcuts strong {font-size:16px}
#workhub-admin .admin-shortcuts small {font-size:12px;color:var(--dim);margin:5px 0 18px}
#workhub-admin .admin-shortcuts b {font-size:12px;color:var(--acc);margin-top:auto}
#workhub-admin .capability-note {padding:13px 15px;margin-bottom:18px;background:var(--surface0);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:8px;font-size:12px}
#workhub-admin .capability-note strong {font-size:13px}
#workhub-admin .capability-note p {margin:4px 0;color:var(--dim)}
#workhub-admin a {color:var(--acc)}
#workhub-admin .metric-card {box-shadow:none;border-radius:8px;padding:13px}
#workhub-admin .metric-card strong {font-size:22px}
#workhub-admin .metric-card small {font-size:11px;line-height:1.6}
#workhub-admin .panel, #workhub-admin .resource-card, #workhub-admin .role-card {border-radius:10px;box-shadow:none}
#workhub-admin .setup-section {border-radius:10px;box-shadow:none;margin:0 0 20px}
#workhub-admin .panel-title {display:flex;align-items:center;justify-content:space-between;padding:18px;gap:12px;border-bottom:1px solid var(--line)}
#workhub-admin .panel-title h2 {margin:0;font-size:16px}
#workhub-admin .panel-title p {margin:5px 0 0;font-size:12px;color:var(--dim)}
#workhub-admin .setup-guide-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
#workhub-admin .setup-card {min-height:225px;padding:18px}
#workhub-admin .setup-card:nth-child(2n) {border-right:0}
#workhub-admin .setup-card:nth-child(n+3) {border-top:1px solid var(--line)}
#workhub-admin .setup-card h3 {font-size:16px;margin-top:12px}
#workhub-admin .card-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
#workhub-admin .table-panel th {font-size:12px;white-space:nowrap}
#workhub-admin .table-panel td {font-size:13px}
#workhub-admin .table-panel td small {font-size:12px}
#workhub-admin .table-panel table {min-width:710px}
#workhub-admin .status-pill {font-size:11px}
#workhub-admin .people-toolbar {background:var(--surface0);border-radius:8px}
#workhub-admin .people-toolbar input {background:var(--panel)}
#workhub-admin dialog {margin:auto;max-height:90dvh;overflow:auto;position:fixed}
#workhub-admin dialog label {display:block}
#workhub-admin .toggle-row input {width:auto;min-height:0}
#workhub-admin .toggle-row {display:flex}
#workhub-admin .toast {position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;padding:12px 18px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--txt);box-shadow:var(--shadow);max-width:calc(100vw - 40px)}
#workhub-admin .connection-panel:has(.developer-access[open]) {flex-wrap:wrap}
#workhub-admin .connection-panel:has(.developer-access[open]) .session-actions {width:100%}
@media(max-width:1100px){
 #workhub-admin .console-layout {grid-template-columns:170px minmax(0,1fr)}
 #workhub-admin .console-content {padding:18px}
 #workhub-admin .connection-panel {flex-wrap:wrap}
 #workhub-admin .admin-shortcuts {grid-template-columns:1fr}
 #workhub-admin .admin-shortcuts button {display:grid;grid-template-columns:38px 1fr auto;gap:4px 12px}
 #workhub-admin .shortcut-icon {grid-row:1/3;margin:0}
 #workhub-admin .admin-shortcuts small {grid-column:2;margin:0}
 #workhub-admin .admin-shortcuts b {grid-column:3;grid-row:1/3;align-self:center;margin:0}
}
@media(max-width:760px){
 #workhub-admin .console-layout {display:block}
 #workhub-admin .console-heading {display:block}
 #workhub-admin .admin-session-state {margin-top:12px}
 #workhub-admin .console-sidebar {padding:8px;overflow:auto}
 #workhub-admin .console-sidebar nav {display:flex;width:max-content}
 #workhub-admin .sidebar-heading,#workhub-admin .security-note {display:none}
 #workhub-admin .nav-item {display:flex;width:auto;gap:6px;padding:9px;font-size:12px}
 #workhub-admin .console-content {padding:16px 12px}
 #workhub-admin .setup-guide-grid,#workhub-admin .card-grid,#workhub-admin .role-grid {grid-template-columns:1fr}
 #workhub-admin .metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
 #workhub-admin .setup-card {border-right:0;border-bottom:1px solid var(--line)}
 #workhub-admin .setup-card:nth-child(n+3) {border-top:0}
 #workhub-admin .page-heading {align-items:flex-start}
 #workhub-admin .session-actions {flex-shrink:1;justify-content:flex-start}
 #workhub-admin .session-form input {width:100%}
 #workhub-admin .admin-shortcuts b {display:none}
}

/* Shipthis uses the existing WorkHub surface and theme tokens. */
#workhub-admin .shipthis-panel {margin:20px 0;padding:22px;scroll-margin-top:84px;min-width:0}
#workhub-admin .shipthis-panel>header {padding:0;display:flex;justify-content:space-between;gap:16px;align-items:center}
#workhub-admin .shipthis-panel p {color:var(--muted);font-size:12px;line-height:1.7}
#workhub-admin .shipthis-flow {list-style:none;display:flex;gap:24px;padding:16px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#workhub-admin .shipthis-flow li {display:flex;gap:8px;align-items:center;font-size:12px}
#workhub-admin .shipthis-flow b {display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}
#workhub-admin .shipthis-context {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#workhub-admin .shipthis-context dt {color:var(--muted);font-size:11px;margin-bottom:6px}
#workhub-admin .shipthis-context dd {margin:0;font-size:13px;overflow-wrap:anywhere}
#workhub-admin #shipthis-binding-form {margin-top:18px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
#workhub-admin #shipthis-binding-form[hidden] {display:none}
#workhub-admin #shipthis-binding-form .form-grid {padding:0}
#workhub-admin #shipthis-binding-form .toggle-row {margin:16px 0;align-items:flex-start}
#workhub-admin #shipthis-binding-form input[type="checkbox"] {width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0}
#workhub-admin .shipthis-testbar {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 0}
#workhub-admin .shipthis-testbar p {margin-bottom:0}
#workhub-admin .shipthis-hint {overflow-wrap:anywhere}
#workhub-admin .shipthis-stages {list-style:none;margin:12px 0;padding:0}
#workhub-admin .shipthis-stages li {display:flex;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}
#workhub-admin .shipthis-stages .passed {color:var(--green,#21876a)}
#workhub-admin .shipthis-stages .pending {color:var(--muted)}
#workhub-admin .shipthis-capabilities {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#workhub-admin .shipthis-capabilities span {padding:6px 9px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted)}
@media(max-width:760px) {
 #workhub-admin .shipthis-panel {padding:14px}
 #workhub-admin .shipthis-panel>header,#workhub-admin .shipthis-testbar {align-items:flex-start;flex-direction:column}
 #workhub-admin .shipthis-flow {gap:10px;flex-direction:column}
 #workhub-admin .shipthis-context {grid-template-columns:1fr}
 #workhub-admin #shipthis-binding-form .form-grid {grid-template-columns:1fr}
}

/* 企业微信：应用绑定与最近消息（人员与账号页） */
#workhub-admin .wecom-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:16px;margin-bottom:16px}
#workhub-admin .wecom-panel:empty{display:none}
#workhub-admin .wecom-panel p{margin:6px 0}
#workhub-admin .wecom-panel .inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
#workhub-admin .wecom-panel .inline-form label{display:grid;gap:4px;font-size:12px}
#workhub-admin .wecom-messages ul{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto}
#workhub-admin .wecom-messages li{padding:6px 0;border-bottom:1px solid var(--line,rgba(127,127,127,.2))}
#workhub-admin .wecom-messages li p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#workhub-admin .link-button{background:none;border:0;padding:0 0 0 6px;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
@media (max-width:720px){#workhub-admin .wecom-panel{grid-template-columns:1fr}}

/* Shipthis: several regions registered at once */
.shipthis-context-list{border:1px solid var(--line,#d6e0ee);border-radius:10px;padding:10px 12px;margin:10px 0;display:grid;gap:8px}
.shipthis-context-list legend{font-size:13px;padding:0 4px}
.shipthis-context-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center}
.shipthis-context-row label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.shipthis-context-row small{color:var(--dim,#65758d)}
.shipthis-context-state{font-size:12px;white-space:nowrap}
@media (max-width:720px){.shipthis-context-row{grid-template-columns:1fr}}
/* Connection guide (connection_guide.js): personal links + shared-resource access. */
.connection-guide-button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface1);color:inherit;font-size:12px;cursor:pointer}
@media (max-width:720px){.connection-guide-button span{display:none}}
.connection-guide{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface0,#fff);color:var(--text,#1d2633)}
.connection-guide::backdrop{background:rgba(6,12,24,.55)}
.connection-guide .guide-shell{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}
.connection-guide header,.connection-guide footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.connection-guide footer{border-top:1px solid var(--line);border-bottom:0}
.connection-guide header h2{margin:2px 0 0;font-size:18px}
.connection-guide .eyebrow{color:var(--acc,#2b7de9);font-size:12px;letter-spacing:.08em}
.connection-guide .dialog-close{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.connection-guide .guide-body{overflow:auto;padding:4px 18px 14px}
.guide-section{padding:12px 0;border-bottom:1px solid var(--line)}
.guide-section:last-child{border-bottom:0}
.guide-section h3{margin:0 0 4px;font-size:14px}
.guide-section h4{margin:10px 0 2px;font-size:13px;color:var(--dim,#65758d)}
.guide-section p{margin:0 0 8px;color:var(--dim,#65758d);font-size:12px}
.guide-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.guide-row b,.guide-row small{display:block}
.guide-row small{margin-top:2px;color:var(--dim,#65758d);font-size:12px}
.guide-action{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;text-align:right}
.guide-state{padding:2px 8px;border-radius:999px;font-size:12px;white-space:nowrap}
.guide-state.done{background:color-mix(in srgb,#2fb36d 16%,transparent);color:#1f8a52}
.guide-state.wait{background:color-mix(in srgb,#e8a33a 18%,transparent);color:#a86a10}
.connection-guide button.primary-button,.connection-guide button.secondary-button{min-height:32px;padding:0 12px;border-radius:9px;font-size:12px;cursor:pointer}
.connection-guide button.primary-button{border:0;background:var(--acc,#2b7de9);color:#fff}
.connection-guide button.secondary-button{border:1px solid var(--line);background:transparent;color:inherit}
.connection-guide button.link-button{border:0;background:none;color:var(--acc,#2b7de9);font-size:12px;cursor:pointer}
.guide-inline,.guide-resource-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.guide-inline input,.guide-resource-form input,.guide-resource-form select{min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font-size:12px}
.guide-resource-form input[name="address"]{flex:1 1 220px}
.guide-check{display:inline-flex;align-items:center;gap:5px;font-size:12px}
.guide-error{margin:0;color:#c8443b;font-size:12px}
.guide-empty{font-style:italic}
@media (max-width:560px){.guide-row{flex-direction:column;align-items:stretch}.guide-action{justify-content:flex-start;text-align:left}}

/* 2026-10-20 five-tab admin: connection cards, side drawer, folds and grey-button reasons. */
#workhub-admin .health-line { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--muted); font-size: 13px; }
#workhub-admin .health-line span { display: inline-flex; align-items: center; gap: 8px; }
#workhub-admin .health-line .health-dot { width: 8px; height: 8px; box-shadow: none; }
#workhub-admin .attention-item .link-button { margin-left: auto; }
#workhub-admin .page-notes, #workhub-admin .other-connections, #workhub-admin .deployment-fold, #workhub-admin .role-aside { margin-top: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); padding: 10px 14px; }
#workhub-admin .page-notes summary, #workhub-admin .other-connections summary, #workhub-admin .deployment-fold summary, #workhub-admin .role-aside summary { cursor: pointer; font-weight: 700; color: var(--muted); }
#workhub-admin .page-notes p, #workhub-admin .page-notes li { color: var(--muted); font-size: 13px; line-height: 1.6; }
#workhub-admin .people-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 16px; align-items: start; }
#workhub-admin .people-layout .role-aside { margin-top: 0; }
#workhub-admin .role-aside .role-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
#workhub-admin .member-row { cursor: pointer; }
#workhub-admin .member-row:hover td { background: var(--panel-soft); }
#workhub-admin .connection-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
#workhub-admin .connection-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 12px; align-items: start; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
#workhub-admin .connection-card h3 { margin: 0 0 4px; font-size: 16px; }
#workhub-admin .connection-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
#workhub-admin .connection-card.ok { border-color: color-mix(in srgb, var(--online) 45%, var(--line)); }
#workhub-admin .connection-card.warn { border-color: color-mix(in srgb, var(--warning) 45%, var(--line)); }
#workhub-admin .connection-card-action { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; }
#workhub-admin .grey-reason, #workhub-admin .connection-card-action small, #workhub-admin #add-integration-reason { color: var(--faint); font-size: 12px; }
#workhub-admin .other-connections-bar, #workhub-admin .fold-bar, #workhub-admin .section-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0; }
#workhub-admin .section-bar { margin-top: 22px; }
#workhub-admin .section-bar h2 { margin: 0; font-size: 17px; }
#workhub-admin .admin-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 60; width: min(480px, 100vw); overflow-y: auto; padding: 18px 20px 28px; border-left: 1px solid var(--line); background: var(--panel); box-shadow: -18px 0 40px rgba(15, 23, 42, .16); }
#workhub-admin .admin-drawer[hidden] { display: none; }
#workhub-admin .admin-drawer > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
#workhub-admin .admin-drawer > header h2 { margin: 0; font-size: 18px; }
#workhub-admin .drawer-step { margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; display: grid; gap: 8px; }
#workhub-admin .drawer-step h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; }
#workhub-admin .drawer-step h3 b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--panel-soft); font-size: 12px; }
#workhub-admin .drawer-step h4 { margin: 6px 0 0; font-size: 13px; }
#workhub-admin .drawer-step p { margin: 0; font-size: 13px; line-height: 1.55; }
#workhub-admin .drawer-step label { display: grid; gap: 4px; font-size: 13px; }
#workhub-admin .drawer-step input[type="password"], #workhub-admin .drawer-step input[type="text"] { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-soft); }
#workhub-admin .drawer-step .toggle-row { display: flex; gap: 8px; align-items: flex-start; }
#workhub-admin .drawer-step .toggle-row.warn { color: var(--warning); }
#workhub-admin .drawer-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 0; border-top: 1px dashed var(--line); font-size: 13px; }
#workhub-admin label.drawer-row { display: flex; }
#workhub-admin .drawer-row small { color: var(--muted); }
#workhub-admin .drawer-row > small:last-child { flex-basis: 100%; }
#workhub-admin .drawer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
#workhub-admin .drawer-note { color: var(--muted); font-size: 12px; }
#workhub-admin .drawer-ok { color: var(--online); font-size: 13px; }
#workhub-admin .drawer-error { color: var(--danger); font-size: 13px; }
#workhub-admin .check-state { padding: 1px 8px; border-radius: 999px; font-size: 12px; background: var(--panel-soft); }
#workhub-admin .check-state.passed { color: var(--online); }
#workhub-admin .check-state.failed { color: var(--danger); }
#workhub-admin .drawer-policies { margin: 0; padding-left: 4px; list-style: none; font-size: 13px; color: var(--muted); }
#workhub-admin .drawer-policies li.done { color: var(--online); }
#workhub-admin .drawer-list { display: grid; gap: 10px; margin-top: 10px; }
@media (max-width: 900px) {
  #workhub-admin .people-layout { grid-template-columns: 1fr; }
}
#workhub-admin .admin-drawer input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; margin: 1px 0 0; padding: 0; }
#workhub-admin .drawer-step .toggle-row { display: flex; grid-template-columns: none; }
#workhub-admin .admin-drawer label.drawer-row { flex-wrap: nowrap; align-items: center; }
#workhub-admin .admin-drawer label.drawer-row > small:last-child { flex-basis: auto; }
#workhub-admin .admin-drawer .toggle-row { margin: 4px 0; align-items: center; }
#workhub-admin .admin-drawer .toggle-row input[type="checkbox"] { margin: 0; }
#workhub-admin .header-action { display: grid; justify-items: end; gap: 4px; }
#workhub-admin .drawer-step input[type="date"] { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-soft); max-width: 200px; }
.guide-code{padding:4px 10px;border:1px dashed var(--acc,#2b7de9);border-radius:8px;font:700 15px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.12em;user-select:all}
#workhub-admin .drawer-names { display: grid; gap: 6px; } #workhub-admin .drawer-names input[type="text"] { max-width: 260px; }


/* Shipthis 设置 (2026-10-22): region status first, one line per setting, switches per region */
#workhub-admin .st-region, #workhub-admin .st-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 7px 0; border-top: 1px dashed var(--line); font-size: 13px; }
#workhub-admin .st-region > b, #workhub-admin .st-switch > b { min-width: 104px; }
#workhub-admin .st-region small { color: var(--muted); font-size: 12px; }
#workhub-admin .st-region .st-why { flex-basis: 100%; color: var(--danger); }
#workhub-admin .st-badge { padding: 1px 9px; border-radius: 999px; font-size: 12px; background: var(--panel-soft); color: var(--muted); }
#workhub-admin .st-badge.on { color: var(--online); background: color-mix(in srgb, var(--online) 12%, transparent); }
#workhub-admin .st-switch .secondary-button { margin-left: auto; }
#workhub-admin .st-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 13px; }
#workhub-admin .st-live-ask { padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--warning) 10%, transparent); display: grid; gap: 6px; }
#workhub-admin .st-advanced summary, #workhub-admin .st-fold > summary { cursor: pointer; font-size: 12px; color: var(--muted); }
#workhub-admin .st-fold > summary { list-style: none; }
#workhub-admin .st-fold > summary h3 { display: inline-flex; font-size: 15px; color: var(--text, inherit); }
#workhub-admin .st-fold[open] > summary { margin-bottom: 6px; }
#workhub-admin .st-mappings { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 13px; }
#workhub-admin .st-mappings li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
#workhub-admin .st-mappings li span { min-width: 120px; color: var(--muted); }

/* First sign-in guide and new-account dialog (onboarding.js). */
.workhub-onboarding{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:1px solid rgba(110,170,255,.22);border-radius:18px;background:linear-gradient(160deg,#0d1b38,#060d1f);color:#e8f1ff;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(46,120,255,.18)}
.workhub-onboarding::backdrop{background:rgba(3,8,20,.72);backdrop-filter:blur(3px)}
#workhub-onboarding .onb-shell{display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
#workhub-onboarding header{padding:20px 26px 0}
#workhub-onboarding .onb-eyebrow{color:#3ee6ff;font:700 12px/1 ui-monospace,Consolas,monospace;letter-spacing:2px}
#workhub-onboarding .onb-steps{display:flex;gap:8px;margin:14px 0 0;padding:0;list-style:none}
#workhub-onboarding .onb-steps li{display:flex;align-items:center;gap:6px;flex:1;padding:8px 10px;border:1px solid rgba(110,170,255,.18);border-radius:10px;color:#8ea3c2;font-size:12px}
#workhub-onboarding .onb-steps li i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.06);font-style:normal;font-weight:700}
#workhub-onboarding .onb-steps li.on{border-color:#3ee6ff;color:#fff;box-shadow:0 0 14px rgba(62,230,255,.18)}#workhub-onboarding .onb-steps li.on i{background:#3ee6ff;color:#04101f}
#workhub-onboarding .onb-steps li.done{color:#bff7df}#workhub-onboarding .onb-steps li.done i{background:rgba(61,245,168,.18);color:#3df5a8}
#workhub-onboarding .onb-body{overflow:auto;padding:18px 26px 26px}
#workhub-onboarding h2{margin:0 0 6px;color:#fff;font-size:22px;font-weight:750}
#workhub-onboarding input::placeholder{color:#5f7392}
#workhub-onboarding .onb-body>p{margin:0 0 16px;color:#a9bad4;font-size:13px;line-height:1.65}
#workhub-onboarding .onb-form{display:grid;gap:12px}
#workhub-onboarding label{display:grid;gap:6px;color:#c5d4ea;font-size:12px;font-weight:650}
#workhub-onboarding input,#workhub-onboarding select{min-height:44px;padding:0 12px;border:1px solid rgba(120,170,255,.28);border-radius:10px;background:rgba(3,9,22,.7);color:#e8f1ff;font-size:14px}
#workhub-onboarding input:focus,#workhub-onboarding select:focus{outline:none;border-color:#3ee6ff;box-shadow:0 0 0 3px rgba(62,230,255,.16)}
#workhub-onboarding .onb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#workhub-onboarding button.onb-primary{min-height:48px;width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#16a6ff,#6b5cff);color:#fff;font-size:15px;font-weight:750;cursor:pointer;box-shadow:0 8px 24px rgba(40,120,255,.32)}
#workhub-onboarding button.onb-secondary{min-height:44px;padding:0 16px;border:1px solid rgba(120,170,255,.3);border-radius:12px;background:rgba(255,255,255,.04);color:#d6e3f7;font-size:14px;cursor:pointer}
#workhub-onboarding button.onb-link{display:block;margin:14px auto 0;padding:0;border:0;background:none;box-shadow:none;color:#3ee6ff;font-size:12px;cursor:pointer}
#workhub-onboarding .onb-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#workhub-onboarding .onb-row .onb-primary{flex:1;width:auto}#workhub-onboarding .onb-row .onb-link{margin:0 4px}
#workhub-onboarding .onb-error{margin:0;color:#ff8a8a;font-size:12px}
#workhub-onboarding .onb-howto{margin:0 0 14px;padding-left:20px;color:#c5d4ea;font-size:13px;line-height:1.8}
#workhub-onboarding .onb-code{margin:0 0 14px;padding:14px;border:1px dashed #3ee6ff;border-radius:12px;background:rgba(62,230,255,.06);color:#fff;font:700 28px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.2em;text-align:center;user-select:all}
#workhub-onboarding .onb-wait{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;color:#8ea3c2;font-size:12px}
#workhub-onboarding .onb-spin{width:12px;height:12px;border:2px solid rgba(62,230,255,.25);border-top-color:#3ee6ff;border-radius:50%;animation:onb-spin .8s linear infinite}
@keyframes onb-spin{to{transform:rotate(360deg)}}
#workhub-onboarding .onb-ok{display:grid;gap:4px;margin:0 0 14px;padding:14px;border:1px solid rgba(61,245,168,.35);border-radius:12px;background:rgba(61,245,168,.07)}#workhub-onboarding .onb-ok b{color:#3df5a8}#workhub-onboarding .onb-ok span{color:#e8f1ff;font-size:13px}
#workhub-onboarding .onb-shared{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}
#workhub-onboarding .onb-shared li{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(110,170,255,.18);border-radius:10px;background:rgba(3,9,22,.5)}#workhub-onboarding .onb-shared b{font-size:13px;color:#fff}#workhub-onboarding .onb-shared span{color:#8ea3c2;font-size:12px}
#workhub-onboarding .onb-handover{margin:0 0 16px;padding:14px;border:1px solid rgba(110,170,255,.25);border-radius:12px;background:rgba(3,9,22,.7);color:#e8f1ff;font:13px/1.7 inherit;font-family:inherit;white-space:pre-wrap;user-select:all}
@media(prefers-reduced-motion:reduce){#workhub-onboarding .onb-spin{animation:none}}
@media(max-width:520px){#workhub-onboarding .onb-grid{grid-template-columns:1fr}#workhub-onboarding .onb-steps li{font-size:12px;padding:6px}}
.onboarding-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.onboarding-card b,.onboarding-card small{display:block}.onboarding-card small{margin-top:4px;color:var(--dim);font-size:12px;line-height:1.5}.onboarding-card-actions{display:flex;gap:8px;flex-wrap:wrap;flex:none}
@media(max-width:720px){.onboarding-card{flex-direction:column;align-items:stretch}}