/* Unified panel/card system for compact operational surfaces. */
:root {
  --ui-panel-bg: #111315;
  --ui-panel-bg-hover: #14171c;
  --ui-panel-border: #161a20;
  --ui-panel-border-hover: #2d3848;
  --ui-panel-radius: 9px;
  --ui-panel-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  --ui-panel-padding: 13px 14px;
  --ui-panel-transition: border-color .15s, background .15s, transform .15s, box-shadow .15s;
  --ui-panel-title-size: 11px;
  --ui-panel-title-weight: 700;
  --ui-panel-title-spacing: .2px;
}

.ui-panel,
.card,
.stat-card,
.position-card,
.inline-guardian-strip,
.guardian-status-bar,
.pb-card,
.pb-lock-row,
.log-card,
.monitor-box,
.risk-lock-strip,
.account-lock-actions,
.journal-entry-card,
.rule-history-card,
.guardian-side-status {
  background: var(--ui-panel-bg) !important;
  border: 1px solid var(--ui-panel-border) !important;
  border-radius: var(--ui-panel-radius) !important;
  box-shadow: var(--ui-panel-shadow);
  transition: var(--ui-panel-transition) !important;
}

.ui-panel:hover,
.card:hover,
.stat-card:hover,
.position-card:hover,
.inline-guardian-strip:hover,
.guardian-status-bar:hover,
.pb-card:hover,
.pb-lock-row:hover,
.log-card:hover,
.monitor-box:hover,
.risk-lock-strip:hover,
.account-lock-actions:hover,
.journal-entry-card:hover,
.rule-history-card:hover,
.guardian-side-status:hover {
  background: var(--ui-panel-bg-hover) !important;
  border-color: var(--ui-panel-border-hover) !important;
  transform: translateY(-1px);
}

.ui-panel:focus-within,
.card:focus-within,
.stat-card:focus-within,
.position-card:focus-within,
.inline-guardian-strip:focus-within,
.guardian-status-bar:focus-within,
.pb-card:focus-within,
.pb-lock-row:focus-within,
.log-card:focus-within,
.monitor-box:focus-within,
.risk-lock-strip:focus-within,
.account-lock-actions:focus-within,
.journal-entry-card:focus-within,
.rule-history-card:focus-within,
.guardian-side-status:focus-within {
  border-color: var(--warning) !important;
  box-shadow: 0 0 0 2px rgba(255, 183, 77, 0.2), var(--ui-panel-shadow);
}

.card,
.stat-card,
.position-card,
.inline-guardian-strip,
.guardian-status-bar,
.pb-card,
.pb-lock-row,
.monitor-box,
.risk-lock-strip,
.account-lock-actions {
  padding: var(--ui-panel-padding) !important;
}

.log-card { overflow: hidden; }
.log-card-header,
.card-header {
  margin-bottom: 12px !important;
}

.card-title,
.sc-label,
.pb-label,
.log-card-title,
.journal-stat-label {
  font-family: var(--mono) !important;
  font-size: var(--ui-panel-title-size) !important;
  font-weight: var(--ui-panel-title-weight) !important;
  letter-spacing: var(--ui-panel-title-spacing) !important;
}

.card::before,
.stat-card::before,
.inline-guardian-strip::before,
.guardian-status-bar::before,
.pb-card::before,
.pb-lock-row::before,
.log-card::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent) !important;
}

.stat-card,
.position-card,
.pb-card,
.risk-lock-strip,
.journal-entry-card {
  border-left: 1px solid var(--ui-panel-border) !important;
}