/* Graphite Theme Harmonization */
.sidebar,
.topbar,
.builder-topbar,
.logs-head {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(29, 31, 35, 0.96), rgba(23, 25, 29, 0.96));
}

.card,
.settings-card,
.proxy-section,
.proxy-diag-card,
.proxy-card,
.proxy-option,
.stack-item,
.activity-item,
.command-history-item,
.plugin-item,
.macro-item,
.logs-card,
.incident-card,
.notifications-card,
.schedule-card,
.team-card,
.modal-card,
.builder-save-card,
.builder-left,
.builder-center,
.builder-right,
.palette-group,
.palette-btn,
.node-card,
.settings-guidance,
.settings-option,
.settings-preset-block,
.target-list,
.dashboard-profile-actions,
.link-btn,
.dash-chat-log,
.terminal-log,
.dashboard-slot-menu,
.dashboard-item-tooltip,
.dash-item-nbt {
  border-color: var(--line);
  background: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-0) 100%);
  color: var(--text-0);
}

.nav-item {
  color: var(--text-2);
}

.nav-item:hover {
  color: var(--text-0);
  background: rgba(255, 255, 255, 0.06);
}

.nav-item.active {
  color: var(--text-0);
  background: linear-gradient(90deg, rgba(127, 151, 191, 0.2), rgba(255, 255, 255, 0.05));
}

.nav-item.active::before {
  background: linear-gradient(180deg, #90a6c9 0%, #7f97bf 100%);
}

.settings-tab,
.dashboard-tab,
.runtime-engine-top,
.status-chip,
.dashboard-pill,
.status-pill,
.logs-chip,
.builder-pill {
  border-color: var(--line);
  background: #101828;
  color: var(--text-1);
}

.settings-tab.active,
.dashboard-tab.active {
  border-color: rgba(127, 151, 191, 0.38);
  background: #16213a;
  color: var(--text-0);
}

.btn,
.profile-bulk-btn,
.profile-action-btn,
.profile-create-btn {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(54, 56, 62, 0.98) 0%, rgba(44, 46, 52, 0.98) 100%);
  color: var(--text-0);
}

.btn-primary {
  border-color: rgba(127, 151, 191, 0.5);
  background: linear-gradient(180deg, #6e86ac 0%, #5f7699 100%);
  color: #f7f9fc;
}

.btn-success {
  border-color: rgba(127, 168, 142, 0.42);
  background: linear-gradient(180deg, #617d6c 0%, #567061 100%);
}

.btn-warning {
  border-color: rgba(168, 149, 116, 0.42);
  background: linear-gradient(180deg, #786c59 0%, #6b6050 100%);
}

.btn-danger {
  border-color: rgba(159, 125, 125, 0.44);
  background: linear-gradient(180deg, #785f5f 0%, #6c5656 100%);
}

.status-chip.online,
.logs-chip.online {
  border-color: rgba(127, 168, 142, 0.42);
  background: rgba(66, 82, 72, 0.56);
  color: #deebe1;
}

.status-chip.offline,
.logs-chip.offline {
  border-color: rgba(159, 125, 125, 0.46);
  background: rgba(84, 65, 65, 0.56);
  color: #ecdede;
}

.profile-picker-trigger,
.profile-dropdown,
.profile-bulk-actions,
.profile-dropdown-row.active,
.settings-chip,
.settings-slot-cell,
.logs-toggle,
.proxy-row,
.proxy-field input,
.proxy-field select,
.proxy-field textarea {
  border-color: var(--line);
  background: #101828;
  color: var(--text-0);
}

.proxy-card.active,
.proxy-option.active {
  border-color: rgba(127, 151, 191, 0.46);
  box-shadow: 0 0 0 1px rgba(127, 151, 191, 0.24);
}

.proxy-badge {
  background: rgba(127, 151, 191, 0.18);
  color: #cad5e8;
}

.dashboard-profile-uuid,
.dashboard-profile-host,
.dashboard-profile-proxy,
.dashboard-profile-status,
.dashboard-profile-stats span,
.dashboard-profile-stats span strong,
.window-tabs,
.plugin-item .meta,
.macro-item .meta,
.settings-help-caption,
.logs-count {
  color: var(--text-2);
}

.dash-view-link,
.link-btn {
  color: #c9d5e8;
}

.builder {
  background:
    radial-gradient(circle at 18% -16%, rgba(255, 255, 255, 0.03), transparent 34%),
    linear-gradient(180deg, #101113 0%, #0b0b0c 100%);
}

.builder-canvas {
  background-color: #15171a;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    radial-gradient(circle, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
}

.builder-links path {
  filter: drop-shadow(0 0 3px rgba(127, 151, 191, 0.2));
}

.node-handle.in {
  background: #96abc8;
}

.node-handle.out {
  background: #a8b8ce;
}

.node-handle.active {
  box-shadow:
    0 0 0 2px rgba(17, 18, 21, 0.8),
    0 0 0 4px rgba(127, 151, 191, 0.34);
}

.logs-head {
  border-bottom: 1px solid var(--line);
}

.logs-console {
  background: linear-gradient(180deg, rgba(26, 28, 32, 0.98) 0%, rgba(20, 21, 24, 0.98) 100%);
}

.logs-console .line.log {
  color: #e5e8ee;
}

.logs-console .line.runtime {
  color: #d1d9e6;
}

.logs-console .line.status {
  color: #d8ccb7;
}

.logs-console .line.error {
  color: #e5cbcb;
}



/* Mobile Responsiveness for Macro Builder */
@media (max-width: 768px) {
  .builder-left,
  .builder-right {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background: rgba(17, 24, 34, 0.95);
  }
  .builder-right .builder-scroll {
    padding-bottom: 80px;
  }
  .builder-topbar {
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
  }
  .builder-top-actions {
    width: 100%;
    justify-content: space-between;
    margin-top: 4px;
  }
  .builder-pill {
    font-size: 10px;
    padding: 2px 4px;
  }
}