/* Layout only for the Owner "Site images" page. Colours come from the site theme variables. */
.om-root .om-panel { background: var(--panel, #fff); border: 1px solid var(--line, #d9d4c7); border-radius: var(--r-md, 12px); color: var(--ink, #1a1a1a); }
.om-root h3 { margin: 18px 0 8px; font-size: 1.05rem; }
.om-settings { display: grid; gap: 12px; max-width: 520px; }
.om-field { display: grid; gap: 6px; font-weight: 600; }
.om-field .field { width: 100%; box-sizing: border-box; }
.om-check { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; }
.om-check input { width: 24px; height: 24px; accent-color: var(--brass, #b8902f); flex: none; }
.om-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.om-msg { margin: 0; min-height: 1.2em; }
.om-add { margin-top: 8px; max-width: 520px; }
.om-add input[type=file] { padding: 10px 12px; height: auto; }
.om-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.om-item { display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 14px; border: 1px solid var(--line, #d9d4c7); border-radius: var(--r-md, 12px); }
.om-thumbbox { width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; background: rgba(127, 127, 127, .12); border-radius: 8px; overflow: hidden; }
.om-thumb { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; display: block; }
.om-fields { display: grid; gap: 10px; min-width: 0; }
.om-num { margin: 0; }
.om-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.om-actions .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.om-actions .btn[disabled] { opacity: .45; cursor: default; }
.om-actions .btn:focus-within, .om-actions .btn:focus-visible { outline: 3px solid var(--brass, #b8902f); outline-offset: 2px; }
@media (max-width: 639px) {
  .om-item { grid-template-columns: 1fr; }
  .om-thumbbox { width: 100%; height: 220px; }
  .om-actions .btn { flex: 1 1 calc(50% - 8px); }
  .om-settings, .om-add { max-width: none; }
  .om-row .btn { width: 100%; }
}