:root {
  --bg: #f5f7fb;
  --panel: #ffffff;
  --card: #f1f5f9;
  --text: #0f172a;
  --muted: #64748b;
  --accent: #2563eb;
  --danger: #dc2626;
  --success: #16a34a;
  --warn: #d97706;
  --border: #e5e7eb;
  --ring: rgba(37, 99, 235, 0.25);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 28px rgba(15, 23, 42, 0.08);
}
* { box-sizing: border-box; }

/* Shadcn-like components in pure CSS */
.tabs-list {
  display: inline-flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--panel);
  padding: 4px;
  color: var(--muted);
  border: 1px solid var(--border);
}

.tabs-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  background: transparent;
  border: none;
  color: inherit;
}

.tabs-trigger:hover {
  color: var(--text);
}

.tabs-trigger.active {
  background-color: var(--card);
  color: var(--text);
  border-bottom: 2px solid var(--accent);
  border-radius: 0;
}

.shad-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.shad-table th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 500;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}

.shad-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}

.shad-table tr:hover {
  background-color: rgba(15, 23, 42, 0.03);
  cursor: pointer;
}

.shad-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid transparent;
}

.shad-badge-blue { background: rgba(59, 130, 246, 0.15); color: #60a5fa; border-color: rgba(59, 130, 246, 0.3); }
.shad-badge-indigo { background: rgba(99, 102, 241, 0.15); color: #818cf8; border-color: rgba(99, 102, 241, 0.3); }
.shad-badge-red { background: rgba(239, 68, 68, 0.15); color: #f87171; border-color: rgba(239, 68, 68, 0.3); }
.shad-badge-green { background: rgba(34, 197, 94, 0.15); color: #4ade80; border-color: rgba(34, 197, 94, 0.3); }
.shad-badge-yellow { background: rgba(234, 179, 8, 0.15); color: #facc15; border-color: rgba(234, 179, 8, 0.3); }
.shad-badge-orange { background: rgba(249, 115, 22, 0.15); color: #fb923c; border-color: rgba(249, 115, 22, 0.3); }
.shad-badge-gray { background: rgba(148, 163, 184, 0.15); color: #94a3b8; border-color: rgba(148, 163, 184, 0.3); }

.info-note {
  background-color: rgba(96, 165, 250, 0.05);
  border-left: 3px solid var(--accent);
  padding: 12px 16px;
  border-radius: 4px;
  margin-top: 15px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
}

.info-note b {
  color: var(--accent);
}


.shad-progress-container {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
}

.shad-progress {
  flex: 1;
  height: 6px;
  background-color: rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  overflow: hidden;
}

.shad-progress-fill {
  height: 100%;
  border-radius: 999px;
  transition: width 0.3s ease;
}

.shad-progress-blue { background-color: #3b82f6; }
.shad-progress-green { background-color: #22c55e; }
.shad-progress-yellow { background-color: #eab308; }
.shad-progress-gray { background-color: #64748b; }

.shad-progress-text {
  font-size: 11px;
  color: var(--muted);
  width: 24px;
}
/* Quick Status */
.quick-status-wrap {
  position: relative;
  display: inline-block;
}
.quick-status-trigger {
  cursor: pointer;
  transition: opacity 0.2s;
}
.quick-status-trigger:hover {
  opacity: 0.8;
}
.quick-status-select {
  background: var(--card);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 11px;
  padding: 2px 4px;
  outline: none;
}
#task-map-filters h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  color: var(--text);
}
#task-map-filters .edit-form label {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--muted);
}
#task-map-filters .edit-form select {
  margin-top: 4px;
}
body {
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
}
.analysis-grid-bg {
  background-image: 
    linear-gradient(rgba(148, 163, 184, 0.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.35) 1px, transparent 1px);
  background-size: 20px 20px;
  background-position: center center;
  background-color: var(--bg);
}
.analysis-table-style {
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.hidden { display: none !important; }

/* Goal audit widget */
.goal-audit-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.goal-audit-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.goal-audit-layout {
  display: grid;
  gap: 16px;
}
.goal-audit-section-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.goal-audit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.goal-audit-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
}
.goal-audit-card-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 10px;
}
.goal-audit-name {
  font-weight: 600;
}
.goal-audit-goal {
  font-size: 12px;
  color: var(--muted);
  margin-top: 2px;
}
.goal-audit-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.goal-audit-badge-ok {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.3);
}
.goal-audit-badge-warn {
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.35);
}
.goal-audit-badge-demo {
  background: rgba(251, 191, 36, 0.12);
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.35);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.goal-audit-metrics {
  display: grid;
  gap: 8px;
}
.goal-audit-metric {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}
.goal-audit-label {
  color: var(--muted);
}
.goal-audit-value {
  font-weight: 600;
}
.goal-audit-reasons {
  margin-top: 10px;
  font-size: 12px;
  color: var(--muted);
}
.goal-audit-goals {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}
.goal-audit-goal-card {
  background: var(--card);
  border: 1px dashed var(--border);
  border-radius: 10px;
  padding: 10px;
}
.goal-audit-goal-title {
  font-weight: 600;
  font-size: 13px;
}
.goal-audit-goal-text {
  margin-top: 4px;
}
.goal-audit-goal-note {
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted);
}
.goal-audit-goal-input {
  width: 100%;
  margin-top: 6px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  min-height: 48px;
  resize: vertical;
}
.goal-audit-goals-actions {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.goal-audit-loading {
  padding: 20px;
  color: var(--muted);
}
.goal-audit-errors {
  border-color: rgba(248, 113, 113, 0.35);
}
.goal-audit-error-list {
  margin: 8px 0 0;
  padding-left: 18px;
  font-size: 12px;
  color: var(--muted);
}
.goal-audit-calendar-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
.goal-audit-calendar-controls .primary {
  min-height: 32px;
  font-size: 12px;
}
.goal-audit-events-list {
  display: grid;
  gap: 10px;
}
.goal-audit-event {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--panel);
  box-shadow: var(--shadow-sm);
}
.goal-audit-event-title {
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
}
.goal-audit-event-meta {
  font-size: 12px;
  color: var(--muted);
}
.goal-audit-event-description {
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
  white-space: pre-wrap;
}
.goal-audit-event-links {
  margin-top: 6px;
  font-size: 12px;
}
.goal-audit-event-links a {
  color: var(--accent);
  text-decoration: none;
}
.goal-audit-event-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.12);
  color: var(--accent);
  font-size: 10px;
  font-weight: 600;
}
.input {
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 13px;
  width: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.input:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px var(--ring);
}
select.input {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(37, 99, 235, 0.7) 50%), linear-gradient(135deg, rgba(37, 99, 235, 0.7) 50%, transparent 50%);
  background-position: calc(100% - 16px) calc(50% + 2px), calc(100% - 10px) calc(50% + 2px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
  padding-right: 28px;
}
.topbar {
  padding: 16px 24px;
  background: var(--panel);
  border-bottom: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 10;
}
.title { margin: 8px 0 0; }
.small { font-size: 13px; }
.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--card);
  color: var(--muted);
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid var(--border);
}
.pill-ok { background: rgba(22, 163, 74, 0.12); border-color: rgba(22, 163, 74, 0.24); color: var(--success); }
.pill-warn { background: rgba(217, 119, 6, 0.12); border-color: rgba(217, 119, 6, 0.24); color: var(--warn); }
.pill-danger { background: rgba(220, 38, 38, 0.12); border-color: rgba(220, 38, 38, 0.24); color: var(--danger); }
.pill-count { background: rgba(37, 99, 235, 0.12); border-color: rgba(37, 99, 235, 0.24); color: var(--accent); }
.pill-accent { background: rgba(22, 163, 74, 0.12); border-color: rgba(22, 163, 74, 0.24); color: var(--success); }
.container {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 16px;
  padding: 16px 20px 32px;
  height: calc(100vh - 65px);
  min-height: 0;
  overflow: hidden;
}
.container.expanded {
  grid-template-columns: 1fr;
}
.card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: var(--shadow-md);
}
.container > .card {
  min-height: 0;
}
.container > .card:first-child {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.container.tasks-split-scroll > .card:first-child {
  overflow: auto;
}
#tasks-summary-panel {
  min-height: 0;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
}
.task-table-scroll {
  flex: 0 0 auto;
  height: clamp(504px, 62vh, 720px);
  min-height: 504px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  resize: vertical;
  border: 1px solid var(--border);
  border-radius: 12px;
}
.task-table-scroll table {
  min-width: 980px;
}
.task-table-scroll th,
.task-table-scroll td {
  white-space: nowrap;
}
.task-table-scroll td {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--panel);
  box-shadow: 0 1px 0 var(--border);
}
#detail {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
}
#detail-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}
h2 { margin: 0 0 10px; font-size: 18px; }
h3 { margin: 12px 0 8px; font-size: 14px; color: var(--muted); }
.card-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.card-header h2 { margin: 0; }
.card-header-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.card-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.tab-toggle {
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--muted);
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.18s ease;
}
.tab-toggle:hover {
  border-color: rgba(148, 163, 184, 0.6);
  background: var(--card);
  color: var(--text);
}
.tab-toggle.active {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.28);
  color: var(--text);
  box-shadow: 0 0 0 3px var(--ring);
}
.roadmap-legend {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 10px 0 6px;
  color: var(--muted);
  font-size: 12px;
}
.legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.roadmap {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.roadmap-group {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--panel);
  overflow: hidden;
}
.roadmap-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(37, 99, 235, 0.06);
  border-bottom: 1px solid var(--border);
  border-left: 3px solid var(--accent);
}
.roadmap-title {
  display: flex;
  gap: 10px;
  align-items: center;
}
.roadmap-title .name {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.roadmap-title .emoji {
  font-size: 16px;
}
.assign-panel {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
  display: grid;
  gap: 8px;
  color: var(--text);
}
.assign-title {
  font-weight: 600;
  font-size: 13px;
  color: var(--text);
}
.assign-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px;
}
.assign-row label {
  display: grid;
  gap: 4px;
  color: var(--text);
  font-size: 12px;
}
.assign-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.assign-panel .input {
  border-color: var(--border);
  background: var(--panel);
  color: var(--text);
}
.assign-panel .muted {
  color: var(--muted);
}
.assign-panel input::placeholder {
  color: rgba(100, 116, 139, 0.9);
}
.chip-btn {
  background: rgba(37, 99, 235, 0.06);
  border: 1px solid rgba(37, 99, 235, 0.22);
  color: var(--text);
}
.chip-btn:hover {
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.3);
}
.gradient-btn {
  background: linear-gradient(135deg, #ff9a5f, #ff6dc7, #7b5bff);
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: none;
}
.gradient-btn:hover {
  filter: brightness(1.05);
  box-shadow: none;
}
.project-controls {
  display: flex;
  gap: 4px;
}
.project-controls .chip-btn {
  min-width: 32px;
  text-align: center;
  padding: 4px 8px;
}
.modal {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: grid;
  place-items: center;
  z-index: 50;
}
.modal.hidden { display: none; }
.modal-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 16px 18px;
  width: min(600px, 95vw);
  max-width: 95vw;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.25);
  display: grid;
  gap: 10px;
  overflow: hidden;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.modal-title {
  font-weight: 700;
  font-size: 15px;
}
.modal-body {
  display: grid;
  gap: 10px;
}
.modal-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

/* Умная карточка: модалка и текстовое поле не выходят за край предпросмотра */
#parse-text-overlay .modal-card {
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#parse-text-overlay .modal-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
#parse-text-overlay #parse-text-input {
  max-height: 40vh;
  resize: vertical;
}

/* Notion-style goal preview modal (white theme) */
.notion-goal-modal {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.12);
  width: min(560px, 92vw);
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.goal-preview-modal-card {
  padding: 0;
}
.goal-preview-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.goal-preview-modal-title {
  font-size: 18px;
  font-weight: 600;
  color: #37352f;
  letter-spacing: -0.01em;
}
.goal-preview-modal-close {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 6px;
  color: #6b6b6b;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
}
.goal-preview-modal-close:hover {
  background: #f0f0f0;
  color: #37352f;
}
.goal-preview-modal-body {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.goal-preview-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.goal-preview-label {
  font-size: 12px;
  font-weight: 500;
  color: #6b6b6b;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.goal-preview-value,
.goal-preview-input {
  font-size: 14px;
  color: #37352f;
  line-height: 1.5;
}
.goal-preview-readonly {
  padding: 10px 12px;
  background: #f7f7f5;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
}
.goal-preview-input {
  padding: 10px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  background: #ffffff;
  transition: border-color 0.15s, box-shadow 0.15s;
  font-family: inherit;
}
.goal-preview-input:focus {
  outline: none;
  border-color: #2383e2;
  box-shadow: 0 0 0 2px rgba(35, 131, 226, 0.2);
}
.goal-preview-input::placeholder {
  color: #9b9a97;
}
.goal-preview-textarea {
  resize: vertical;
  min-height: 80px;
}
.goal-preview-select {
  cursor: pointer;
  appearance: auto;
}
.goal-preview-modal-actions {
  display: flex;
  gap: 10px;
  padding: 16px 24px 20px;
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
}
.goal-preview-btn {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: background 0.15s, color 0.15s;
}
.goal-preview-btn-primary {
  background: #2383e2;
  color: #ffffff;
}
.goal-preview-btn-primary:hover {
  background: #1a6fc2;
}
.goal-preview-btn-secondary {
  background: #ffffff;
  color: #37352f;
  border: 1px solid #e8e8e8;
}
.goal-preview-btn-secondary:hover {
  background: #f0f0f0;
}
/* Clickable goal item on board */
.board-goals-item {
  cursor: pointer;
  transition: background 0.15s, border-radius 0.15s;
  padding: 6px 8px;
  margin: 0 -8px 6px -8px;
  border-radius: 6px;
}
.board-goals-item:hover {
  background: rgba(35, 131, 226, 0.08);
}

.project-controls {
  display: flex;
  gap: 4px;
}
.project-controls .chip-btn {
  min-width: 32px;
  text-align: center;
  padding: 4px 8px;
}
.selected-task {
  border: 1px solid rgba(96,165,250,0.6) !important;
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35), 0 6px 18px rgba(96,165,250,0.16);
  background: rgba(96,165,250,0.08);
}
.unassigned {
  margin-top: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.unassigned-header {
  padding: 10px 12px;
  background: rgba(96,165,250,0.1);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.unassigned-list {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
}
.unassigned-item {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 8px 10px;
  background: rgba(255,255,255,0.02);
  display: grid;
  gap: 4px;
}
.unassigned-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
}
.unassigned-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.roadmap-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pill-progress, .pill-deadline {
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  user-select: text;
  cursor: pointer;
  appearance: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.project-mini-stats {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mini-stat {
  min-width: 86px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  display: grid;
  gap: 2px;
}
.mini-num {
  font-weight: 700;
  font-size: 18px;
}
.mini-num.ok { color: var(--success); }
.mini-num.warn { color: var(--warn); }
.mini-num.danger { color: var(--danger); }
.mini-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--muted);
}
.pill-deadline.muted {
  background: rgba(255,255,255,0.04);
  color: var(--muted);
  border-color: var(--border);
}
.pill-progress.warn, .pill-deadline.warn {
  background: rgba(251,191,36,0.15);
  color: var(--warn);
  border-color: rgba(251,191,36,0.4);
}
.pill-deadline.danger {
  background: rgba(248,113,113,0.15);
  color: var(--danger);
  border-color: rgba(248,113,113,0.4);
}
.pill-deadline.ok {
  background: rgba(52,211,153,0.15);
  color: var(--success);
  border-color: rgba(52,211,153,0.4);
}
.pill-deadline.warn {
  background: rgba(251,191,36,0.12);
  color: var(--warn);
  border-color: rgba(251,191,36,0.35);
}
.pill-progress.ok, .pill-deadline.ok {
  background: rgba(52,211,153,0.15);
  color: var(--success);
  border-color: rgba(52,211,153,0.4);
}
.project-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 12px;
  background: rgba(96,165,250,0.12);
  border: 1px solid rgba(96,165,250,0.35);
  font-weight: 600;
  color: var(--text);
}
.subproject-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(96,165,250,0.08);
  border: 1px solid rgba(96,165,250,0.45);
  color: var(--text);
  font-size: 12px;
  margin-bottom: 6px;
}
.subproject-tag.dev {
  background: rgba(96,165,250,0.12);
  border-color: rgba(96,165,250,0.6);
}
.subproject-tag.mkt {
  background: rgba(248,113,113,0.12);
  border-color: rgba(248,113,113,0.5);
}
.role-chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.role-chip {
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  border: 1px solid rgba(96,165,250,0.25);
  background: rgba(96,165,250,0.08);
  color: var(--text);
}
.role-chip.deadline {
  border-color: rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
}
.role-chip.deadline.ok {
  border-color: rgba(52,211,153,0.35);
  background: rgba(52,211,153,0.12);
  color: var(--success);
}
.role-chip.deadline.warn {
  border-color: rgba(251,191,36,0.4);
  background: rgba(251,191,36,0.15);
  color: var(--warn);
}
.role-chip.deadline.danger {
  border-color: rgba(248,113,113,0.4);
  background: rgba(248,113,113,0.15);
  color: var(--danger);
}
.roadmap-row {
  display: grid;
  grid-template-columns: 1.7fr 0.8fr 1fr;
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid var(--border);
}
.roadmap-row:first-of-type { border-top: none; }
.roadmap-col.name .name { font-weight: 600; }
.roadmap-col .row-title {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.status-chip {
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  border: 1px solid var(--border);
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.usage-stack {
  display: grid;
  gap: 6px;
  justify-content: start;
  align-content: start;
}
.usage-stack .status-chip {
  width: fit-content;
  min-width: unset;
}
.status-chip.warn {
  background: rgba(251,191,36,0.12);
  color: var(--warn);
  border-color: rgba(251,191,36,0.35);
}
.status-chip.success {
  background: rgba(52,211,153,0.15);
  color: var(--success);
  border-color: rgba(52,211,153,0.35);
}
.status-chip.danger {
  background: rgba(248,113,113,0.15);
  color: var(--danger);
  border-color: rgba(248,113,113,0.35);
}
.status-chip.done { background: rgba(52,211,153,0.15); color: var(--success); border-color: rgba(52,211,153,0.35); }
.status-chip.wait { background: rgba(251,191,36,0.15); color: var(--warn); border-color: rgba(251,191,36,0.35); }
.status-chip.closed { background: rgba(148, 163, 184, 0.15); color: var(--muted); border-color: rgba(148, 163, 184, 0.28); }
.status-chip.test { background: rgba(96,165,250,0.15); color: var(--accent); border-color: rgba(96,165,250,0.35); }
.day-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
.day {
  border: 1px solid var(--border);
  border-radius: 8px;
  height: 32px;
  display: grid;
  place-items: center;
  font-size: 13px;
  color: var(--muted);
  background: rgba(255,255,255,0.02);
  cursor: pointer;
  transition: 0.15s ease;
}
.day.success {
  background: rgba(52,211,153,0.16);
  color: var(--success);
  border-color: rgba(52,211,153,0.4);
}
.day.risk {
  background: rgba(248,113,113,0.16);
  color: var(--danger);
  border-color: rgba(248,113,113,0.4);
}
.day.neutral {
  background: rgba(96,165,250,0.06);
  color: var(--text);
  border-color: rgba(96,165,250,0.2);
}
.day.empty {
  background: rgba(255,255,255,0.02);
}
.day:hover {
  border-color: rgba(96,165,250,0.4);
  box-shadow: 0 4px 12px rgba(96,165,250,0.15);
}
.day.sample {
  width: 36px;
  height: 20px;
  cursor: default;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(96,165,250,0.8);
  border: 1px solid rgba(255,255,255,0.35);
}
.dot.project { background: rgba(96,165,250,0.9); }
.dot.track.dev { background: rgba(96,165,250,0.8); }
.dot.track.mkt { background: rgba(248,113,113,0.8); }
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}
.stat {
  padding: 12px;
  border-radius: 10px;
  background: var(--panel);
  border: 1px solid var(--border);
}
.stat .label { color: var(--muted); font-size: 12px; }
.stat .value { font-size: 20px; margin-top: 4px; }
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  padding: 10px 8px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  font-size: 13px;
}
th { color: var(--muted); font-weight: 600; }
tr:hover { background: rgba(15, 23, 42, 0.02); cursor: pointer; }
.status { padding: 4px 10px; border-radius: 8px; font-size: 12px; display: inline-block; }
.status.overdue { background: rgba(248,113,113,0.15); color: var(--danger); border: 1px solid rgba(248,113,113,0.3); }
.status.due { background: rgba(251,191,36,0.15); color: var(--warn); border: 1px solid rgba(251,191,36,0.3); }
.status.ok { background: rgba(52,211,153,0.15); color: var(--success); border: 1px solid rgba(52,211,153,0.3); }
.status.done { background: rgba(52,211,153,0.15); color: var(--success); border: 1px solid rgba(52,211,153,0.35); }
.status.closed { background: rgba(148, 163, 184, 0.15); color: var(--muted); border: 1px solid rgba(148, 163, 184, 0.28); }
.status.wait { background: rgba(251,191,36,0.15); color: var(--warn); border: 1px solid rgba(251,191,36,0.35); }
.status.test { background: rgba(96,165,250,0.15); color: var(--accent); border: 1px solid rgba(96,165,250,0.4); }
.status.in-progress { background: rgba(99,102,241,0.15); color: #818cf8; border: 1px solid rgba(99,102,241,0.4); }

/* Status badge styles for task detail modal */
.property-badge.status-done { background: rgba(52,211,153,0.15); color: var(--success); border-color: rgba(52,211,153,0.4); }
.property-badge.status-closed { background: rgba(148, 163, 184, 0.15); color: var(--muted); border-color: rgba(148, 163, 184, 0.28); }
.property-badge.status-wait { background: rgba(251,191,36,0.15); color: var(--warn); border-color: rgba(251,191,36,0.4); }
.property-badge.status-test { background: rgba(96,165,250,0.15); color: var(--accent); border-color: rgba(96,165,250,0.4); }
.property-badge.status-in-progress { background: rgba(99,102,241,0.15); color: #818cf8; border-color: rgba(99,102,241,0.4); }
.badge { font-size: 11px; padding: 4px 8px; border-radius: 8px; border: 1px solid var(--border); color: var(--muted); }
.flex { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.actions button {
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 13px;
  transition: 0.15s ease;
}
.actions button:hover {
  background: rgba(37, 99, 235, 0.06);
  border-color: rgba(37, 99, 235, 0.25);
}
.primary {
  background: var(--accent);
  border: 1px solid rgba(37, 99, 235, 0.95);
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  padding: 9px 14px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.18s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12), 0 10px 22px rgba(37, 99, 235, 0.18);
}
.primary:disabled {
  opacity: 0.55;
  background: rgba(37, 99, 235, 0.35);
  border-color: rgba(37, 99, 235, 0.25);
  cursor: not-allowed;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.85);
}
.primary:not(:disabled):hover {
  filter: brightness(1.03);
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.14), 0 14px 28px rgba(37, 99, 235, 0.22);
  transform: translateY(-1px);
}
.primary.secondary {
  background: var(--panel);
  border-color: rgba(37, 99, 235, 0.35);
  color: var(--accent);
  box-shadow: none;
}
.primary.secondary:not(:disabled):hover {
  background: rgba(37, 99, 235, 0.06);
  box-shadow: none;
}
.log {
  max-height: 240px;
  overflow: auto;
  display: grid;
  gap: 8px;
}
.log-item {
  padding: 10px;
  border-radius: 10px;
  background: var(--panel);
  border: 1px solid var(--border);
}
.log-item .meta { color: var(--muted); font-size: 12px; margin-bottom: 4px; display: flex; justify-content: space-between; }
.divider { border-top: 1px solid var(--border); margin: 12px 0; }
.muted { color: var(--muted); }
.filters { gap: 8px; align-items: center; }
.chips { display: flex; gap: 6px; flex-wrap: wrap; }
.chip { padding: 6px 10px; border-radius: 999px; border: 1px solid var(--border); color: var(--muted); font-size: 12px; cursor: pointer; }
.chip {
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.chip:hover {
  border-color: rgba(37, 99, 235, 0.25);
  background: rgba(15, 23, 42, 0.02);
  color: var(--text);
}
.chip.active {
  background: rgba(37, 99, 235, 0.08);
  color: var(--text);
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.date-range {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 6px 10px;
  border: 1px dashed var(--border);
  border-radius: 10px;
  background: var(--panel);
}
.date-range label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
}
.date-range .date-input-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.date-range input[type="date"] {
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 12px;
}
.date-range input[type="date"]:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px var(--ring);
}
.picker-btn {
  background: rgba(37, 99, 235, 0.06);
  border: 1px solid rgba(37, 99, 235, 0.22);
  color: var(--text);
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  transition: 0.15s ease;
}
.picker-btn:hover {
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.3);
}
.chip-btn {
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  cursor: pointer;
  transition: 0.15s ease;
}
.chip-btn:hover {
  background: var(--card);
  border-color: rgba(148, 163, 184, 0.85);
}
.detail-row { display: grid; grid-template-columns: 110px 1fr; gap: 6px; padding: 4px 0; font-size: 13px; }
.mt { margin-top: 16px; }

/* Карточка редактирования */
.edit-form {
  display: grid;
  gap: 10px;
}
.edit-form label {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 12px;
}
.edit-form .input, .edit-form textarea.input {
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 9px 10px;
  border-radius: 10px;
  font-size: 13px;
  width: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.edit-form .input:focus, .edit-form textarea.input:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px var(--ring);
}
.edit-form select.input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 28px;
  background-image: linear-gradient(45deg, transparent 50%, rgba(37, 99, 235, 0.7) 50%), linear-gradient(135deg, rgba(37, 99, 235, 0.7) 50%, transparent 50%);
  background-position: calc(100% - 16px) calc(50% - 3px), calc(100% - 10px) calc(50% - 3px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
}
.edit-form textarea.input {
  min-height: 70px;
  resize: vertical;
}
#manual-task-preview .edit-form {
  position: relative;
}
#manual-task-preview .edit-form .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}
.manual-project-field {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 4px;
}
.manual-project-label {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.25;
}
.manual-project-toggle {
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  cursor: pointer;
  position: relative;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manual-project-toggle::after {
  content: "";
  width: 0;
  height: 0;
  flex: 0 0 auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(37, 99, 235, 0.72);
  margin-left: auto;
}
.manual-project-toggle.is-empty {
  color: var(--muted);
}
.manual-project-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 30;
  display: grid;
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--panel);
  box-shadow: var(--shadow-lg);
  width: max-content;
  max-width: calc(200% + 8px);
  max-height: 260px;
  overflow-y: auto;
  overflow-x: auto;
}
.manual-project-option {
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 8px 10px;
  border-radius: 8px;
  text-align: left;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
  cursor: pointer;
}
.manual-project-option:hover,
.manual-project-option:focus-visible {
  background: rgba(37, 99, 235, 0.12);
  outline: none;
}
.manual-project-option.is-selected {
  background: rgba(37, 99, 235, 0.18);
  color: var(--accent);
  font-weight: 600;
}
.manual-project-empty {
  padding: 8px 10px;
  white-space: nowrap;
}
.edit-form .grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.edit-form .actions button {
  min-width: 180px;
}

.results {
  display: grid;
  gap: 10px;
}
.result-card {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  background: var(--panel);
}
.result-card .title {
  font-weight: 600;
  margin-bottom: 6px;
}
.result-card .meta {
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 8px;
}
.result-card pre {
  white-space: pre-wrap;
  margin: 0;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  color: var(--text);
}

/* Карта задач (Канбан с контекстом) */
/* Строка с фильтрами: выпадающий список не обрезается и не перекрывается */
.task-map-header-row {
  overflow: visible;
  position: relative;
  z-index: 30;
}
.task-map-filters-inline {
  overflow: visible;
  position: relative;
  z-index: 31;
}
.task-map-filters-inline .tabs-list {
  overflow: visible;
}
#task-map-filters-inline select.filter-select {
  min-height: 36px;
}
.task-map-date-row {
  flex-shrink: 0;
}
.task-map-date-input {
  width: 130px;
  min-height: 32px;
  font-size: 13px;
  padding: 4px 8px;
}
#task-map-filters-inline select.task-map-sort-date {
  min-width: 160px;
}
#task-map-panel {
  overflow: visible;
}
.task-map-wrapper {
  overflow-x: auto;
  margin-top: 16px;
  background: var(--panel);
  border-radius: 14px;
  border: 1px solid var(--border);
  padding: 1px;
  transition: margin-right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.task-map-wrapper.panel-open {
  margin-right: 420px;
}
.task-map-grid-table {
  display: grid;
  grid-template-columns: 140px repeat(7, 1fr);
  min-width: 1200px;
  background: var(--panel);
}
.task-map-header-cell {
  padding: 12px 8px;
  background: var(--card);
  border-bottom: 2px solid var(--border);
  border-right: 1px solid var(--border);
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  color: var(--muted);
}
.task-map-header-cell.deferred {
  color: #fb923c !important; /* Orange */
  border-bottom-color: rgba(251, 146, 60, 0.4);
}
.task-map-lane-title {
  padding: 12px 10px;
  background: var(--card);
  border-bottom: 1px solid var(--border);
  border-right: 2px solid var(--border);
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
}
.task-map-cell {
  padding: 12px;
  border-bottom: 1px solid var(--border);
  border-right: 1px solid var(--border);
  min-height: 150px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--panel);
  transition: background 0.2s ease;
  position: relative;
}
.task-map-add-btn {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.03);
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease, background 0.15s ease, color 0.15s ease;
  z-index: 5;
}
.task-map-cell:hover .task-map-add-btn {
  opacity: 1;
}
.task-map-add-btn:hover {
  background: rgba(37, 99, 235, 0.08);
  color: var(--accent);
  transform: translateY(-1px);
}
.task-map-cell.wip-over {
  background: rgba(239, 68, 68, 0.08);
  box-shadow: inset 0 0 0 2px rgba(239, 68, 68, 0.4);
  position: relative;
}
.wip-warning-tooltip {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #ef4444;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  pointer-events: none;
}
.task-map-cell.backlog-cell {
  background: var(--card);
  border-top: 2px dashed var(--border);
}
.task-map-lane-title.backlog-title {
  background: rgba(37, 99, 235, 0.06);
  color: var(--accent);
  border-top: 2px dashed var(--border);
  font-weight: 800;
  letter-spacing: 0.05em;
}
.task-map-cell.drag-over {
  background: rgba(37, 99, 235, 0.06);
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.25);
}
.task-map-card-mini {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: grab;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
  min-width: 0;
}
.task-map-card-mini:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  border-color: rgba(37, 99, 235, 0.3);
}
.task-map-card-mini.dragging {
  opacity: 0.4;
  cursor: grabbing;
}
.card-header-prio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
}
.prio-tag {
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}
.prio-tag.danger { background: rgba(248, 113, 113, 0.15); color: var(--danger); }
.prio-tag.warn { background: rgba(251, 191, 36, 0.15); color: var(--warn); }
.prio-tag.success { background: rgba(52, 211, 153, 0.15); color: var(--success); }

.card-due {
  color: var(--muted);
  font-family: monospace;
}
.card-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.card-title-text {
  font-weight: 700;
  font-size: 13.5px;
  color: var(--text);
  line-height: 1.3;
}
.card-content-text {
  font-size: 11.5px;
  color: var(--muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
.card-footer-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.card-assignee {
  font-size: 11px;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-icons {
  display: flex;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
}

.task-map-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  margin-top: 16px;
  align-items: start;
}
.task-map-sections {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.task-map-card {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  background: var(--panel);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.task-map-card:hover {
  transform: translateY(-2px);
}
.task-map-card.status-danger { border-color: rgba(248,113,113,0.4); box-shadow: 0 12px 32px rgba(248,113,113,0.12); }
.task-map-card.status-warn { border-color: rgba(251,191,36,0.35); box-shadow: 0 12px 32px rgba(251,191,36,0.08); }
.task-map-card.status-ok { border-color: rgba(52,211,153,0.3); box-shadow: 0 12px 32px rgba(52,211,153,0.08); }

.task-map-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.task-map-title { font-weight: 700; font-size: 16px; letter-spacing: -0.01em; }
.task-map-badge {
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.task-map-badge.ok { background: rgba(52,211,153,0.1); color: var(--success); border: 1px solid rgba(52,211,153,0.3); }
.task-map-badge.warn { background: rgba(251,191,36,0.1); color: var(--warn); border: 1px solid rgba(251,191,36,0.3); }
.task-map-badge.danger { background: rgba(248,113,113,0.1); color: var(--danger); border: 1px solid rgba(248,113,113,0.3); }

.task-map-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  padding-bottom: 8px;
}
.task-map-progress {
  position: relative;
  height: 8px;
  background: rgba(255,255,255,0.04);
  border-radius: 999px;
  overflow: hidden;
}
.task-map-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #60a5fa, #3b82f6);
  border-radius: 999px;
}
.task-map-progress-label {
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
}
.task-map-deadline {
  font-size: 13px;
  font-weight: 500;
}
.task-map-deadline.ok { color: var(--success); }
.task-map-deadline.warn { color: var(--warn); }
.task-map-deadline.danger { color: var(--danger); }

.task-map-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.task-map-item {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 8px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255,255,255,0.02);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: 0.15s ease;
}
.task-map-item:hover {
  background: rgba(255,255,255,0.05);
  border-color: rgba(96,165,250,0.3);
}
.task-map-item-title { font-size: 13px; font-weight: 500; grid-column: 1 / -1; }
.task-map-item-deadline { font-size: 11px; }
.task-map-item-deadline.ok { color: var(--success); }
.task-map-item-deadline.warn { color: var(--warn); }
.task-map-item-deadline.danger { color: var(--danger); }
.task-map-item-status {
  font-size: 10px;
  border-radius: 6px;
  padding: 2px 6px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.05);
  justify-self: end;
}

.task-workload {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  background: var(--panel);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.task-workload-title {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.task-workload-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border);
}
.deadline-heatmap {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  background: var(--panel);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.deadline-heatmap-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--accent);
}
.deadline-heatmap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 8px;
}
.deadline-cell {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 8px;
  background: rgba(255,255,255,0.02);
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  cursor: pointer;
  transition: all 0.16s ease;
}
.deadline-cell:hover {
  background: rgba(255,255,255,0.05);
  border-color: rgba(96,165,250,0.4);
}
.deadline-cell.active {
  background: rgba(96,165,250,0.1);
  border-color: var(--accent);
}
.deadline-cell .day-label {
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
}
.deadline-cell .bar {
  height: 4px;
  border-radius: 2px;
  background: rgba(255,255,255,0.05);
}
.deadline-cell .bar.lvl-1 { background: var(--success); opacity: 0.6; }
.deadline-cell .bar.lvl-2 { background: var(--warn); opacity: 0.8; }
.deadline-cell .bar.lvl-3 { background: var(--danger); }
.deadline-cell .count {
  font-size: 13px;
  color: var(--text);
  font-weight: 700;
}
.deadline-preview {
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 10px;
}
.deadline-preview-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}
.deadline-preview-list {
  display: grid;
  gap: 6px;
}
.deadline-preview-item {
  border: 1px solid rgba(96,165,250,0.25);
  border-radius: 10px;
  padding: 8px 10px;
  background: rgba(255,255,255,0.03);
  display: grid;
  gap: 4px;
  cursor: pointer;
  transition: 0.16s ease;
}
.deadline-preview-item:hover {
  border-color: rgba(96,165,250,0.5);
  box-shadow: 0 6px 12px rgba(96,165,250,0.16);
}
.deadline-preview-item .project {
  font-size: 11px;
  color: var(--muted);
}
.deadline-preview-item .title {
  font-size: 12px;
  color: var(--text);
}

/* Kanban */
.kanban-root {
  display: grid;
  gap: 14px;
  margin-top: 12px;
}
.kanban-project {
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.02);
  box-shadow: 0 10px 26px rgba(0,0,0,0.18);
}
.kanban-project-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.kanban-project-title {
  font-weight: 700;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.project-stripe {
  display: inline-block;
  width: 28px;
  height: 6px;
  border-radius: 999px;
  background: rgba(96,165,250,0.8);
  border: 1px solid rgba(255,255,255,0.16);
}
.kanban-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.kanban-column {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 140px;
}
.kanban-column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  font-weight: 600;
}
.kanban-column-title { font-size: 13px; }
.kanban-counter {
  background: rgba(96,165,250,0.16);
  color: var(--accent);
  border: 1px solid rgba(96,165,250,0.4);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
}
.kanban-dropzone {
  padding: 10px;
  display: grid;
  gap: 10px;
  min-height: 100px;
  align-content: start;
}
.kanban-dropzone.over {
  border: 1px dashed rgba(96,165,250,0.6);
  border-radius: 10px;
  background: rgba(96,165,250,0.05);
}
.kanban-card {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 10px;
  background: rgba(255,255,255,0.015);
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
  cursor: grab;
  display: grid;
  gap: 6px;
}
.kanban-card.dragging { opacity: 0.6; }
.kanban-title {
  font-weight: 600;
  font-size: 13px;
}
.kanban-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kanban-meta .pill {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.04);
}
.task-workload-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  align-items: start;
  overflow: visible;
}
.workload-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px;
  background: rgba(255,255,255,0.02);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  min-width: 160px;
}
.workload-card:hover {
  background: rgba(255,255,255,0.04);
  border-color: rgba(96,165,250,0.3);
}
.workload-card.open {
  background: rgba(255,255,255,0.04);
  border-color: rgba(96,165,250,0.5);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.workload-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.workload-name-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.workload-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--text);
}

.workload-arrow {
  font-size: 10px;
  opacity: 0.4;
  transition: transform 0.2s ease;
}
.workload-card.open .workload-arrow {
  transform: rotate(180deg);
  opacity: 0.8;
}

.workload-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.workload-stats .pill {
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 500;
  border: 1px solid rgba(255,255,255,0.05);
}
.workload-stats .pill.count {
  background: rgba(96,165,250,0.1);
  color: #93c5fd;
}
.workload-stats .pill.overdue {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
}
.workload-stats .pill.due-soon {
  background: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
}

.workload-preview {
  display: none;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.05);
  max-height: 400px;
  overflow-y: auto;
}
.workload-card.open .workload-preview {
  display: flex;
}

.workload-preview {
  border-top-color: var(--border);
}

.workload-preview-item {
  padding: 8px;
  border-radius: 8px;
  background: var(--panel);
  border: 1px solid var(--border);
  transition: all 0.15s ease;
}
.workload-preview-item:hover {
  background: var(--card);
  border-color: rgba(37, 99, 235, 0.25);
  transform: translateX(2px);
}
.workload-preview-item .project {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--muted);
  margin-bottom: 2px;
}
.workload-preview-item .title {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: var(--text);
}

/* Таблица — экшены */
.actions-cell {
  text-align: center;
}
.icon-btn {
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  border-radius: 10px;
  padding: 6px 8px;
  cursor: pointer;
  transition: 0.16s ease;
}
.icon-btn:hover {
  border-color: rgba(96,165,250,0.5);
  box-shadow: 0 6px 12px rgba(96,165,250,0.18);
}
.icon-btn.success {
  color: var(--success);
  border-color: rgba(52,211,153,0.4);
}
.actions button.success {
  background: rgba(52,211,153,0.1);
  color: var(--success);
  border-color: rgba(52,211,153,0.4);
}
.actions button.success:hover {
  background: rgba(52,211,153,0.2);
}
.status.deleted {
  background: rgba(148, 163, 184, 0.15);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.3);
}
.icon-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Dashboard Styles */
.dashboard-root {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 10px 0;
}

.dashboard-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
}

.dashboard-stat-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
  border-color: rgba(255,255,255,0.1);
}

.dashboard-stat-card .label {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.dashboard-stat-card .value {
  font-size: 28px;
  font-weight: 700;
  color: var(--text);
}

.dashboard-stat-card.danger .value { color: var(--danger); }
.dashboard-stat-card.warning .value { color: var(--warn); }
.dashboard-stat-card.info .value { color: var(--accent); }
.dashboard-stat-card.accent .value { color: #8b5cf6; }
.dashboard-stat-card.success .value { color: var(--success); }

.dashboard-section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  margin-top: 8px;
}

.dashboard-section-title h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}

.dashboard-bricks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

.dashboard-brick {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}

.dashboard-brick:hover {
  transform: translateY(-2px);
  border-color: rgba(37, 99, 235, 0.25);
  box-shadow: var(--shadow-md);
}

.brick-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.brick-header .name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.2;
}

.brick-header .total {
  font-size: 14px;
  font-weight: 700;
  color: var(--accent);
  background: rgba(96,165,250,0.1);
  padding: 2px 6px;
  border-radius: 6px;
  min-width: 24px;
  text-align: center;
}

.brick-stats {
  display: flex;
  gap: 8px;
  font-size: 11px;
}

.brick-stats .stat {
  display: flex;
  align-items: center;
  gap: 2px;
}

.brick-stats .overdue { color: var(--danger); font-weight: 700; }
.brick-stats .in-work { color: var(--warn); }
.brick-stats .done { color: var(--success); }

.brick-pct {
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
  margin: 4px 0;
}

.brick-progress {
  height: 4px;
  background: rgba(15, 23, 42, 0.08);
  border-radius: 2px;
  overflow: hidden;
  margin-top: auto;
}

.brick-progress .fill {
  height: 100%;
  background: linear-gradient(90deg, var(--accent), #3b82f6);
  border-radius: 2px;
  transition: width 0.4s ease;
}

.dashboard-bricks-grid.status .brick-progress .fill {
  background: linear-gradient(90deg, #10b981, #34d399);
}

/* Executor Tasks Preview Modal */
.executor-tasks-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  max-height: 60vh;
  overflow-y: auto;
  padding: 8px;
}

.executor-task-item {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.executor-task-item:hover {
  background: var(--card);
  border-color: rgba(37, 99, 235, 0.25);
  transform: translateX(2px);
}

.executor-task-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.executor-task-status {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--muted);
}

.executor-task-status.done { background: rgba(52,211,153,0.15); color: var(--success); border-color: rgba(52,211,153,0.4); }
.executor-task-status.closed { background: rgba(148, 163, 184, 0.15); color: var(--muted); border-color: rgba(148, 163, 184, 0.28); }
.executor-task-status.wait { background: rgba(251,191,36,0.15); color: var(--warn); border-color: rgba(251,191,36,0.4); }
.executor-task-status.test { background: rgba(37, 99, 235, 0.12); color: var(--accent); border-color: rgba(37, 99, 235, 0.24); }
.executor-task-status.in-progress { background: rgba(99,102,241,0.15); color: #818cf8; border-color: rgba(99,102,241,0.4); }
.executor-task-status.overdue { background: rgba(248,113,113,0.15); color: var(--danger); border-color: rgba(248,113,113,0.4); }
.executor-task-status.due { background: rgba(251,191,36,0.15); color: var(--warn); border-color: rgba(251,191,36,0.4); }

.executor-task-due {
  font-size: 11px;
  color: var(--muted);
}

.executor-task-due.danger { color: var(--danger); font-weight: 600; }
.executor-task-due.warn { color: var(--warn); }

.executor-task-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 4px;
  line-height: 1.3;
}

.executor-task-project {
  font-size: 11px;
  color: var(--muted);
}

/* Side Panel for Task Map */
.side-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background: var(--panel);
  border-left: 1px solid var(--border);
  box-shadow: -18px 0 50px rgba(15, 23, 42, 0.14);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateX(0);
  pointer-events: auto;
}
.side-panel.hidden {
  transform: translateX(105%);
  pointer-events: none;
}
.side-panel-header {
  padding: 24px;
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--card);
}
.side-panel-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
}
.side-panel-info {
  padding: 12px 24px;
  background: rgba(37, 99, 235, 0.06);
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  border-bottom: 1px solid var(--border);
}
.side-panel-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.side-panel-task-item {
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  cursor: grab;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: var(--shadow-sm);
}
.side-panel-task-item:hover {
  border-color: rgba(37, 99, 235, 0.35);
  background: var(--card);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.side-panel-task-item.dragging {
  opacity: 0.4;
  transform: scale(0.95);
}
.side-panel-task-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.side-panel-task-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
}
.side-panel-task-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.side-panel-quick-move {
  background: rgba(37, 99, 235, 0.06);
  color: var(--accent);
  border: 1px solid rgba(37, 99, 235, 0.22);
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  transition: all 0.2s;
}
.side-panel-quick-move:hover {
  background: var(--accent);
  color: white;
  transform: translateY(-1px);
}

.assistant-launcher {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(37, 99, 235, 0.22);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(22, 163, 74, 0.08));
  color: var(--text);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  backdrop-filter: blur(6px);
}
.assistant-launcher:hover {
  transform: translateY(-2px);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.16);
  border-color: rgba(37, 99, 235, 0.3);
}
.assistant-launcher.active {
  box-shadow: 0 30px 80px rgba(37, 99, 235, 0.16);
}
.assistant-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: var(--panel);
  border: 1px solid var(--border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--accent);
}
.assistant-dot {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  background: var(--success);
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(52,211,153,0.18);
}
.assistant-icon svg {
  width: 22px;
  height: 22px;
}
.assistant-launcher-text {
  display: grid;
  gap: 4px;
}
.assistant-label {
  font-weight: 700;
  font-size: 14px;
}
.assistant-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.85);
  color: var(--muted);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 12px;
  padding: 4px 10px;
  font-size: 12px;
}
.assistant-widget {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(1240px, 97vw);
  min-height: 760px;
  max-height: 95vh;
  border-radius: 20px;
  background: var(--panel);
  border: 1px solid var(--border);
  box-shadow: 0 40px 120px rgba(15, 23, 42, 0.22);
  backdrop-filter: blur(12px);
  overflow: hidden;
  z-index: 60;
  display: grid;
  grid-template-rows: auto 1fr;
}
.assistant-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px 18px;
  background: var(--card);
  border-bottom: 1px solid var(--border);
}
.assistant-title {
  font-weight: 700;
  font-size: 16px;
}
.assistant-subtitle {
  color: var(--muted);
  font-size: 12px;
}
.assistant-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.assistant-pill {
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--panel);
  font-size: 12px;
  color: var(--muted);
}
.assistant-close {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--muted);
  cursor: pointer;
  transition: 0.15s ease;
}
.assistant-close:hover {
  border-color: rgba(248,113,113,0.6);
  color: var(--danger);
}
.assistant-body {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  padding: 24px 24px 22px;
  min-height: 0;
  overflow: hidden;
  height: 100%;
}
.assistant-tip {
  font-size: 12px;
  color: var(--muted);
  border: 1px dashed rgba(37, 99, 235, 0.28);
  background: rgba(37, 99, 235, 0.05);
  border-radius: 12px;
  padding: 10px 12px;
}
.assistant-chat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  overflow: hidden;
  flex: 1;
}

.assistant-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  flex: 1;
  max-height: none;
  overflow: auto;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: var(--bg);
  box-shadow: var(--shadow-sm);
}
.msg {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: var(--panel);
  box-shadow: var(--shadow-sm);
  max-width: 72%;
}
.msg-assistant {
  background: var(--panel);
  border-color: var(--border);
  align-self: flex-start;
}
.msg-user {
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.22);
  box-shadow: none;
  align-self: flex-end;
}
.msg-author {
  font-weight: 600;
  font-size: 12px;
  color: var(--muted);
}
.msg-text {
  font-size: 13.2px;
  color: var(--text);
  white-space: pre-line;
  line-height: 1.5;
}
.assistant-input {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  padding-top: 6px;
  margin-top: 0;
  padding-bottom: 4px;
}

.assistant-sidebar {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--card);
  box-shadow: var(--shadow-sm);
  overflow: auto;
  max-height: calc(100% - 6px);
}
.assistant-menu-title {
  font-weight: 700;
  font-size: 14px;
  color: var(--muted);
}
.assistant-subtitle-small {
  font-size: 12px;
  color: var(--muted);
  margin-top: 6px;
}
.assistant-menu-btn {
  width: 100%;
  text-align: left;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 12px 13px;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.12s ease;
  font-size: 14px;
}
.assistant-menu-btn.active {
  background: rgba(37, 99, 235, 0.06);
  border-color: rgba(37, 99, 235, 0.28);
}
.assistant-menu-btn.secondary {
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--muted);
}
.assistant-projects {
  display: grid;
  gap: 8px;
  max-height: 520px;
  overflow: auto;
  padding-top: 4px;
}

.assistant-tasks {
  display: grid;
  gap: 8px;
  max-height: 220px;
  overflow: auto;
  padding: 6px 0 4px;
}
.assistant-task-item {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--panel);
}
.assistant-task-item .title {
  font-weight: 600;
  font-size: 13px;
}
.assistant-task-item .meta {
  font-size: 12px;
  color: var(--muted);
}
.assistant-projects.hidden {
  display: none;
}
.assistant-project-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--panel);
  cursor: pointer;
  color: var(--text);
  text-align: left;
  transition: 0.12s ease;
}
.assistant-project-item .dot.project {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.55);
  background: rgba(37, 99, 235, 0.18);
}
.assistant-project-item.active {
  border-color: rgba(37, 99, 235, 0.35);
  background: rgba(37, 99, 235, 0.06);
}
.assistant-context-hint {
  font-size: 14px;
  color: var(--muted);
  padding: 10px 4px;
  border-top: 1px solid var(--border);
}
.assistant-empty {
  font-size: 12px;
  color: var(--muted);
  padding: 6px;
}
.assistant-input input {
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 13px;
}
.assistant-input input:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px var(--ring);
}
.assistant-input button {
  background: var(--accent);
  border: 1px solid rgba(37, 99, 235, 0.95);
  color: #fff;
  padding: 12px 16px;
  border-radius: 14px;
  font-weight: 600;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.assistant-input button:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.02);
}
.assistant-input button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.assistant-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(8px);
  z-index: 50;
}

@media (max-width: 640px) {
  .assistant-launcher {
    right: 12px;
    bottom: 12px;
  }
  .assistant-widget {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 24px);
    max-height: 84vh;
  }
}

/* Report editor */
.report-textarea {
  width: 100%;
  min-height: 200px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--text);
  font-family: "Inter", "SFMono-Regular", Consolas, monospace;
  line-height: 1.45;
  resize: vertical;
}
.report-textarea:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px var(--ring);
}

/* Analysis Chat Log Styles */
#analysis-chat-log {
  padding: 12px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.analysis-chat-msg {
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid var(--border);
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: var(--panel);
  transition: all 0.2s ease;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

.analysis-chat-msg:hover {
  background: var(--card);
  border-color: rgba(148, 163, 184, 0.85);
  transform: translateY(-1px);
}

.analysis-chat-msg.selected {
  background: rgba(37, 99, 235, 0.06);
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 0 0 3px var(--ring);
}
.analysis-chat-msg.is-bot {
  background: rgba(37, 99, 235, 0.04);
  border-left: 4px solid var(--accent);
}
.analysis-chat-msg.is-bot .analysis-chat-msg-author {
  font-weight: 700;
}

.analysis-chat-msg-check {
  margin-top: 6px;
  width: 18px;
  height: 18px;
  accent-color: var(--accent);
}

.analysis-chat-msg-content {
  flex: 1;
  min-width: 0;
}

.analysis-chat-msg-header {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.analysis-chat-msg-author {
  font-weight: 700;
  font-size: 14px;
}

.analysis-chat-msg-text {
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--text);
  white-space: pre-wrap;
  word-break: break-word;
}

.analysis-chat-msg-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}
.reaction-btn {
  padding: 0 4px;
  font-size: 14px;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s, transform 0.2s;
}
.reaction-btn:hover {
  opacity: 1;
  transform: scale(1.2);
}
.analysis-chat-msg-time {
  font-family: monospace;
  background: rgba(255, 255, 255, 0.05);
  padding: 1px 6px;
  border-radius: 4px;
}

/* Validation panel */

/* Analysis Panel - Node-based Workflow */
.workflow-node {
  position: relative;
  transition: all 0.3s ease;
}

.workflow-node::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 16px;
  background: linear-gradient(180deg, var(--accent), transparent);
  opacity: 0.5;
  z-index: -1;
}

.workflow-node:last-child::before {
  display: none;
}

.workflow-node.active {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(96,165,250,0.25);
}

.workflow-step-indicator {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--success));
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: #0f172a;
  box-shadow: 0 4px 12px rgba(96,165,250,0.4);
  z-index: 10;
}

#manual-task-preview .workflow-step-indicator {
  background: linear-gradient(135deg, #60a5fa, #34d399);
}

#manual-message-preview .workflow-step-indicator {
  background: linear-gradient(135deg, #fbbf24, #f87171);
}

#manual-notify-preview .workflow-step-indicator {
  background: linear-gradient(135deg, #34d399, #60a5fa);
}

.analysis-msg-check {
  cursor: pointer;
  width: 16px;
  height: 16px;
  accent-color: var(--accent);
}

.analysis-msg-check:hover {
  transform: scale(1.1);
}

/* Task Detail Modal Styles */
.task-detail-modal {
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.task-detail-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-height: 0;
  max-height: min(600px, 60vh);
  overflow-y: auto;
  padding-right: 8px;
}

.task-detail-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.task-detail-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted);
}

.task-detail-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.task-detail-value {
  font-size: 14px;
  color: var(--text);
  line-height: 1.5;
}

/* Edit mode inputs */
.task-detail-title-input {
  width: 100%;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.task-detail-title-input:focus {
  outline: none;
  border-color: rgba(96,165,250,0.6);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35);
}

.task-detail-input {
  width: 100%;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
}

.task-detail-input:focus {
  outline: none;
  border-color: rgba(96,165,250,0.6);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35);
}

.task-detail-textarea {
  width: 100%;
  max-height: 30vh;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  resize: vertical;
  font-family: inherit;
}

.task-detail-textarea:focus {
  outline: none;
  border-color: rgba(96,165,250,0.6);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35);
}

.task-detail-select {
  width: 100%;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
}

.task-detail-select:focus {
  outline: none;
  border-color: rgba(96,165,250,0.6);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35);
}

.task-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}

.task-detail-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.task-detail-tags-section {
  padding: 8px 0;
}

.task-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.task-detail-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid var(--border);
  transition: all 0.15s ease;
}

.task-detail-tag:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.task-detail-tag .tag-remove {
  margin-left: 4px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.15s ease;
}

.task-detail-tag .tag-remove:hover {
  opacity: 1;
  color: var(--danger);
}

.task-detail-tag.sprint {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
  border-color: rgba(96, 165, 250, 0.4);
}

.task-detail-tag.priority-high {
  background: rgba(248, 113, 113, 0.15);
  color: var(--danger);
  border-color: rgba(248, 113, 113, 0.4);
}

.task-detail-tag.priority-medium {
  background: rgba(251, 191, 36, 0.15);
  color: var(--warn);
  border-color: rgba(251, 191, 36, 0.4);
}

.task-detail-tag.priority-low {
  background: rgba(52, 211, 153, 0.15);
  color: var(--success);
  border-color: rgba(52, 211, 153, 0.4);
}

.task-detail-subtasks-container {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.01);
}

.task-detail-progress-text {
  font-size: 13px;
  color: var(--muted);
}

.task-detail-progress-bar-wrap {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  overflow: hidden;
  margin: 4px 0 12px 0;
}

.task-detail-progress-bar-fill {
  height: 100%;
  background: #22c55e;
  transition: width 0.3s ease;
}

.task-detail-subtasks-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.task-detail-subtask {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  transition: all 0.15s ease;
  position: relative;
}

.task-detail-subtask-checkbox {
  width: 18px;
  height: 18px;
  accent-color: #22c55e;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
}

.task-detail-subtask-title {
  flex: 1;
  font-size: 14px;
  color: var(--text);
  transition: all 0.2s ease;
}

.task-detail-subtask-title-input {
  flex: 1;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
}

.task-detail-subtask-title-input:focus {
  outline: none;
  border-color: rgba(96,165,250,0.6);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35);
}

.task-detail-subtask.completed .task-detail-subtask-title {
  text-decoration: line-through;
  color: var(--muted);
  opacity: 0.7;
}

.task-detail-subtask-actions {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.task-detail-subtask:hover .task-detail-subtask-actions {
  opacity: 1;
}

.subtask-action-btn {
  padding: 4px 8px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  transition: all 0.15s ease;
}

.subtask-action-btn:hover {
  background: rgba(96, 165, 250, 0.15);
  border-color: rgba(96, 165, 250, 0.4);
}

.subtask-action-btn.danger:hover {
  background: rgba(248, 113, 113, 0.15);
  border-color: rgba(248, 113, 113, 0.4);
  color: var(--danger);
}

.task-detail-subtask-add-row {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.task-detail-subtask-input-field {
  flex: 1;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
}

.task-detail-subtask-input-field:focus {
  outline: none;
  border-color: rgba(96,165,250,0.6);
  box-shadow: 0 0 0 1px rgba(96,165,250,0.35);
}

.task-detail-subtask-add-btn {
  padding: 0 20px;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;
}

.task-detail-comments {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.task-detail-comment {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}

.task-detail-comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 12px;
  color: var(--muted);
}

.task-detail-comment-author {
  font-weight: 600;
}

.task-detail-comment-text {
  font-size: 13px;
  color: var(--text);
  line-height: 1.5;
}

/* Enhanced Task Map Card Styles */
/* Stale Task Card Enhanced Design */
.task-map-card-mini-enhanced.stale-card {
  background: var(--panel);
  border: 1px solid var(--border);
  border-left: 4px solid #ef4444 !important;
  padding: 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: var(--shadow-sm);
}

.stale-card .task-map-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.stale-card .stale-badge {
  background: #ef4444;
  color: white;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  text-transform: none;
}

.stale-card .task-map-card-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  line-height: 1.4;
  margin: 0;
}

.stale-card .card-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  color: var(--muted);
}

.stale-card .meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.stale-card .meta-label {
  color: var(--muted);
  width: 75px;
}

.stale-card .card-ages {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-top: 4px;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.stale-card .age-item {
  color: var(--muted);
}

.stale-card .age-highlight {
  color: #f97316;
}

.stale-card .escalation-box {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  padding: 12px;
  margin-top: 4px;
}

.stale-card .escalation-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--danger);
  margin-bottom: 12px;
}

.stale-card .escalation-steps-wrap {
  position: relative;
  padding: 0 5px;
}

.stale-card .escalation-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* Dimmed cards for archive columns */
.task-map-cell[data-col-idx="5"] .task-map-card-mini-enhanced,
.task-map-cell[data-col-idx="6"] .task-map-card-mini-enhanced,
.task-map-cell[data-col-idx="5"] .task-map-compact-item,
.task-map-cell[data-col-idx="6"] .task-map-compact-item {
  opacity: 0.5;
  filter: grayscale(0.5);
  transition: opacity 0.3s, filter 0.3s;
}

.task-map-cell[data-col-idx="5"] .task-map-card-mini-enhanced:hover,
.task-map-cell[data-col-idx="6"] .task-map-card-mini-enhanced:hover,
.task-map-cell[data-col-idx="5"] .task-map-compact-item:hover,
.task-map-cell[data-col-idx="6"] .task-map-compact-item:hover {
  opacity: 1;
  filter: grayscale(0);
}

.stale-action-btn {
  transition: all 0.2s;
  cursor: pointer;
}

.stale-action-btn:hover {
  filter: brightness(1.2);
  transform: translateY(-1px);
}

.stale-card .escalation-line {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  height: 2px;
  background: var(--border);
  z-index: 1;
}

.stale-card .escalation-line-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ef4444;
  transition: width 0.3s ease;
}

.stale-card .step-node {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--card);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
}

.stale-card .step-node.active {
  background: #ef4444;
  color: white;
}

.stale-card .step-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 11px;
  color: #64748b;
}

.stale-card .step-label.active {
  color: #fca5a5;
}

.chip-btn.active {
  background: var(--accent) !important;
  color: white !important;
  border-color: var(--accent) !important;
}

/* Вкладка «Риски» — карточки рисков (отдельная вкладка) */
.risk-tab-summary {
  font-weight: 600;
}
.risk-tab-empty {
  padding: 48px 24px;
  text-align: center;
}
.risk-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
.risk-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.risk-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
.risk-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.risk-card-id {
  font-size: 13px;
  color: var(--muted);
  font-weight: 500;
}
.risk-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
}
.risk-badge-overdue {
  background: #ef4444;
  color: white;
}
.risk-badge-stale {
  background: #f59e0b;
  color: #1f2937;
}
.risk-card-status-tag {
  margin-left: auto;
  font-size: 11px;
  color: var(--muted);
  border: 1px solid var(--border);
  padding: 2px 8px;
  border-radius: 6px;
}
.risk-card-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.3;
  color: var(--text);
}
.risk-card-meta {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.risk-card-meta .meta-label {
  font-weight: 500;
}
.risk-card-meta .meta-value.risk-due-overdue {
  color: #ef4444;
  font-weight: 600;
}
.risk-card-actions {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
.risk-card-secondary-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Response Monitoring */
.response-monitoring {
  --rm-bg: #efefec;
  --rm-surface: #ffffff;
  --rm-border: #e2e2dd;
  --rm-border-strong: #d6d6d1;
  --rm-text: #2b2b2b;
  --rm-muted: #8b8b85;
  --rm-accent: #b9b9b2;
  --rm-shadow: 0 6px 16px rgba(50, 50, 50, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--rm-text);
  background: var(--rm-bg);
  border: 1px solid var(--rm-border);
  border-radius: 16px;
  padding: 16px;
}

.response-monitoring .muted {
  color: var(--rm-muted);
}

.response-monitoring .input {
  background: var(--rm-surface);
  border-color: var(--rm-border-strong);
  color: var(--rm-text);
  box-shadow: none;
}

.response-monitoring .input:focus {
  border-color: #b9b9b2;
  box-shadow: 0 0 0 2px rgba(185, 185, 178, 0.2);
}

.response-monitoring select.input {
  background-image: none;
  appearance: auto;
  padding-right: 10px;
}

.response-monitoring .primary {
  background: #f3f3f0;
  color: #2d2d2d;
  border: 1px solid var(--rm-border-strong);
  box-shadow: none;
}

.response-monitoring .primary.secondary {
  background: var(--rm-surface);
}

.response-monitoring .primary:not(:disabled):hover {
  background: #ecece7;
}

.response-monitoring .chip-btn {
  background: #f4f4f1;
  border: 1px solid var(--rm-border-strong);
  color: #2d2d2d;
}

.response-monitoring .chip-btn:hover {
  background: #edede8;
}

.response-monitoring-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.response-monitoring-title {
  font-size: 20px;
  font-weight: 700;
}

.response-monitoring-subtitle {
  font-size: 13px;
  color: var(--rm-muted);
  margin-top: 4px;
}

.response-monitoring-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.response-monitoring-llm-banner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: fit-content;
  background: #f2f1ec;
  border: 1px solid #dedcd2;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
  color: #6b6b66;
}

.response-monitoring-llm-pill {
  text-transform: none;
  color: #6b6b66;
}

.response-monitoring-llm-metric {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 11px;
}

.response-monitoring-llm-cost {
  background: #fdeed8;
  color: #a8671c;
}

.response-monitoring-llm-tokens {
  background: #e6eefc;
  color: #355c9a;
}

.response-monitoring-llm-requests {
  background: #e6f5ea;
  color: #2f7a4a;
}

.response-monitoring-llm-muted {
  color: #9a9a93;
  font-weight: 600;
}

.response-monitoring-hero {
  background: #f6f6f3;
  border: 1px solid #e3e3de;
  border-radius: 14px;
  padding: 16px;
  box-shadow: none;
}

.response-monitoring-controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.response-monitoring-search {
  flex: 1 1 280px;
  min-width: 220px;
}

.response-monitoring-controls .input {
  height: 34px;
}

.response-monitoring-controls select.input {
  width: auto;
  min-width: 140px;
  max-width: 200px;
}

.response-monitoring-export {
  display: flex;
  gap: 8px;
  align-items: center;
}

.response-monitoring-export .input {
  min-width: 140px;
}

/* Блок выгрузки логов дежурки — отдельная карточка */
.response-monitoring-dezhurka-export {
  margin-top: 16px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.response-monitoring-dezhurka-export-title {
  margin: 0 0 4px 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary, #1a1a1a);
}

.response-monitoring-dezhurka-export-desc {
  margin: 0 0 12px 0;
  font-size: 0.85rem;
  color: var(--text-secondary, #666);
  line-height: 1.35;
}

.response-monitoring-dezhurka-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text-primary, #1a1a1a);
  white-space: nowrap;
}

.response-monitoring-dezhurka-checkbox input {
  margin: 0;
}

.response-monitoring-export-json {
  margin-top: 0;
}

.response-monitoring-export-label {
  white-space: nowrap;
  color: var(--text-secondary, #666);
  font-size: 0.9em;
}

.response-monitoring-search .input {
  width: 100%;
  min-width: 240px;
}

.response-monitoring-stats {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

.response-monitoring-stat {
  background: var(--rm-surface);
  border: 1px solid #e3e3de;
  border-radius: 12px;
  padding: 12px 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(50, 50, 50, 0.06);
}

.response-monitoring-stat::before {
  content: none;
}

.response-monitoring-stat-critical::before {
  content: none;
}

.response-monitoring-stat-warn::before {
  content: none;
}

.response-monitoring-stat-info::before {
  content: none;
}

.response-monitoring-stat-label {
  font-size: 12px;
  color: var(--rm-muted);
}

.response-monitoring-stat-value {
  font-size: 24px;
  font-weight: 700;
  margin-top: 6px;
}

.response-monitoring-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);
  gap: 16px;
}

.response-monitoring-list,
.response-monitoring-detail-card {
  background: var(--rm-surface);
  border: 1px solid var(--rm-border);
  border-radius: 14px;
  box-shadow: var(--rm-shadow);
}

.response-monitoring-list {
  overflow: hidden;
}

.response-monitoring-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--rm-border);
  background: #f6f6f3;
}

.response-monitoring-list-title {
  font-size: 14px;
  font-weight: 600;
}

.response-monitoring-table-wrap {
  overflow-x: auto;
}

.response-monitoring-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.response-monitoring-table th {
  padding: 10px 14px;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 12px;
  color: var(--rm-muted);
  border-bottom: 1px solid var(--rm-border);
  background: #f6f6f3;
}

.response-monitoring-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--rm-border);
  vertical-align: top;
}

.response-monitoring-row {
  cursor: pointer;
  transition: background 0.2s ease;
}

.response-monitoring-row:hover {
  background: #f4f4f1;
}

.response-monitoring-row.is-active {
  background: #efefeb;
  box-shadow: inset 3px 0 0 var(--rm-accent);
}

.response-monitoring-time {
  font-weight: 600;
  font-size: 13px;
}

.response-monitoring-id {
  font-size: 11px;
  color: var(--rm-muted);
  margin-top: 2px;
}

.response-monitoring-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 0;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--chip-bg, #f2f2ee);
  color: var(--chip-text, #6a6a64);
  font-size: 10px;
  font-weight: 600;
  border: 1px solid var(--chip-border, #e0e0da);
  white-space: nowrap;
}

.response-monitoring-chip::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--chip-dot, currentColor);
}

.response-monitoring-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.response-monitoring-chip-llm {
  --chip-bg: #e7eefb;
  --chip-text: #3d5b89;
  --chip-border: #d5e0f4;
  --chip-dot: #3d5b89;
}

.response-monitoring-chip-formal_error {
  --chip-bg: #f1f2f4;
  --chip-text: #4a4e57;
  --chip-border: #e0e4ea;
  --chip-dot: #8792a3;
}

.response-monitoring-chip-recommendation_issue {
  --chip-bg: #fde8e8;
  --chip-text: #b04640;
  --chip-border: #f6c9c6;
  --chip-dot: #d36a63;
}

.response-monitoring-chip-quality_issue {
  --chip-bg: #efe7fb;
  --chip-text: #6f4aa6;
  --chip-border: #ddcff5;
  --chip-dot: #8c6ac2;
}

.response-monitoring-chip-understanding_issue {
  --chip-bg: #fff1d6;
  --chip-text: #ad6a1d;
  --chip-border: #f2ddae;
  --chip-dot: #c2873f;
}

.response-monitoring-chip-behavior_anomaly {
  --chip-bg: #e6f7f1;
  --chip-text: #1d7b60;
  --chip-border: #cfeee3;
  --chip-dot: #2d9a79;
}

.response-monitoring-chip-unknown {
  --chip-bg: #ededeb;
  --chip-text: #6c6c67;
  --chip-border: #dcdcd6;
  --chip-dot: #9a9a93;
}

.response-monitoring-text {
  color: var(--rm-text);
  font-size: 13px;
}

.response-monitoring-sub {
  margin-top: 6px;
}

.response-monitoring-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  border: 1px solid transparent;
}

.response-monitoring-badge-critical {
  background: rgba(244, 67, 54, 0.12);
  color: #a33f39;
  border-color: rgba(244, 67, 54, 0.3);
}

.response-monitoring-badge-warn {
  background: rgba(255, 193, 7, 0.14);
  color: #a36a1f;
  border-color: rgba(255, 193, 7, 0.32);
}

.response-monitoring-badge-info {
  background: rgba(120, 120, 120, 0.12);
  color: #6b6b67;
  border-color: rgba(120, 120, 120, 0.3);
}

.response-monitoring-status {
  margin-top: 6px;
  font-size: 11px;
  color: var(--rm-muted);
}

.response-monitoring-empty {
  text-align: center;
  color: var(--rm-muted);
  padding: 24px 12px;
}

.response-monitoring-detail {
  position: sticky;
  top: 12px;
  align-self: flex-start;
}

.response-monitoring-detail-card {
  padding: 16px;
}

.response-monitoring-detail-title {
  font-size: 16px;
  font-weight: 700;
}

.response-monitoring-detail-id {
  font-size: 12px;
  color: var(--rm-muted);
  margin-top: 4px;
}

.response-monitoring-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.response-monitoring-detail-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--rm-muted);
  margin-bottom: 4px;
}

.response-monitoring-detail-value {
  font-size: 13px;
  font-weight: 600;
  color: var(--rm-text);
}

.response-monitoring-detail-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.response-monitoring-actions-hint {
  margin-bottom: 12px;
}

.response-monitoring-dialog {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 40px;
  justify-content: flex-start;
}

.response-monitoring-dialog-title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 13px;
  font-weight: 600;
  color: #7d899b;
  margin-bottom: 0;
}

.response-monitoring-dialog-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.response-monitoring-dialog-row.bot {
  justify-content: flex-start;
}

.response-monitoring-dialog-row.user {
  justify-content: flex-start;
  margin-top: 0;
}

.response-monitoring-dialog-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.response-monitoring-dialog-avatar.user {
  background-color: #adc6ff;
  color: #4b69ff;
}

.response-monitoring-dialog-avatar.bot {
  border: 1px solid #e2e8f0;
  color: #64748b;
}

.response-monitoring-avatar-icon {
  width: 22px;
  height: 22px;
}

.response-monitoring-dialog-bubble {
  max-width: 60%;
  padding: 14px 20px;
  font-size: 16px;
  line-height: 1.4;
  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: left;
}

.response-monitoring-dialog-bubble.user {
  background-color: #e0efff;
  color: #0f172a;
  border-radius: 18px 18px 4px 18px;
}

.response-monitoring-dialog-bubble.bot {
  background-color: #ffffff;
  color: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: 4px 18px 18px 18px;
}

.response-monitoring-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.response-monitoring-evidence {
  margin-top: 12px;
}

.response-monitoring-detail-empty {
  text-align: center;
}

@media (max-width: 1100px) {
  .response-monitoring-grid {
    grid-template-columns: 1fr;
  }

  .response-monitoring-detail {
    position: static;
  }

  .response-monitoring-detail-grid,
  .response-monitoring-meta-grid {
    grid-template-columns: 1fr;
  }
}

.task-map-card-mini-enhanced {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  min-width: 0;
  position: relative;
}

.task-map-card-mini-enhanced:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
  border-color: rgba(96, 165, 250, 0.4);
}

.task-map-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.task-map-card-badges {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.task-map-badge-small {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.task-map-badge-small.sprint {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.3);
}

.task-map-badge-small.priority-p1 {
  background: rgba(248, 113, 113, 0.15);
  color: var(--danger);
  border: 1px solid rgba(248, 113, 113, 0.3);
}

.task-map-badge-small.priority-p2 {
  background: rgba(251, 191, 36, 0.15);
  color: var(--warn);
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.task-map-badge-small.priority-p3 {
  background: rgba(52, 211, 153, 0.15);
  color: var(--success);
  border: 1px solid rgba(52, 211, 153, 0.3);
}

.task-map-card-title {
  font-weight: 600;
  font-size: 13px;
  color: var(--text);
  line-height: 1.4;
  margin-bottom: 4px;
}

.task-map-card-progress {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.task-map-progress-label {
  font-size: 10px;
  color: var(--muted);
  display: flex;
  justify-content: space-between;
}

.task-map-progress-bar-container {
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

.task-map-progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #34d399, #60a5fa);
  border-radius: 2px;
  transition: width 0.3s ease;
}

.task-map-progress-bar-fill.low {
  background: linear-gradient(90deg, #f87171, #fb923c);
}

.task-map-progress-bar-fill.medium {
  background: linear-gradient(90deg, #fbbf24, #60a5fa);
}

.task-map-progress-bar-fill.high {
  background: linear-gradient(90deg, #34d399, #60a5fa);
}

.task-map-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.task-map-card-footer-left {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.task-map-card-name-badge {
  display: inline-block;
  max-width: 90px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text);
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-map-card-producer-badge {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.3);
}

.task-map-card-consumer-badge {
  background: rgba(248, 113, 113, 0.12);
  border: 1px solid rgba(248, 113, 113, 0.25);
}

.task-map-card-due-date {
  font-size: 11px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 4px;
}

.task-map-card-due-date.overdue {
  color: var(--danger);
  font-weight: 600;
}

.task-map-card-due-date.due-soon {
  color: var(--warn);
  font-weight: 600;
}

.task-map-card-icons {
  display: flex;
  gap: 6px;
  font-size: 12px;
  color: var(--muted);
}

.task-map-empty-state {
  padding: 20px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
}

/* Task Map Card Variants */
.task-map-compact-item {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 3px solid var(--accent);
}

.task-map-compact-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(96, 165, 250, 0.4);
  transform: translateX(2px);
}

.task-map-summary-card {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.1), rgba(52, 211, 153, 0.1));
  border: 1px dashed var(--accent);
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 100px;
}

.task-map-summary-card:hover {
  background: linear-gradient(135deg, rgba(96, 165, 250, 0.15), rgba(52, 211, 153, 0.15));
  border-style: solid;
  transform: scale(1.02);
}

.task-map-summary-count {
  font-size: 24px;
  font-weight: 800;
  color: var(--accent);
}

.task-map-summary-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.task-map-summary-action {
  font-size: 11px;
  color: var(--accent);
  text-decoration: underline;
  margin-top: 4px;
}

/* New Task Detail Grid (Screenshot 3 style) */
.task-properties-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 500px;
}

.property-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  min-height: 32px;
}

.property-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--muted);
}

.property-label .icon {
  width: 16px;
  text-align: center;
  opacity: 0.7;
}

.property-value {
  display: flex;
  align-items: center;
}

.property-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
}

.property-text {
  font-size: 13px;
  color: var(--text);
}

.property-user {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
}

.property-user::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #60a5fa, #34d399);
  display: inline-block;
}

.secondary-fields {
  border-top: 1px solid var(--border);
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Personal Messages Interface */
.personal-messages-container {
  display: flex;
  height: calc(100vh - 200px);
  min-height: 600px;
  gap: 16px;
}

.personal-messages-main--full {
  width: 100%;
}

.personal-messages-sidebar {
  width: 300px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card);
  padding: 16px;
  overflow-y: auto;
}

.personal-messages-sidebar h3 {
  margin: 0 0 16px 0;
  font-size: 18px;
  color: var(--text);
}

.users-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.user-card {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  cursor: pointer;
  transition: all 0.2s;
}

.user-card:hover {
  background: var(--card);
  border-color: var(--accent);
}

.user-card.selected {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.user-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.user-card-name {
  font-weight: 600;
  font-size: 14px;
}

.user-card-badge {
  background: var(--accent);
  color: #fff;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

.user-card.selected .user-card-badge {
  background: rgba(255, 255, 255, 0.3);
}

.user-card-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 8px;
}

.user-card.selected .user-card-meta {
  color: rgba(255, 255, 255, 0.8);
}

.user-card-username {
  font-weight: 500;
}

.user-card-date {
  font-size: 11px;
}

.user-card-preview {
  font-size: 12px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-card.selected .user-card-preview {
  color: rgba(255, 255, 255, 0.9);
}

.personal-messages-main {
  flex: 1;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

.conversation-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.conversation-header {
  padding: 16px;
  border-bottom: 1px solid var(--border);
}

.conversation-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.conversation-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.conversation-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.conversation-controls .input {
  min-width: 240px;
}

.conversation-header h3 {
  margin: 0;
  font-size: 18px;
  color: var(--text);
}

.conversation-messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  background: var(--card);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.message {
  padding: 12px;
  border-radius: 8px;
  max-width: 70%;
}

.message-bot {
  background: var(--accent);
  color: #fff;
  align-self: flex-start;
}

.message-user {
  background: var(--panel);
  color: var(--text);
  align-self: flex-end;
  border: 1px solid var(--border);
}

.message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 12px;
  opacity: 0.8;
}

.message-sender {
  font-weight: 600;
}

.message-date {
  font-size: 11px;
}

.message-text {
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.5;
}

.conversation-input {
  padding: 16px;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 12px;
  align-items: flex-end;
}

.conversation-input textarea {
  flex: 1;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
  min-height: 60px;
  max-height: 200px;
}

.conversation-input textarea:focus {
  outline: none;
  border-color: var(--accent);
}

.conversation-input button {
  height: 60px;
  padding: 0 24px;
}

@media (max-width: 720px) {
  .personal-messages-container {
    min-height: 520px;
  }

  .conversation-controls,
  .conversation-controls .input {
    width: 100%;
    min-width: 0;
  }
}

.empty-state {
  text-align: center;
  padding: 40px;
  color: var(--muted);
  font-size: 14px;
}

.error {
  padding: 16px;
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid var(--danger);
  border-radius: 8px;
  color: var(--danger);
  font-size: 14px;
}

/* ── Pilot Analytics: date range picker ── */
.pa-preset {
  padding: 4px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
}
.pa-preset:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.pa-preset.active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.pa-cal-day {
  width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 8px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--text);
  transition: all .12s;
  margin: 0 auto;
}
.pa-cal-day:hover {
  background: var(--accent);
  color: #fff;
}
.pa-cal-day.today {
  font-weight: 800;
  box-shadow: inset 0 0 0 1.5px var(--accent);
}
.pa-cal-day.in-range {
  background: rgba(37, 99, 235, 0.1);
  border-radius: 0;
}
.pa-cal-day.range-start {
  background: var(--accent);
  color: #fff;
  border-radius: 8px 0 0 8px;
}
.pa-cal-day.range-end {
  background: var(--accent);
  color: #fff;
  border-radius: 0 8px 8px 0;
}
.pa-cal-day.range-start.range-end {
  border-radius: 8px;
}
.pa-cal-day.outside {
  color: var(--muted);
  opacity: .4;
}
.pa-cal-day.disabled {
  opacity: .25;
  pointer-events: none;
}
.pa-cal-hdr {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-align: center;
  padding: 4px 0;
}

/* ── Analytics-only mode ── */
body.analytics-only .card-header { display: flex !important; }
body.analytics-only .card-header .tab-toggle { display: none !important; }
body.analytics-only .card-header #pilot-analytics-tab,
body.analytics-only .card-header #pilot-bug-tracker-tab,
body.analytics-only .card-header #pilot-reactivation-tab,
body.analytics-only .card-header #pilot-newcomers-tab { display: inline-flex !important; }
body.analytics-only section.card { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; }
body.analytics-only #tasks-summary-panel,
body.analytics-only #task-map-panel,
body.analytics-only #cleanup-panel,
body.analytics-only #analytics-panel,
body.analytics-only #monitoring-panel,
body.analytics-only #response-monitoring-panel,
body.analytics-only #goal-audit-panel,
body.analytics-only #personal-messages-panel,
body.analytics-only #proactive-dialogs-panel,
body.analytics-only #projects-summary-panel,
body.analytics-only #logs-panel,
body.analytics-only #analysis-panel,
body.analytics-only #bot-messages-panel,
body.analytics-only #assign-panel,
body.analytics-only #task-map-side-panel,
body.analytics-only #detail { display: none !important; }
body.analytics-only .container { grid-template-columns: 1fr !important; }
body.analytics-only #pilot-analytics-panel:not(.hidden) { display: block !important; }
body.analytics-only #pilot-bug-tracker-panel:not(.hidden) { display: block !important; }
body.analytics-only #pilot-reactivation-panel:not(.hidden) { display: block !important; }
body.analytics-only #pilot-newcomers-panel:not(.hidden) { display: block !important; }
body.analytics-only #send-to-group-btn { display: none !important; }
body.analytics-only .pill { display: none !important; }

body.pilot-analytics-standalone {
  background: var(--bg);
  min-height: 100dvh;
  overflow-x: hidden;
}
body.pilot-analytics-standalone .topbar,
body.pilot-analytics-standalone .card-header,
body.pilot-analytics-standalone #detail {
  display: none !important;
}
body.pilot-analytics-standalone #app-root {
  min-height: 100dvh;
}
body.pilot-analytics-standalone .container {
  display: block !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}
body.pilot-analytics-standalone section.card {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}
body.pilot-analytics-standalone #pilot-analytics-panel {
  min-height: 100dvh;
  padding: 24px !important;
}
body.pilot-analytics-standalone #pilot-analytics-panel > .flex:first-child {
  position: relative;
  z-index: 120;
  margin: -24px -24px 18px !important;
  padding: 18px 24px 14px;
  background: rgba(248,250,252,.92);
  border-bottom: 1px solid rgba(148,163,184,.22);
  backdrop-filter: blur(18px) saturate(160%);
}
body.pilot-analytics-standalone #pilot-analytics-panel > .flex:first-child,
body.pilot-analytics-standalone #pilot-analytics-panel > .flex:first-child > .flex {
  flex-wrap: wrap;
  row-gap: 10px;
}

/* ── Churn analytics: SVG donut ── */
.pa-donut { position: relative; width: 240px; height: 240px; margin: 0 auto; }
.pa-donut svg { transform: rotate(-90deg); }
.pa-donut circle { fill: none; stroke-width: 3.5; }
.pa-donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pa-donut-center .big { font-size: 28px; font-weight: 800; line-height: 1; }
.pa-donut-center .sub { font-size: 11px; color: var(--muted); margin-top: 4px; }
.pa-donut-legend { margin-top: 12px; font-size: 12px; line-height: 1.8; }
.pa-donut-legend span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }

/* ── Editable inline cells ── */
.pa-editable-cell { cursor: text; padding: 4px 8px; border-radius: 6px; transition: background .15s; min-width: 60px; }
.pa-editable-cell:hover { background: var(--card); }
.pa-editable-cell:focus { outline: 2px solid var(--accent); background: var(--panel); }

/* ── Template chips ── */
.pa-template-chip { display: inline-flex; align-items: center; gap: 4px; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 500; background: var(--panel); border: 1px solid var(--border); cursor: pointer; transition: all .15s; color: var(--text); }
.pa-template-chip:hover { border-color: var(--accent); color: var(--accent); background: rgba(37,99,235,.06); }

/* ── Copy toast ── */
.pa-copy-toast { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%); background: #1e293b; color: #fff; padding: 10px 24px; border-radius: 10px; font-size: 13px; font-weight: 600; z-index: 9999; animation: pa-toast-in .3s ease, pa-toast-out .3s ease 1.5s forwards; pointer-events: none; }
@keyframes pa-toast-in { from { opacity: 0; transform: translateX(-50%) translateY(16px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
@keyframes pa-toast-out { from { opacity: 1; } to { opacity: 0; } }

/* ── Ext-Audit spinner ── */
@keyframes ea-spin { to { transform: rotate(360deg); } }

/* ── Sleeping example card ── */
.pa-sleeping-card { background: var(--panel); border: 1px solid var(--border); border-left: 4px solid #eab308; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; }
.pa-sleeping-card .pa-sc-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.pa-sleeping-card .pa-sc-name { font-weight: 600; font-size: 13px; cursor: pointer; color: var(--accent); text-decoration: underline; }
.pa-sleeping-card .pa-sc-silence { font-size: 11px; color: #eab308; font-weight: 600; }
.pa-sleeping-card .pa-sc-msg { font-size: 12px; line-height: 1.5; padding: 6px 10px; border-radius: 8px; margin-bottom: 4px; max-width: 90%; }
.pa-sleeping-card .pa-sc-msg.user { background: var(--accent); color: #fff; margin-left: auto; }
.pa-sleeping-card .pa-sc-msg.bot { background: var(--card); color: var(--text); }
.pa-sleeping-card .pa-sc-marker { font-size: 11px; color: #ef4444; font-weight: 600; text-align: center; margin: 8px 0; }
@keyframes pa-spin { to { transform: rotate(360deg); } }

/* 2-Пилот: упрощенное табло по ТЗ Михаила, 26.05.2026 */
.pa-tz-dashboard{display:flex;flex-direction:column;gap:18px;color:#0f172a}
.pa-warning-list{display:flex;flex-direction:column;gap:6px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.45}
.pa-data-passport{border:1px solid #dbeafe;background:linear-gradient(135deg,#ffffff,#f8fbff);border-radius:20px;padding:15px;box-shadow:0 18px 60px rgba(15,23,42,.05)}
.pa-data-passport-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.pa-data-passport-head h3{margin:2px 0 0;color:#0f172a;font-size:18px;letter-spacing:-.02em}.pa-passport-grid{display:grid;grid-template-columns:1.15fr 1.1fr 1fr 1fr;gap:9px}.pa-passport-grid>div{border:1px solid #e2e8f0;background:rgba(255,255,255,.86);border-radius:16px;padding:12px;min-width:0}.pa-passport-grid>div.warn{border-color:#fde68a;background:#fffbeb}.pa-passport-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#64748b}.pa-passport-grid b{display:block;margin-top:5px;color:#0f172a;font-size:15px;line-height:1.15}.pa-passport-grid small{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.35}.pa-passport-warnings{margin-top:10px;color:#475569;font-size:12px}.pa-passport-warnings details{border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}.pa-passport-warnings summary{cursor:pointer;padding:10px 12px;font-weight:850;color:#334155}.pa-passport-warnings ul{margin:0;padding:0 14px 12px 28px;color:#92400e;line-height:1.45}.pa-passport-ok{display:inline-flex;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:999px;padding:6px 9px;font-weight:800}
.pa-tz-header,.pa-tz-section{position:relative;background:rgba(255,255,255,.86);border:1px solid rgba(148,163,184,.24);border-radius:22px;padding:18px 20px;box-shadow:0 18px 60px rgba(15,23,42,.07)}
.pa-tz-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,247,255,.88))}
.pa-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6366f1;margin-bottom:5px}
.pa-tz-header h2,.pa-section-head h3{margin:0;color:#0f172a;letter-spacing:-.02em}.pa-tz-header h2{font-size:25px}.pa-tz-header p,.pa-section-head p{margin:6px 0 0;color:#64748b;line-height:1.45;font-size:13px;max-width:760px}
.pa-reading-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pa-reading-guide>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:start;border:1px solid #dbeafe;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:18px;padding:12px;min-width:0;transition:transform .2s cubic-bezier(0.16,1,0.3,1),box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);cursor:pointer}.pa-reading-guide>div:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.08);border-color:#6366f1}.pa-reading-guide span{grid-row:1/3;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;font-size:12px;font-weight:900;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1)}.pa-reading-guide b{display:block;color:#0f172a;font-size:13px;line-height:1.2}.pa-reading-guide small{display:block;color:#64748b;font-size:12px;line-height:1.3}.pa-cohort-mini-labels{font-size:10px;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 5px;border-radius:6px;display:inline-flex;margin-top:2px;align-self:flex-start;white-space:nowrap;font-weight:600}
.pa-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px;align-items:stretch}.pa-showcase-main{border:1px solid rgba(99,102,241,.2);background:linear-gradient(135deg,#fff,#f6f8ff);border-radius:26px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.pa-showcase-main h2{margin:0;font-size:34px;line-height:1.04;letter-spacing:-.035em;color:#0f172a;max-width:820px}.pa-showcase-main p{margin:12px 0 0;color:#475569;font-size:15px;line-height:1.55;max-width:760px}.pa-showcase-script{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.pa-showcase-script>div{border:1px solid #dbeafe;background:rgba(255,255,255,.78);border-radius:16px;padding:10px;min-width:0}.pa-showcase-script span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#4f46e5}.pa-showcase-script b{display:block;margin-top:5px;color:#334155;font-size:12px;line-height:1.35;font-weight:760}.pa-showcase-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.pa-showcase-actions .pa-drill{border:1px solid #c7d2fe;background:#eef2ff;border-radius:999px;padding:9px 13px;font-size:13px;text-decoration:none}.pa-showcase-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pa-showcase-facts>div{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:16px;min-width:0}.pa-showcase-facts>div.warn{border-color:#fde68a;background:#fffbeb}.pa-showcase-facts span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.pa-showcase-facts b{display:block;margin-top:5px;font-size:32px;line-height:1;color:#0f172a}.pa-showcase-facts small{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.35}
.pa-header-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:560px}.pa-header-meta span{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;color:#64748b}.pa-status.ok{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.pa-status.warn{color:#b45309;background:#fef3c7;border-color:#fde68a}.pa-status.danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}
.pa-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.pa-section-head>div{display:flex;align-items:center;gap:10px}.pa-section-purpose{max-width:820px;text-align:left;border-left:3px solid #c7d2fe;padding-left:12px}.pa-section-purpose p{margin:0 0 4px;color:#475569;line-height:1.4;font-size:13px}.pa-section-purpose p:last-child{margin-bottom:0}.pa-section-purpose b{color:#1e293b}.pa-block-index{display:inline-flex;width:28px;height:28px;border-radius:10px;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;font-weight:800;font-size:13px}
.pa-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pa-metrics-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pa-metrics-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pa-metrics-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.pa-metric{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:12px;min-width:0}.pa-metric.warn{background:#fffbeb;border-color:#fde68a}.pa-metric.danger{background:#fef2f2;border-color:#fecaca}.pa-metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#64748b}.pa-metric-value{display:block;border:0;background:transparent;padding:4px 0 0;margin:0;font-size:28px;font-weight:900;color:#0f172a;line-height:1;cursor:pointer;text-align:left}.pa-metric-value[data-pa-selection]:hover,.pa-funnel-number:hover{color:#4f46e5;text-decoration:underline}.pa-metric-sub{font-size:12px;color:#64748b;margin-top:4px;line-height:1.35}
.pa-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pa-funnel-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px;min-width:0}.pa-funnel-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;font-weight:800}.pa-quality{font-size:10px;font-weight:800;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:2px 7px;white-space:nowrap}.pa-funnel-body{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px}.pa-funnel-number{border:0;background:transparent;font-size:23px;font-weight:900;color:#0f172a;cursor:pointer;padding:0}.pa-funnel-bar{height:8px;background:#eef2ff;border-radius:999px;overflow:hidden}.pa-funnel-bar i{display:block;height:100%;background:#6366f1;border-radius:999px}.pa-funnel-pct{font-size:12px;color:#64748b;font-weight:800}.pa-funnel-hint{font-size:11px;color:#64748b;margin-top:8px;line-height:1.35}
.pa-trust-note{margin-top:12px;border:1px solid #c7d2fe;background:#eef2ff;border-radius:16px;padding:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#312e81;font-size:13px}.pa-info-dot{width:22px;height:22px;border-radius:50%;border:0;background:#4f46e5;color:#fff;font-weight:900;cursor:pointer}.pa-drill{border:0;background:transparent;color:#4f46e5;font-weight:800;cursor:pointer;padding:0;font-size:12px}.pa-drill:hover{text-decoration:underline}.pa-popover{position:absolute;right:20px;top:82px;z-index:60;width:min(560px,calc(100vw - 56px));background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.3);border-radius:20px;padding:14px;box-shadow:0 24px 80px rgba(15,23,42,.18);backdrop-filter:blur(18px)}.pa-popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pa-quotes{display:flex;flex-direction:column;gap:8px;margin:10px 0}.pa-quotes>div{border:1px solid #e2e8f0;border-radius:12px;padding:9px;background:#fff}.pa-quotes span{display:block;font-size:12px;color:#64748b;margin:2px 0 4px}.pa-quotes blockquote,.pa-client-row blockquote{margin:6px 0 0;padding:8px 10px;border-left:3px solid #c7d2fe;background:#f8fafc;border-radius:8px;color:#475569;font-size:12px;line-height:1.45}
.pa-proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.pa-proof-card,.pa-proof-empty{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:13px;min-width:0}.pa-proof-empty{grid-column:1/-1;background:#fffbeb;border-color:#fde68a;color:#92400e}.pa-proof-empty b,.pa-proof-empty span{display:block}.pa-proof-empty span{margin-top:4px;font-size:13px;line-height:1.4}.pa-proof-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pa-proof-top b{font-size:14px;color:#0f172a;overflow-wrap:anywhere}.pa-proof-top span{font-size:11px;font-weight:900;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:3px 7px;white-space:nowrap}.pa-proof-card p{margin:7px 0;color:#475569;font-size:12px;line-height:1.4}.pa-proof-card blockquote{margin:7px 0 0;padding:9px 10px;border-left:3px solid #c7d2fe;background:#f8fafc;border-radius:10px;color:#334155;font-size:12px;line-height:1.45}.pa-proof-card blockquote small{display:block;margin-bottom:3px;color:#64748b;font-weight:900;text-transform:uppercase;font-size:9px;letter-spacing:.04em}.pa-proof-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.pa-story-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pa-story-step{position:relative;text-align:left;border:1px solid #dbe3ef;background:#fff;border-radius:18px;padding:14px;min-height:150px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pa-story-step:hover{transform:translateY(-2px);border-color:#a5b4fc;box-shadow:0 16px 40px rgba(15,23,42,.08)}.pa-story-step span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:10px;background:#eef2ff;color:#4f46e5;font-weight:900;font-size:11px}.pa-story-step b{display:block;margin-top:12px;color:#0f172a;font-size:14px;line-height:1.25}.pa-story-step strong{display:block;margin-top:10px;color:#0f172a;font-size:32px;line-height:1}.pa-story-step em{display:block;margin-top:5px;color:#64748b;font-style:normal;font-size:12px;font-weight:800}.pa-story-step small{display:block;margin-top:9px;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:5px 7px;font-size:10px;line-height:1.25}.pa-funnel-definitions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.pa-funnel-definition{border:1px solid #dbe3ef;border-radius:14px;background:#fbfdff;padding:10px 11px;min-height:104px}.pa-funnel-definition b{display:block;color:#0f172a;font-size:12px;margin-bottom:6px}.pa-funnel-definition span{display:block;color:#475569;font-size:12px;line-height:1.35}.pa-funnel-definition em{display:inline-flex;margin-top:8px;padding:4px 7px;border-radius:999px;background:#fef3c7;border:1px solid #fde68a;color:#92400e;font-style:normal;font-size:10px;font-weight:800}.pa-funnel-definition.warn{background:#fffbeb;border-color:#fde68a}.pa-open-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;padding:12px 14px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#334155}.pa-open-summary b{display:block;color:#9a3412;font-size:13px;line-height:1.35}.pa-open-summary span{display:block;margin-top:4px;color:#475569;font-size:12px}.pa-open-summary-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.pa-highlight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.pa-highlight-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:13px}.pa-highlight-row b{display:block;color:#0f172a;font-size:14px;line-height:1.3}.pa-highlight-row span{display:block;color:#64748b;font-size:12px;margin-top:4px;line-height:1.35}.pa-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.pa-pattern-card{text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:13px;cursor:pointer;min-height:116px;transition:transform .16s ease,border-color .16s ease}.pa-pattern-card:hover{transform:translateY(-2px);border-color:#a5b4fc}.pa-pattern-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#64748b}.pa-pattern-card b{display:block;margin-top:7px;color:#0f172a;font-size:13px;line-height:1.3}.pa-pattern-card strong{display:block;margin-top:10px;color:#4f46e5;font-size:26px;line-height:1}
.pa-situation-type-block{display:flex;flex-direction:column;gap:12px}.pa-situation-type-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pa-situation-type-summary>div{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:12px}.pa-situation-type-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#64748b}.pa-situation-type-summary b{display:block;margin-top:4px;font-size:28px;line-height:1;color:#0f172a}.pa-situation-type-summary small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.35}.pa-situation-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pa-situation-type-card{text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:13px;cursor:pointer;min-height:170px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pa-situation-type-card:hover{transform:translateY(-2px);border-color:#818cf8;box-shadow:0 12px 32px rgba(99,102,241,.12)}.pa-situation-type-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pa-situation-type-head b{color:#0f172a;font-size:15px;line-height:1.25}.pa-situation-type-head span{white-space:nowrap;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:900}.pa-situation-type-card p{margin:8px 0 0;color:#475569;font-size:12px;line-height:1.4}.pa-situation-type-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.pa-situation-type-metrics span{border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:7px;color:#64748b;font-size:10px;font-weight:800}.pa-situation-type-metrics b{display:block;margin-top:2px;color:#0f172a;font-size:16px;line-height:1}.pa-situation-type-card small{display:block;margin-top:9px;color:#475569;font-size:12px;font-weight:800}.pa-situation-type-card em{display:block;margin-top:7px;color:#64748b;font-size:11px;line-height:1.35;font-style:normal}
.pa-bot-annotation{display:flex;flex-direction:column;gap:12px}.pa-bot-reading-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:18px;padding:14px}.pa-bot-reading-card span{display:block;color:#2563eb;font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:900}.pa-bot-reading-card b{display:block;margin-top:4px;color:#0f172a;font-size:14px;line-height:1.35}.pa-bot-reading-card p{margin:7px 0 0;color:#475569;font-size:13px;line-height:1.45}.pa-bot-reading-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:360px}.pa-bot-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pa-bot-outcome{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:12px}.pa-bot-outcome.ok{border-color:#bbf7d0;background:#f0fdf4}.pa-bot-outcome.danger{border-color:#fecaca;background:#fef2f2}.pa-bot-outcome span{display:block;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.pa-bot-outcome b{display:block;margin-top:5px;color:#0f172a;font-size:28px;line-height:1}.pa-bot-outcome small{display:block;margin-top:6px;color:#475569;font-size:12px;line-height:1.35}.pa-bot-style-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pa-bot-style-columns>div{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:13px}.pa-bot-style-columns h4{margin:0;color:#0f172a;font-size:15px}.pa-bot-style-columns p{margin:6px 0 10px;color:#475569;font-size:12px;line-height:1.4}.pa-bot-style-list{display:flex;flex-direction:column;gap:8px}.pa-bot-style-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;text-align:left;border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:11px;cursor:pointer}.pa-bot-style-row:hover{border-color:#818cf8;box-shadow:0 10px 28px rgba(99,102,241,.12)}.pa-bot-style-row span{grid-column:1/-1;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.pa-bot-style-row b{color:#0f172a;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.pa-bot-style-row strong{color:#4f46e5;font-size:24px;line-height:1}.pa-bot-style-row small{grid-column:1/-1;color:#64748b;font-size:11px;line-height:1.35}
.pa-bottleneck-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:12px;align-items:stretch;border:1px solid #fde68a;background:linear-gradient(135deg,#fffbeb,#fff);border-radius:22px;padding:16px;box-shadow:0 18px 60px rgba(15,23,42,.06)}.pa-bottleneck-panel.danger{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fff)}.pa-bottleneck-panel.ok{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.pa-bottleneck-main h3{margin:0;color:#0f172a;font-size:24px;line-height:1.15;letter-spacing:-.02em}.pa-bottleneck-main p{margin:8px 0 0;color:#475569;font-size:14px;line-height:1.5;max-width:840px}.pa-bottleneck-main .pa-bottleneck-note{display:inline-block;margin-top:10px;padding:8px 10px;border:1px solid #fde68a;background:rgba(255,255,255,.72);border-radius:12px;color:#92400e;font-size:12px;font-weight:700}.pa-bottleneck-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:13px}.pa-bottleneck-actions a,.pa-egor-card a{display:inline-flex;align-items:center;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850;text-decoration:none}.pa-bottleneck-side{display:grid;grid-template-columns:1fr;gap:8px}.pa-bottleneck-side>div,.pa-bottleneck-side-card{border:1px solid #e2e8f0;background:rgba(255,255,255,.86);border-radius:16px;padding:12px;text-align:left}.pa-bottleneck-side-card{cursor:pointer;font:inherit;color:inherit}.pa-bottleneck-side-card:hover{border-color:#818cf8;box-shadow:0 10px 28px rgba(99,102,241,.12)}.pa-bottleneck-side span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#64748b;margin-bottom:5px}.pa-bottleneck-side b{display:block;color:#0f172a;font-size:13px;line-height:1.4}.pa-bottleneck-side small{display:block;margin-top:8px;color:#475569;font-size:12px;line-height:1.4}.pa-bottleneck-side .pa-solution-card{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.pa-bottleneck-side .pa-solution-card span{color:#047857}.pa-bottleneck-side .pa-solution-card b{color:#064e3b}.pa-egor-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:13px 15px}.pa-egor-card b{display:block;color:#0f172a;font-size:14px}.pa-egor-card span{display:block;color:#475569;font-size:13px;line-height:1.4;margin-top:3px}
.pa-bn-panel{grid-template-columns:1.5fr 1fr!important;gap:24px!important;background:#fffafb!important;border:1px solid #fee2e2!important;border-radius:12px!important;padding:24px!important;margin-bottom:0!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.02)!important}.pa-bn-panel.ok{background:#f8fff9!important;border-color:#bbf7d0!important}.pa-bn-panel.warn{background:#fffaf0!important;border-color:#fde68a!important}.pa-bn-left,.pa-bn-right{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.pa-bn-right{gap:12px}.pa-bn-label{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#ef4444;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.pa-bn-label::before{content:"";width:12px;height:12px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}.pa-bn-panel h3{margin:0 0 12px;color:#0f172a;font-size:22px;line-height:1.16;font-weight:900;letter-spacing:0}.pa-bn-panel p{margin:0 0 16px;color:#475569;font-size:14px;line-height:1.5;max-width:none}.pa-bn-insight{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 16px;color:#78350f;font-size:13px;line-height:1.45}.pa-bn-actions{display:flex;flex-wrap:wrap;gap:10px}.pa-bn-actions .pa-drill,.pa-bn-info-actions .pa-drill{display:inline-flex;align-items:center;border:0;background:transparent;color:#3b82f6;padding:0;font-size:13px;font-weight:850;text-decoration:none}.pa-bn-actions .pa-drill::after{content:"→";margin-left:6px}.pa-bn-actions .pa-drill:hover,.pa-bn-info-actions .pa-drill:hover{color:#1d4ed8;text-decoration:underline}.pa-bn-info-card{display:block;width:100%;text-align:left;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:16px;color:#475569;font:inherit}.pa-bn-info-card[type=button]{cursor:pointer}.pa-bn-info-card[type=button]:hover{border-color:#bfdbfe;box-shadow:0 8px 20px rgba(59,130,246,.08)}.pa-bn-info-card.decision{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.pa-bn-info-card span{display:block;margin-bottom:6px;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.pa-bn-info-card.decision span{color:#047857}.pa-bn-info-card b{display:block;margin:0 0 4px;color:#0f172a;font-size:15px;line-height:1.35;font-weight:900}.pa-bn-info-card.decision b{color:#064e3b}.pa-bn-info-card small{display:block;margin:0;color:#475569;font-size:13px;line-height:1.4}.pa-bn-info-card.decision small{color:#065f46}
.pa-bn-funnel-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:24px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important}.pa-bn-funnel-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.pa-bn-funnel-header span{color:#0f172a;font-size:19px;font-weight:900;line-height:1.25}.pa-bn-funnel-header small{color:#94a3b8;font-size:12px;line-height:1.35;text-align:right}.pa-bn-funnel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.pa-bn-funnel-step{position:relative;display:block;min-height:145px;border:1px solid #e2e8f0;background:#fafafa;border-radius:8px;padding:16px;text-align:center;color:#0f172a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pa-bn-funnel-step:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.05);border-color:#bfdbfe}.pa-bn-funnel-step.bottleneck{border:2px solid #ef4444;background:#fef2f2}.pa-bn-step-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);display:inline-flex;white-space:nowrap;border-radius:10px;background:#ef4444;color:#fff;padding:2px 8px;font-size:10px;font-weight:900;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pa-bn-step-index{display:block;margin-bottom:4px;color:#94a3b8;font-size:12px;font-weight:750}.pa-bn-funnel-step b{display:block;margin-bottom:6px;color:#0f172a;font-size:15px;line-height:1.25;font-weight:850}.pa-bn-funnel-step strong{display:block;margin-bottom:4px;color:#0f172a;font-size:26px;line-height:1;font-weight:950}.pa-bn-funnel-step em{display:block;color:#94a3b8;font-size:12px;line-height:1.3;font-style:normal}.pa-bn-funnel-step.bottleneck em{color:#ef4444;font-weight:850}.pa-bn-details-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px;border-top:1px dashed #e2e8f0;padding-top:20px}.pa-bn-detail-col{display:flex;flex-direction:column;justify-content:space-between;min-height:118px;color:#475569;font-size:13px;line-height:1.4}.pa-bn-detail-col.bottleneck{border:1px solid #fecaca;background:#fffdfd;border-radius:6px;padding:8px}.pa-bn-detail-col p{margin:0;color:#475569;font-size:13px;line-height:1.4}.pa-bn-detail-col span{display:inline-flex;align-items:center;width:fit-content;margin-top:8px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:850}.pa-bn-quality-alert{display:flex;align-items:center;gap:8px;margin-top:16px;border:1px dashed #fde68a;background:#fffbeb;border-radius:8px;padding:12px 16px;color:#78350f;font-size:13px;line-height:1.4}.pa-bn-quality-alert::before{content:"!";display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid #f59e0b;color:#f59e0b;font-size:12px;font-weight:950}
.pa-bn-footer-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.pa-bn-info-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #e2e8f0;color:#475569;font-size:14px;line-height:1.45}.pa-bn-info-row:first-child{padding-top:0}.pa-bn-info-row:last-child{border-bottom:0;padding-bottom:0}.pa-bn-info-left{display:flex;align-items:center;gap:10px;min-width:0}.pa-bn-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#eff6ff;color:#3b82f6;font-size:13px;font-weight:950}.pa-bn-info-icon.danger{background:#fef2f2;color:#ef4444}.pa-bn-info-icon.ok{background:#ecfdf5;color:#10b981}.pa-bn-info-icon.muted{background:#f1f5f9;color:#475569}.pa-bn-info-row strong{color:#334155;font-weight:850}.pa-bn-info-row span{display:block;margin-top:2px;color:#94a3b8;font-size:12px}.pa-bn-info-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;flex:0 0 auto}.pa-bn-trust-proof{padding-top:2px!important;padding-bottom:2px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pa-bn-layer{margin-top:18px}.pa-bn-layer:first-of-type{margin-top:0}.pa-bn-layer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.pa-bn-layer-head b{color:#0f172a;font-size:14px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.pa-bn-layer-head span{max-width:620px;color:#64748b;font-size:12px;line-height:1.4;text-align:right}.pa-bn-evidence-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.pa-bn-evidence-grid .pa-bn-evidence-step{min-height:132px;text-align:left}.pa-bn-evidence-step.db{background:#fbfdff}.pa-bn-evidence-step.dialog{background:#f8fbff;border-color:#bfdbfe}.pa-bn-source-badge{display:inline-flex;width:fit-content;margin-bottom:10px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:3px 8px;font-size:10px;line-height:1;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.pa-bn-evidence-step.db .pa-bn-source-badge{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.pa-bn-breakdown{display:block;margin-top:8px;color:#64748b;font-size:11px;line-height:1.3;font-weight:750}.pa-bn-evidence-details{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;padding-top:12px}.pa-bn-detail-col.dialog{border:1px solid #dbeafe;background:#f8fbff;border-radius:6px;padding:8px}
.pa-type-section{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.pa-type-module{display:flex;flex-direction:column;gap:12px}.pa-type-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(15,23,42,.06)}.pa-type-header h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:#0f172a;font-size:21px;line-height:1.2;font-weight:900}.pa-type-header h2::before{content:"2";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#3b82f6;color:#fff;font-size:13px;font-weight:950}.pa-type-header p{margin:0;color:#94a3b8;font-size:13px;line-height:1.45}.pa-type-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pa-type-kpi{min-height:122px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pa-type-kpi.warn{border-left:3px solid #f59e0b}.pa-type-kpi.danger{border-left:3px solid #ef4444}.pa-type-kpi:hover,.pa-type-category-card:hover,.pa-type-matrix-card:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 8px 24px rgba(15,23,42,.07)}.pa-type-kpi span{display:block;margin-bottom:6px;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.03em;text-transform:uppercase}.pa-type-kpi b{display:block;color:#0f172a;font-size:25px;line-height:1.1;font-weight:950}.pa-type-kpi small{display:block;margin-top:5px;color:#94a3b8;font-size:12px;line-height:1.35}.pa-type-summary-bar{display:flex;flex-wrap:wrap;gap:24px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:13px 20px;margin-bottom:12px;font-size:13px}.pa-type-summary-bar div{display:flex;align-items:center;gap:8px;white-space:nowrap}.pa-type-summary-bar span{color:#94a3b8;font-weight:750}.pa-type-summary-bar b{color:#0f172a;font-weight:950}.pa-type-summary-bar b.danger{color:#ef4444}.pa-type-summary-bar em{color:#94a3b8;font-style:normal}.pa-type-section-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 0}.pa-type-section-row h3{margin:0 0 3px;color:#0f172a;font-size:17px;line-height:1.25;font-weight:950}.pa-type-section-row p{margin:0;color:#94a3b8;font-size:13px;line-height:1.4}.pa-type-status{display:inline-flex;align-items:center;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:8px 12px;color:#475569;font-size:12px;font-weight:950;white-space:nowrap}.pa-type-status.bad{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.pa-type-status.bad::before{content:"";width:8px;height:8px;border-radius:50%;background:#ef4444;margin-right:7px}.pa-type-status.good{border-color:#86efac;background:#f0fdf4;color:#047857}.pa-type-status.good::before{content:"";width:9px;height:9px;border-radius:50%;background:#22c55e;margin-right:7px;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.pa-type-matrix-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pa-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pa-type-tabs button{border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:950;cursor:pointer}.pa-type-tabs button.active{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.pa-type-positive-tabs button.active{background:#ecfdf5;border-color:#10b981;color:#047857}.pa-type-heat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.pa-type-heat-head h4{margin:0 0 4px;color:#0f172a;font-size:16px;font-weight:950}.pa-type-heat-head p{margin:0;color:#94a3b8;font-size:13px;line-height:1.4;max-width:850px}.pa-type-heat-head>div:last-child{text-align:right;min-width:110px}.pa-type-heat-head span{display:block;color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.pa-type-heat-head b{display:block;margin-top:3px;color:#0f172a;font-size:22px;line-height:1;font-weight:950}.pa-type-table-wrap{width:100%;overflow-x:auto;border-radius:10px}.pa-type-heatmap{width:100%;min-width:980px;table-layout:fixed;border-collapse:collapse;color:#0f172a;font-size:13px}.pa-type-heatmap th,.pa-type-heatmap td{border:1px solid #e2e8f0;padding:11px;text-align:center}.pa-type-heatmap th{background:#f8fafc;color:#475569;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.pa-type-row-label{text-align:left!important;background:#f8fafc;color:#0f172a;font-weight:950;width:210px}.pa-type-row-label.danger{color:#ef4444}.pa-type-heatmap td.zero{background:#fff;color:#cbd5e1;font-weight:700}.pa-type-heatmap td.zero div{font-size:20px}.pa-type-heatmap td.interactive{cursor:pointer;font-weight:950;position:relative;transition:transform .16s ease,box-shadow .16s ease}.pa-type-heatmap td.interactive:hover{transform:scale(1.02);box-shadow:0 8px 18px rgba(15,23,42,.1);z-index:2;border-radius:6px}.pa-type-heatmap td.interactive div{margin-bottom:4px;color:#0f172a;font-size:21px;line-height:1;font-weight:950}.pa-type-heatmap td.interactive span{display:inline-flex;border-radius:5px;background:rgba(255,255,255,.78);padding:2px 6px;color:#8b5cf6;font-size:11px;font-weight:950;white-space:nowrap}.pa-type-heatmap td.low{background:#fef3c7}.pa-type-heatmap td.med{background:#fed7aa}.pa-type-heatmap td.high{background:#fecaca}.pa-type-heatmap td.critical{background:#fee2e2;border:2px solid #ef4444!important}.pa-type-heatmap td.good-low{background:#dcfce7}.pa-type-heatmap td.good-med{background:#bbf7d0}.pa-type-heatmap td.good-high{background:#86efac}.pa-type-heatmap td.good-critical{background:#d1fae5;border:2px solid #10b981!important}.pa-type-positive-heatmap td.interactive span{color:#16a34a}.pa-type-positive-head{margin-top:30px}.pa-type-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.pa-type-category-card{display:flex;flex-direction:column;justify-content:space-between;min-height:204px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;text-align:left;color:#475569;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pa-type-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.pa-type-card-head h3{margin:0 0 4px;color:#0f172a;font-size:15px;line-height:1.25;font-weight:950}.pa-type-card-head p{margin:0;color:#94a3b8;font-size:12px;line-height:1.35}.pa-type-sla{font-size:10px;font-weight:950;padding:4px 8px;border-radius:999px;text-transform:uppercase;white-space:nowrap}.pa-type-sla.bot{background:#f5f3ff;color:#8b5cf6;border:1px solid #ddd6fe}.pa-type-sla.human{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.pa-type-sla.it{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.pa-type-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;text-align:center}.pa-type-card-stats span{display:block;margin-bottom:2px;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase}.pa-type-card-stats b{display:block;color:#0f172a;font-size:16px;font-weight:950}.pa-type-card-stats b.danger{color:#ef4444}.pa-type-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;border-top:1px dashed #e2e8f0;padding-top:12px;font-size:12px}.pa-type-card-foot strong{color:#0f172a;font-weight:950}.pa-type-card-foot div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px}.pa-type-card-foot span{background:#f1f5f9;color:#475569;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:750}.pa-type-diagnostic{display:flex;align-items:center;gap:12px;background:#fffbeb;border:1px dashed #fde68a;border-radius:10px;padding:16px;color:#78350f;font-size:14px;line-height:1.45}.pa-type-diagnostic span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;font-weight:950}.pa-type-backlog{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px dashed #dbeafe;border-radius:12px;padding:16px 20px;color:#64748b;font-size:13px}.pa-type-backlog b{color:#0f172a;font-weight:950}.pa-type-backlog span{display:inline-flex;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:6px 10px;font-weight:800}
.pa-type-positive-heatmap td.no-evidence{background:#fff;color:#cbd5e1;font-weight:850}.pa-type-positive-heatmap td.no-evidence div{margin-bottom:4px;font-size:22px;line-height:1}.pa-type-positive-heatmap td.no-evidence span{display:inline-flex;border-radius:5px;background:#f8fafc;padding:2px 6px;color:#94a3b8;font-size:10px;font-weight:950;white-space:nowrap}
.pa-technical-details{margin-top:12px;border:1px solid #dbe3ef;border-radius:16px;background:#fbfdff;overflow:hidden}.pa-technical-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;color:#334155;font-weight:900}.pa-technical-details summary::-webkit-details-marker{display:none}.pa-technical-details summary b{font-size:12px;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:4px 9px}.pa-technical-details[open] summary{border-bottom:1px solid #e2e8f0}.pa-technical-details[open] summary b{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.pa-technical-details[open] summary b::before{content:"Скрыть";font-size:0}.pa-technical-details[open] summary b{font-size:0}.pa-technical-details[open] summary b::after{content:"Скрыть";font-size:12px}.pa-technical-body{padding:0 12px 12px}
.pa-tz-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;font-size:13px;overflow:hidden;border:1px solid #e2e8f0;border-radius:14px}.pa-tz-table th,.pa-tz-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:left}.pa-tz-table th{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.pa-tz-table tr:last-child td{border-bottom:0}.pa-compact-insight{margin-top:10px;padding:10px 12px;border-radius:14px;background:#f8fafc;color:#475569;font-size:13px;border:1px solid #e2e8f0}.pa-empty-state{padding:20px;text-align:center;color:#64748b;background:#f8fafc;border-radius:14px;border:1px dashed #cbd5e1}.pa-snapshot-state{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;color:#64748b;font-size:12px}.pa-snapshot-state>span:not(.pa-status){display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid #e2e8f0;border-radius:999px;background:#fff}.pa-period-changed{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:16px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#f8fbff);color:#334155;font-size:13px}.pa-period-changed b{color:#1d4ed8;white-space:nowrap}.pa-snapshot-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.pa-snapshot-preview span{min-height:54px;border-radius:14px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:center;text-align:center;color:#64748b;font-size:12px;font-weight:700}.pa-glass-toast{position:fixed;right:22px;bottom:22px;z-index:1500;width:min(390px,calc(100vw - 32px));padding:16px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,247,255,.62));box-shadow:0 24px 80px rgba(15,23,42,.18);backdrop-filter:blur(22px) saturate(180%);display:flex;flex-direction:column;gap:8px}.pa-glass-toast .pa-icon-btn{position:absolute;right:10px;top:8px}.pa-icon-btn{border:0;background:#f1f5f9;color:#475569;border-radius:999px;width:28px;height:28px;cursor:pointer;font-size:18px;line-height:1}.pa-selection-drawer{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:28px;animation:pa-fade-in .2s ease}.pa-drawer-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.28)}.pa-drawer-panel{position:relative;margin:auto;height:min(90dvh,900px);width:min(860px,calc(100vw - 56px));background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.28);padding:22px;overflow:auto;display:flex;flex-direction:column;animation:pa-scale-in .25s cubic-bezier(.16,1,.3,1)}.pa-drawer-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e2e8f0;padding-bottom:14px;margin-bottom:14px}.pa-drawer-head h3{margin:0;font-size:22px}.pa-drawer-head p{margin:5px 0 0;color:#64748b;font-size:13px}.pa-drawer-list{display:flex;flex-direction:column;gap:10px}.pa-client-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fff}.pa-client-title{font-weight:900;color:#0f172a}.pa-client-meta{font-size:12px;color:#64748b;margin-top:2px}.pa-client-reason{font-size:13px;color:#334155;margin-top:6px}.pa-client-main{min-width:0;flex:1}
.pa-sheet-table-wrap{width:100%;overflow:auto;border:1px solid #dbe3ef;border-radius:14px;margin-top:12px;background:#fff}.pa-sheet-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0;font-size:12px;color:#0f172a}.pa-sheet-table th,.pa-sheet-table td{padding:10px 11px;border-right:1px solid #e5edf7;border-bottom:1px solid #e5edf7;text-align:left;vertical-align:top}.pa-sheet-table th:last-child,.pa-sheet-table td:last-child{border-right:0}.pa-sheet-table tr:last-child td{border-bottom:0}.pa-sheet-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#475569;font-weight:900;line-height:1.25}.pa-sheet-table td:first-child{min-width:210px;background:#fbfdff}.pa-sheet-table td b{display:block;font-size:13px;line-height:1.3}.pa-sheet-table td span{display:block;color:#64748b;line-height:1.35;margin-top:3px}.pa-sheet-table td em{display:inline-block;margin-top:6px;padding:2px 7px;border-radius:999px;background:#fef3c7;color:#92400e;font-style:normal;font-size:10px;font-weight:900}.pa-sheet-cell{display:flex;flex-direction:column;gap:3px;min-width:86px}.pa-sheet-count{border:0;background:transparent;padding:0;color:#111827;font-size:14px;font-weight:900;text-align:left;cursor:pointer;line-height:1.2}.pa-sheet-count[data-pa-selection]:hover{color:#4f46e5;text-decoration:underline}.pa-sheet-cell span,.pa-sheet-cell small{font-size:11px;color:#64748b;line-height:1.25}.pa-sheet-cell .pa-drill{font-size:11px}.pa-sheet-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}.pa-sheet-section-row td{background:#eef2ff!important;color:#3730a3;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.pa-sheet-note{margin-top:10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:10px 12px;color:#475569;font-size:12px;line-height:1.45}.pa-activity-sheet th:not(:first-child),.pa-activity-sheet td:not(:first-child){min-width:120px}.pa-bot-sheet{min-width:1500px}.pa-bot-sheet td:first-child{min-width:250px}
.pa-context-card-drawer{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:28px;animation:pa-fade-in .2s ease}.pa-context-panel{position:relative;margin:auto;height:min(90dvh,920px);width:min(1240px,calc(100vw - 56px));background:#f8fafc;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.28);padding:22px;overflow:auto;display:flex;flex-direction:column;animation:pa-scale-in .25s cubic-bezier(.16,1,.3,1)}.pa-context-card{display:flex;flex-direction:column;gap:14px;color:#0f172a}@keyframes pa-fade-in{from{opacity:0}to{opacity:1}}@keyframes pa-scale-in{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pa-context-hero,.pa-context-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.pa-context-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#fff,#f4f7ff)}.pa-context-hero h2{margin:0;font-size:30px;line-height:1.05;color:#0f172a}.pa-context-hero p{margin:7px 0 0;color:#475569;line-height:1.45;max-width:760px}.pa-context-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:420px}.pa-context-badges span,.pa-context-case-tags span{display:inline-flex;align-items:center;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.pa-context-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pa-context-section-head h3{margin:0;font-size:18px;letter-spacing:-.01em}.pa-context-section-head span{font-size:12px;color:#64748b}.pa-context-passport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pa-context-pass-row{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:9px 11px;min-width:0}.pa-context-pass-row dt{font-size:10px;text-transform:uppercase;font-weight:900;color:#64748b;margin-bottom:4px}.pa-context-pass-row dd{margin:0;font-size:13px;color:#0f172a;line-height:1.35;overflow-wrap:anywhere}.pa-context-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pa-context-focus-grid>div{border-radius:16px;padding:13px;border:1px solid #bfdbfe;background:#eff6ff}.pa-context-focus-grid span{display:block;font-size:11px;text-transform:uppercase;font-weight:900;color:#2563eb;margin-bottom:6px}.pa-context-focus-grid b{display:block;font-size:14px;line-height:1.45;color:#172554}.pa-context-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.pa-context-metric{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#fff}.pa-context-metric span{display:block;font-size:10px;text-transform:uppercase;font-weight:900;color:#64748b}.pa-context-metric b{display:block;margin-top:4px;font-size:20px;line-height:1.1;color:#0f172a}.pa-context-metric small{display:block;color:#64748b;font-size:11px;margin-top:3px}.pa-context-case{border:1px solid #e2e8f0;border-left:5px solid #6366f1;border-radius:16px;padding:13px;margin-top:10px;background:#fff}.pa-context-case-head{display:flex;justify-content:space-between;gap:12px}.pa-context-case h4{margin:2px 0 0;font-size:16px;line-height:1.2}.pa-context-case-date{font-size:11px;color:#64748b;font-weight:800}.pa-context-case-times{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.pa-context-case-times span{font-size:11px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 8px}.pa-context-case p{margin:7px 0 0;color:#334155;line-height:1.45}.pa-context-case ul{margin:8px 0 0;padding-left:18px;color:#475569}.pa-context-timeline{position:relative;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.pa-context-timeline li{position:relative;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:11px 13px}.pa-context-timeline time{display:block;font-size:11px;color:#64748b;font-weight:800;margin-bottom:3px}.pa-context-timeline b{display:block;color:#0f172a}.pa-context-timeline p{margin:4px 0 0;color:#475569;line-height:1.4}.pa-context-section blockquote{margin:0;padding:12px 14px;border-left:4px solid #6366f1;background:#f8fafc;border-radius:12px;color:#334155;line-height:1.5}
.pa-context-panel{width:min(1240px,calc(100vw - 56px));background:#eef2f7;border-radius:22px}.pa-context-card{display:block}.pa-context-board{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.pa-context-left{display:flex;flex-direction:column;gap:14px;position:sticky;top:0}.pa-context-main{display:flex;flex-direction:column;gap:14px;min-width:0}.pa-context-passport-card,.pa-context-qualification-card{background:#fffdf2;border-color:#f3d38b}.pa-context-focus-card{background:#f8fbff;border-color:#bfdbfe}.pa-context-passport-stack{display:flex;flex-direction:column;gap:7px}.pa-context-sheet-row{display:grid;grid-template-columns:minmax(92px,.9fr) minmax(0,1.2fr);gap:8px;padding:8px 9px;border:1px solid #e2e8f0;border-radius:10px;background:rgba(255,255,255,.78);min-width:0}.pa-context-sheet-row span{font-size:11px;font-weight:850;color:#64748b;line-height:1.25}.pa-context-sheet-row b{font-size:12px;color:#0f172a;line-height:1.35;font-weight:650;overflow-wrap:anywhere}.pa-context-sheet-row.warn{border-color:#facc15;background:#fefce8}.pa-context-sheet-row.ok{border-color:#bbf7d0;background:#f0fdf4}.pa-context-summary-grid{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:10px}.pa-context-summary-grid>div{border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc;padding:9px 10px}.pa-context-summary-grid span{display:block;font-size:11px;font-weight:850;color:#64748b;margin-bottom:3px}.pa-context-summary-grid b{font-size:13px;line-height:1.4;color:#0f172a;font-weight:650}.pa-context-case-table-head{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:8px}.pa-context-case-table-head.compact{margin:0 0 8px}.pa-context-mini-cell{border:1px solid #e2e8f0;background:#fff;border-radius:9px;padding:7px;min-width:0}.pa-context-mini-cell span{display:block;font-size:9px;text-transform:uppercase;font-weight:900;color:#64748b;line-height:1.15}.pa-context-mini-cell b{display:block;font-size:11px;color:#0f172a;line-height:1.25;margin-top:3px;overflow-wrap:anywhere}.pa-context-work-section .pa-context-case{border-left-color:#6366f1}.pa-context-timeline-section .pa-context-timeline li{padding:12px}.pa-context-section-head h3{font-size:17px}.pa-context-focus-grid>div{min-height:82px}
.pa-egor-card.warn{border-color:#fde68a;background:#fffbeb}.pa-egor-control{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:12px;border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:22px;padding:16px;box-shadow:0 18px 60px rgba(15,23,42,.06)}.pa-egor-control-main h3{margin:0;color:#0f172a;font-size:22px;line-height:1.15;letter-spacing:-.02em}.pa-egor-control-main p{margin:8px 0 0;color:#475569;font-size:14px;line-height:1.5}.pa-egor-control-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.pa-egor-control-tags span{display:inline-flex;gap:5px;align-items:center;border:1px solid #dbeafe;background:rgba(255,255,255,.85);border-radius:999px;padding:6px 9px;color:#475569;font-size:12px;font-weight:700}.pa-egor-control-tags span.warn{border-color:#fde68a;background:#fffbeb}.pa-egor-control-tags span.ok{border-color:#bbf7d0;background:#f0fdf4}.pa-egor-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pa-egor-control-grid button{border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:13px;text-align:left;cursor:pointer;min-width:0}.pa-egor-control-grid button:hover{border-color:#818cf8;box-shadow:0 10px 30px rgba(99,102,241,.12)}.pa-egor-control-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#64748b}.pa-egor-control-grid b{display:block;margin-top:5px;color:#0f172a;font-size:28px;line-height:1}.pa-egor-control-grid small{display:block;margin-top:7px;color:#64748b;font-size:12px;line-height:1.35}
@media (max-width:1100px){.pa-tz-header,.pa-section-head{flex-direction:column}.pa-metrics-grid,.pa-metrics-grid-4,.pa-metrics-grid-5,.pa-metrics-grid-6,.pa-funnel,.pa-story-funnel,.pa-funnel-definitions,.pa-proof-strip,.pa-pattern-grid,.pa-highlight-list,.pa-situation-type-summary,.pa-situation-type-grid,.pa-bot-outcome-grid,.pa-bot-style-columns,.pa-snapshot-preview,.pa-reading-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-showcase,.pa-bottleneck-panel,.pa-bot-reading-card{grid-template-columns:1fr}.pa-egor-card,.pa-open-summary{align-items:flex-start;flex-direction:column}.pa-open-summary-actions,.pa-bot-reading-actions{justify-content:flex-start}.pa-header-meta{justify-content:flex-start}.pa-popover{position:static;width:auto;margin-top:10px}}
@media (max-width:1100px){.pa-type-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-type-section-row,.pa-type-heat-head{align-items:flex-start;flex-direction:column}.pa-type-heat-head>div:last-child{text-align:left}.pa-type-summary-bar div{white-space:normal}}
@media (max-width:968px){.pa-bn-panel{grid-template-columns:1fr!important}}
@media (max-width:768px){.pa-bn-funnel-grid,.pa-bn-details-grid,.pa-bn-evidence-grid,.pa-bn-evidence-details{grid-template-columns:1fr}.pa-bn-funnel-header,.pa-bn-info-row,.pa-bn-layer-head{align-items:flex-start;flex-direction:column}.pa-bn-funnel-header small,.pa-bn-layer-head span{text-align:left}.pa-bn-info-actions{justify-content:flex-start}}
@media (max-width:1100px){.pa-egor-control{grid-template-columns:1fr}}
@media (max-width:1100px){.pa-data-passport-head{flex-direction:column}.pa-passport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.pa-context-board{grid-template-columns:1fr}.pa-context-left{position:static}.pa-context-case-table-head{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.pa-context-hero,.pa-context-case-head{flex-direction:column}.pa-context-passport,.pa-context-focus-grid{grid-template-columns:1fr}.pa-context-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-context-badges{justify-content:flex-start}}
@media (max-width:640px){.pa-metrics-grid,.pa-metrics-grid-4,.pa-metrics-grid-5,.pa-metrics-grid-6,.pa-funnel,.pa-story-funnel,.pa-funnel-definitions,.pa-proof-strip,.pa-pattern-grid,.pa-highlight-list,.pa-situation-type-summary,.pa-situation-type-grid,.pa-situation-type-metrics,.pa-bot-outcome-grid,.pa-bot-style-columns,.pa-showcase-facts,.pa-snapshot-preview,.pa-reading-guide{grid-template-columns:1fr}.pa-tz-section,.pa-tz-header,.pa-showcase-main{padding:14px}.pa-showcase-main h2{font-size:26px}.pa-client-row{flex-direction:column}.pa-drawer-panel,.pa-context-panel{width:calc(100% - 32px);padding:16px}.pa-metric-value{font-size:24px}.pa-context-metrics{grid-template-columns:1fr}.pa-context-hero h2{font-size:24px}}
@media (max-width:640px){.pa-type-header{padding:16px}.pa-type-kpi-row,.pa-type-categories-grid{grid-template-columns:1fr}.pa-type-category-card,.pa-type-matrix-card{padding:16px}.pa-type-card-foot{align-items:flex-start;flex-direction:column}.pa-type-card-foot div{justify-content:flex-start}.pa-type-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pa-bn-panel,.pa-bn-funnel-card,.pa-bn-footer-info{padding:16px!important}.pa-bn-panel h3{font-size:20px}.pa-bn-funnel-step{min-height:128px}.pa-bn-detail-col{min-height:0}.pa-bn-info-left{align-items:flex-start}}
@media (max-width:640px){.pa-egor-control-grid{grid-template-columns:1fr}}
@media (max-width:640px){.pa-showcase-script{grid-template-columns:1fr}}
@media (max-width:640px){.pa-passport-grid{grid-template-columns:1fr}.pa-data-passport{padding:14px}}

/* 2-Пилот: блок 3, стиль общения по HTML-макету */
.pa-comm-section{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.pa-comm-module{display:flex;flex-direction:column;gap:18px;color:#334155}
.pa-comm-header{border-bottom:1px solid #e2e8f0;padding:0 0 20px}
.pa-comm-header h2{margin:0 0 8px;color:#0f172a;font-size:28px;line-height:1.15;font-weight:900}
.pa-comm-header p{margin:0;color:#64748b;font-size:15px;line-height:1.45}
.pa-comm-method{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;color:#334155;font-size:14px;line-height:1.5}
.pa-comm-method h4{margin:0 0 6px;color:#1d4ed8;font-size:14px;font-weight:850}
.pa-comm-method p{margin:0}
.pa-comm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pa-comm-kpis button{display:block;width:100%;min-height:124px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;color:#334155;box-shadow:0 1px 3px rgba(15,23,42,.05);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pa-comm-kpis button:hover,.pa-comm-row:hover{border-color:#bfdbfe;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.pa-comm-kpis button:active{transform:scale(.99)}
.pa-comm-kpis button.success{border-left:4px solid #10b981}
.pa-comm-kpis button.danger{border-left:4px solid #ef4444}
.pa-comm-kpis span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.pa-comm-kpis b{display:block;color:#0f172a;font-size:28px;line-height:1.2;font-weight:900}
.pa-comm-kpis small{display:block;margin-top:4px;color:#64748b;font-size:13px;line-height:1.35}
.pa-comm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(15,23,42,.02)}
.pa-comm-card h3{margin:0 0 8px;color:#0f172a;font-size:20px;line-height:1.25;font-weight:850}
.pa-comm-card>p{margin:0 0 20px;color:#64748b;font-size:14px;line-height:1.45}
.pa-comm-table-wrap{overflow-x:auto;margin:0}
.pa-comm-table{width:100%;min-width:920px;border-collapse:collapse;text-align:left;font-size:14px;color:#334155}
.pa-comm-table th{background:#f1f5f9;color:#64748b;padding:12px 16px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}
.pa-comm-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:top}
.pa-comm-table tr:last-child td{border-bottom:0}
.pa-comm-row{cursor:pointer;transition:background-color .15s ease,box-shadow .18s ease,border-color .18s ease}
.pa-comm-row:hover{background:#f8fafc}
.pa-comm-row b{display:block;color:#0f172a;font-weight:850;line-height:1.35}
.pa-comm-row b.success{color:#047857}.pa-comm-row b.danger{color:#b91c1c}.pa-comm-row b.neutral{color:#0f172a}
.pa-comm-row small{display:block;margin-top:4px;color:#64748b;font-size:13px;line-height:1.38}
.pa-comm-row a{display:inline-flex;margin-top:8px;color:#3b82f6;font-size:13px;font-weight:850;text-decoration:none}
.pa-comm-row a::after{content:"→";margin-left:6px}
.pa-comm-row a:hover{text-decoration:underline}
.pa-comm-badge{display:inline-flex;align-items:center;border:1px solid #e5e7eb;background:#f3f4f6;color:#4b5563;border-radius:4px;padding:4px 8px;margin-bottom:6px;font-size:12px;font-weight:850;line-height:1}
.pa-comm-badge.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.pa-comm-badge.warning{background:#fffbeb;color:#b45309;border-color:#fde68a}
.pa-comm-badge.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.pa-comm-badge.neutral{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}
.pa-comm-progress{display:flex;align-items:center;gap:12px;margin-top:6px;min-width:190px}
.pa-comm-progress>span{min-width:48px;color:#0f172a;font-weight:900}
.pa-comm-progress>span.success{color:#047857}.pa-comm-progress>span.warning{color:#b45309}.pa-comm-progress>span.danger{color:#b91c1c}
.pa-comm-progress>div{width:120px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}
.pa-comm-progress i{display:block;height:100%;border-radius:4px;background:#64748b}
.pa-comm-progress i.success{background:#10b981}.pa-comm-progress i.warning{background:#f59e0b}.pa-comm-progress i.danger{background:#ef4444}
.pa-comm-topic{display:inline-block;margin:4px 4px 0 0;background:#f1f5f9;color:#475569;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:750}
.pa-comm-footnote{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;background:#fff;border:1px dashed #dbeafe;border-radius:10px;padding:14px 16px;color:#64748b;font-size:13px}
.pa-comm-footnote b{color:#0f172a}
.pa-comm-footnote span{display:inline-flex;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:5px 9px;font-weight:800}
@media (max-width:1100px){.pa-comm-header h2{font-size:24px}.pa-comm-card{padding:18px}}
@media (max-width:640px){.pa-comm-header h2{font-size:21px}.pa-comm-kpis{grid-template-columns:1fr}.pa-comm-card{padding:16px}.pa-comm-table{min-width:760px}.pa-comm-progress{min-width:150px}.pa-comm-progress>div{width:92px}}

/* 2-Пилот: контекстная карточка по продовому HTML-макету */
#pa-user-dialog-modal:not(.hidden){display:flex!important}
#pa-card-root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a}
.pa-card-close-x{position:absolute;top:14px;right:14px;z-index:40;width:38px;height:38px;border:1px solid #dbe3ef;border-radius:999px;background:rgba(255,255,255,.94);color:#334155;font-size:25px;line-height:1;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.14);transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.pa-card-close-x:hover{background:#fff;color:#0f172a;transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.18)}
.pa-card-close-x:active{transform:scale(.96)}
#pa-card-root .pa-popup-tab{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:42px;line-height:1;border-bottom:0!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
#pa-card-root .pa-popup-tab:active{transform:scale(.98)}
#pa-card-root .pa-popup-tab::before{content:"";width:16px;height:16px;display:inline-block;flex:0 0 16px;background:#64748b;mask:center/contain no-repeat}
#pa-card-root .pa-popup-tab.active::before{background:#4f46e5}
#pa-card-root .pa-popup-tab[data-popup-tab="ai"]::before{mask-image:linear-gradient(#000 0 0)}
#pa-card-root .pa-popup-tab[data-popup-tab="ai"]::after{content:"";position:absolute;left:21px;top:17px;width:4px;height:4px;background:#fff;box-shadow:6px 0 #fff,0 6px #fff,6px 6px #fff;border-radius:1px;pointer-events:none}
#pa-card-root .pa-popup-tab[data-popup-tab="dialogs"]::before{mask-image:radial-gradient(circle at 50% 50%,transparent 5px,#000 5.5px),linear-gradient(#000 0 0);mask-composite:exclude}
#pa-card-root .pa-popup-tab[data-popup-tab="outreach"]::before{mask-image:linear-gradient(135deg,transparent 42%,#000 43% 57%,transparent 58%),linear-gradient(#000 0 0)}
#pa-card-root .pa-popup-tab[data-popup-tab="comments"]::before{border:2px solid currentColor;border-radius:50%;background:transparent;mask:none}

.pa-user-pass-title{margin:0 0 20px}
.pa-user-pass-title h2{margin:0 0 6px;color:#0f172a;font-size:20px;line-height:1.12;font-weight:900;letter-spacing:0;overflow-wrap:anywhere}
.pa-user-pass-title>div:not(.pa-user-chip-row){color:#94a3b8;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.pa-user-status-card{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(15,23,42,.07);margin-bottom:28px}
.pa-user-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pa-user-chip{display:inline-flex;align-items:center;min-height:24px;border:1px solid transparent;background:#f1f5f9;color:#475569;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;line-height:1}
.pa-user-chip.danger{border-color:#ffe4e6;background:#fff1f2;color:#e11d48}
.pa-user-chip.danger::before{content:"";width:6px;height:6px;border-radius:50%;background:#f43f5e;margin-right:7px}
.pa-user-chip.warn{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.pa-user-chip.ok{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.pa-user-status-stats{display:grid;grid-template-columns:1fr 1fr;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:10px}
.pa-user-pass-stat{min-width:0;padding:0 10px}
.pa-user-pass-stat+div{border-left:1px solid #e2e8f0}
.pa-user-pass-stat span{display:block;color:#94a3b8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}
.pa-user-pass-stat b{display:block;color:#334155;font-size:13px;line-height:1.25;font-weight:900}
.pa-user-pass-stat.danger b{color:#e11d48}
.pa-user-pass-stat.warn b{color:#c2410c}
.pa-user-pass-section{margin:0 0 16px;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.pa-user-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.pa-user-info-card{background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;padding:12px;min-width:0}
.pa-user-info-card span{display:block;margin-bottom:6px;color:#94a3b8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.pa-user-info-card b{display:block;color:#334155;font-size:13px;line-height:1.28;font-weight:900;overflow-wrap:anywhere}
.pa-user-context-card{border-radius:14px;padding:14px 16px;margin-bottom:18px;border:1px solid transparent}
.pa-user-context-card span{display:block;margin-bottom:10px;color:#4338ca;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.pa-user-context-card p{margin:0;color:#1e1b4b;font-size:13px;line-height:1.6;font-weight:800}
.pa-user-context-card.goal{background:#eef2ff;border-color:#e0e7ff}
.pa-user-context-card.problem{background:#fffbeb;border-color:#fde68a}
.pa-user-context-card.problem span{color:#92400e}
.pa-user-context-card.problem p{color:#451a03}
.pa-user-comm-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:12px 16px;box-shadow:0 4px 12px rgba(15,23,42,.04);margin-bottom:24px}
.pa-user-comm-card .pa-user-pass-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #f1f5f9}
.pa-user-comm-card .pa-user-pass-row:last-child{border-bottom:0}
.pa-user-comm-card .pa-user-pass-row span{margin:0;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.pa-user-comm-card .pa-user-pass-row b{color:#334155;font-size:12px;font-weight:900;text-align:right;line-height:1.35}
.pa-user-passport-embed{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(15,23,42,.04)}

.pa-incident-layout{max-width:1056px;margin:0 auto;padding:24px 0 56px;color:#0f172a}
.pa-incident-hero{margin:0 0 34px}
.pa-incident-hero h1{margin:0 0 12px;color:#0f172a;font-size:32px;line-height:1.05;font-weight:950;letter-spacing:0}
.pa-incident-hero p{margin:0;color:#64748b;font-size:15px;line-height:1.55;font-weight:800;max-width:720px}
.pa-incident-focus-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:24px;align-items:stretch;margin-bottom:28px}
.pa-incident-focus-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;background:#0f172a;color:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 18px 38px rgba(15,23,42,.18);overflow:hidden}
.pa-incident-focus-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(79,70,229,.13),transparent 48%);pointer-events:none}
.pa-incident-focus-head,.pa-incident-message-box,.pa-incident-risk-row,.pa-incident-meaning{position:relative;z-index:1}
.pa-incident-focus-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.pa-incident-focus-head h2,.pa-incident-comment-head h2{margin:0;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.pa-incident-focus-head h2{color:#94a3b8}
.pa-incident-focus-head h2 span{width:15px;height:15px;border:2px solid #64748b;border-radius:50%}
.pa-incident-focus-head>div{display:inline-flex;align-items:center;border:1px solid rgba(16,185,129,.2);background:rgba(16,185,129,.12);color:#34d399;border-radius:8px;padding:8px 14px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.pa-incident-meaning{margin:0 0 26px;padding:2px 0 2px 20px;border-left:2px solid #334155;color:#e2e8f0;font-size:15px;line-height:1.6;font-weight:800;max-width:720px}
.pa-incident-message-box{margin-top:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px 172px 22px 24px;min-height:118px}
.pa-incident-message-box span{display:block;margin-bottom:12px;color:#a5b4fc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.pa-incident-message-box p{margin:0;color:#fff;font-size:13px;line-height:1.6;font-weight:800}
.pa-incident-message-box button{position:absolute;right:18px;top:18px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#4f46e5;color:#fff;padding:10px 18px;font-size:12px;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease}
.pa-incident-message-box button:hover{background:#4338ca}
.pa-incident-message-box button:active{transform:scale(.98)}
.pa-incident-risk-row{display:flex;gap:18px;align-items:flex-start;margin-top:28px;padding-top:22px;border-top:1px solid rgba(148,163,184,.22)}
.pa-incident-risk-row i{display:inline-flex;width:44px;height:44px;border-radius:14px;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.22);flex:0 0 44px}
.pa-incident-risk-row i::before{content:"";width:6px;height:18px;margin:auto;border-radius:999px;background:#fb7185}
.pa-incident-risk-row span{display:block;margin-bottom:8px;color:#fda4af;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.pa-incident-risk-row p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.5;font-weight:800}
.pa-incident-comment-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:26px 28px;color:#431407;box-shadow:0 8px 22px rgba(251,146,60,.08)}
.pa-incident-comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.pa-incident-comment-head h2{color:#ea580c}
.pa-incident-comment-head h2 span{width:15px;height:15px;border:2px solid #f97316;border-radius:50%;box-shadow:inset 0 0 0 3px #fff7ed}
.pa-incident-comment-head b{display:inline-flex;border-radius:7px;background:#fed7aa;color:#c2410c;padding:7px 12px;font-size:10px;font-weight:900}
.pa-incident-comment-card.high .pa-incident-comment-head b{background:#ffe4e6;color:#e11d48}
.pa-incident-comment-card.low .pa-incident-comment-head b{background:#dcfce7;color:#15803d}
.pa-incident-comment-block span,.pa-incident-accent-block>span{display:block;margin-bottom:10px;color:#c47a5a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.pa-incident-comment-block p{margin:0 0 26px;background:#fff;border:1px solid #fed7aa;border-radius:13px;padding:16px 18px;box-shadow:0 4px 12px rgba(124,45,18,.08);color:#431407;font-size:14px;line-height:1.6;font-weight:900}
.pa-incident-accent-block ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.pa-incident-accent-block li{position:relative;background:#ffedd5;border-radius:10px;padding:14px 14px 14px 38px;color:#7c2d12;font-size:13px;line-height:1.45;font-weight:800}
.pa-incident-accent-block li::before{content:"";position:absolute;left:16px;top:18px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #f97316}
.pa-incident-history,.pa-incident-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px 28px;box-shadow:0 6px 18px rgba(15,23,42,.04);margin-bottom:24px}
.pa-incident-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
.pa-incident-section-head h2{margin:0;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.pa-incident-section-head span{display:inline-flex;align-items:center;background:#f1f5f9;color:#64748b;border-radius:5px;padding:6px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.pa-incident-timeline{position:relative;margin:0;padding:4px 0 0 34px;list-style:none}
.pa-incident-timeline::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:#e2e8f0}
.pa-incident-timeline li{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:22px}
.pa-incident-timeline li:last-child{margin-bottom:0}
.pa-incident-timeline li::before{content:"";position:absolute;left:-29px;top:9px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #cbd5e1;box-shadow:0 0 0 3px #fff}
.pa-incident-timeline li.hot::before{border-color:#f43f5e}
.pa-incident-timeline li.warn::before{border-color:#f59e0b}
.pa-incident-timeline time{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbe3ef;border-radius:6px;box-shadow:0 1px 4px rgba(15,23,42,.08);padding:8px 10px;color:#64748b;font-size:12px;font-weight:900}
.pa-incident-timeline div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px}
.pa-incident-timeline b{display:block;margin-bottom:8px;color:#0f172a;font-size:15px;line-height:1.25;font-weight:900}
.pa-incident-timeline p{margin:0;color:#475569;font-size:13px;line-height:1.55;font-weight:700}
.pa-incident-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pa-incident-issue-grid article{border:1px solid #e2e8f0;border-radius:13px;padding:14px 16px;background:#f8fafc}
.pa-incident-issue-grid span{display:block;margin-bottom:7px;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.pa-incident-issue-grid b{display:block;color:#0f172a;font-size:14px;line-height:1.3;font-weight:900}
.pa-incident-issue-grid p,.pa-incident-danger p{margin:8px 0 0;color:#475569;font-size:13px;line-height:1.5;font-weight:700}
.pa-incident-danger{border-color:#fecaca;background:#fff7f7}
.pa-incident-danger .pa-incident-section-head h2{color:#ef4444}
.pa-campaign-list{display:flex;flex-wrap:wrap;gap:9px}
.pa-campaign-pill{display:inline-flex;align-items:center;border:1px solid #c7d2fe;background:#eef2ff;color:#6366f1;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:850}
.pa-user-dossier-embedded .pa-incident-layout{max-width:none;padding:0}
.pa-matrix-section{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:32px 34px;box-shadow:0 8px 22px rgba(15,23,42,.05);margin-bottom:32px}
.pa-matrix-section h2{margin:0 0 28px;color:#94a3b8;font-size:14px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}
.pa-matrix-wrap{overflow:auto;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.pa-matrix-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;color:#1e293b}
.pa-matrix-table th,.pa-matrix-table td{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:24px 22px;text-align:center}
.pa-matrix-table tr:last-child th,.pa-matrix-table tr:last-child td{border-bottom:0}
.pa-matrix-table th:last-child,.pa-matrix-table td:last-child{border-right:0}
.pa-matrix-table thead th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}
.pa-matrix-table thead th:first-child,.pa-matrix-table tbody th{text-align:left;background:#f8fafc}
.pa-matrix-table tbody th{font-size:16px;font-weight:900;color:#1e293b}
.pa-matrix-table td span{color:#cbd5e1;font-size:18px;font-weight:800}
.pa-matrix-table th.active{background:#fff1f2;color:#e11d48}
.pa-matrix-table td.stop{background:#fff1f2}
.pa-matrix-table td.stop b{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e11d48;color:#fff;padding:11px 22px;font-size:14px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 7px 16px rgba(225,29,72,.22)}
.pa-matrix-conclusion{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 18px;align-items:center;margin-top:26px;border:1px solid #fecdd3;background:#fff7f7;border-radius:14px;padding:22px 26px;color:#4c0519}
.pa-matrix-conclusion::before{content:"";grid-column:1;grid-row:1 / span 2;width:44px;height:44px;border-radius:50%;background:#fda4af;display:block}
.pa-matrix-conclusion span{display:block;grid-column:2;grid-row:1;margin-bottom:8px;color:#9f1239;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.16em}
.pa-matrix-conclusion p{grid-column:2;grid-row:2;margin:0;color:#4c0519;font-size:18px;line-height:1.55;font-weight:850}
.pa-boss-section{margin-bottom:34px}
.pa-boss-section-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;margin-bottom:24px}
.pa-boss-title-pill{display:inline-flex;align-items:center;min-height:46px;border:1px solid #fecdd3;background:#fff7f7;color:#9f1239;border-radius:16px;padding:0 28px;font-size:14px;font-weight:950;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}
.pa-boss-title-pill.green{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
.pa-boss-title-pill.blocked{border-color:#dbe3ef;background:#f8fafc;color:#0f172a}
.pa-boss-section-head p{margin:0;color:#64748b;font-size:15px;line-height:1.45;font-weight:850}
.pa-boss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pa-boss-grid.single{grid-template-columns:1fr}
.pa-boss-empty{border:1px dashed #dbe3ef;background:#f8fafc;border-radius:16px;padding:22px 24px;color:#64748b;font-size:14px;font-weight:850;text-align:center}
.pa-boss-card{position:relative;background:#fff;border:1px solid #fecdd3;border-radius:18px;padding:42px 34px 34px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.pa-boss-card-top{position:absolute;left:0;right:0;top:0;height:8px;background:#f43f5e}
.pa-boss-card.green{border-color:#bbf7d0}
.pa-boss-card.green .pa-boss-card-top{background:#10b981}
.pa-boss-card.blocked{border-color:#dbe3ef}
.pa-boss-card.blocked .pa-boss-card-top{background:#cbd5e1}
.pa-boss-card.resolved{border-color:#e2e8f0}
.pa-boss-card.resolved .pa-boss-card-top{background:#cbd5e1}
.pa-boss-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.pa-boss-card-head>span{display:inline-flex;border:1px solid #fecdd3;background:#fff1f2;color:#e11d48;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.pa-boss-card.green .pa-boss-card-head>span{border-color:#bbf7d0;background:#dcfce7;color:#047857}
.pa-boss-card.blocked .pa-boss-card-head>span,.pa-boss-card.resolved .pa-boss-card-head>span{border-color:#e2e8f0;background:#f8fafc;color:#475569}
.pa-boss-card-head time{display:inline-flex;background:#f8fafc;color:#94a3b8;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:950}
.pa-boss-card h3{margin:0 0 24px;color:#0f172a;font-size:20px;line-height:1.25;font-weight:950}
.pa-boss-info{border:1px solid #dbe3ef;background:#f8fafc;border-radius:14px;padding:18px 20px;margin-bottom:14px}
.pa-boss-info span{display:block;margin-bottom:10px;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.16em}
.pa-boss-info p{margin:0;color:#334155;font-size:15px;line-height:1.55;font-weight:800}
.pa-boss-info.risk{border-color:#fecdd3;background:#fff7f7}
.pa-boss-info.risk span{color:#9f1239}
.pa-boss-info.risk p{color:#7f1d1d}
.pa-boss-info.action{border-color:#bfdbfe;background:#eff6ff}
.pa-boss-info.action span{color:#2563eb}
.pa-boss-info.action p{color:#172554}
.pa-boss-info.ready{border-color:#bbf7d0;background:#f0fdf4}
.pa-boss-info.ready span{color:#047857}
.pa-boss-info.ready p{color:#064e3b}
.pa-boss-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pa-boss-contact span{display:inline-flex;border:1px solid #dbe3ef;background:#f8fafc;border-radius:9px;padding:8px 12px;color:#64748b;font-size:12px;font-weight:900}
.pa-user-pass-title h2{font-weight:780}
.pa-user-info-card b,.pa-user-context-card p,.pa-user-comm-card .pa-user-pass-row b{font-weight:650}
.pa-user-chip,.pa-user-pass-stat b,.pa-user-pass-section{font-weight:760}
.pa-incident-hero h1{font-weight:820}
.pa-incident-hero p,.pa-incident-meaning,.pa-incident-message-box p,.pa-incident-risk-row p,.pa-incident-comment-block p,.pa-incident-accent-block li,.pa-incident-timeline p,.pa-incident-issue-grid p,.pa-incident-danger p{font-weight:540}
.pa-incident-focus-head h2,.pa-incident-comment-head h2,.pa-incident-message-box span,.pa-incident-risk-row span,.pa-incident-section-head h2,.pa-matrix-section h2,.pa-boss-info span{font-weight:760}
.pa-incident-timeline b,.pa-boss-card h3,.pa-boss-info p,.pa-boss-section-head p,.pa-matrix-conclusion p{font-weight:620}
.pa-incident-focus-card{gap:18px;justify-content:flex-start}
.pa-incident-meaning{margin-bottom:0;color:#dbe4f0;font-size:14px;line-height:1.58}
.pa-incident-risk-row{margin-top:0;padding:16px 0 0;gap:12px}
.pa-incident-risk-row i{width:34px;height:34px;flex-basis:34px;border-radius:10px}
.pa-incident-risk-row i::before{width:5px;height:15px}
.pa-incident-risk-row span{margin-bottom:5px;font-size:9px;letter-spacing:.11em}
.pa-incident-risk-row p{font-size:13px;line-height:1.48;color:#d3dae7}
.pa-incident-message-box{display:flex;flex-direction:column;gap:12px;margin-top:0;min-height:0;padding:16px 18px;background:rgba(255,255,255,.075);border-color:rgba(203,213,225,.2)}
.pa-incident-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pa-incident-message-head span{margin:0;color:#b7c4ff;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.14em}
.pa-incident-message-head button{position:static;flex:0 0 auto;border:1px solid rgba(129,140,248,.35);border-radius:8px;background:#4f46e5;color:#fff;padding:8px 14px;font-size:12px;font-weight:750;cursor:pointer;transition:transform .18s ease,background .18s ease}
.pa-incident-message-head button:hover{background:#4338ca}
.pa-incident-message-head button:active{transform:scale(.98)}
.pa-incident-message-box>span,.pa-incident-message-box>button{display:none}
.pa-incident-message-box p{font-size:13px;line-height:1.55;color:#f8fafc}
.pa-boss-card[data-pa-matrix-stage]{cursor:pointer}
.pa-boss-card[data-pa-matrix-stage]:focus{outline:3px solid rgba(37,99,235,.22);outline-offset:3px}
.pa-matrix-table td.is-linked-stop{background:#fef3c7!important;box-shadow:inset 0 0 0 3px #f59e0b}
.pa-matrix-table td.is-linked-stop b{background:#f59e0b;box-shadow:0 7px 16px rgba(245,158,11,.24)}

@media (max-width:1120px){
  .pa-incident-layout{max-width:none}
  .pa-incident-focus-grid,.pa-boss-grid{grid-template-columns:1fr}
  .pa-boss-section-head{grid-template-columns:1fr;gap:10px}
}
@media (max-width:980px){
  #pa-user-dialog-modal{padding:12px!important}
  #pa-card-root{grid-template-columns:1fr!important;width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;overflow:auto!important}
  #pa-card-root>div{height:auto!important;min-height:0!important}
  #pa-popup-tabs{overflow-x:auto}
  .pa-incident-layout{padding-bottom:32px}
}
@media (max-width:680px){
  #pa-user-dialog-modal{padding:0!important}
  #pa-card-root{width:100vw!important;height:100dvh!important;border-radius:0!important}
  .pa-card-close-x{top:10px;right:10px;width:34px;height:34px;font-size:22px}
  .pa-incident-hero h1{font-size:26px}
  .pa-incident-focus-card,.pa-incident-comment-card,.pa-incident-history,.pa-incident-section{padding:20px}
  .pa-incident-message-box{padding:16px}
  .pa-incident-message-head{align-items:flex-start;flex-direction:column}
  .pa-incident-message-head button{width:100%;justify-content:center}
  .pa-incident-timeline{padding-left:22px}
  .pa-incident-timeline li{grid-template-columns:1fr;gap:10px}
  .pa-incident-issue-grid,.pa-user-info-grid{grid-template-columns:1fr}
  .pa-matrix-section,.pa-boss-card{padding:20px}
  .pa-matrix-conclusion{grid-template-columns:1fr}
  .pa-matrix-conclusion::before,.pa-matrix-conclusion span,.pa-matrix-conclusion p{grid-column:1;grid-row:auto}
  .pa-boss-title-pill{width:100%;justify-content:center;white-space:normal;text-align:center}
}