/* wp-content/themes/vietan-express-2027/assets/css/volumetric.css — bọc trong #vae-vol, không rò ra theme */
#vae-vol{--nv:#16305B;--nv2:#1E4380;--nvs:#F2F6FC;--gr:#88C53C;--gr2:#EDF5DA;--grd:#3E6E18;--tx:#141A20;--mu:#55616F;
  --bd:#DCE2EB;--card:#FFFFFF;--rd:#A31D18;--rdbg:#FBEDEC;--am:#8A5209;--ambg:#FBF0DF;
  display:block;color:var(--tx);font-size:16px;line-height:1.55;margin:0 0 32px;padding:20px;border:1px solid var(--bd);border-radius:10px;background:var(--card)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #vae-vol{--nv:#9FC0EE;--nv2:#B6D0F4;--nvs:#16223A;--gr:#9ED457;--gr2:#1E2B14;--grd:#A9DC69;--tx:#E6EBF2;--mu:#A2AEBE;--bd:#2A3547;--card:#161E2B;--rd:#F09A93;--rdbg:#2C1817;--am:#E7B36A;--ambg:#2B2112}}
html[data-theme="dark"] #vae-vol,body.dark-mode #vae-vol{--nv:#9FC0EE;--nv2:#B6D0F4;--nvs:#16223A;--gr:#9ED457;--gr2:#1E2B14;--grd:#A9DC69;--tx:#E6EBF2;--mu:#A2AEBE;--bd:#2A3547;--card:#161E2B;--rd:#F09A93;--rdbg:#2C1817;--am:#E7B36A;--ambg:#2B2112}
#vae-vol *{box-sizing:border-box;min-width:0}
#vae-vol .vol-hd{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:var(--nv)}
#vae-vol .vol-sub{margin:0 0 14px;color:var(--mu);font-size:.95rem}
#vae-vol .vol-unit{display:flex;gap:16px;margin:0 0 12px;font-size:.95rem}
#vae-vol .vol-unit label{display:flex;align-items:center;gap:6px;cursor:pointer}
#vae-vol .vol-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 36px;gap:8px;align-items:end;padding:10px;margin:0 0 8px;border:1px solid var(--bd);border-radius:8px;background:var(--nvs)}
#vae-vol .vol-row label{display:block}
#vae-vol .vol-lb{display:block;font-size:.8rem;color:var(--mu);margin:0 0 3px}
#vae-vol .vol-lb em{font-style:normal;opacity:.8}
#vae-vol .vol-row input{width:100%;padding:9px 10px;font:inherit;font-size:1rem;border:1px solid var(--bd);border-radius:6px;background:var(--card);color:var(--tx)}
#vae-vol .vol-row input:focus{outline:2px solid var(--gr);outline-offset:1px;border-color:var(--gr)}
#vae-vol .vol-row.is-invalid input{border-color:var(--rd);background:var(--rdbg)}
#vae-vol .vol-del{height:40px;border:1px solid var(--bd);border-radius:6px;background:var(--card);color:var(--mu);font-size:1.2rem;cursor:pointer}
#vae-vol .vol-del:focus,#vae-vol .vol-btn2:focus,#vae-vol .vol-cta:focus{outline:2px solid var(--gr);outline-offset:2px}
#vae-vol .vol-btn2{padding:9px 14px;font:inherit;font-size:.95rem;border:1px solid var(--nv);border-radius:6px;background:transparent;color:var(--nv);cursor:pointer}
#vae-vol #vol-out{margin:16px 0 8px}
#vae-vol .vol-empty{color:var(--mu);font-size:.95rem;margin:0}
#vae-vol .vol-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 16px;border-radius:8px;background:var(--gr2);color:var(--grd)}
#vae-vol .vol-total b{font-size:1.9rem;line-height:1.1}
#vae-vol .vol-total small{font-size:.9rem;color:var(--mu)}
#vae-vol table.vol-tb{width:100%;border-collapse:collapse;margin:12px 0 0;font-size:.92rem}
#vae-vol table.vol-tb th,#vae-vol table.vol-tb td{padding:7px 8px;border-bottom:1px solid var(--bd);text-align:right;white-space:nowrap}
#vae-vol table.vol-tb th:first-child,#vae-vol table.vol-tb td:first-child{text-align:left}
#vae-vol table.vol-tb th{font-weight:600;color:var(--mu)}
#vae-vol .vol-tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:.78rem;background:var(--nvs);color:var(--nv)}
#vae-vol .vol-tag.is-vol{background:var(--ambg);color:var(--am)}
#vae-vol .vol-hint{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--am);background:var(--ambg);color:var(--am);border-radius:0 6px 6px 0;font-size:.93rem}
#vae-vol .vol-hint p{margin:0 0 4px}
#vae-vol .vol-note{margin:10px 0 14px;font-size:.85rem;color:var(--mu)}
#vae-vol .vol-cta-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#vae-vol .vol-cta{display:inline-block;padding:12px 20px;border-radius:8px;background:var(--nv);color:#fff;font-weight:600;text-decoration:none}
#vae-vol .vol-cta:hover{background:var(--nv2)}
#vae-vol .vol-copied{font-size:.85rem;color:var(--grd)}
@media (max-width:640px){
  #vae-vol{padding:14px}
  #vae-vol .vol-row{grid-template-columns:1fr 1fr;position:relative;padding-top:34px}
  #vae-vol .vol-del{position:absolute;top:6px;right:6px;height:28px;width:28px;padding:0;line-height:1}
  #vae-vol .vol-total b{font-size:1.6rem}
  #vae-vol table.vol-tb{display:block;overflow-x:auto}
}