
/* V355 — Mỗi ô tài chính có nền khung + chữ đồng bộ theo ý nghĩa */

/* Tổng doanh thu */
.v354-fin-revenue{
  --v354-accent:#0f8b73!important;
  --v354-border:#a7ddd1!important;
  --v354-bg1:#e9f8f4!important;
  --v354-bg2:#f7fcfa!important;
  --v354-value:#086b59!important;
  --v354-label:#277565!important;
  color:#174f45!important;
}

/* Doanh thu đã thu / đã thanh toán */
.v354-fin-collected{
  --v354-accent:#3579bd!important;
  --v354-border:#b6d3ee!important;
  --v354-bg1:#edf6fd!important;
  --v354-bg2:#f8fbfe!important;
  --v354-value:#245f99!important;
  --v354-label:#426f99!important;
  color:#244d72!important;
}

/* Lợi nhuận */
.v354-fin-profit{
  --v354-accent:#55943d!important;
  --v354-border:#c2dfb6!important;
  --v354-bg1:#f0f8ec!important;
  --v354-bg2:#fafdf8!important;
  --v354-value:#3d792c!important;
  --v354-label:#577b4b!important;
  color:#365b2c!important;
}

/* Công nợ / phải thu / quá hạn */
.v354-fin-debt{
  --v354-accent:#c85a50!important;
  --v354-border:#edc2bd!important;
  --v354-bg1:#fff0ee!important;
  --v354-bg2:#fff9f8!important;
  --v354-value:#a84239!important;
  --v354-label:#915c56!important;
  color:#773e39!important;
}

/* Chi phí / giá vốn */
.v354-fin-cost{
  --v354-accent:#8065aa!important;
  --v354-border:#d3c6e6!important;
  --v354-bg1:#f5f0fb!important;
  --v354-bg2:#fcfaff!important;
  --v354-value:#674c91!important;
  --v354-label:#75648b!important;
  color:#584672!important;
}

/* Số đơn / số lượng */
.v354-fin-count{
  --v354-accent:#c68b32!important;
  --v354-border:#ead2a9!important;
  --v354-bg1:#fff7e9!important;
  --v354-bg2:#fffdf8!important;
  --v354-value:#9c681c!important;
  --v354-label:#866d47!important;
  color:#71531f!important;
}

/* Ô trung tính */
.v354-fin-neutral{
  --v354-accent:#64748b!important;
  --v354-border:#d5dce5!important;
  --v354-bg1:#f4f6f8!important;
  --v354-bg2:#fbfcfd!important;
  --v354-value:#475569!important;
  --v354-label:#64748b!important;
  color:#475569!important;
}

.v354-fin-card{
  border-width:1px!important;
  box-shadow:0 3px 13px rgba(15,23,42,.045)!important;
}
.v354-fin-card .eyebrow{
  color:var(--v354-label)!important;
}
.v354-fin-card .stat-figure,
.v354-fin-card .stat-figure>span{
  color:var(--v354-value)!important;
}
.v354-fin-card>div:last-child{
  color:var(--v354-label)!important;
}

/* Xuất báo cáo: nền + chữ cùng hệ màu */
.v354-money-revenue{
  background:linear-gradient(145deg,#e9f8f4,#f8fcfb)!important;
  border-color:#a7ddd1!important;
  color:#086b59!important;
}
.v354-money-revenue .font-semibold{color:#086b59!important}

.v354-money-profit{
  background:linear-gradient(145deg,#f0f8ec,#fbfdf9)!important;
  border-color:#c2dfb6!important;
  color:#3d792c!important;
}
.v354-money-profit .font-semibold{color:#3d792c!important}

.v354-money-projected{
  background:linear-gradient(145deg,#fff5df,#fffaf0)!important;
  border-color:#ebcd91!important;
  color:#986312!important;
}
.v354-money-projected .font-semibold{color:#986312!important}

.v354-money-count{
  background:linear-gradient(145deg,#f3f6f9,#fbfcfd)!important;
  border-color:#d5dce5!important;
  color:#475569!important;
}
.v354-money-count .font-semibold{color:#475569!important}

.v354-inline-revenue{
  background:#e9f8f4!important;
  color:#086b59!important;
  border:1px solid #b9e3da;
}
.v354-inline-profit{
  background:#f0f8ec!important;
  color:#3d792c!important;
  border:1px solid #cce4c3;
}
.v354-inline-projected{
  background:#fff5df!important;
  color:#986312!important;
  border:1px solid #efd8a9;
}
.v354-inline-money .font-semibold{color:inherit!important}

/* Dark mode */
.dark .v354-fin-revenue{--v354-bg1:#123d36!important;--v354-bg2:#102c28!important;--v354-border:#28685b!important;--v354-value:#82ddca!important;--v354-label:#9bcfc4!important}
.dark .v354-fin-collected{--v354-bg1:#173550!important;--v354-bg2:#132a3e!important;--v354-border:#315f87!important;--v354-value:#91c5f0!important;--v354-label:#9ebbd3!important}
.dark .v354-fin-profit{--v354-bg1:#213b1c!important;--v354-bg2:#192f17!important;--v354-border:#4d7542!important;--v354-value:#9bd787!important;--v354-label:#afd1a4!important}
.dark .v354-fin-debt{--v354-bg1:#492523!important;--v354-bg2:#371e1c!important;--v354-border:#80504b!important;--v354-value:#f0a098!important;--v354-label:#ddb0ac!important}
.dark .v354-fin-cost{--v354-bg1:#352b48!important;--v354-bg2:#29223a!important;--v354-border:#66557f!important;--v354-value:#c4afe1!important;--v354-label:#c5b9d4!important}
.dark .v354-fin-count{--v354-bg1:#45351c!important;--v354-bg2:#342a19!important;--v354-border:#796038!important;--v354-value:#ebc477!important;--v354-label:#d8c298!important}
.dark .v354-fin-neutral{--v354-bg1:#27313d!important;--v354-bg2:#202934!important;--v354-border:#465565!important;--v354-value:#d0d9e4!important;--v354-label:#aebaca!important}

@media(max-width:700px){
  .v354-fin-card{box-shadow:0 2px 8px rgba(15,23,42,.04)!important}
}
