/* C129–C130: an empty activity card and readable source timestamp.
   The :has() condition leaves cards containing real movements unchanged. */
html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child:has(> .list > .movement-empty:only-child) {
  align-self: start;
  min-height: 0;
  padding: 22px;
  background: var(--surface);
  border-color: var(--line);
}

html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child:has(> .list > .movement-empty:only-child) > .chart-head {
  margin-bottom: 18px;
}

html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child:has(> .list > .movement-empty:only-child) h3 {
  color: var(--text);
  font-size: 17px;
  line-height: 1.4;
}

html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child:has(> .list > .movement-empty:only-child) .chart-head .muted {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child > .list > .movement-empty:only-child {
  box-sizing: border-box;
  min-height: 152px;
  gap: 8px;
  padding: 28px 24px;
  border: 1px solid color-mix(in srgb, var(--dashboard-accent, var(--cyan)) 22%, var(--line));
  border-radius: 16px;
  background:
    radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--dashboard-accent, var(--cyan)) 12%, transparent), transparent 68%),
    var(--surface2);
  color: var(--muted);
}

html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child > .list > .movement-empty:only-child b {
  color: var(--text);
  font-size: 15px;
  line-height: 1.5;
}

html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child > .list > .movement-empty:only-child span {
  max-width: 38ch;
  margin-inline: auto;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

html[data-theme] .fv-virtuality-dashboard .virtuality-head-actions {
  min-width: 0;
  max-width: 100%;
}

html[data-theme] .fv-virtuality-dashboard .virtuality-head-actions > small {
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--dashboard-accent, var(--cyan)) 24%, var(--line));
  border-radius: 14px;
  background: color-mix(in srgb, var(--dashboard-accent, var(--cyan)) 7%, var(--surface));
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child:has(> .list > .movement-empty:only-child) {
    padding: 18px;
  }

  html[data-theme] .fv-virtuality-dashboard > .fv-virtuality-detail > .card:first-child > .list > .movement-empty:only-child {
    min-height: 140px;
    padding: 24px 18px;
  }

  html[data-theme] .fv-virtuality-dashboard .virtuality-head-actions > small {
    justify-self: start;
    text-align: left;
  }
}

/* Virtuality's work and commission evidence share one clear, colorful surface. */
html[data-theme] #page .fv-virtuality-dashboard{--virtuality-bloom:var(--pink,var(--purple));--virtuality-sky:var(--cyan)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis{gap:16px}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis>.simple-kpi{
  --virtuality-card-tint:var(--virtuality-sky);
  min-width:0;border-radius:22px;border-color:color-mix(in srgb,var(--virtuality-card-tint) 35%,var(--line)) !important;
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--virtuality-card-tint) 16%,transparent),transparent 65%),var(--surface) !important;
  box-shadow:0 7px 24px color-mix(in srgb,var(--purple) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent);
}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis>.simple-kpi.positive{--virtuality-card-tint:var(--green)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis>.simple-kpi.negative{--virtuality-card-tint:var(--coral)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis>.simple-kpi.debt{--virtuality-card-tint:var(--yellow)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis>.simple-kpi:has(+ .virtuality-commission-kpi-note){grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--virtuality-bloom) 17%,transparent),transparent 58%),radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--virtuality-sky) 14%,transparent),transparent 58%),var(--surface) !important}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis .kpi-label{font-size:11px;line-height:1.5;letter-spacing:.035em;white-space:normal}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis .simple-value{font-size:clamp(23px,2.5vw,30px);line-height:1.2;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis .simple-kpi>p{font-size:12px;line-height:1.6;color:var(--muted)}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-kpi-note{margin-top:-6px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--virtuality-sky) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--virtuality-sky) 7%,var(--surface));font-size:12px;line-height:1.6;color:var(--muted)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-total{
  min-width:0;flex-wrap:wrap;gap:18px;padding:24px;border-radius:24px;border-color:color-mix(in srgb,var(--virtuality-sky) 38%,var(--line));
  background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--virtuality-bloom) 16%,transparent),transparent 55%),linear-gradient(115deg,color-mix(in srgb,var(--virtuality-sky) 15%,var(--surface)),var(--surface));
  box-shadow:0 10px 28px color-mix(in srgb,var(--virtuality-sky) 8%,transparent);
}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-total>div{min-width:0;flex:1 1 280px}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-total small{font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.04em;color:var(--text)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-total p{font-size:13px;line-height:1.6;color:var(--muted)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-total>strong{min-width:0;max-width:100%;font-size:clamp(27px,3vw,36px);line-height:1.2;overflow-wrap:anywhere;white-space:normal;font-variant-numeric:tabular-nums}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-breakdown{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-block:0 22px}
html[data-theme] #page .fv-virtuality-dashboard :is(.virtuality-commission-progress,.fv-virtuality-detail>.card){min-width:0;padding:22px;border-radius:22px;border:1px solid color-mix(in srgb,var(--virtuality-sky) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--virtuality-sky) 6%,var(--surface)),var(--surface) 60%)}
html[data-theme] #page .fv-virtuality-dashboard :is(.virtuality-commission-progress>h3,.fv-virtuality-detail .chart-head h3){margin:0;color:var(--text);font-size:19px;line-height:1.4;text-wrap:balance}
html[data-theme] #page .fv-virtuality-dashboard :is(.virtuality-commission-progress>p,.fv-virtuality-detail .chart-head p){color:var(--muted);font-size:13px;line-height:1.6}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin:18px 0}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>dl>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress dt{color:var(--muted);font-size:12px;line-height:1.5}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress dd{margin:8px 0 0;font-size:21px;font-weight:750;line-height:1.35;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--text)}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>details{margin-top:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);padding:0 14px}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>details>summary{min-height:44px;padding-block:12px;cursor:pointer;font-size:13px;font-weight:700;line-height:1.5;color:var(--text)}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>details :is(p,li,small){font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>details>small{display:block;margin-bottom:14px}
html[data-theme] #page .fv-virtuality-dashboard :is(.virtuality-commission-progress button,.virtuality-receivable-action){min-height:44px;max-width:100%;padding:10px 14px;font-size:13px;white-space:normal;line-height:1.4}
html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>button{margin-top:12px}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-detail .chart-head{gap:12px;margin-bottom:18px;flex-wrap:wrap}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-detail [data-virtuality-receivables]+[data-virtuality-receivables]{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-detail h4{margin:0;font-size:15px;line-height:1.5;color:var(--text)}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-detail .row-main{min-width:0}
html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-detail .row-main>small{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:var(--muted)}
html[data-theme] #page .fv-virtuality-dashboard :is(summary,button,a):focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:760px){
  html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html[data-theme] #page .fv-virtuality-dashboard :is(.fv-virtuality-total,.virtuality-commission-progress,.fv-virtuality-detail>.card){padding:18px;border-radius:20px}
  html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-total>div{flex-basis:100%}
  html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-detail .virtuality-receivable-row{flex-wrap:wrap}
  html[data-theme] #page .fv-virtuality-dashboard .virtuality-receivable-action{margin-left:0}
}
@media(max-width:480px){
  html[data-theme] #page .fv-virtuality-dashboard .fv-virtuality-kpis{grid-template-columns:minmax(0,1fr)}
  html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>dl{grid-template-columns:minmax(0,1fr)}
  html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress>dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}
  html[data-theme] #page .fv-virtuality-dashboard .virtuality-commission-progress dd{margin:0;text-align:right;font-size:19px}
}