/* Surfaces */
.content {
  background: transparent;
}

.workspace-card,
.model-workspace,
.agent-info-panel,
.tool-card,
.hardware-detail-panel,
.agent-department-card,
.department-head,
.official-skill-card,
.prompt-skill-card,
.skill-editor-box,
.skill-view-box,
.skill-manager-shell,
.official-skill-panel,
.settings-group {
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius-xl);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--ds-shadow-sm);
}

.workspace-card,
.model-workspace {
  padding: 24px;
}

.workspace-card-head,
.skill-manager-head,
.tool-section-head,
.hardware-detail-head {
  border-bottom-color: var(--ds-line-soft);
}

.workspace-card-head h2,
.model-workspace h2,
.tool-section-head h2,
.skill-manager-head h2,
.agent-info-panel h3,
.skill-editor-title h3,
.settings-head h1,
.settings-panel h2,
.hardware-detail-summary h2,
.hardware-detail-panel h3 {
  color: var(--ds-text);
  font-weight: 720;
  letter-spacing: 0;
}

.workspace-card-head h2,
.model-workspace h2,
.tool-section-head h2,
.skill-manager-head h2 {
  font-size: 22px;
  line-height: 1.28;
}

.settings-head h1 {
  font-size: 28px;
}

.workspace-card-head p,
.model-workspace p,
.tool-card p,
.skill-manager-head p,
.agent-info-panel p,
.skill-editor-tip,
.settings-head p,
.setting-row small,
.voice-note,
.hardware-detail-summary p,
.hardware-detail-panel p {
  color: var(--ds-text-3);
  font-size: 14px;
  line-height: 1.65;
}

/* Controls */
.btn,
.tool-card .btn,
.agent-panel-actions .btn,
.skill-action-btn,
.skill-add-btn,
.official-skill-summary button,
.upload-avatar-btn,
.settings-actions .btn {
  min-height: var(--ds-control);
  border-radius: var(--ds-radius-md);
  padding: 0 14px;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0;
}

.btn:not(.primary):not(.danger):not(.danger-light),
.tool-card .btn,
.agent-panel-actions .btn:not(.primary),
.skill-action-btn,
.upload-avatar-btn {
  border-color: var(--ds-line);
  background: #ffffff;
  color: var(--ds-text);
}

.btn.primary,
.skill-add-btn,
.settings-actions .btn.primary {
  border-color: var(--ds-brand);
  background: var(--ds-brand);
  color: #ffffff;
  box-shadow: var(--shadow);
}

.btn.primary:hover,
.skill-add-btn:hover,
.settings-actions .btn.primary:hover {
  background: var(--ds-brand-dark);
}

.btn.danger,
.btn.danger-light {
  border-color: rgba(201, 53, 53, 0.22);
  background: var(--ds-danger-soft);
  color: var(--ds-danger);
}

.icon-btn {
  border: 1px solid var(--ds-line-soft);
  background: #ffffff;
  color: var(--ds-text-2);
}

.icon-btn:hover,
.icon-btn.active {
  border-color: rgba(27, 61, 130, 0.24);
  background: var(--ds-brand-soft);
  color: var(--ds-brand-dark);
}

.send-action {
  border-color: var(--ds-brand);
  background: var(--ds-brand);
  color: #ffffff;
}

input,
textarea,
select,
.skill-editor-content input,
.skill-editor-content textarea,
.skill-editor-content select,
.agent-builder-form input,
.agent-builder-form textarea,
.agent-builder-form select,
.agent-panel-body input,
.agent-panel-body textarea,
.agent-panel-body select,
.setting-row input,
.setting-row select {
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius-md);
  background: #FFFFFF;
  color: var(--ds-text);
  font-size: 15px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--ds-brand);
  box-shadow: 0 0 0 3px rgba(27, 61, 130, 0.12);
  outline: none;
}

/* Workspace and chat */
.agent-workspace .workspace-card-head {
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius-lg);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--ds-shadow-xs);
}

.agent-workspace .workspace-card-head h2 {
  font-size: 16px;
}

.agent-workspace .workspace-card-head p {
  font-size: 12px;
}

.composer,
.chat-composer,
.agent-workspace .chat-composer {
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius-xl);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--ds-shadow-sm);
}

.composer textarea,
.chat-composer textarea {
  color: var(--ds-text);
  font-size: 14px;
  line-height: 1.56;
}

.composer textarea::placeholder,
.chat-composer textarea::placeholder {
  color: var(--ds-text-faint);
}

.chat-bubble {
  border-radius: var(--ds-radius-lg);
  font-size: 14px;
  line-height: 1.72;
}

.agent-workspace .chat-bubble {
  font-size: 12px;
  line-height: 1.64;
}

.chat-message.assistant .chat-bubble,
.agent-workspace .chat-bubble.ai {
  border: 1px solid var(--ds-line-soft);
  background: rgba(255, 255, 255, 0.97);
  color: var(--ds-text);
  box-shadow: var(--ds-shadow-xs);
}

.chat-message.user .chat-bubble {
  background: var(--ds-brand);
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(27, 61, 130, 0.14);
}

/* Cards and content-specific views */
.tool-card,
.agent-department-card,
.prompt-skill-card,
.official-skill-card {
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.tool-card:hover,
.agent-department-card:hover,
.prompt-skill-card:hover,
.prompt-skill-card.active,
.official-skill-card:hover {
  border-color: rgba(27, 61, 130, 0.28);
  background: #ffffff;
  box-shadow: var(--ds-shadow-sm);
}

.tool-card h3,
.agent-department-card strong,
.prompt-skill-card strong,
.official-skill-card strong {
  color: var(--ds-text);
  font-size: 14px;
  font-weight: 720;
}

.tool-cover,
.hardware-detail-cover {
  border-color: var(--ds-line-soft);
  border-radius: var(--ds-radius-lg);
  background: var(--ds-surface-3);
}

.price,
.hardware-price {
  color: var(--ds-accent);
  font-weight: 720;
}

.official-skill-card span,
.prompt-skill-main span,
.official-skill-card > span,
.selected-agent,
.skill-editor-state,
.tool-section-head span,
.skill-category-title small {
  border: 1px solid rgba(27, 61, 130, 0.16);
  border-radius: 4px;
  background: var(--ds-brand-soft);
  color: var(--ds-brand-dark);
  font-size: 12px;
  font-weight: 700;
}

/* Skill manager */
.skill-library-page {
  width: min(var(--ds-content), 100%);
}

.skill-manager-head {
  padding-bottom: 16px;
}

.skill-manager-head h2 {
  font-size: 20px;
}

.skill-manager-shell {
  gap: 0;
  overflow: hidden;
}

.skill-manager-sidebar {
  border-right: 1px solid var(--ds-line-soft);
  background: rgba(248, 251, 250, 0.86);
}

.skill-manager-side-head {
  margin-bottom: 18px;
  border-bottom: 1px solid var(--ds-line-soft);
  padding-bottom: 14px;
}

.skill-manager-main {
  background: rgba(255,255,255,0.62);
}

.skill-add-btn {
  width: 36px;
  height: 36px;
  min-height: 36px;
  border-radius: 6px;
  padding: 0;
  background: var(--ds-brand);
  box-shadow: 0 8px 20px rgba(27, 61, 130, 0.16);
}

.skill-add-btn svg {
  width: 16px;
  height: 16px;
}

.skill-manager-side-head strong,
.skill-editor-content-head,
.agent-builder-form .field-title {
  color: var(--ds-text);
  font-size: 12px;
  font-weight: 720;
}

.skill-manager-side-head span,
.skill-editor-content-head small {
  color: var(--ds-text-3);
}

.skill-category-title {
  grid-template-columns: 24px minmax(0, 1fr) auto auto;
  min-height: 34px;
  padding: 4px 6px;
  border-radius: var(--ds-radius-md);
  color: var(--ds-text-2);
  font-weight: 720;
}

.skill-category-title:hover {
  background: rgba(27, 61, 130, 0.05);
}

.skill-category-toggle {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ds-text-3);
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease;
}

.skill-category-toggle:hover {
  background: rgba(27, 61, 130, 0.1);
  color: var(--ds-brand-dark);
}

.skill-category-toggle svg {
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
  transition: transform 0.18s ease;
}

.skill-manager-category.collapsed .skill-category-toggle svg {
  transform: rotate(0deg);
}

.skill-manager-category.collapsed .skill-manager-card-list {
  display: none;
}

.skill-category-add {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(27, 61, 130, 0.18);
  border-radius: 6px;
  background: #fff;
  color: var(--ds-brand-dark);
  font-size: 16px;
  font-weight: 760;
  line-height: 1;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.skill-category-add:hover {
  border-color: rgba(27, 61, 130, 0.34);
  background: var(--ds-brand-soft);
  transform: translateY(-1px);
}

.skill-manager-card-list .agent-empty-hint.compact {
  margin: 0;
  padding: 8px 10px;
  border: 1px dashed var(--ds-line);
  border-radius: var(--ds-radius-md);
  background: rgba(255, 255, 255, 0.58);
  color: var(--ds-text-3);
  font-size: 12px;
}

.skill-editor-toolbar {
  border-bottom: 1px solid var(--ds-line-soft);
  background: var(--ds-surface-3);
}

.skill-editor-toolbar i {
  background: var(--ds-line-soft);
}

.skill-editor-content textarea {
  line-height: 1.68;
}

.agent-info-panel pre,
.skill-detail-content,
.agent-example-content {
  border: 1px solid var(--ds-line-soft);
  border-radius: var(--ds-radius-lg);
  background: #f7fbf9;
  color: var(--ds-text);
}

/* Settings */
.settings-page {
  color: var(--ds-text);
  background: var(--ds-bg);
}

.settings-content {
  width: min(860px, calc(100% - 64px));
}

.settings-search {
  height: 36px;
  border: 1px solid var(--ds-line-soft);
  border-radius: var(--ds-radius-md);
  background: #ffffff;
  color: var(--ds-text-3);
}

.setting-row {
  min-height: 68px;
  border-bottom-color: var(--ds-line-soft);
}

.setting-row strong {
  color: var(--ds-text);
  font-size: 12px;
  font-weight: 720;
}

.settings-avatar {
  border-radius: var(--ds-radius-md);
  box-shadow: var(--ds-shadow-xs);
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 4px;
  background: var(--ds-scroll-thumb);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ds-scroll-thumb-hover);
  background-clip: padding-box;
}

/* Workspace functional boards: restrained enterprise product layer. */
:root {
  --ds-board-radius: 6px;
  --ds-card-radius: 6px;
  --ds-hairline: #DEE3DE;
  --ds-hover: rgba(27, 61, 130, 0.06);
  --ds-scroll-thumb: rgba(51, 74, 68, 0.48);
  --ds-scroll-thumb-hover: rgba(28, 48, 43, 0.68);
}

.content {
  padding: 20px 24px 10px;
  background: var(--ds-bg);
}

.panel-head {
  width: min(1120px, 100%);
  align-content: start;
  padding: 26px 0 50px;
}

.panel-head.model-mode,
.panel-head.tools-mode {
  width: min(1180px, 100%);
  max-width: 1180px;
  padding-top: 20px;
}

.workspace-card,
.model-workspace,
.agent-home,
.tool-section,
.hardware-detail,
.skill-library-page,
.agent-builder {
  width: 100%;
}

.workspace-card,
.model-workspace,
.agent-info-panel,
.hardware-detail-panel,
.skill-manager-shell,
.official-skill-panel,
.settings-group {
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-board-radius);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow);
}

.model-workspace {
  min-height: calc(100vh - 122px);
  padding: 26px;
  backdrop-filter: none;
}

.workspace-card-head,
.skill-manager-head,
.tool-section-head,
.hardware-detail-head {
  margin-bottom: 22px;
  border-bottom: 0;
  padding-bottom: 0;
}

.workspace-card-head h2,
.model-workspace h2,
.tool-section-head h2,
.skill-manager-head h2 {
  margin: 0 0 6px;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.22;
  font-weight: 760;
}

.workspace-card-head p,
.model-workspace p,
.tool-card p,
.skill-manager-head p,
.agent-info-panel p,
.hardware-detail-summary p,
.hardware-detail-panel p {
  color: var(--ds-text-3);
  font-size: 12px;
  line-height: 1.72;
}

.agent-empty-state,
.agent-info-panel,
.openclaw-cron-card,
.agent-skill-doc-card,
.agent-empty-hint {
  border: 0;
  border-radius: var(--ds-card-radius);
  background: var(--ds-surface-2);
  box-shadow: none;
}

.agent-empty-state {
  padding: 30px;
}

.agent-empty-state h3 {
  color: var(--ds-text);
  font-size: 20px;
}

.agent-workspace {
  background: var(--ds-bg);
}

.workspace.agent-detail-open .content {
  background: var(--ds-bg);
}

.agent-main-pane {
  padding: 16px 18px 8px;
}

.agent-workspace .workspace-card-head {
  margin: 0 0 12px;
  border: 0;
  border-radius: 0;
  padding: 0 2px;
  background: transparent;
  box-shadow: none;
}

.agent-workspace .workspace-card-head h2 {
  font-size: 18px;
}

.agent-workspace .workspace-card-head p {
  color: var(--ds-text-3);
  font-size: 12px;
}

.agent-workspace .agent-panel-body {
  border-radius: var(--ds-board-radius);
}

.chat-history {
  gap: 18px;
  padding: 10px 12px 18px;
}

.agent-workspace .chat-history {
  padding: 10px 4px 12px;
}

.chat-bubble {
  max-width: min(680px, 68%);
  border: 0;
  border-radius: 6px;
  padding: 10px 13px;
  box-shadow: none;
}

.agent-workspace .chat-bubble {
  max-width: min(640px, 68%);
  padding: 9px 12px;
  font-size: 12px;
}

.chat-message.assistant .chat-bubble,
.agent-workspace .chat-bubble.ai {
  border: 0;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(20, 35, 31, 0.05);
}

.chat-message.user .chat-bubble {
  background: var(--ds-brand);
  box-shadow: 0 8px 20px rgba(27, 61, 130, 0.14);
}

.composer,
.chat-composer,
.agent-workspace .chat-composer {
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-board-radius);
  padding: 10px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.composer-actions {
  border-top-color: var(--ds-line-soft);
}

.prompt-chip,
.attachment-chip,
.message-attachments span,
.model-package-select,
.selected-agent,
.mcp-chip,
.agent-capability-metrics span,
.tool-section-head span,
.skill-editor-state {
  border: 0;
  background: var(--ds-brand-soft);
  color: var(--ds-brand-dark);
  box-shadow: none;
}

.prompt-chip {
  border-radius: var(--ds-card-radius);
  color: var(--ds-text-2);
}

.tool-library {
  display: grid;
  gap: 28px;
}

.tool-section {
  display: grid;
  gap: 16px;
}

.tool-section-head {
  margin: 0;
}

.tool-cards {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 14px;
}

.tool-card,
.agent-department-card,
.prompt-skill-card,
.official-skill-card {
  border: 1px solid transparent;
  border-radius: var(--ds-card-radius);
  padding: 14px;
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(20, 35, 31, 0.06);
}

.tool-card:hover,
.agent-department-card:hover,
.prompt-skill-card:hover,
.prompt-skill-card.active,
.official-skill-card:hover {
  border-color: rgba(27, 61, 130, 0.18);
  background: #ffffff;
  box-shadow: var(--shadow);
}

.tool-cover,
.hardware-detail-cover {
  height: 136px;
  border: 0;
  border-radius: 6px;
  background: var(--ds-surface-2);
    var(--ds-surface-3);
}

.tool-card h3,
.agent-department-card strong,
.prompt-skill-card strong,
.official-skill-card strong {
  font-size: 14px;
  line-height: 1.35;
}

.tool-card-footer {
  margin-top: 12px;
}

.btn,
.tool-card .btn,
.agent-panel-actions .btn,
.skill-action-btn,
.skill-add-btn,
.official-skill-summary button,
.upload-avatar-btn,
.settings-actions .btn {
  border-radius: 6px;
}

.hardware-detail-hero,
.hardware-detail-panel {
  border: 1px solid var(--ds-hairline);
  border-radius: var(--ds-board-radius);
  box-shadow: 0 8px 24px rgba(20, 35, 31, 0.06);
}

.hardware-detail-body {
  gap: 14px;
}

.agent-builder-form {
  gap: 14px;
}

.builder-grid {
  gap: 14px;
}

.agent-builder-form .field {
  gap: 7px;
  font-weight: 700;
}

.agent-builder-form input,
.agent-builder-form select,
.agent-builder-form textarea,
.agent-panel-body input,
.agent-panel-body textarea,
.agent-panel-body select {
  border-color: var(--ds-hairline);
  border-radius: 6px;
  background: #ffffff;
}

.mcp-picker,
.skill-editor-box,
.skill-view-box,
.agent-info-panel pre,
.skill-detail-content,
.agent-example-content {
  border: 0;
  border-radius: var(--ds-card-radius);
  background: var(--ds-surface-2);
  box-shadow: none;
}

.mcp-option-list {
  border: 0;
  border-radius: 6px;
  background: #ffffff;
}

.mcp-option-list .mcp-option {
  border-bottom-color: var(--ds-line-soft);
}

.skill-manager-shell {
  overflow: hidden;
}

.skill-manager-sidebar {
  border-right: 1px solid var(--ds-line-soft);
  background: var(--ds-surface-2);
}

.skill-manager-main {
  background: #ffffff;
}

.skill-category-title:hover,
.mcp-dropdown-option:hover {
  background: var(--ds-hover);
}

.openclaw-skill-item,
.agent-selected-skill-item,
.openclaw-cron-card {
  border: 0;
  border-radius: var(--ds-card-radius);
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(20, 35, 31, 0.06);
}

.agent-panel-title-row {
  margin-bottom: 16px;
}

.agent-capability-metrics {
  margin: 10px 0 16px;
}

.agent-workspace-docs {
  gap: 10px;
}

@media (max-width: 980px) {
  .content {
    padding: 14px;
  }

  .model-workspace {
    min-height: auto;
    padding: 20px;
  }

  .agent-main-pane {
    padding: 14px;
  }

  .builder-grid,
  .hardware-detail-hero,
  .hardware-detail-body {
    grid-template-columns: 1fr;
  }

  .chat-bubble,
  .agent-workspace .chat-bubble {
    max-width: 86%;
  }
}


/* White-on-white separation: keep surfaces readable without heavy boxes. */
.workspace-card,
.model-workspace,
.settings-group,
.tool-card,
.official-skill-card,
.prompt-skill-card,
.hardware-detail-panel,
.hardware-detail-hero,
.composer,
.chat-composer,
.mcp-option-list,
.skill-manager-shell {
  border-color: var(--ds-hairline);
}

.tool-card,
.agent-department-card,
.department-head,
.official-skill-card,
.prompt-skill-card,
.openclaw-skill-item,
.agent-selected-skill-item,
.openclaw-cron-card {
  border: 1px solid var(--ds-line-soft);
}

/* Premium color pass: stronger contrast for functional displays on light pages. */
:root {
  --ds-premium-ink: #10201d;
  --ds-premium-blue: #172b38;
  --ds-premium-muted: #eef3f4;
  --ds-premium-muted-2: #f5f7f7;
  --ds-premium-line: rgba(31, 50, 57, 0.2);
  --ds-premium-line-strong: rgba(45, 68, 74, 0.28);
  --ds-premium-chip: #2f5f57;
  --ds-premium-chip-hover: #274f49;
  --ds-premium-chip-text: #f7fbfa;
  --ds-premium-warm: #a94f1d;
}

.tool-card,
.official-skill-card,
.prompt-skill-card,
.openclaw-skill-item,
.agent-selected-skill-item,
.openclaw-cron-card {
  border-color: var(--ds-premium-line);
  background: #ffffff;
  box-shadow: 0 1px 0 rgba(16, 32, 29, 0.05), 0 10px 26px rgba(17, 35, 40, 0.04);
}

.tool-card:hover,
.agent-department-card:hover,
.department-head:hover,
.official-skill-card:hover,
.prompt-skill-card:hover,
.prompt-skill-card.active,
.openclaw-skill-item:hover,
.agent-selected-skill-item:hover,
.openclaw-cron-card:hover {
  border-color: var(--ds-premium-line-strong);
  box-shadow: 0 1px 0 rgba(16, 32, 29, 0.08), 0 16px 34px rgba(17, 35, 40, 0.08);
}

.skill-editor-tip,
.agent-empty-hint,
.mcp-picker,
.agent-info-panel pre,
.skill-detail-content,
.agent-example-content {
  border-color: var(--ds-premium-line);
  background: var(--ds-premium-muted-2);
  color: var(--ds-text-2);
}

.prompt-chip,
.attachment-chip,
.message-attachments span {
  border: 1px solid var(--ds-premium-line);
  background: #ffffff;
  color: var(--ds-premium-blue);
  box-shadow: 0 1px 0 rgba(16, 32, 29, 0.04);
}

.prompt-chip:hover,
.attachment-chip:hover,
.message-attachments span:hover {
  border-color: var(--ds-premium-line-strong);
  background: var(--ds-premium-muted-2);
  color: var(--ds-premium-ink);
}

.official-skill-card span,
.prompt-skill-main span,
.official-skill-card > span,
.skill-editor-state,
.agent-capability-metrics span,
.mcp-chip {
  border: 1px solid rgba(21, 59, 53, 0.22);
  background: var(--ds-premium-chip);
  color: var(--ds-premium-chip-text);
  box-shadow: none;
}

.official-skill-card span:hover,
.prompt-skill-main span:hover,
.official-skill-card > span:hover,
.skill-editor-state:hover,
.agent-capability-metrics span:hover,
.mcp-chip:hover {
  background: var(--ds-premium-chip-hover);
  color: var(--ds-premium-chip-text);
}

.tool-section-head span,
.skill-category-title small,
.model-package-select,
.selected-agent {
  border: 1px solid var(--ds-premium-line);
  background: var(--ds-premium-muted);
  color: var(--ds-premium-ink);
}

.model-package-select select {
  color: var(--ds-premium-ink);
}

.department-head button,
.agent-department-card button,
.sub-agent-row button,
.sub-conversation button,
.attachment-chip button {
  border: 1px solid var(--ds-premium-line);
  background: var(--ds-premium-muted);
  color: var(--ds-premium-ink);
  box-shadow: none;
}

.department-head button:hover,
.agent-department-card button:hover,
.sub-agent-row button:hover,
.sub-conversation button:hover,
.attachment-chip button:hover {
  border-color: rgba(47, 95, 87, 0.42);
  background: #dfe9e8;
  color: #17352f;
}

.tool-card .btn:not(.primary):not(.danger):not(.danger-light) {
  border: 1px solid var(--ds-premium-line-strong);
  background: #ffffff;
  color: var(--ds-premium-ink);
}

.tool-card .btn:not(.primary):not(.danger):not(.danger-light):hover {
  border-color: rgba(47, 95, 87, 0.42);
  background: #dfe9e8;
  color: #17352f;
}

.price,
.hardware-price,
.tool-card .price {
  color: var(--ds-premium-warm);
}

/* Desktop typography calibration: keep data-dense UI readable on wide screens. */
@media (min-width: 861px) {
  .dashboard-hero p,
  .dashboard-card p,
  .dashboard-section-title p,
  .dashboard-agent-item small,
  .dashboard-empty {
    font-size: 13px;
  }

  .dashboard-card-head span,
  .dashboard-meta-row span {
    font-size: 13px;
  }

  .dashboard-section-title h3 {
    font-size: 18px;
  }

.dashboard-agent-item strong {
    font-size: 15px;
  }
}