/* spot_ad_catalog.css — K-23 фаза 3: блок «О модификации» на странице объявления и карточка «Связано с каталогом» на странице правки
   (templates/include/spot_ad_catalog.php подключает файл сам, только когда есть что показать). Только токены spot_ui.css и логические
   свойства (rtl-копия css/rtl/spot_ad_catalog.css — scripts/spot_rtl_build.sh). Классы — spot-adcat-*. */

.spot-adcat { display: flex; flex-direction: column; gap: 12px; margin: 16px 0 0; padding: 16px; border: 1px solid var(--spot-line); border-radius: var(--spot-radius); background: var(--spot-surface); color: var(--spot-ink); }
.spot-adcat-head { display: flex; flex-direction: column; gap: 2px; }
.spot-adcat-kicker { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--spot-mut); }
.spot-adcat-title { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; overflow-wrap: anywhere; unicode-bidi: plaintext; }
.spot-adcat-specs { display: grid; gap: 10px; margin: 0; }
.spot-adcat-specs > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.spot-adcat-specs dt { margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--spot-mut); }
.spot-adcat-specs dd { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; unicode-bidi: plaintext; }
.spot-adcat-src { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 12px; border-radius: var(--spot-radius-s); background: var(--spot-bg); color: var(--spot-ink-2); font-size: 13px; line-height: 18px; }
.spot-adcat-src svg { flex: 0 0 auto; margin-top: 1px; color: var(--spot-mut); }
.spot-adcat-more { display: flex; align-items: center; min-height: var(--spot-control-h); font-size: 14px; font-weight: 600; color: var(--spot-red-fg); text-decoration: none; }

.spot-adcat-edit { display: flex; flex-direction: column; gap: 10px; margin: 16px 0; padding: 14px; border: 1px solid var(--spot-line); border-radius: var(--spot-radius); background: var(--spot-bg); color: var(--spot-ink); }
.spot-adcat-edit-row { display: flex; gap: 10px; align-items: flex-start; }
.spot-adcat-edit-row[hidden], .spot-adcat-edit-note[hidden], .spot-adcat-edit-btn[hidden], .spot-adcat-edit-done[hidden] { display: none !important; }
.spot-adcat-edit-ico { flex: 0 0 auto; margin-top: 1px; color: var(--spot-green-fg); }
.spot-adcat-edit-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 14px; line-height: 20px; }
.spot-adcat-edit-text span { overflow-wrap: anywhere; unicode-bidi: plaintext; }
.spot-adcat-edit-note, .spot-adcat-edit-done { margin: 0; font-size: 13px; line-height: 18px; color: var(--spot-ink-2); }
.spot-adcat-edit-btn {
    align-self: flex-start; min-height: var(--spot-control-h); padding: 0 16px; border: 1px solid var(--spot-field-border); border-radius: var(--spot-radius-s);
    background: var(--spot-surface); color: var(--spot-ink); font-family: var(--spot-font); font-size: 14px; font-weight: 600; cursor: pointer;
}
.spot-adcat-edit-btn:active { background: var(--spot-field); }
.spot-adcat-edit-btn:disabled { opacity: .6; cursor: default; }