/* پنل آنیار ۸/۹ — دفتر صوتی و پاسخ‌های یکپارچه */
/* === Voice Ledger: compact, flat and information-dense === */
.connected .debt-summary {
  gap: 8px;
  margin-block: 10px 14px;
}
.connected .debt-summary > article {
  min-height: 0;
  padding: 11px 13px;
  border-radius: 14px;
}
.connected .debt-summary :is(p, small) { margin: 0; font-size: 11.5px; }
.connected .debt-summary strong { font: 680 17px var(--font-data); }
.connected .people-card { padding: 14px 16px; }
.connected .person-search { margin: 10px 0 4px; }
.connected .person-search input { min-height: 44px; padding-block: 8px; }
.connected .person-account {
  grid-template-columns: 36px minmax(0, 1fr) minmax(100px, auto) 12px;
  gap: 9px;
  min-height: 62px;
  padding: 8px 2px;
  border-radius: 0;
}
.connected .person-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--aurora-aqua);
  background: color-mix(in srgb, var(--aurora-aqua) 10%, transparent);
  font-size: 13px;
}
.connected :is(.person-identity, .person-balance) { gap: 2px; }
.connected .person-identity b { font-size: 14px; }
.connected .person-account small { font-size: 11.5px; }
.connected .person-balance strong { font-size: 13.5px; }

.connected .product-list {
  overflow: visible;
  border: 1px solid var(--aurora-border);
  border-radius: 17px;
  background: var(--aurora-card);
}
.connected .product-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto minmax(150px, auto) 44px;
  gap: 12px;
  align-items: center;
  min-height: 62px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--aurora-border);
}
.connected .product-row:last-child { border-bottom: 0; }
.connected .product-main { display: flex; gap: 10px; align-items: center; min-width: 0; }
.connected .product-mark {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--aurora-blue);
  background: color-mix(in srgb, var(--aurora-blue) 10%, transparent);
  font-size: 13px;
}
.connected .product-main div { min-width: 0; }
.connected .product-main h3 { margin: 0 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.connected .product-row small { color: var(--aurora-muted); font-size: 11.5px; }
.connected .product-price { display: grid; gap: 2px; text-align: left; }
.connected .product-price strong { font: 680 14px var(--font-data); }
.connected .product-actions { position: relative; }
.connected .product-actions > summary {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  list-style: none;
  border-radius: 12px;
  color: var(--aurora-muted);
  cursor: pointer;
}
.connected .product-actions > summary::-webkit-details-marker { display: none; }
.connected .product-actions[open] > summary { color: var(--aurora-aqua); background: color-mix(in srgb, var(--aurora-aqua) 9%, transparent); }
.connected .product-actions > div {
  position: absolute;
  z-index: 7;
  inset-inline-end: 0;
  top: 46px;
  min-width: 145px;
  padding: 5px;
  border: 1px solid var(--aurora-border-strong);
  border-radius: 13px;
  background: var(--aurora-card-strong);
  box-shadow: 0 18px 48px -22px rgba(0,0,0,.8);
}
.connected .product-actions button { width: 100%; min-height: 42px; padding: 7px 10px; border: 0; border-radius: 9px; text-align: right; color: var(--aurora-text); background: transparent; }
.connected .product-actions button:hover { background: color-mix(in srgb, var(--aurora-aqua) 8%, transparent); }

.connected .voice-archive-toolbar { align-items: start; gap: 8px; }
.connected .archive-filter-shell {
  width: min(100%, 420px);
  border: 1px solid var(--aurora-border);
  border-radius: 14px;
  background: var(--aurora-card);
}
.connected .archive-filter-shell > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 12px;
  list-style: none;
  cursor: pointer;
}
.connected .archive-filter-shell > summary::-webkit-details-marker { display: none; }
.connected .archive-filter-shell > summary span { color: var(--aurora-muted); font-size: 12px; }
.connected .archive-filter-shell > summary b { color: var(--aurora-text); font-size: 13px; }
.connected .archive-filter-shell .archive-day-picker { margin: 0; padding: 10px; border: 0; border-top: 1px solid var(--aurora-border); }
.connected .voice-archive-list { gap: 7px; }
.connected .voice-archive-item { padding: 10px 12px; border-radius: 13px; }
.connected .voice-archive-head { gap: 5px 10px; }
.connected .voice-archive-head q {
  min-width: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.7;
  font-size: 13px;
}
.connected .voice-archive-head > div { gap: 5px 8px; flex-wrap: wrap; font-size: 11px; }
.connected .voice-archive-status { padding: 2px 7px; font-size: 10.5px; }
.connected .voice-archive-item details { margin-top: 2px; }
.connected .voice-archive-item summary { min-height: 36px; font-size: 12px; }
.connected .archive-insight-answer {
  margin-top: 7px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--aurora-aqua) 20%, var(--aurora-border));
  border-radius: 15px;
  background: color-mix(in srgb, var(--aurora-aqua) 6%, transparent);
}
.connected .archive-insight-answer span { color: var(--aurora-aqua); font-size: 10.5px; font-weight: 760; }
.connected .archive-insight-answer p { margin: 4px 0 0; white-space: pre-line; color: var(--aurora-text); font-size: 13px; font-weight: 680; line-height: 1.85; }

.connected .category-tone-control { display: grid; grid-template-columns: 52px 1fr; gap: 10px; align-items: end; }
.connected .category-tone-control label { margin: 0; }
.connected .category-tone-preview {
  --tone: var(--aurora-aqua);
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--tone);
  background: color-mix(in srgb, var(--tone) 12%, transparent);
}
.connected .category-tone-preview svg { width: 24px; height: 24px; }
.connected .feature-form[data-category-tone="violet"] { --category-tone: var(--aurora-violet); }
.connected .feature-form[data-category-tone="amber"] { --category-tone: #f5c667; }
.connected .feature-form[data-category-tone="rose"] { --category-tone: var(--aurora-coral); }
.connected .feature-form[data-category-tone="blue"] { --category-tone: var(--aurora-blue); }
.connected .feature-form[data-category-tone="aqua"] { --category-tone: var(--aurora-aqua); }
.connected .feature-form[data-category-tone] .category-tone-preview { --tone: var(--category-tone); }
.connected .feature-form[data-category-tone] .category-icon-picker input:checked + span {
  border-color: var(--category-tone);
  color: var(--category-tone);
  background: color-mix(in srgb, var(--category-tone) 11%, transparent);
}
.connected .feature-form[data-category-tone] .category-icon-picker input:focus-visible + span { outline-color: var(--category-tone); }

.connected .insight-assistant {
  position: relative;
  overflow: hidden;
  margin: 12px 0 16px;
  padding: 15px;
  border: 1px solid color-mix(in srgb, var(--aurora-aqua) 22%, var(--aurora-border));
  border-radius: 20px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--aurora-card) 92%, var(--aurora-aqua)), var(--aurora-card));
}
.connected .insight-assistant::after {
  content: "";
  position: absolute;
  width: 180px; height: 180px;
  top: -120px; inset-inline-end: -45px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--aurora-aqua) 10%, transparent);
  filter: blur(12px);
  pointer-events: none;
}
.connected .insight-assistant-head { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
.connected .insight-assistant-head div { min-width: 0; }
.connected .insight-assistant-head :is(p,h3) { margin: 0; }
.connected .insight-assistant-head p { color: var(--aurora-aqua); font-size: 11px; }
.connected .insight-assistant-head h3 { font-size: 16px; }
.connected .insight-private { margin-inline-start: auto; padding: 5px 8px; border-radius: 999px; color: var(--aurora-muted); background: color-mix(in srgb, var(--aurora-muted) 8%, transparent); font-size: 10.5px; }
.connected .insight-assistant-orb { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; gap: 2px; border-radius: 12px; color: var(--aurora-aqua); background: color-mix(in srgb, var(--aurora-aqua) 10%, transparent); }
.connected .insight-assistant-orb i { width: 2px; height: 9px; border-radius: 9px; background: currentColor; animation: insight-wave 1s ease-in-out infinite alternate; }
.connected .insight-assistant-orb i:nth-child(2n) { height: 17px; animation-delay: -300ms; }
.connected .insight-assistant-orb i:nth-child(3) { height: 23px; animation-delay: -600ms; }
.connected .insight-prompts { display: flex; gap: 6px; overflow-x: auto; padding: 12px 0 9px; scrollbar-width: none; }
.connected .insight-prompts::-webkit-scrollbar { display: none; }
.connected .insight-prompts button { flex: 0 0 auto; min-height: 38px; padding: 7px 10px; border: 1px solid var(--aurora-border); border-radius: 999px; color: var(--aurora-muted); background: transparent; font: 12px inherit; }
.connected .insight-prompts button:hover { color: var(--aurora-text); border-color: color-mix(in srgb, var(--aurora-aqua) 35%, var(--aurora-border)); }
.connected .insight-question-form label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.connected .insight-compose { display: grid; grid-template-columns: minmax(0,1fr) 44px auto; gap: 6px; }
.connected .insight-compose input { min-height: 44px; }
.connected .insight-compose button { min-height: 44px; border: 0; border-radius: 12px; }
.connected .insight-mic { width: 44px; color: var(--aurora-aqua); background: color-mix(in srgb, var(--aurora-aqua) 10%, transparent); }
.connected .insight-mic svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.connected .insight-send { padding-inline: 17px; color: #052d2d; background: var(--aurora-aqua); font-weight: 760; }
.connected .insight-error { min-height: 0; margin: 6px 0 0; color: var(--aurora-coral); font-size: 12px; }
.connected .insight-answer { margin-top: 10px; padding: 12px 13px; border: 1px solid color-mix(in srgb, var(--aurora-aqua) 20%, var(--aurora-border)); border-radius: 17px; background: color-mix(in srgb, var(--aurora-aqua) 6%, var(--aurora-bg)); }
.connected .insight-answer-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--aurora-aqua); font-size: 11px; }
.connected .insight-answer-head div { display: flex; gap: 4px; }
.connected .insight-answer-head button { min-height: 36px; padding: 5px 9px; border: 0; border-radius: 10px; color: var(--aurora-muted); background: color-mix(in srgb, var(--aurora-muted) 8%, transparent); }
.connected .insight-answer > p { margin: 8px 0; white-space: pre-line; color: var(--aurora-text); line-height: 1.9; font-size: 13.5px; font-weight: 690; }
.connected .insight-metrics { display: flex; gap: 6px; overflow-x: auto; }
.connected .insight-metrics span { flex: 0 0 auto; display: grid; gap: 2px; min-width: 120px; padding: 7px 9px; border: 1px solid var(--aurora-border); border-radius: 11px; }
.connected .insight-metrics small { color: var(--aurora-muted); font-size: 10.5px; }
.connected .insight-metrics b { font: 650 12.5px var(--font-data); }
@keyframes insight-wave { to { transform: scaleY(.45); opacity: .6; } }

[data-theme="light"] .connected :is(.product-list,.archive-filter-shell,.insight-assistant) { color: var(--aurora-text); background: var(--aurora-card); }

@media (max-width: 590px) {
  .connected #dashboard-main { padding-inline: 10px; }
  .connected .page-title { gap: 8px; margin-bottom: 10px; }
  .connected .page-title h2 { font-size: 23px; }
  .connected .page-title span { font-size: 12px; line-height: 1.65; }
  .connected .debt-summary { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .connected .debt-summary > article { padding: 9px 8px; }
  .connected .debt-summary strong { font-size: 13px; }
  .connected .debt-summary small { display: none; }
  .connected .debt-layout { display: block; }
  .connected .debt-layout .reminder-card { margin-top: 8px; padding: 10px 12px; min-height: 0; }
  .connected .debt-layout .reminder-card :is(p,h3) { display: none; }
  .connected .debt-layout .reminder-card small { font-size: 11px; line-height: 1.6; }
  .connected .people-card { padding: 10px 11px; }
  .connected .section-card-title { gap: 7px; }
  .connected .section-card-title h3 { font-size: 15px; }
  .connected .section-card-title p { font-size: 11px; }
  .connected .person-account { grid-template-columns: 34px minmax(0,1fr) minmax(86px,auto) 8px; gap: 7px; min-height: 59px; }
  .connected .person-account .person-balance { grid-column: 3; grid-row: 1; text-align: left; }
  .connected .person-account > span:last-child { grid-column: 4; grid-row: 1; }
  .connected .person-account small { font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .connected .person-balance strong { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
  .connected .person-balance small { text-align: left; }
  .connected .product-toolbar { gap: 6px; }
  .connected .product-toolbar label:first-child { flex: 1 1 100%; }
  .connected .product-toolbar .smart-product-action { font-size: 11.5px; }
  .connected .product-row { grid-template-columns: minmax(0,1fr) auto 44px; gap: 7px; min-height: 64px; padding: 7px 8px; }
  .connected .product-row .status-chip { position: absolute; top: 5px; inset-inline-end: 48px; padding: 2px 6px; font-size: 9px; }
  .connected .product-price { grid-column: 2; min-width: 92px; }
  .connected .product-price strong { font-size: 12px; }
  .connected .product-price small { font-size: 10px; }
  .connected .product-actions { grid-column: 3; }
  .connected .product-main h3 { max-width: 125px; font-size: 13px; }
  .connected .product-main small { display: block; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; }
  .connected .voice-archive-toolbar { flex-direction: row; }
  .connected .voice-archive-head { display: grid; grid-template-columns: minmax(0,1fr); }
  .connected .voice-archive-head > div { justify-content: flex-start; }
  .connected .voice-archive-head .secondary-small,
  .connected .voice-archive-head .archive-resume { min-height: 36px; padding: 4px 9px; }
  .connected .archive-day-picker > div { grid-template-columns: .7fr 1.3fr 1fr; }
  .connected .insight-assistant { padding: 12px; border-radius: 17px; }
  .connected .insight-private { display: none; }
  .connected .insight-compose { grid-template-columns: minmax(0,1fr) 44px; }
  .connected .insight-send { grid-column: 1 / -1; min-height: 42px; }
  .connected .report-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .connected .report-kpis article { min-height: 0; padding: 11px; }
}

/* === Unified voice answers: compact text-first result === */
.connected .voice-answer-dialog {
  width: min(92vw, 610px);
  padding: 22px;
}
.connected .voice-answer-question {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 2px 0 10px;
  padding: 9px 13px;
  border: 1px solid color-mix(in srgb, var(--aurora-muted) 16%, transparent);
  border-radius: 999px;
  color: var(--aurora-muted);
  background: color-mix(in srgb, var(--aurora-bg) 42%, transparent);
}
.connected .voice-answer-question span {
  flex: 0 0 auto;
  color: color-mix(in srgb, var(--aurora-muted) 82%, transparent);
  font-size: 10.5px;
  font-weight: 720;
}
.connected .voice-answer-question q {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--aurora-text);
  font-size: 12.5px;
  font-weight: 590;
  quotes: none;
}
.connected .voice-answer-question q::before,
.connected .voice-answer-question q::after { content: none; }
.connected .voice-answer-sections {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
}
.connected .voice-answer-capsule {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 15px 17px 16px;
  border: 1px solid color-mix(in srgb, var(--aurora-aqua) 28%, var(--aurora-border));
  border-radius: 22px;
  background:
    radial-gradient(17rem 8rem at 100% 0, color-mix(in srgb, var(--aurora-aqua) 13%, transparent), transparent 72%),
    linear-gradient(145deg, color-mix(in srgb, var(--aurora-card) 88%, var(--aurora-aqua)), color-mix(in srgb, var(--aurora-bg) 72%, var(--aurora-card)));
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 18px 42px -34px color-mix(in srgb, var(--aurora-aqua) 65%, transparent);
}
.connected .voice-answer-capsule::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, transparent, var(--aurora-aqua), var(--aurora-violet), transparent);
  opacity: .8;
}
.connected .voice-answer-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: var(--aurora-aqua);
  font-size: 10.5px;
  font-weight: 780;
}
.connected .voice-answer-label i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--aurora-aqua);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--aurora-aqua) 10%, transparent), 0 0 14px color-mix(in srgb, var(--aurora-aqua) 72%, transparent);
}
.connected .voice-answer-text {
  margin: 0;
  color: var(--aurora-text);
  font-size: 15px;
  font-weight: 720;
  line-height: 2;
  white-space: pre-line;
}
.connected .voice-answer-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 11px 0 0;
}
.connected .voice-answer-metrics:empty { display: none; }
.connected .voice-answer-metrics .figure {
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid var(--aurora-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--aurora-bg) 40%, transparent);
}
.connected .voice-answer-metrics .figure small {
  display: block;
  overflow: hidden;
  color: var(--aurora-muted);
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.connected .voice-answer-metrics .figure strong {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--aurora-aqua);
  font: 690 13px var(--font-data);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.connected .person-report-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}
.connected .person-report-actions .delete-record {
  color: var(--aurora-coral);
  border-color: color-mix(in srgb, var(--aurora-coral) 26%, var(--aurora-border));
}

@media (max-width: 590px) {
  .connected .voice-answer-dialog { width: calc(100vw - 18px); padding: 16px; border-radius: 22px; }
  .connected .voice-answer-question { padding: 8px 11px; }
  .connected .voice-answer-capsule { padding: 13px 14px 14px; border-radius: 19px; }
  .connected .voice-answer-text { font-size: 14px; line-height: 1.95; }
  .connected .voice-answer-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .connected .person-report-head { align-items: flex-start; }
  .connected .person-report-actions { flex: 0 0 auto; }
  .connected .person-report-actions button { min-height: 44px; padding-inline: 10px; }
}

/* Final density guard: keep the ledger refresh above legacy theme layers. */
.connected .transaction-summary > div { min-height: 0; padding-block: 8px; border-radius: 999px; }
.connected .section-status-list .section-status-card {
  min-height: 0;
  grid-template-columns: 40px minmax(130px,.7fr) minmax(0,1.5fr);
  grid-template-areas: "glyph info figures";
  padding: 11px 12px;
  border-radius: 17px;
}
.connected .section-status-card .status-figures { grid-area: figures; }
.connected .section-status-card .figure { border-radius: 999px; }
@media (max-width: 590px) {
  .connected .section-status-list .section-status-card {
    grid-template-columns: 38px minmax(0,1fr);
    grid-template-areas: "glyph info" "figures figures";
    min-height: 0;
  }
  .connected .transaction-page-title {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
  }
  .connected .transaction-page-title h2 { font-size: 22px; }
  .connected .transaction-page-title .page-actions {
    width: auto;
    flex-wrap: nowrap;
    align-items: center;
  }
  .connected .transaction-page-title .page-actions > * { flex: 0 0 auto; }
  .connected [data-panel="transactions"] .toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    align-items: end;
  }
  .connected [data-panel="transactions"] .toolbar > label {
    width: auto;
    min-width: 0;
  }
  .connected [data-panel="transactions"] .toolbar .filter-tabs {
    order: 3;
    width: auto;
  }
  .connected [data-panel="transactions"] #clear-transaction-filters {
    order: 4;
    min-height: 42px;
    justify-self: end;
    padding-inline: 7px;
    font-size: 11px;
  }
  .connected .section-tabs {
    gap: 6px;
    margin-bottom: 9px;
    padding: 2px 0 8px;
    scrollbar-width: none;
  }
  .connected .section-tabs::-webkit-scrollbar { display: none; }
  .connected .section-tabs button { min-height: 38px; padding: 7px 11px; font-size: 11.5px; }
}