.more-group { border-bottom:1px solid var(--border); padding:6px 0; }
.more-group summary { padding:12px 14px; font-weight:700; cursor:pointer; color:var(--text-2); }
.more-group .more-menu-item { padding-left:26px; min-height:44px; }
.more-menu-item.current { color:var(--primary-on-dark); background:var(--bg-subtle); font-weight:700; }
.mobile-page-list { padding:12px 16px 90px; overflow-y:auto; flex:1; min-height:0; }
.mobile-page-list .card { overflow-wrap:anywhere; }
.mobile-filter { display:grid; gap:8px; padding:12px 0; }
.mobile-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.mobile-actions button { flex:1 1 auto; min-height:44px; }
.mobile-card-button { border:0; background:none; color:inherit; text-align:left; width:100%; cursor:pointer; padding:0; font:inherit; }
.mobile-report { width:100%; height:70dvh; border:0; background:white; }
.mobile-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mobile-form-grid .form-group { min-width:0; }
.paint-stock-line { display:flex; justify-content:space-between; gap:8px; padding:8px 0; border-bottom:1px solid var(--border); }
.paint-request-line { padding:12px; margin:8px 0; border:1px solid var(--border); border-radius:var(--radius); }
.paint-request-line input { width:100%; }
.mobile-pager { display:flex; align-items:center; justify-content:center; gap:16px; margin:16px 0; }
.mobile-pager button { min-height:44px; }
/* Match ordinary modal actions, including controls rendered after page load. */
.btn-primary, .btn-outline, button.sm-btn, a.sm-btn, button.mobile-picker-option, .purchase-suggestion,
.em-tool-btn, .em-selection-actions button, .em-form-section-head button,
.em-history-toolbar button, .em-inline-remove, .emf-br-group,
.sch-kind-toggle button {
 border-radius:var(--radius-sm,6px);
}
input[type="file"]::file-selector-button {
 font:inherit; color:var(--text-1); background:var(--surface);
 border:1px solid var(--border); border-radius:var(--radius-sm,6px);
 padding:10px 12px; margin-right:8px; cursor:pointer;
}
.mobile-error { color:var(--danger-on-dark); padding:12px 0; }
#form-modal { z-index:11010; }
#image-viewer { z-index:11020; }
.mobile-overlay { position:fixed; inset:0; z-index:1200; background:var(--bg); display:flex; flex-direction:column; padding:calc(12px + var(--safe-top)) calc(16px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(16px + var(--safe-left)); }
.mobile-overlay-body { overflow:auto; flex:1; min-height:0; }
body[data-role="field"] #btn-refresh { display:initial; }
@media (max-width:480px), (max-height:480px) {
 #form-modal .modal, #content-modal .modal { width:100%; max-width:none; max-height:100%; border-radius:0; height:100%; display:flex; flex-direction:column; }
 #form-modal .modal-body, #content-modal .modal-body { flex:1; min-height:0; max-height:none!important; overflow:auto; }
 #form-modal, #content-modal { padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left); }
}