/* V364 — Tóm tắt Phân tích nhu cầu trên Tổng quan */
.v364-demand-dashboard{
  margin:0 0 22px;
  border:1px solid #dbe4e1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.04);
  overflow:hidden;
}
.v364-demand-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid #e4e8eb;
  background:#f8fbfa;
}
.v364-demand-kicker{
  display:block;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#0b7762;
}
.v364-demand-head h3{
  margin-top:4px;
  font-size:15px;
  font-weight:900;
  color:#172033;
}
.v364-demand-head p{
  margin-top:4px;
  font-size:10.5px;
  color:#75808c;
}
.v364-demand-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  font-size:10.5px;
  font-weight:800;
  color:#0b7762;
}
.v364-demand-link:hover{text-decoration:underline}
.v364-demand-body{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:14px;
  padding:14px;
}
.v364-demand-signals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.v364-signal{
  display:block;
  min-width:0;
  padding:12px 13px;
  border:1px solid #e0e4e8;
  border-left:4px solid #64748b;
  border-radius:9px;
  background:#fff;
  text-decoration:none;
}
.v364-signal:hover{box-shadow:0 4px 12px rgba(15,23,42,.05)}
.v364-signal.urgent{border-left-color:#c85a50;background:#fff8f7}
.v364-signal.growth{border-left-color:#3579bd;background:#f7fbff}
.v364-signal.opportunity{border-left-color:#0f8b73;background:#f5fbf9}
.v364-signal.peak{border-left-color:#c68b32;background:#fffaf2}
.v364-signal span{
  display:block;
  font-size:9px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#6e7884;
}
.v364-signal strong{
  display:block;
  margin-top:6px;
  font-size:23px;
  line-height:1;
  font-weight:900;
  color:#172033;
}
.v364-signal small{
  display:block;
  margin-top:6px;
  font-size:9.5px;
  line-height:1.4;
  color:#7b8490;
}
.v364-demand-chart{
  min-width:0;
  padding:11px 12px 5px;
  border:1px solid #e0e5e8;
  border-radius:9px;
  background:#fbfcfc;
}
.v364-chart-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  padding:0 2px 5px;
}
.v364-chart-title strong{
  font-size:11.5px;
  font-weight:850;
  color:#263244;
}
.v364-chart-title span{
  font-size:9px;
  color:#7b8490;
}
@media(max-width:1050px){
  .v364-demand-body{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v364-demand-head{display:grid;align-items:start}
  .v364-demand-link{width:max-content}
  .v364-demand-signals{grid-template-columns:1fr 1fr}
  .v364-demand-body{padding:10px;gap:10px}
  .v364-signal{padding:10px}
  .v364-signal strong{font-size:20px}
  .v364-chart-title{display:grid}
}
@media(max-width:420px){
  .v364-demand-signals{grid-template-columns:1fr 1fr}
  .v364-signal small{font-size:8.8px}
}
.dark .v364-demand-dashboard{background:#18212b;border-color:#34424b}
.dark .v364-demand-head{background:#1b2b29;border-color:#34424b}
.dark .v364-demand-head h3,.dark .v364-signal strong,.dark .v364-chart-title strong{color:#edf2f6}
.dark .v364-signal,.dark .v364-demand-chart{background:#151e27;border-color:#34424b}
.dark .v364-signal.urgent{background:#35201f}.dark .v364-signal.growth{background:#172a3c}.dark .v364-signal.opportunity{background:#15312b}.dark .v364-signal.peak{background:#33291a}