/* Inventory pages, forms, saved records, and expanded detail shared by the home and to-do entry points. */
:is(#inventoryPage,#inventoryHistoryPage,#inventoryFormModal,#inventoryDetailModal) {
  --pf-brown:#482600; --pf-brown-light:#71441e; --pf-cream:#f4d6a6;
  --pf-bg:#fff5e6; --pf-yellow:#f8b62d; --pf-card:#f9e4c3;
  color:var(--pf-brown);
}
:is(#inventoryPage,#inventoryHistoryPage) { background:var(--pf-bg); }
.inventory-page-inner { max-width:480px; padding:22px 15px 40px; color:var(--pf-brown); }
.inventory-page-header h1 { font-size:20px; }
.inventory-page-header p { font-size:11px; color:var(--pf-brown-light); }
.inventory-back-btn { width:36px; height:36px; border:0; background:var(--pf-cream); color:var(--pf-brown); }
:is(.inventory-summary-card,.inventory-pending-card,.inventory-submitted-card) { padding:16px; border:1px solid #dfb77e; border-radius:20px; background:#fff; box-shadow:none; }
.inventory-summary-card { background:linear-gradient(125deg,#fff,var(--pf-cream)); }
#inventoryPage .inventory-summary-card { background:var(--pf-yellow); border-color:var(--pf-yellow); }
:is(.inventory-help-box,.inventory-form-notice) { padding:12px; border:0; border-radius:12px; background:#f9e4c3; color:var(--pf-brown-light); }
:is(.inventory-help-box,.inventory-form-notice) p { font-size:12px; line-height:20px; }
.inventory-list-heading h2 { font-size:16px; }
:is(.inventory-simple-row,.inventory-form-item) { padding:12px; border-radius:12px; background:var(--pf-bg); }
:is(.inventory-record-btn,.inventory-submit-btn,.inventory-history-open-btn,.inventory-history-month-btn,.inventory-view-btn) { border:1px solid #dfb77e; border-radius:24px; padding:8px 14px; background:var(--pf-cream); color:var(--pf-brown); font-size:12px; }
:is(.inventory-submit-btn,.inventory-history-month-btn.active) { background:var(--pf-yellow); }
:is(#inventoryFormModal,#inventoryDetailModal) .modal-card { width:360px; max-width:100%; max-height:calc(100dvh - 36px); padding:20px; border:1px solid #dfb77e; border-radius:20px; color:var(--pf-brown); }
:is(#inventoryFormModal,#inventoryDetailModal) h2 { font-size:18px; }
:is(#inventoryFormModal,#inventoryDetailModal) .close-btn { width:28px; height:28px; border-radius:50%; background:var(--pf-bg); color:var(--pf-brown-light); }
.inventory-form-category h3 { font-size:14px; color:var(--pf-brown); }
.inventory-form-item { gap:12px; }
.inventory-form-item strong { font-size:13px; }
.inventory-form-item input { width:80px; min-width:0; padding:9px; border:1px solid #d9ba91; border-radius:10px; background:#fff; color:var(--pf-brown); font-size:16px; }
#inventoryFormModal textarea { border:1px solid #d9ba91; border-radius:12px; background:var(--pf-bg); }
:is(#inventoryFormModal,#inventoryDetailModal) :is(.modal-primary-btn,.modal-cancel-btn) { border:0; border-radius:24px; padding:10px 14px; font-size:13px; background:var(--pf-cream); color:var(--pf-brown); }
#inventoryFormModal .modal-primary-btn { background:var(--pf-yellow); }
.inventory-detail-body { font-size:13px; overflow-wrap:anywhere; }
.inventory-page-header { position:relative; justify-content:center; min-height:48px; padding:0 44px; margin-bottom:24px; text-align:center; }
.inventory-page-header .inventory-back-btn { position:absolute; left:0; padding:0; border-radius:50%; }
.inventory-page-header h1 { margin:0; line-height:28px; }
.inventory-page-header p { margin:0 0 4px; }
.inventory-summary-card :is(span,strong), .inventory-pending-number strong { color:var(--pf-brown); }
.inventory-summary-card > div > span { font-size:11px; }
.inventory-pending-number strong { font-size:32px; }
.inventory-list-heading p { display:none; }
.inventory-pending-card { background:linear-gradient(125deg,#fff8ed,var(--pf-card)); }
.inventory-pending-card-header { padding-bottom:12px; border-color:#dfc6a5; }
.inventory-pending-card-header strong { font-size:15px; color:var(--pf-brown); }
.inventory-pending-card-header small,.inventory-history-help { font-size:12px; line-height:20px; color:var(--pf-brown-light); overflow-wrap:anywhere; }
.inventory-day-tag { background:var(--pf-cream); color:var(--pf-brown); font-size:11px; }
.inventory-day-tag.today { background:var(--pf-yellow); color:var(--pf-brown); }
.inventory-simple-row strong { font-size:13px; color:var(--pf-brown); }
.inventory-simple-row span { font-size:12px; color:var(--pf-brown-light); }
.inventory-final-submit { border-top:1px solid #dfc6a5; }
.inventory-final-submit p { font-size:12px; line-height:20px; color:var(--pf-brown-light); }
.inventory-empty { padding:24px 16px; border:1px dashed #d9ba91; border-radius:18px; background:#fffdf9; color:var(--pf-brown-light); font-size:12px; line-height:20px; }
.inventory-submitted-status,.inventory-submitted-count { padding:4px 9px; border-radius:20px; background:var(--pf-cream); color:var(--pf-brown-light); font-size:11px; }
.inventory-submitted-top strong { font-size:15px; color:var(--pf-brown); }
.inventory-submitted-address,.inventory-submitted-bottom span { font-size:12px; color:var(--pf-brown-light); overflow-wrap:anywhere; }
.inventory-history-month-tabs { gap:6px; padding:5px; border-radius:28px; background:var(--pf-cream); }
.inventory-history-month-btn { border:0; background:transparent; }
:is(#inventoryFormModal,#inventoryDetailModal) .modal-header { align-items:flex-start; gap:12px; margin-bottom:16px; }
:is(#inventoryFormModal,#inventoryDetailModal) .modal-small-title { font-size:11px; color:var(--pf-brown-light); }
:is(#inventoryFormModal,#inventoryDetailModal) h2 { margin:0; }
.inventory-form-category { padding:12px; border:1px solid #dfc6a5; border-radius:16px; background:#fffdf9; }
.inventory-form-item > div { min-width:0; }
.inventory-form-item input { flex-shrink:0; }
.inventory-form-item span { font-size:11px; color:var(--pf-brown-light); }
.inventory-detail-location { margin:0 0 16px; padding:12px; border-radius:14px; background:var(--pf-cream); color:var(--pf-brown); }
.inventory-detail-group-title { margin:20px 0 12px; padding:0; font-size:15px; color:var(--pf-brown); }
.inventory-detail-section { margin-bottom:12px; padding:12px; border:1px solid #dfc6a5; border-radius:14px; background:var(--pf-bg); }
.inventory-detail-section h3 { font-size:13px; color:var(--pf-brown); }
.inventory-detail-row { gap:12px; border-color:#dfc6a5; }
.inventory-detail-row span,.inventory-detail-note,.inventory-detail-empty { color:var(--pf-brown-light); font-size:12px; line-height:20px; }
.inventory-detail-row strong { color:var(--pf-brown); }
.inventory-detail-times { padding:12px; border-radius:14px; background:var(--pf-cream); }
.inventory-detail-times div { flex-wrap:wrap; gap:6px; }
.inventory-detail-times :is(span,strong) { font-size:11px; color:var(--pf-brown-light); }
:is(#inventoryPage,#inventoryHistoryPage,#inventoryFormModal,#inventoryDetailModal) :is(button,input,textarea):focus-visible { outline:2px solid var(--pf-brown); outline-offset:2px; }