/**
 * Unified Vala assistant surface — shared shell with dashboard orb + premium dark card.
 * Enqueued after route/page CSS so these tokens win over legacy light suggestion styles.
 *
 * @package valahub-child
 */

/* --- Shared assistant cards (accounts, wallets, flows, calendar, future, receivables, records) --- */
.vala-assistant-shell.accounts-assistant-card.accounts-bottom-card--premium {
  background: linear-gradient(135deg, rgba(15, 50, 92, 0.72), rgba(14, 97, 126, 0.42));
  border: 1px solid rgba(125, 211, 252, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 30px rgba(2, 8, 23, 0.14);
}

.vala-assistant-shell.accounts-assistant-card.accounts-bottom-card--premium .accounts-assistant-kicker {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  font-size: clamp(18px, 1.12vw, 22px);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: rgba(224, 242, 254, 0.96);
}

.vala-assistant-shell.accounts-assistant-card.accounts-bottom-card--premium .accounts-assistant-kicker .accounts-assistant-kicker-label {
  color: inherit;
}

.vala-assistant-shell.accounts-assistant-card.accounts-bottom-card--premium .accounts-assistant-main {
  margin: 4px 0 0;
  font-size: var(--vala-text-base);
  font-weight: 650;
  line-height: 1.4;
  color: rgba(248, 250, 252, 0.94);
}

.vala-assistant-shell.accounts-assistant-card.accounts-bottom-card--premium .accounts-assistant-sub {
  margin: 2px 0 0;
  font-size: var(--vala-text-sm);
  line-height: 1.45;
  color: rgba(186, 230, 253, 0.78);
}

/* --- Dashboard workspace suggestion column (same shell as Hesaplar assistant) --- */
.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell {
  background: linear-gradient(135deg, rgba(15, 50, 92, 0.72), rgba(14, 97, 126, 0.42));
  border: 1px solid rgba(125, 211, 252, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 30px rgba(2, 8, 23, 0.14);
}

.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell.dashboard-suggestion-card--fa-maturity-early,
.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell.dashboard-suggestion-card--fa-maturity-active,
.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell.dashboard-suggestion-card--fa-maturity-advanced {
  border-color: rgba(125, 211, 252, 0.2);
  background: linear-gradient(135deg, rgba(15, 50, 92, 0.72), rgba(14, 97, 126, 0.42));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 30px rgba(2, 8, 23, 0.14);
}

.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell .dashboard-suggestion-kicker {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  font-size: clamp(18px, 1.12vw, 22px);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: rgba(224, 242, 254, 0.96);
}

.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell .dashboard-suggestion-main {
  margin: 4px 0 0;
  font-size: var(--vala-text-base);
  font-weight: 650;
  line-height: 1.4;
  color: rgba(248, 250, 252, 0.94);
}

.dashboard-layout-stack .dashboard-suggestion-card.vala-assistant-shell .dashboard-suggestion-sub {
  margin: 2px 0 0;
  font-size: var(--vala-text-sm);
  line-height: 1.45;
  color: rgba(186, 230, 253, 0.78);
}

/* --- Legacy dashboard widget bundle (`vala-widgets.js`) — same shell as full dashboard assistant --- */
.vala-dashboard-layout-stack .vala-card.vala-dashboard-suggestion.vala-assistant-shell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: var(--vala-card-padding, 16px) clamp(16px, 1.4vw, 24px);
  border-radius: var(--vala-radius-lg, 16px);
  background: linear-gradient(135deg, rgba(15, 50, 92, 0.72), rgba(14, 97, 126, 0.42));
  border: 1px solid rgba(125, 211, 252, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 30px rgba(2, 8, 23, 0.14);
  color: rgba(248, 250, 252, 0.96);
}

.vala-dashboard-layout-stack .vala-card.vala-dashboard-suggestion.vala-assistant-shell .dashboard-suggestion-kicker,
.vala-dashboard-layout-stack .vala-card.vala-dashboard-suggestion.vala-assistant-shell .vala-dashboard-suggestion__kicker {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  font-size: clamp(18px, 1.12vw, 22px);
  font-weight: 800;
  letter-spacing: 0.01em;
  color: rgba(224, 242, 254, 0.96);
}

.vala-dashboard-layout-stack .vala-card.vala-dashboard-suggestion.vala-assistant-shell .vala-card__text {
  color: rgba(248, 250, 252, 0.94);
}

.vala-dashboard-layout-stack .vala-card.vala-dashboard-suggestion.vala-assistant-shell .vala-dashboard-suggestion__sub {
  color: rgba(186, 230, 253, 0.78);
}