.vf-warehouse-app { max-width: 900px; margin: 1rem auto; padding: 1rem; color: #202820; background: #fff; border: 1px solid #d5ddd5; border-radius: .5rem; }
.vf-warehouse-app form, .vf-warehouse-app nav { display: flex; flex-wrap: wrap; gap: .65rem; align-items: end; margin: 1rem 0; }
.vf-warehouse-app label { display: flex; flex-direction: column; gap: .3rem; }
.vf-warehouse-app input, .vf-warehouse-app select, .vf-warehouse-app button { min-height: 44px; max-width: 100%; font: inherit; }
.vf-warehouse-app input, .vf-warehouse-app select { border: 1px solid #697869; padding: .4rem; }
.vf-warehouse-app button { border: 1px solid #315d40; border-radius: .25rem; padding: .5rem .85rem; background: #edf5ef; color: #173e23; cursor: pointer; }
.vf-warehouse-app button:disabled { opacity: .5; cursor: wait; }
.vf-warehouse-app :focus-visible { outline: 3px solid #e69a27; outline-offset: 3px; }
.vf-warehouse-app [role="status"] { padding: .7rem; background: #f4f4e9; white-space: pre-wrap; }
.vf-warehouse-app ul { padding-left: 1.3rem; }
.vf-warehouse-app li { padding: .45rem 0; overflow-wrap: anywhere; }
.vf-warehouse-app video { display: block; width: 100%; max-height: 45vh; }
.vf-warehouse-app [hidden] { display: none !important; }
@media (max-width: 550px) { .vf-warehouse-app form > label { width: 100%; } .vf-warehouse-app nav > button { flex: 1; } }