/* ==========================================================================
   Экран «Профиль бизнеса» (public/panel/business.js, задача T-23).
   Только токены из public/panel/panel.css (:root) и готовые .card / .chip / .btn — своих цветов не вводим.
   ========================================================================== */

.biz-screen { display: flex; flex-direction: column; gap: 16px; min-width: 0; max-width: 100%; }
.biz-body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

.biz-status { display: none; padding: 10px 14px; border-radius: var(--r-md); font-size: 13.5px; line-height: 1.45;
  background: var(--surface-2); color: var(--ink); overflow-wrap: anywhere; }
.biz-status.is-visible { display: block; }
.biz-status.is-ok { background: var(--ok-bg); color: var(--ok-ink); }
.biz-status.is-error { background: var(--danger-bg); color: var(--danger-ink); }

.biz-readonly { padding: 10px 14px; border-radius: var(--r-md); background: var(--surface-2); color: var(--ink-2); font-size: 13px; }

.biz-card .card-head { gap: 12px; flex-wrap: wrap; }
.biz-title { margin: 0; font-size: 17px; font-weight: 600; color: var(--ink); }
.biz-confirm { flex: none; }

.biz-rows { display: flex; flex-direction: column; }
.biz-row { display: grid; grid-template-columns: minmax(120px, 220px) minmax(0, 1fr); gap: 4px 16px;
  padding: 12px 0; border-top: 1px solid var(--line); }
.biz-row:first-child { border-top: 0; }
.biz-row-label { font-size: 13px; color: var(--ink-2); }
.biz-row-value { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.biz-row-text { font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }

.biz-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.biz-badge { font-size: 11.5px; }

.biz-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.biz-item { display: flex; flex-direction: column; gap: 8px; padding: 14px 0; border-top: 1px solid var(--line); min-width: 0; }
.biz-item:first-child { border-top: 0; }
.biz-item-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.biz-item-kind { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.biz-item-date { font-size: 12px; color: var(--ink-3); margin-left: auto; }

.biz-ops { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.biz-op { font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }
.biz-op-path { color: var(--ink-2); }
.biz-reason { font-size: 13px; color: var(--ink-2); line-height: 1.45; overflow-wrap: anywhere; }
.biz-evidence { font-size: 12.5px; color: var(--ink-3); overflow-wrap: anywhere; }

.biz-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.biz-actions .btn { min-height: 44px; }
.biz-confirm { min-height: 44px; }

@media (max-width: 640px) {
  .biz-row { grid-template-columns: minmax(0, 1fr); }
  .biz-item-date { margin-left: 0; }
}

/* П168: основной столбец и образец ответа справа (раскладка — .form-preview-split в wide.css) */
.biz-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.biz-sample-chat { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.biz-sample .ic-bubble { font-size: 14px; line-height: 1.45; padding: 10px 14px; border-radius: 14px; max-width: 100%; }
.biz-sample-line { margin: 0; }
.biz-sample-line + .biz-sample-line { margin-top: 6px; }