/* «Контент каталога» (content.js). Uses the shared Journey tokens only. */
#content .panel { margin-bottom:22px; }
#content .panel-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px 16px; }
#content td small { display:block; margin-top:3px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); }
#content .content-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.content-tabs { margin:-14px 0 22px; }
.content-tabs a { padding:8px 12px; border-radius:6px; color:var(--journey-color-text-secondary); font-size:var(--journey-type-caption-size); text-decoration:none; }
.content-tabs a:hover { color:var(--journey-color-text-primary); }
.content-tabs a.active { background:var(--journey-color-bg-subtle); color:var(--journey-color-text-primary); font-weight:550; }
.content-needs { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.content-form label { display:grid; gap:7px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); margin:0 0 16px; min-width:0; }
.content-form label small { font-size:var(--journey-type-caption-size); }
.content-form input:not([type="checkbox"]),.content-form select,.content-form textarea,
#content .content-grid input,.content-inline-form input,.content-upload select,#content td input,#content td select {
  padding:9px 10px; min-height:40px; width:100%; border:1px solid var(--journey-color-border-subtle); border-radius:6px;
  background:var(--journey-color-bg-surface); color:var(--journey-color-text-primary); font:inherit; font-size:var(--journey-type-footnote-size); }
.content-form textarea { resize:vertical; line-height:1.5; }
.content-form input::placeholder,.content-form textarea::placeholder { color:var(--journey-color-disabled-text); }
.content-checks { border:0; padding:0; margin:0 0 16px; }
.content-checks legend { font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); margin-bottom:6px; }
.content-checks label.check { display:flex; align-items:center; gap:10px; font-size:var(--journey-type-footnote-size); color:var(--journey-color-text-primary); min-height:32px; margin:0; }
.content-checks label.check input { width:18px; height:18px; accent-color:var(--journey-color-action-primary); }
#content .content-grid th,#content .content-grid td { padding:8px 6px; }
#content .content-grid input { min-width:72px; }
#content .content-grid td:first-child input { min-width:180px; }
.content-row-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:14px; }
.content-photos { list-style:none; margin:14px 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.content-photo { display:grid; gap:8px; align-content:start; }
.content-photo img { width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:8px; background:var(--journey-color-bg-subtle); border:1px solid var(--journey-color-border-subtle); }
.content-photo select { padding:6px 8px; min-height:34px; width:100%; border:1px solid var(--journey-color-border-subtle); border-radius:6px; background:var(--journey-color-bg-surface); font:inherit; font-size:var(--journey-type-caption-size); }
.content-photo small { font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); }
.content-photo-actions { display:flex; gap:10px; align-items:center; }
.content-photos.source img { opacity:.85; }
.content-photo-state { display:grid; gap:6px; align-content:center; justify-items:start; aspect-ratio:3/4; padding:12px; border:1px dashed var(--journey-color-border-control); border-radius:8px; background:var(--journey-color-bg-subtle); font-size:var(--journey-type-caption-size); }
.content-photo-state.failed { border-color:var(--journey-color-status-error-fg); }
.content-upload { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin-top:10px; }
.content-upload label { display:grid; gap:7px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); }
.file-button { display:inline-flex; align-items:center; cursor:pointer; color:var(--journey-color-text-primary); }
.file-button:focus-within { outline:2px solid var(--journey-color-focus-ring); outline-offset:2px; }
.text-button.danger { color:var(--journey-color-status-error-fg); }
.content-save .panel-body { display:grid; gap:10px; }
.content-save .primary { justify-content:center; }
.content-history li small { display:block; }
.content-inline-form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.content-inline-form label { display:grid; gap:7px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); flex:1 1 160px; }
.content-inline-form .primary { flex:0 0 auto; }
.content-hex { font-variant-numeric:tabular-nums; max-width:110px; }
.content-columns { border:0; padding:0; margin:0 0 16px; }
.content-columns legend { font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); margin-bottom:6px; }
.content-column { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto; gap:8px; margin-bottom:8px; }
.content-column input { padding:9px 10px; min-height:40px; width:100%; border:1px solid var(--journey-color-border-subtle); border-radius:6px; background:var(--journey-color-bg-surface); font:inherit; font-size:var(--journey-type-footnote-size); }
.swatch { display:inline-block; width:14px; height:14px; border-radius:var(--journey-radius-full); border:1px solid var(--journey-color-border-control); vertical-align:-2px; }
.swatch.swatch-missing { background:repeating-linear-gradient(45deg,var(--journey-color-bg-subtle) 0 3px,var(--journey-color-bg-surface) 3px 6px); }
#content code { font-size:var(--journey-type-caption-size); }
.sync-content-card { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px 18px; padding:16px 20px; border:1px solid var(--journey-color-border-subtle); border-radius:10px; background:var(--journey-color-bg-surface); margin-bottom:22px; font-size:var(--journey-type-footnote-size); }
.sync-content-card strong { font-variant-numeric:tabular-nums; }
.sync-content-card a { font-weight:550; }
/* Catalog alert (alerts.js): products on the storefront without photo or description. Orders, sync and content pages. */
.catalog-alert { display:flex; gap:14px; align-items:flex-start; padding:16px 20px; margin:0 0 22px; border-radius:10px; border:1px solid var(--journey-color-border-subtle); border-left:3px solid var(--journey-color-status-warning-fg); background:var(--journey-color-status-warning-bg); color:var(--journey-color-text-primary); font-size:var(--journey-type-footnote-size); line-height:1.5; }
.catalog-alert p { margin:4px 0 0; color:var(--journey-color-text-secondary); }
.catalog-alert strong { color:var(--journey-color-status-warning-fg); }
.catalog-alert-mark { flex:0 0 auto; display:inline-grid; place-items:center; width:24px; height:24px; border-radius:var(--journey-radius-full); background:var(--journey-color-status-warning-fg); color:var(--journey-color-bg-surface); font-weight:700; font-size:var(--journey-type-footnote-size); }
.catalog-alert-links a { font-weight:550; color:var(--journey-color-text-primary); }
.nav-count.nav-alert { background:var(--journey-color-status-warning-bg); color:var(--journey-color-status-warning-fg); font-weight:650; font-variant-numeric:tabular-nums; }
.content-missing { color:var(--journey-color-status-warning-fg); font-size:var(--journey-type-caption-size); }
.content-missing-note { margin:0 0 16px; padding:10px 12px; border-radius:8px; background:var(--journey-color-status-warning-bg); color:var(--journey-color-status-warning-fg); font-size:var(--journey-type-caption-size); }
.content-photo-placeholder { display:flex; gap:14px; align-items:center; margin:14px 0; padding:16px; border:1px dashed var(--journey-color-border-control); border-radius:10px; background:var(--journey-color-bg-subtle); font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); }
.content-photo-placeholder span { flex:0 0 auto; display:grid; place-items:center; width:72px; aspect-ratio:3/4; border-radius:8px; background:var(--journey-color-bg-surface); border:1px solid var(--journey-color-border-subtle); font-size:var(--journey-type-title-2-size); color:var(--journey-color-icon-secondary); }
.content-photo-placeholder p { margin:0; }
/* «Сайт (Битрикс)» (bitrix.js). */
#content .stat strong.bitrix-mode { font-size:var(--journey-type-body-size); letter-spacing:0; margin:16px 0 14px; }
.bitrix-actions { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; margin:0 0 22px; }
.bitrix-actions .primary:disabled { cursor:not-allowed; }
.bitrix-report { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.bitrix-report > li { padding:12px 14px; border-radius:8px; background:var(--journey-color-bg-subtle); font-size:var(--journey-type-footnote-size); }
.bitrix-report-head { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin-bottom:8px; }
#content table.bitrix-changes th,#content table.bitrix-changes td { padding:6px 8px; font-size:var(--journey-type-caption-size); vertical-align:top; overflow-wrap:anywhere; }
@media(max-width:900px){ #content .content-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px){ #content .page-heading { flex-direction:column; align-items:flex-start; } .content-photos { grid-template-columns:repeat(2,minmax(0,1fr)); } }