/* CAMP 638: shared compact lists and responsive workspace corrections. */
body #remainingItemsPanel:not([data-remaining-visible="true"]),
body #remainingItemsPanel[hidden], body #checklist.showing-remaining,
body #categoryForm[hidden], body #cloudSyncToast[hidden] { display:none !important; }
html body[data-camp-workflow="pack"][data-pack-panel="prep"] #packWorkspacePanel.pack-workspace-panel > #checklist.camp-stage-section.pack-panel-active.showing-remaining { display:none !important; }
body[data-camp-workflow="pack"] #planWorkspace { display:none !important; }
body #packingSection { display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:22px !important; margin-bottom:16px !important; }
body #packingSection h2 { font-size:clamp(24px,3vw,32px); margin:0 0 6px; }
body #packingSection p { margin:4px 0; }
body #packingSection .checklist-actions { display:flex !important; flex-wrap:wrap; align-items:center; gap:8px; width:auto; padding:0; border:0; background:none; }
body #packingSection .checklist-actions button { min-height:44px; }
body #categoryForm { flex-basis:100%; }
.packing-more summary,.gear-add-disclosure>summary,.gear-item-options>summary { cursor:pointer; min-height:44px; padding:10px 14px; box-sizing:border-box; list-style:none; border:1px solid #deded0; border-radius:10px; font-weight:700; }
.packing-more { position:relative; }
.packing-more[open] button { position:absolute; right:0; top:48px; z-index:5; white-space:nowrap; }
body #checklist .packing-workspace { min-height:0 !important; }
body #checklist .packing-category-toggle-row { margin-bottom:12px; }
body #checklist .packing-active-category-pill { display:none !important; }
body #checklist .packing-category-detail { padding:20px !important; }
body #checklist .packing-category-detail-header h3 { font-size:clamp(22px,2.6vw,30px); }
.packing-mobile-selector { display:none; }
body #remainingItemsPanel .remaining-item { display:flex !important; align-items:center; gap:12px; min-height:48px; padding:8px 0; }
body #remainingItemsPanel .remaining-item input[type="checkbox"] { appearance:auto !important; width:24px !important; height:24px !important; min-width:24px !important; min-height:24px !important; max-height:24px !important; flex:0 0 24px !important; margin:0 !important; padding:0 !important; accent-color:#254b3b; }
body #remainingItemsPanel .remaining-item span { min-width:0; overflow-wrap:anywhere; }
/* Day headings and meal rows share Supply Run's group structure. */
body #mealsSection #kitchenMealsView>.camp-kitchen-panel { border:0 !important; padding:0 !important; box-shadow:none !important; background:none !important; }
body #mealsSection #kitchenMealsView>.camp-kitchen-panel>summary { background:none !important; padding:8px 0 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace #mealPlanner { display:block !important; width:100%; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-card { padding:0 !important; margin:0 0 20px !important; border:1px solid #deded0 !important; border-radius:14px !important; box-shadow:none !important; overflow:hidden; background:#fffdf7 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-header { display:flex !important; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px !important; margin:0 !important; background:#eaf0df; border:0; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-header h3 { font-size:22px !important; margin:0 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-header p { margin:4px 0 0; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-summary { flex-shrink:0; font-size:12px; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-list { display:block !important; padding:0 !important; gap:0 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-section { padding:16px !important; margin:0 !important; border:0 !important; border-bottom:1px solid #e7e5dc !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; min-width:0; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-section:last-child { border-bottom:0 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-section-header { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:12px; padding:0 !important; margin:0 !important; border:0 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-title-wrap { display:flex !important; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-title-wrap .drag-handle { display:none; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-title-wrap h4 { font:700 12px Inter,sans-serif !important; color:#54705c; margin:0 !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-collapsed-name { font:700 17px Inter,sans-serif !important; color:#263f33; white-space:normal !important; overflow-wrap:anywhere; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-section-status { font-size:12px; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-actions { display:flex !important; align-items:center; flex-wrap:wrap; gap:6px !important; width:auto !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-actions button { min-height:44px !important; padding:8px 12px !important; width:auto !important; min-width:44px !important; font-size:13px !important; }
.kitchen-dialog-body>button { min-height:44px; }
.kitchen-dialog-body:has(>button:first-child) { display:grid; gap:8px; }
/* Gear uses one selector, category bands, and flat item rows. */
body #loadoutTemplateList .loadout-template-workspace { display:block !important; width:100% !important; min-width:0 !important; }
body #loadoutTemplateList .loadout-template-nav { display:block !important; width:100% !important; max-height:none !important; overflow:visible !important; padding:0 !important; margin:0 0 16px !important; background:none !important; border:0 !important; }
.loadout-picker { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-weight:700; }
.loadout-picker select { flex:1; min-width:0; min-height:44px; }
body #loadoutTemplateList .loadout-template-detail { padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; width:100% !important; min-width:0 !important; }
body #loadoutTemplateList .loadout-template-detail-header { display:flex !important; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:0 0 16px !important; gap:12px; }
body #loadoutTemplateList .loadout-template-header-actions { display:flex; gap:8px; flex-wrap:wrap; }
body #loadoutTemplateList .loadout-template-body { display:block !important; padding:0 !important; }
.gear-edit-tools { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.gear-add-disclosure[open] { flex-basis:100%; }
body #loadoutTemplateList .loadout-item-group { padding:0 !important; margin:12px 0 !important; border:1px solid #deded0 !important; background:#fffdf7 !important; border-radius:12px !important; overflow:hidden; }
body #loadoutTemplateList .loadout-item-group-header { padding:12px 14px !important; background:#eaf0df !important; margin:0 !important; }
body #loadoutTemplateList .loadout-item-group-body,body #loadoutTemplateList .loadout-item-list { padding:0 !important; margin:0 !important; display:block !important; }
body #loadoutTemplateList .loadout-item-row { display:grid !important; grid-template-columns:minmax(0,1fr) auto 44px !important; align-items:center !important; gap:10px !important; padding:14px !important; margin:0 !important; border:0 !important; border-bottom:1px solid #ece9df !important; border-radius:0 !important; background:transparent !important; min-height:64px !important; }
body #loadoutTemplateList .loadout-item-name { min-width:0; overflow-wrap:anywhere; font-weight:600; }
body #loadoutTemplateList .loadout-restock-btn { min-height:44px; margin:0; }
.gear-item-options { min-width:0; }
.gear-item-options>summary { text-align:center; }
body #loadoutTemplateList .gear-item-options[open] { grid-column:1 / -1; padding:12px; background:#f5f4ec; border-radius:10px; }
.gear-item-options[open]>summary { width:44px; margin-left:auto; }
.gear-item-options label { display:grid; gap:6px; }
body #loadoutTemplateList .gear-item-options input { width:100% !important; box-sizing:border-box; margin:8px 0; }
body #loadoutTemplateList .gear-item-options .delete-btn { width:auto !important; min-height:44px; margin-top:8px; }
body #loadoutTemplateList .loadout-item-order-link-placeholder { display:none !important; }
body #applySelectedLoadoutsBtn { display:none !important; }
body #tripSmartsSection .smart-loadout-card { border:0 !important; padding:0 !important; background:none !important; box-shadow:none !important; }
body #loadoutTemplateList .loadout-item-group-header { display:flex !important; justify-content:space-between; align-items:center; }
body #loadoutTemplateList .loadout-template-detail-header .loadout-template-checkbox { display:none !important; }
body #checklist .packing-workspace::before,body #checklist .packing-workspace::after { content:none !important; }
@media(max-width:900px) {
 body #cloudSyncToast,body .kitchen-notice { bottom:calc(112px + env(safe-area-inset-bottom,0px)) !important; left:12px !important; right:12px !important; width:auto !important; max-width:none !important; pointer-events:none; }
 body .kitchen-notice button { pointer-events:auto; }
 body #preTripSection .pretrip-workspace { display:flex !important; flex-direction:column !important; gap:16px !important; min-height:0 !important; }
 body #preTripSection .pretrip-day-nav { display:flex !important; flex-wrap:wrap !important; gap:8px; width:100% !important; max-height:none !important; padding:0 !important; }
 body #preTripSection .pretrip-day-tab { flex:1 1 130px !important; width:auto !important; min-width:0 !important; }
 body #preTripSection .pretrip-day-nav { height:auto !important; min-height:0 !important; top:auto !important; }
 body #preTripSection .pretrip-day-tab { height:auto !important; min-height:64px !important; padding:10px !important; }
 body #preTripSection .pretrip-day-tab strong { font:700 14px Inter,sans-serif !important; }
 body #preTripSection .pretrip-day-tab-main { display:grid !important; gap:4px; }
 body #preTripSection .pretrip-day-header .pretrip-actions { flex:0 0 auto; }
 body #preTripSection .pretrip-day-header .pretrip-day-progress { display:none; }
 body #preTripSection .pretrip-day { width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; }
 body #preTripSection .pretrip-day-header { display:flex !important; flex-wrap:wrap; gap:10px; }
 body #preTripSection .pretrip-title-wrap { min-width:0 !important; flex:1; }
 body #preTripSection h4 { font-size:22px !important; word-break:normal !important; }
 body #preTripSection .item { display:flex !important; align-items:center; gap:10px; padding:10px !important; }
 body #preTripSection .item .editable { min-width:0; flex:1; }
 body #preTripSection .row,body #preTripSection .category-add-row { display:flex !important; flex-wrap:wrap; gap:8px; }
 body #preTripSection input { flex:1 1 160px; min-width:0 !important; max-width:100%; }
 body #preTripSection button { min-height:44px; }
 body .route-stop-item { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:10px !important; padding:14px !important; }
 body .route-stop-item>* { position:static !important; transform:none !important; grid-row:auto !important; grid-column:auto !important; min-width:0; }
 body .route-stop-item .route-stop-handle { display:none !important; }
 body .route-stop-item .route-stop-badge { justify-self:start; width:auto !important; max-width:100%; }
 body .route-stop-item .route-stop-endpoint-content,body .route-stop-item .route-stop-fields { grid-column:1 / -1 !important; grid-row:2 !important; width:100% !important; }
 body .route-stop-item .route-stop-map-btn { grid-column:2 !important; grid-row:1 !important; min-height:44px; width:auto !important; margin:0 !important; }
 body .route-stop-item .route-stop-type-mark { display:none !important; }
 body .route-stop-item .route-stop-endpoint-title,body .route-stop-item .route-stop-endpoint-location { white-space:normal !important; overflow-wrap:anywhere; }
 body .route-stop-fields { display:flex !important; flex-direction:column; gap:8px; }
 body .route-stop-fields input,body .route-stop-fields select { width:100% !important; box-sizing:border-box; }
 body #packingSection { padding:16px !important; }
 body #packingSection .checklist-actions { width:100%; }
 body #packingSection .checklist-actions button { padding:8px 10px; font-size:13px; }
 body #checklist .packing-category-toggle-row,body #checklist .packing-category-nav { display:none !important; }
 body #checklist .packing-workspace { display:block !important; }
 body #checklist .packing-mobile-selector { display:grid; gap:6px; font-weight:700; margin:0 0 12px; }
 body #checklist .packing-mobile-selector select { width:100%; min-height:44px; }
 body #checklist .packing-category-detail { padding:14px !important; }
 html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-section-header { grid-template-columns:minmax(0,1fr) !important; }
 html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-actions { justify-content:space-between; }
 body #tripSmartsSection { min-width:0 !important; padding:16px !important; }
 body #tripSmartsSection .smart-loadout-card { min-width:0 !important; padding:0 !important; }
 body #loadoutTemplateList .loadout-item-row { gap:8px !important; padding:12px !important; }
 body #loadoutTemplateList .loadout-template-name-row strong { font-size:22px !important; }
}

html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-title-wrap, html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-title-wrap > * { text-align:left !important; align-self:flex-start !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-actions button { flex:0 0 auto !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-actions .meal-more { width:44px !important; padding:8px !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-header { flex-direction:row !important; }
html body[data-camp-workflow="pack"][data-pack-panel="kitchen"] #packWorkspacePanel.pack-workspace-panel > #mealsSection.card.camp-stage-section.pack-panel-active.kitchen-workspace .meal-day-header > div { text-align:left !important; }
