.vnmc-wrap{--gap:12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#0f172a;}
.vnmc-form{display:block}
.vnmc-grid{display:grid; grid-template-columns:1fr; gap:var(--gap);}
@media (min-width:640px){.vnmc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:960px){.vnmc-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}

.vnmc-field{display:flex; flex-direction:column;}
.vnmc-label{font-size:12px; color:#64748b; margin-bottom:6px; line-height:1.2;}
.vnmc-form select,.vnmc-form input[type=text]{width:100%; padding:10px 12px; border:1px solid #e2e8f0; border-radius:10px; font-size:14px; line-height:1.4; background:#fff; box-sizing:border-box; min-height:42px;}
.vnmc-form select{appearance:auto; -webkit-appearance:auto; -moz-appearance:auto; background-image:none;}
.vnmc-form input[type=text]{caret-color:#111827;}

.vnmc-cards{display:grid; grid-template-columns:1fr; gap:var(--gap); margin:16px 0;}
@media (min-width:640px){.vnmc-cards{grid-template-columns:repeat(3,minmax(0,1fr));}}
.vnmc-card{padding:12px; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 1px 3px rgba(0,0,0,.04); background:#fff;}
.vnmc-k{font-size:12px; color:#64748b; margin-bottom:6px;}
.vnmc-v{font-size:18px; font-weight:700; color:#0f172a;}

.vnmc-chartwrap{margin:8px 0 16px; height:260px;}
.vnmc-tablewrap{overflow:auto; -webkit-overflow-scrolling: touch;}
.vnmc-table{width:100%; border-collapse:separate; border-spacing:0; font-size:14px;}
.vnmc-table th,.vnmc-table td{padding:10px 12px; border-bottom:1px solid #edf2f7; white-space:nowrap;}
.vnmc-table thead th{position:sticky; top:0; background:#fff; z-index:1;}

/* v1.5.0 additions */
.vnmc-hidden{display:none;}
.vnmc-label i{margin-right:6px; opacity:.7;}