.kho-fab{position:fixed;right:18px;bottom:96px;z-index:90;background:var(--ink,#1d1d1f);color:#fff;border:none;border-radius:999px;padding:14px 20px;font-family:var(--f-sans);font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:0 12px 32px rgba(0,0,0,.18);display:flex;align-items:center;gap:8px;cursor:pointer}
.kho-fab .g{font-size:15px;opacity:.9}
body:not(.in-kho) .kho-fab{display:none}
.kx-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 16px 4px;scrollbar-width:none}
.kx-strip::-webkit-scrollbar{display:none}
.kx-card{flex:0 0 220px;background:#fff;border:1px solid var(--line,#eee);border-radius:14px;padding:12px 14px;cursor:pointer;text-align:left;font-family:var(--f-sans);transition:transform .15s}
.kx-card:active{transform:scale(.98)}
.kx-card.bad{background:#fff5f5;border-color:#fed7d7}
.kx-card.warn{background:#fffaf0;border-color:#feebc8}
.kx-card.idea{background:#f7faff;border-color:#dbe6ff}
.kx-card .lbl{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute,#86868b);font-weight:600}
.kx-card .big{margin-top:6px;font-size:22px;font-weight:600;letter-spacing:-0.02em;color:var(--ink,#1d1d1f)}
.kx-card .sub{margin-top:4px;font-size:11px;color:var(--mute,#86868b);line-height:1.4}
.kx-card .g{float:right;font-size:18px;opacity:.5}
.exp-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:8px;background:#f5f5f7;color:#86868b}
.exp-badge.warn{background:#fffaf0;color:#b7791f}
.exp-badge.bad{background:#fff5f5;color:#c53030}
.exp-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.pd-units{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.pd-units .ur{display:flex;justify-content:space-between;background:#fafafa;border:1px solid var(--line,#eee);border-radius:10px;padding:10px 12px;font-family:var(--f-sans);font-size:13px}
.pd-units .un{font-weight:500}
.pd-bc{display:flex;gap:8px;align-items:stretch}
.pd-bc .field-i{flex:1}
.pd-bc button{padding:0 14px;border:1px solid var(--line,#eee);background:#fafafa;border-radius:10px;font-size:12px;cursor:pointer;letter-spacing:.04em}
.units-edit{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.units-edit .ue-row{display:grid;grid-template-columns:1fr 90px 32px;gap:6px;align-items:center}
.units-edit input{padding:8px 10px;border:1px solid var(--line,#eee);border-radius:9px;font-size:13px;font-family:var(--f-sans)}
.units-edit .ue-x{background:transparent;border:none;color:#c53030;font-size:18px;cursor:pointer}
.units-edit .ue-add{margin-top:4px;padding:8px;border:1px dashed var(--line,#eee);border-radius:9px;background:#fafafa;font-size:12px;cursor:pointer;color:var(--mute,#86868b)}

/* v2.4.19: the horizontal inventory menu is the only "Sắp hết" control. */
.kx-strip{display:none!important;}