/* Approved compact record hierarchy; desktop tables retain their original layout. */
.device-only{display:none}
@media screen and (max-width:1100px){
 .device-records-page .device-only{display:block}
 .device-records-page .app-content :is(.inventory-records,.menu-records,.order-history-records,.expenses-panel){padding:0;border:0;background:transparent;box-shadow:none;margin-bottom:20px;overflow:visible}
 .device-records-page .app-content .table-responsive.panel:is(.inventory-records,.menu-records){padding:0}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table){display:block;width:100%;min-width:0;margin:0;table-layout:auto}
 .device-records-page :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) colgroup{display:none}
 .device-records-page :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .device-records-page :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) tbody{display:grid;gap:12px}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--card);align-content:start;align-items:start}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) tbody td{display:block;min-width:0;width:auto;height:auto;min-height:0;padding:0;border:0;margin:0;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:left;background:transparent;box-shadow:none;grid-column:auto;grid-row:auto}
 .device-records-page :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) td::before{display:none}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) td:first-child{min-height:0;border:0;padding:0}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table,.order-history-table) .record-empty{grid-column:1/-1}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table,.order-history-table) td strong{font-weight:700}
 .device-records-page .app-content :is(.inventory-management-table,.menu-management-table) .badge,.device-records-page .order-history-table .order-status{min-width:0;min-height:0;max-width:100%;padding:4px 7px;border-radius:6px;font-size:11px;font-weight:500;line-height:1.5;white-space:normal}
 .device-records-page .app-content :is(.inventory-row-actions,.menu-row-actions,.expense-row-actions){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px;width:100%;margin:0}
 html[data-theme] .device-records-page .app-content :is(.inventory-row-actions,.menu-row-actions,.expense-row-actions) .btn{min-height:44px;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--muted);font-size:12px;line-height:1.4;box-shadow:none;flex:0 0 auto;width:auto}
 html[data-theme] .device-records-page .app-content :is(.inventory-row-actions,.menu-row-actions,.expense-row-actions) .action-edit.action-edit{background:var(--card);border-color:var(--line);color:var(--muted)}
 html[data-theme] .device-records-page .app-content :is(.inventory-row-actions,.menu-row-actions,.expense-row-actions) :is(.btn-outline-danger,.expense-delete){background:var(--card);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--card));font-weight:500}
 .device-records-page :is(.inventory-row-actions,.menu-row-actions)>form:last-child,.device-records-page .expense-row-actions>.expense-delete,.device-records-page :is(.inventory-row-actions,.menu-row-actions)>.btn-outline-danger{margin-left:auto}
 .device-records-page .app-content>.management-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:14px}
 .device-records-page .management-heading-copy h2{font-size:25px;line-height:1.2;margin-bottom:6px}
 .device-records-page .management-heading-copy p{font-size:12px;line-height:1.5}
 .device-records-page .app-content>.management-heading .management-add{width:100%;align-self:stretch;min-height:44px}
 /* Order: number and total, date, state/payment, item lines, cashier. */
 .device-records-page .app-content .order-history-table tbody>tr{grid-template-areas:"order total" "date date" "status payment" "items items" "cashier cashier";grid-template-columns:minmax(0,1fr) auto}
 .device-records-page .app-content .order-history-table td:nth-child(1){grid-area:order;font-size:16px;font-weight:700}
 .device-records-page .app-content .order-history-table td:nth-child(2){grid-area:date;color:var(--muted);font-size:11px}
 .device-records-page .app-content .order-history-table td:nth-child(3){grid-area:cashier;font-size:11px;color:var(--muted);margin-top:6px}
 .device-records-page .order-history-table td:nth-child(3)::before{content:"Cashier";display:inline;margin-right:8px;font-size:11px;font-weight:400}
 .device-records-page .app-content .order-history-table td:nth-child(4){grid-area:payment;font-size:12px;color:var(--muted);margin-top:7px;align-self:center}
 .device-records-page .app-content .order-history-table td:nth-child(5){grid-area:status;margin-top:7px}
 .device-records-page .app-content .order-history-table td:nth-child(6){grid-area:total;font-size:22px;font-weight:700;line-height:1.2;text-align:right;white-space:nowrap;border:0;padding:0}
 .device-records-page .app-content .order-history-table td:nth-child(7){grid-area:items;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}
 .device-records-page .order-history-table td:nth-child(7)::before{display:none}
 .device-records-page .app-content .order-history-table .order-items-list{text-align:left;font-size:13px;line-height:1.6}
 /* Inventory: stock quantity and warnings precede thresholds and actions. */
 .device-records-page .app-content .inventory-management-table tbody>tr{grid-template-areas:"name status" "category category" "quantity quantity" "minimum target" "actions actions"}
 .device-records-page .app-content .inventory-management-table td:nth-child(1){grid-area:name;font-size:16px;font-weight:700}
 .device-records-page .app-content .inventory-management-table td:nth-child(2){grid-area:category;font-size:12px;color:var(--muted)}
 .device-records-page .app-content .inventory-management-table td:nth-child(3){grid-area:quantity;font-size:30px;font-weight:650;line-height:1.2;margin-top:10px}
 .device-records-page .inventory-management-table td:nth-child(3)::after{content:"On hand";font-size:11px;font-weight:400;color:var(--muted);margin-left:10px;white-space:nowrap}
 .device-records-page .app-content .inventory-management-table td:nth-child(4){grid-area:minimum;font-size:11px;color:var(--muted);margin-top:5px}
 .device-records-page .inventory-management-table td:nth-child(4)::before{content:"Minimum";display:inline;font-size:11px;margin-right:5px}
 .device-records-page .inventory-management-table .device-unit{display:inline}
 .device-records-page .app-content .inventory-management-table td:nth-child(5){grid-area:status;justify-self:end}
 .device-records-page .app-content .inventory-management-table td:nth-child(6){grid-area:target;font-size:11px;color:var(--muted);margin-top:5px;text-align:right}
 .device-records-page .inventory-management-table td:nth-child(6) :is(.progress,.inventory-level-label){display:none}
 .device-records-page .app-content .inventory-management-table td:nth-child(7){grid-area:actions;padding-top:10px}
 .device-records-page .inventory-management-table tr:has(.availability-unavailable) td:nth-child(3){color:var(--danger)}
 /* Menu: price beside the name; availability and stock remain secondary. */
 .device-records-page .app-content .menu-management-table tbody>tr{grid-template-areas:"name price" "category category" "status status" "stock stock" "actions actions"}
 .device-records-page .app-content .menu-management-table td:nth-child(1){grid-area:name;font-size:16px;font-weight:700}
 .device-records-page .app-content .menu-management-table td:nth-child(2){grid-area:category;color:var(--muted);font-size:12px}
 .device-records-page .app-content .menu-management-table td:nth-child(3){grid-area:price;font-size:22px;line-height:1.2;font-weight:700;white-space:nowrap;text-align:right}
 .device-records-page .app-content .menu-management-table td:nth-child(4){grid-area:stock;font-size:11px;color:var(--muted);margin-top:4px}
 .device-records-page .menu-management-table td:nth-child(4)::before{content:"Prepared stock:";display:inline;margin-right:5px;font-size:11px;font-weight:400}
 .device-records-page .app-content .menu-management-table td:nth-child(5){grid-area:status;margin-top:7px;text-align:left}
 .device-records-page .app-content .menu-management-table td:nth-child(6){grid-area:actions;padding-top:8px}
 /* Expenses: summary and records; the existing entry fields move into a dialog. */
 .device-expense-tools{margin-bottom:12px}.device-expense-tools h3{font-size:14px;margin:18px 0 12px}
 .device-expense-summary{display:grid;gap:4px;padding:14px 16px;border-left:3px solid var(--orange);background:var(--cream-2);border-radius:0 10px 10px 0;margin:14px 0 16px}
 .device-expense-summary span{font-size:12px;color:var(--muted)}.device-expense-summary strong{font-size:30px;line-height:1.2;font-weight:700}.device-expense-summary small{font-size:11px;color:var(--muted)}
 .device-expense-tools .management-add{width:100%}
 .device-records-page .app-content .expenses-table .expense-record-row{grid-template-areas:"description amount" "date date" "category type" "actions actions"}
 .device-records-page .app-content .expenses-table .expense-record-row td[data-label="Date"]{grid-area:date;font-size:11px;color:var(--muted)}
 .device-records-page .app-content .expenses-table .expense-record-row td[data-label="Description"]{grid-area:description;font-size:16px;font-weight:700}
 .device-records-page .app-content .expenses-table .expense-record-row td[data-label="Category"]{grid-area:category;justify-self:start;font-size:11px;color:var(--muted);background:var(--cream);border-radius:5px;padding:3px 7px;margin-top:5px}
 .device-records-page .app-content .expenses-table .expense-record-row td[data-label="Type"]{grid-area:type;justify-self:start;font-size:11px;color:var(--muted);background:var(--cream);border-radius:5px;padding:3px 7px;margin-top:5px}
 .device-records-page .app-content .expenses-table .expense-record-row td[data-label="Amount"]{grid-area:amount;font-size:22px;line-height:1.2;font-weight:700;text-align:right;white-space:nowrap}
 .device-records-page .app-content .expenses-table .expense-record-row td[data-label="Actions"]{grid-area:actions;padding-top:8px}
 .device-records-page .expenses-table tfoot{display:none}
 .device-expense-form-table{display:block;width:100%}.device-expense-form-table tbody{display:block}
 .device-expense-form-table .expense-input-row{display:grid;grid-template-columns:1fr;gap:14px}
 .device-expense-form-table td{display:block;padding:0;border:0}
 .device-expense-form-table td::before{display:block;content:attr(data-label);font-size:12px;margin-bottom:6px;color:var(--muted)}
 .device-expense-form-table td[data-label="Actions"]::before{display:none}
 .device-expense-form-table .form-control,.device-expense-form-table .form-select{width:100%;min-height:44px;font-size:16px}
 .device-expense-form-table .expense-form-actions{display:flex;flex-wrap:wrap;gap:10px}
 .device-expense-form-table .expense-form-actions .btn{flex:1;min-height:44px}
 .device-expense-modal .modal-title{font-size:21px}
}
@media screen and (min-width:700px) and (max-width:1100px){
 .device-records-page :is(.inventory-management-table,.menu-management-table,.order-history-table,.expenses-table) tbody{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .device-records-page .device-expense-form-table tbody{display:block}
}
@media print{.device-expense-tools,.device-expense-modal{display:none!important}}

@media screen and (max-width:1100px){
 html[data-theme] .device-records-page .device-expense-tools .management-add{width:100%}
 .device-record-search{margin:0 0 14px}.device-record-search input{width:100%;min-height:0;font-size:16px;background:transparent;color:var(--ink);border:0}
 .device-search-result{font-size:12px;color:var(--muted);margin:9px 0 0;min-height:0}.device-search-result:empty{display:none}
 .device-records-page .app-content tbody>tr[hidden]{display:none!important}
}