/* Управление бизнес-данными из рабочего пространства */
.card-heading-actions,
.status-settings-actions,
.business-record__actions,
.contact-card__actions,
.comment-meta {
    display: flex;
    align-items: center;
    gap: 7px;
}

.business-record-list { display: grid; }
.business-record {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 15px 18px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}
.business-record:last-child { border-bottom: 0; }
.business-record:hover { background: #fbfdfd; }
.business-record.is-archived { opacity: .72; background: #fafafa; }
.business-record__icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--primary);
    background: var(--primary-soft);
}
.business-record__icon svg { width: 19px; height: 19px; fill: currentColor; }
.business-record__main { display: grid; min-width: 0; gap: 4px; }
.business-record__main > div { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.business-record__main strong { color: var(--ink); font-size: 12px; }
.business-record__main p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.record-state { padding: 3px 7px; border-radius: 999px; color: #985050; background: #fff0f0; font-size: 8px; font-weight: 800; }
.record-links { display: flex; flex-wrap: wrap; gap: 5px; }
.record-links a,
.record-links span { padding: 3px 7px; border-radius: 6px; color: var(--primary-dark); background: #eff8f7; font-size: 8px; font-weight: 700; }
.record-links span { color: var(--muted); background: var(--surface-subtle); }
.business-record__actions form,
.status-settings-actions form,
.contact-card__actions form { margin: 0; }

.info-card > header .info-card-action {
    margin-left: auto;
    color: var(--primary-dark);
    font-size: 9px;
    font-weight: 800;
}
.info-card > header .info-card-action:hover { color: var(--primary); }

.contact-card { position: relative; }
.contact-card.is-archived { opacity: .68; background: #fafafa; }
.contact-card__heading { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.contact-card__heading span { padding: 2px 6px; border-radius: 999px; color: var(--primary-dark); background: var(--primary-soft); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.contact-card small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.45; }
.contact-card__actions { margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--line); }
.contact-card__actions a,
.contact-card__actions button,
.comment-meta a { padding: 0; border: 0; color: var(--primary-dark); background: transparent; font: inherit; font-size: 8px; font-weight: 750; cursor: pointer; }
.contact-card__actions button { color: #9c5555; }
.comment-meta a:hover,
.contact-card__actions a:hover { color: var(--primary); }
.comment-meta { flex-wrap: wrap; justify-content: flex-end; }

.business-form-card,
.settings-form-card { max-width: 920px; }
.business-form-card ul.input {
    display: grid;
    gap: 7px;
    height: auto;
    margin: 0;
    padding: 10px 12px;
    list-style: none;
}
.business-form-card ul.input label { display: flex; align-items: center; gap: 8px; color: var(--ink-soft); font-size: 10px; font-weight: 650; }
.business-form-card ul.input input { width: 16px; height: 16px; }

.settings-hero { align-items: flex-end; }
.settings-note {
    display: flex;
    max-width: 980px;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid #c9e2ef;
    border-radius: 11px;
    color: #2e6780;
    background: #f1f9fc;
}
.settings-note svg { width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; }
.settings-note p { display: grid; gap: 2px; margin: 0; }
.settings-note strong { font-size: 11px; }
.settings-note span { font-size: 9px; }
.settings-card { max-width: 1080px; }
.status-settings-list { display: grid; }
.status-settings-row {
    display: grid;
    grid-template-columns: 16px minmax(220px, 1fr) 130px 100px auto;
    align-items: center;
    gap: 13px;
    min-height: 72px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--line);
}
.status-settings-row:last-child { border-bottom: 0; }
.status-settings-row.is-archived { opacity: .65; background: #fafafa; }
.status-color { width: 13px; height: 42px; border-radius: 999px; background: var(--status-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--status-color) 12%, white); }
.status-settings-main,
.status-settings-usage { display: grid; gap: 2px; }
.status-settings-main strong { color: var(--ink); font-size: 12px; }
.status-settings-main span,
.status-settings-usage span { color: var(--muted); font-size: 8px; }
.status-settings-usage strong { color: var(--ink-soft); font-size: 13px; }
.status-state-badge { justify-self: start; padding: 4px 8px; border-radius: 999px; color: #8c5d5d; background: #fff0f0; font-size: 8px; font-weight: 800; }
.status-state-badge.is-active { color: var(--primary-dark); background: var(--primary-soft); }
.settings-form-card input[type="color"] { width: 100%; min-height: 45px; padding: 5px; cursor: pointer; }
.license-outlets a { color: var(--primary-dark); font-size: 8px; font-weight: 750; }

@media (max-width: 760px) {
    .business-record { grid-template-columns: 40px minmax(0, 1fr); }
    .business-record__actions { grid-column: 1 / -1; justify-content: flex-end; padding-top: 8px; border-top: 1px solid var(--line); }
    .status-settings-row { grid-template-columns: 13px minmax(0, 1fr) auto; }
    .status-settings-usage { grid-column: 2; }
    .status-state-badge { grid-column: 2; }
    .status-settings-actions { grid-column: 3; grid-row: 1 / span 3; }
    .settings-hero { align-items: stretch; }
    .settings-hero .button { align-self: stretch; }
}

@media (max-width: 480px) {
    .card-heading-actions { align-items: flex-end; flex-direction: column; }
    .status-settings-row { padding-inline: 13px; }
    .comment-meta { align-items: flex-start; justify-content: flex-start; }
}
