/* Remove Photo Metadata — page-specific styles (shared tool styles are in tools.css). */

/* Start screen illustration */
.rm-hero { display: grid; gap: 6px; min-width: 62%; }
.rm-hero .hero-line.is-struck .material-symbols-rounded { color: #e53935; }
.rm-hero__ok { margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(0,0,0,.1); color: #0d652d; }
.rm-hero__ok .material-symbols-rounded, .rm-hero .rm-hero__ok .material-symbols-rounded { color: #1e8e3e; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

/* Summary banner */
.rm-summary__body { display: flex; align-items: flex-start; gap: 14px; padding: 16px; }
.rm-summary__icon {
    flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px;
    background: var(--surface-container-low-color); color: var(--text-color-secondary);
}
.rm-summary__title { margin: 0; font-size: 1.0625rem; font-weight: 700; line-height: 1.35; }
/* Room for the result text is kept while photos are processed, so the list below does not jump. */
.rm-summary__text { margin: 4px 0 0; min-height: 1.5em; font-size: .875rem; line-height: 1.5; color: var(--text-color-secondary); }
.rm-summary.is-done { background: #e6f4ea; border-color: transparent; color: #0d3d1d; }
.rm-summary.is-done .rm-summary__icon { background: #1e8e3e; color: #fff; }
.rm-summary.is-done .rm-summary__text { color: inherit; opacity: .85; }
.rm-summary.is-warn { background: #fff4e5; border-color: transparent; color: #4a2800; }
.rm-summary.is-warn .rm-summary__icon { background: #e37400; color: #fff; }
.rm-summary.is-warn .rm-summary__text { color: inherit; opacity: .85; }
[data-theme="dark"] .rm-summary.is-done { background: #0f3d1f; border-color: transparent; color: #c4ecd0; }
[data-theme="dark"] .rm-summary.is-warn { background: #3a2a12; border-color: transparent; color: #ffdcb0; }

/* File list */
.rm-item { flex-wrap: wrap; align-items: flex-start; padding: 14px 16px 6px; border-radius: 24px; background: var(--surface-color); }
.rm-item .file-item__thumb { width: 64px; height: 64px; }
.rm-item .file-item__body { gap: 6px; }
.rm-item.is-error { border-color: var(--error-color); }
.rm-badges .badge.is-removed { text-decoration: line-through; opacity: .6; }
.file-item__status.is-warn { color: #b06000; }
[data-theme="dark"] .file-item__status.is-warn { color: #ffcf8a; }
.file-item__status span:last-child { white-space: normal; line-height: 1.4; }
.file-item__status { align-items: flex-start; }

.rm-details { flex: 1 0 100%; margin: 2px 0 0; border-top: 1px solid var(--divider-color); padding-top: 4px; }
.rm-details summary {
    display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 0 4px;
    list-style: none; cursor: pointer; font-size: .875rem; font-weight: 600; color: var(--primary-color);
}
.rm-details summary::-webkit-details-marker { display: none; }
.rm-details summary .material-symbols-rounded { transition: transform .2s; }
.rm-details[open] summary .material-symbols-rounded { transform: rotate(180deg); }
.rm-details .kv { padding: 4px 4px 8px; font-size: .875rem; }
.rm-details .ts-note { margin: 0 4px 8px; }

/* Options */
.rm-mode { display: flex; width: 100%; }
.rm-mode button { flex: 1; }
.rm-switches { margin-top: 8px; }
.rm-switches[hidden] { display: none; }
.rm-switch-note { margin: -6px 0 6px; }
.rm-tips .tool-note { margin: 0 0 10px; }
.rm-tips .tool-note:last-child { margin-bottom: 0; }
.rm-tips a { color: var(--primary-color); }

@media (max-width: 600px) {
    .rm-summary__text { min-height: 3em; }
    .rm-item .file-item__thumb { width: 52px; height: 52px; }
    .tool-bar__actions .ts-btn--filled { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
    .rm-details summary .material-symbols-rounded { transition: none; }
}