.inventory-quick { --iq-bg: #1e293b; --iq-line: #334155; --iq-text: #f1f5f9; --iq-muted: #a8b7ca; --iq-soft: #172235; color: var(--iq-text); background: var(--iq-bg); border: 1px solid var(--iq-line); border-radius: 1rem; padding: 1.25rem; }
.inventory-quick-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.inventory-quick-heading h3 { font-size: 1.1rem; font-weight: 750; margin: 0; }
.inventory-quick-heading p, .inventory-quick-description { color: var(--iq-muted); font-size: .78rem; line-height: 1.55; margin: .35rem 0 0; }
.inventory-quick-tag { color: var(--iq-muted); border: 1px solid var(--iq-line); border-radius: 2rem; padding: .3rem .65rem; font-size: .72rem; }
.inventory-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.inventory-quick-card { --iq-accent: #9cb4d8; padding: 1rem; border: 1px solid var(--iq-line); border-top: 3px solid var(--iq-accent); border-radius: .75rem; background: var(--iq-soft); min-width: 0; }
.inventory-quick-inbound { --iq-accent: #48d0a0; }.inventory-quick-outbound { --iq-accent: #f6b96c; }.inventory-quick-closing { --iq-accent: #66b8fa; }
.inventory-quick-card-top { display: flex; align-items: center; gap: .55rem; }
.inventory-quick-card-top > span { font-size: 1.25rem; color: var(--iq-accent); }
.inventory-quick-card h4 { font-size: .83rem; font-weight: 600; margin: 0; }
.inventory-quick-value { font-size: clamp(1.5rem, 2.1vw, 2rem); font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.35; margin: .5rem 0 0; overflow-wrap: anywhere; }
.inventory-quick-value small { font-size: .75rem; color: var(--iq-muted); font-weight: 500; }
.inventory-quick-equation { display: flex; flex-wrap: wrap; gap: .4rem .6rem; font-size: .8rem; color: var(--iq-muted); background: var(--iq-soft); border-radius: .6rem; padding: .7rem .9rem; margin-top: .9rem; }
.inventory-quick-equation b { color: var(--iq-text); font-variant-numeric: tabular-nums; }
.inventory-quick-warning { color: #ffce8a; border-left: 3px solid #d68c31; padding-left: .7rem; font-size: .8rem; line-height: 1.6; margin: .8rem 0 0; }
.inventory-quick-details { color: var(--iq-muted); font-size: .75rem; line-height: 1.65; margin-top: .8rem; }
.inventory-quick-details summary { cursor: pointer; width: fit-content; padding: .2rem 0; }
.inventory-quick-details summary:focus-visible { outline: 2px solid #60a5fa; outline-offset: 3px; }
.inventory-quick-details p { margin: .4rem 0 0; }
html[data-admin-theme='light'] .inventory-quick { --iq-bg: #ffffff; --iq-soft: #f5f8fb; --iq-line: #d6e1ec; --iq-text: #182c45; --iq-muted: #53677c; }
html[data-admin-theme='light'] .inventory-quick-inbound { --iq-accent: #16895f; }
html[data-admin-theme='light'] .inventory-quick-outbound { --iq-accent: #bf6c17; }
html[data-admin-theme='light'] .inventory-quick-closing { --iq-accent: #2377bf; }
html[data-admin-theme='light'] .inventory-quick-warning { color: #955600; }
@media (max-width: 1150px) { .inventory-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) { .inventory-quick { padding: .85rem; } .inventory-quick-grid { grid-template-columns: minmax(0, 1fr); } .inventory-quick-heading { gap: .6rem; } }