.oi-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.oi-heading h3{margin:0}.oi-heading p{margin:.25rem 0 .65rem;color:#61766d}.oi-date,.oi-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}.oi-date label,.oi-filters label{flex:1;min-width:170px}.oi-date small{flex-basis:100%;color:#61766d}.oi-filters input,.oi-filters select{margin:0}.oi-totals{display:flex;gap:12px;margin:12px 0}.oi-totals>div{flex:1;background:#f0f5ee;border:1px solid #dce5d8;border-radius:10px;padding:10px 14px;display:grid;gap:4px}.oi-totals strong{font-size:20px}.oi-totals small{color:#66796e}.oi-table th,.oi-table td{padding:9px 10px!important;vertical-align:middle}.oi-status{font-size:12px;color:#805b1e;background:#fcf3e0;border-radius:18px;padding:4px 9px;display:inline-block}.oi-status.is-ready{background:#e6f2e7;color:#24623e}.oi-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:14px}.oi-dialog{width:min(800px,calc(100vw - 28px));max-height:90vh;box-sizing:border-box;border:1px solid #cadad1;border-radius:14px;padding:22px;color:#183f39;background:#fff;overflow:auto}.oi-dialog::backdrop{background:#173f3966}.oi-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.oi-dialog .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oi-dialog label{display:flex;flex-direction:column;gap:4px}.oi-dialog .check-label{display:flex;flex-direction:row;align-items:center;margin:12px 0}.oi-dialog details{margin-top:18px;border-top:1px solid #dae4dc;padding-top:12px}.oi-dialog #oi-error{color:#9f3127;background:#fff1ef;padding:8px;border-radius:6px}.oi-dialog input[type=datetime-local],.oi-date input{direction:rtl;text-align:right}.oi-dialog h3{font-size:21px}.opening-basis{padding:8px;background:#f4f6ed;border-radius:6px}
@media(max-width:600px){.oi-heading{flex-wrap:wrap}.oi-totals{flex-direction:column}.oi-table thead{display:none}.oi-table tr{display:block;border:1px solid #dbe4dd;border-radius:9px;margin:10px 0;padding:8px}.oi-table td{display:flex;justify-content:space-between;gap:10px;border:0!important;white-space:normal!important}.oi-table td[data-label]:before{content:attr(data-label);color:#65796b;flex-shrink:0}.oi-dialog{padding:14px}.oi-dialog .grid{grid-template-columns:1fr}.oi-pagination{gap:10px}.oi-filters label{min-width:140px}}

/* The inventory is now one table, not the previous grid of item forms. */
.ui-app.ui-compact #inventory{display:block}
#oi-list{min-width:0}
.oi-date{max-width:680px}