.mobile-feature-tabs {flex-wrap:wrap}
.header-button {white-space:nowrap;flex-shrink:0}
.mobile-loading-history {min-width:0}
.mobile-loading-history h2 {font-size:17px;margin:0}
.mobile-loading-history .mh-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.mobile-loading-history .mh-heading button {font-size:14px;min-height:44px;flex-shrink:0}
.mobile-loading-history .mh-filters {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.mobile-loading-history .mh-filters label {margin-top:0}
.mobile-loading-history .mh-filters .actions {grid-column:1 / -1;margin-top:0}
.mobile-loading-history .mh-list {display:grid;gap:10px;margin-top:12px}
.mobile-loading-history .mh-task {display:block;text-align:left;width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:12px;overflow-wrap:anywhere}
.mobile-loading-history .mh-task:hover,.mobile-loading-history .mh-task:focus-visible {border-color:var(--accent);background:#f1f6fb}
.mobile-loading-history button:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.mobile-loading-history button:disabled {opacity:.55;cursor:default}
.mobile-loading-history .mh-task-top {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.mobile-loading-history .mh-task small {display:block;color:var(--muted);font-size:13px;margin-top:3px}
.mobile-loading-history .mh-badge {display:inline-block;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:500;background:#edf2f6;color:#39546b;flex-shrink:0}
.mobile-loading-history .mh-badge[data-status="archived"],.mobile-loading-history .mh-badge[data-status="archived_without_dn"] {background:#e8f4ec;color:#23633b}
.mobile-loading-history .mh-badge[data-status="archiving"] {background:#e8f1fc;color:#21568f}
.mobile-loading-history .mh-badge[data-status="archive_failed"] {background:#fbe4e4;color:#9d2525}
.mobile-loading-history .mh-badge[data-status="deferred"] {background:#fff3d6;color:#925b00}
.mobile-loading-history .mh-coload {color:#b42318;font-weight:700}
.mobile-loading-history .mh-pagination {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:14px}
.mobile-loading-history .mh-pagination button {min-height:44px}
.mobile-loading-history .mh-fields {display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:9px 12px;font-size:14px;margin:16px 0}
.mobile-loading-history dt {color:var(--muted)}
.mobile-loading-history dd {margin:0;overflow-wrap:anywhere}
.mobile-loading-history .mh-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.mobile-loading-history .mh-photo {padding:0;overflow:hidden;border:1px solid var(--line);background:#f5f7f9;color:var(--ink);text-align:left;min-width:0}
.mobile-loading-history .mh-photo img {display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.mobile-loading-history .mh-photo span {display:block;padding:8px;font-size:13px;overflow-wrap:anywhere}
.mobile-loading-history .mh-photo .mh-photo-error {color:#a52929}
.mobile-loading-history .mh-message {margin-top:12px;overflow-wrap:anywhere}
@media(min-width:600px){.mobile-loading-history .mh-gallery {grid-template-columns:repeat(3,minmax(0,1fr))}}
.mobile-loading-history .mh-supplement {margin:16px 0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.mobile-loading-history .mh-add-types {display:flex;flex-wrap:wrap;gap:12px 20px}
.mobile-loading-history .mh-add-types label {margin-top:0}
.mobile-loading-history .mh-supplement .photo-card button {margin:0 8px 8px}
.mobile-loading-history .mh-supplement progress {width:100%;height:14px;accent-color:var(--accent)}
.mobile-loading-history button:disabled {opacity:.55;cursor:default}

.mobile-loading-history .mh-photo-card {position:relative;min-width:0;display:flex;flex-direction:column}
.mobile-loading-history .mh-photo-card .mh-photo {width:100%}
.mobile-loading-history .mh-delete-photo {position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#d92d20;z-index:1}
.mobile-loading-history .mh-delete-photo::before {content:"";position:absolute;inset:6px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0003}
.mobile-loading-history .mh-delete-photo svg {position:relative;pointer-events:none}
.mobile-loading-history .mh-delete-photo:not(:disabled):hover::before {background:#fff1f0}