.shell .topbar {
  border-radius: var(--radius-xl);
  background: var(--surface-solid);
  box-shadow: var(--shadow-lg);
  border-color: var(--line);
}

.shell .toolbar,
.shell .list-panel,
.shell .viewer-panel,
.shell .panel,
.shell .table-wrap,
.shell .notice,
.shell .auth-panel {
  background: var(--surface-solid);
}

.shell .list-panel,
.shell .viewer-panel,
.shell .panel,
.shell .table-wrap {
  border-radius: var(--radius-xl);
}

.shell .viewer-meta,
.shell .ops-guide-item,
.shell .usage-card,
.shell .meta-card,
.shell .op-card,
.shell .admin-guide,
.shell .admin-guide-item,
.shell .cycle-card,
.shell .cycle-grid div,
.shell .cycle-countdown,
.shell .crumb,
.shell .folder-item,
.shell .doc-item,
.shell .auth-card {
  border-radius: var(--radius-md);
}

.shell .doc-item.active,
.shell .folder-item.active,
.shell .crumb.active {
  border-color: rgba(26, 110, 245, 0.4);
  background: var(--accent-soft);
  box-shadow: 0 0 0 3px rgba(26, 110, 245, 0.1);
}

.shell .badge,
.shell .eyebrow {
  color: var(--text-muted);
}

.shell h1 {
  color: var(--text);
}

.shell .viewer-wrap {
  background: #f4f7fb;
  border-radius: var(--radius-lg);
}

.shell .bg-control,
.shell .switch-inline {
  background: var(--surface-solid);
}

.shell .auth-check,
.shell .switch {
  color: var(--text-muted);
}

.shell .admin-guide {
  border-radius: var(--radius-lg);
  background: #f8fafc;
  border-color: var(--line);
}

.shell .admin-guide-item,
.shell .meta-card,
.shell .op-card,
.shell .usage-card,
.shell .usage-summary p,
.shell .cycle-grid div {
  border-color: var(--line);
  background: var(--surface-solid);
  box-shadow: none;
}

.shell .usage-value,
.shell .summary-value {
  color: var(--text);
}

.shell .notice.error {
  border-color: rgba(192, 37, 62, 0.3);
  color: var(--danger);
  background: var(--danger-soft);
}

.shell .notice.success {
  border-color: rgba(13, 122, 95, 0.3);
  color: var(--success);
  background: var(--success-soft);
}

.shell .cycle-pill,
.shell .cycle-badge {
  min-height: 30px;
  border-width: 1px;
}

.shell .cycle-pill.is-ok,
.shell .cycle-card.is-ok {
  border-color: rgba(100, 185, 155, 0.45);
  background: var(--success-soft);
  color: var(--success);
}

.shell .cycle-pill.is-warn,
.shell .cycle-card.is-warn {
  border-color: rgba(220, 175, 90, 0.45);
  background: var(--warning-soft);
  color: var(--warning);
}

.shell .cycle-pill.is-danger,
.shell .cycle-card.is-danger {
  border-color: rgba(200, 100, 120, 0.45);
  background: var(--danger-soft);
  color: var(--danger);
}

.shell .cycle-pill.is-info,
.shell .cycle-card.is-info {
  border-color: rgba(26, 110, 245, 0.3);
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.shell .cycle-countdown.is-ok strong { color: var(--success); }
.shell .cycle-countdown.is-warn strong { color: var(--warning); }
.shell .cycle-countdown.is-danger strong { color: var(--danger); }
.shell .cycle-countdown.is-info strong { color: var(--accent-strong); }