:root { --bg:#f6f7fb; --card:#fff; --text:#1f2937; --muted:#6b7280; --line:#e5e7eb; --accent:#1f6feb; --danger:#b42318; --ok:#067647; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background:var(--bg); color:var(--text); }
a { color: var(--accent); text-decoration: none; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:14px 24px; background:#111827; color:#fff; position:sticky; top:0; z-index:2; }
.brand { font-weight:700; }
nav { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
nav a { color:#fff; opacity:.9; }
.container { padding:24px; max-width:1280px; margin:auto; }
h1 { margin:0 0 18px; font-size:28px; }
h2 { margin-top:28px; }
.metrics { display:grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap:14px; margin-bottom:24px; }
.metric { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow:0 1px 3px rgba(0,0,0,.04); }
.metric span { display:block; color:var(--muted); font-size:14px; margin-bottom:8px; }
.metric b { font-size:28px; }
.metric.danger b { color:var(--danger); }
table { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
th, td { padding:12px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:#f3f4f6; color:#374151; font-weight:600; }
small { color:var(--muted); }
.tag { display:inline-block; border-radius:999px; padding:4px 8px; font-size:12px; margin:2px 3px 2px 0; background:#eef2ff; }
.tag.danger, .alert { background:#fee4e2; color:var(--danger); }
.alert, .ok { padding:10px 12px; border-radius:10px; margin:8px 0; }
.ok { background:#dcfae6; color:var(--ok); }
.button, button { display:inline-block; background:var(--accent); color:#fff; border:0; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600; }
.filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px; align-items:center; }
input, select, textarea { width:100%; padding:10px; border:1px solid #d1d5db; border-radius:10px; font:inherit; background:#fff; }
textarea { min-height:90px; }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap:14px; }
.form-grid label { display:flex; flex-direction:column; gap:6px; color:#374151; font-size:14px; }
.form-grid .wide { grid-column:1 / -1; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow:0 1px 3px rgba(0,0,0,.04); }
.card-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; }
.title-row { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.flash { padding:12px 14px; border-radius:10px; margin-bottom:16px; background:#e0f2fe; }
.flash.error { background:#fee4e2; color:var(--danger); }
.flash.success { background:#dcfae6; color:var(--ok); }
.flash.warning { background:#fff4d6; color:#8a5a00; }
.flash.warning { background:#fff4d6; color:#8a5a00; }
code { background:#f3f4f6; padding:2px 5px; border-radius:5px; }
@media (max-width:800px){ .topbar{align-items:flex-start; flex-direction:column; gap:10px}.form-grid,.card-grid{grid-template-columns:1fr}.container{padding:16px} }
.linkmetric { color: var(--text); }
.linkmetric:hover { border-color: var(--accent); }
.quickfilters { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 16px; }
.quickfilters a { background:#eef2ff; border:1px solid #c7d2fe; padding:8px 10px; border-radius:999px; font-size:13px; }
.quick-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.quick-actions form { margin:0; }
button.secondary { background:#475467; }
button.dangerbtn { background:var(--danger); }
.card-grid.two { grid-template-columns:1fr 1fr; }
@media (max-width:800px){ .card-grid.two{grid-template-columns:1fr} table{font-size:14px} th,td{padding:9px} }

/* v5 pipeline */
.muted { color: #6b7280; font-size: 14px; }
.pipeline-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  align-items: start;
}
.pipeline-column {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 14px;
  min-height: 160px;
}
.pipeline-column h2 {
  font-size: 16px;
  margin: 0 0 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.pipeline-column h2 span {
  background: #111827;
  color: #fff;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
}
.mini-card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 2px rgba(15,23,42,0.04);
}
.mini-card .next { margin-top: 6px; font-size: 13px; }
.empty { color: #9ca3af; font-size: 14px; padding: 8px 0; }
.health-red { background:#fee2e2; color:#991b1b; border:1px solid #fecaca; }
.health-yellow { background:#fef3c7; color:#92400e; border:1px solid #fde68a; }
.health-green { background:#dcfce7; color:#166534; border:1px solid #bbf7d0; }
.ok-tag { background:#dcfce7; color:#166534; }
.metric.warn { border-left: 4px solid #f59e0b; }
.muted { color:#64748b; }

/* v9 auth */
.userbar {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  font-size: 13px;
  color: #f8fafc;
}
.userbar a { color: #dbeafe; text-decoration: none; font-weight: 600; }
.login-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
}
.login-card {
  width: min(420px, calc(100% - 28px));
  background: #fff;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12);
}
.login-card h1 { margin-top: 0; }
.form-grid.single { display: grid; gap: 14px; }
.hint-box {
  margin-top: 18px;
  padding: 14px;
  border-radius: 12px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
}
.badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 12px;
  font-weight: 700;
}


/* v11 manager day */
.day-plan { margin-bottom: 18px; }
.plan-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.plan-grid div { background:#f8fafc; border:1px solid #e5e7eb; border-radius:14px; padding:14px; }
.plan-grid b { display:block; font-size:26px; margin-bottom:4px; }
.plan-grid span { color:#64748b; font-size:13px; }
.section-card { margin-top:18px; }
.compact-table td, .compact-table th { padding:10px; }
.day-actions { display:flex; gap:8px; flex-wrap:wrap; }
.day-actions form { margin:0; }
.day-actions button { padding:8px 10px; font-size:13px; }
@media (max-width:800px){ .day-actions{flex-direction:column; align-items:stretch}.day-actions button{width:100%} }

.row-danger { background: #fff1f1; }
.day-actions form { display:inline-block; margin: 2px; }

/* v13 settings */
.cards { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.inline-form { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.inline-form input { min-width:260px; }
.muted-row { opacity:.55; }
.muted { color:#64748b; }

/* v18 mobile/tablet adaptation for server access */
:root {
  --tap: 44px;
}
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
.topbar {
  gap: 12px;
}
.topbar nav {
  width: 100%;
}
@media (min-width: 981px) {
  .topbar nav { justify-content: flex-end; }
}
@media (max-width: 980px) {
  .topbar {
    position: sticky;
    top: 0;
    display: block;
    padding: 12px 14px;
  }
  .brand { font-size: 17px; margin-bottom: 8px; }
  .userbar {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 8px;
  }
  nav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    padding: 4px 0 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  nav a {
    flex: 0 0 auto;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    padding: 9px 12px;
    min-height: var(--tap);
    display: inline-flex;
    align-items: center;
  }
  nav a.button { background: var(--accent); }
  .container { max-width: 100%; padding: 14px; }
  h1 { font-size: 24px; line-height: 1.2; }
  h2 { font-size: 19px; }
  .title-row { align-items: flex-start; flex-direction: column; }
  .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .metric { padding: 14px; border-radius: 14px; }
  .metric span { font-size: 12px; }
  .metric b { font-size: 23px; }
  .filters, .quickfilters, .quick-actions, .inline-form { gap: 8px; }
  .filters > *, .inline-form > * { flex: 1 1 180px; }
  input, select, textarea, .button, button { min-height: var(--tap); }
  .button, button { padding: 10px 12px; }
  .card { padding: 14px; border-radius: 14px; }
  .pipeline-board { grid-template-columns: 1fr; }
  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    border-radius: 12px;
  }
  th, td { white-space: nowrap; }
  td small { white-space: normal; }
}
@media (max-width: 560px) {
  .container { padding: 10px; }
  h1 { font-size: 22px; margin-bottom: 14px; }
  .metrics { grid-template-columns: 1fr; }
  .form-grid, .card-grid, .card-grid.two { grid-template-columns: 1fr !important; }
  .form-grid label { font-size: 13px; }
  .quickfilters a, .tag, .badge { font-size: 12px; }
  .button, button { width: 100%; text-align: center; justify-content: center; }
  .quick-actions form, .day-actions form { width: 100%; }
  .quick-actions form button, .day-actions form button { width: 100%; }
  .login-card { padding: 20px; }
  .plan-grid { grid-template-columns: 1fr; }
}
@media (display-mode: standalone) {
  .topbar { padding-top: 16px; }
}

/* v19 first setup wizard */
.setup-page { background: linear-gradient(135deg, #eef2ff, #f8fafc); min-height: 100vh; }
.setup-container { max-width: 900px; }
.setup-card { margin-top: 36px; }
.checkbox-line { flex-direction: row !important; align-items: flex-start; gap: 10px !important; }
.checkbox-line input { width: auto; margin-top: 3px; }
.setup-warning { background: #fffaeb; color: #93370d; border: 1px solid #fedf89; border-radius: 12px; padding: 12px 14px; }

/* v22 purchase demand */
.compact-form { display:grid; gap:6px; min-width:220px; }
.compact-form input, .compact-form select { padding:7px; font-size:13px; }
.compact-form button { padding:7px 10px; font-size:13px; }
@media (max-width:800px){ .compact-form{min-width:180px;} }

/* v24: карточка клиента 2.0 */
.table-wrap { overflow-x:auto; width:100%; }
.muted { color: var(--muted); margin-top:-8px; }

/* v26: готовые итоги аналитики */
.insight-box {
  border: 1px solid #e2e8f0;
  border-left: 5px solid #94a3b8;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 10px 0;
  background: #fff;
}
.insight-head {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.insight-box.priority-критический,
.insight-box.priority-high { border-left-color: #dc2626; }
.insight-box.priority-высокий { border-left-color: #ea580c; }
.insight-box.priority-средний { border-left-color: #2563eb; }
.insight-box.priority-низкий { border-left-color: #64748b; }
.muted { color: #64748b; }


/* v28 chief CEO brief */
.chief-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:12px; }
.chief-rec { border:1px solid #e5e7eb; border-radius:14px; padding:14px; background:#f8fafc; }
.chief-rec p { margin:8px 0 0; color:#475569; line-height:1.45; }
.chief-rec.danger { background:#fff1f1; border-color:#fecaca; }
.chief-rec.warn { background:#fffbeb; border-color:#fde68a; }
.chief-rec.ok { background:#f0fdf4; border-color:#bbf7d0; }
.chief-rec.info { background:#eff6ff; border-color:#bfdbfe; }
.mini-form { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.mini-form select, .mini-form input { padding:8px 10px; font-size:14px; min-width:140px; }
.danger { color:#b42318; }

/* v33: Разбор РОПа */
.review-card { margin-bottom: 14px; }
.two-col { display:grid; grid-template-columns: minmax(240px, 1fr) minmax(320px, 1fr); gap:18px; align-items:start; }
.review-form { display:grid; gap:10px; }
.review-form textarea { width:100%; padding:10px; border:1px solid #cbd5e1; border-radius:10px; font-family:inherit; }
.checkbox-line { display:flex !important; align-items:center; gap:8px; font-weight:500; }
.checkbox-line input { width:auto; }
@media (max-width:900px){ .two-col{grid-template-columns:1fr;} }

/* v36 admin mode */
.admin-mode-link {
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  padding: 6px 12px;
}
.admin-mode-link.active {
  background: #fff3cd;
  color: #7a4b00 !important;
  border-color: #ffd66b;
}
.nav-separator {
  display: inline-flex;
  align-items: center;
  color: #9aa4b2;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 8px 6px 8px 14px;
}
@media (max-width: 700px) {
  .nav-separator { min-width: 70px; justify-content: center; padding: 8px 8px; }
}

/* Release 0.38: карточка клиента и мобильные сущности */
.back-link{display:inline-block;margin:0 0 12px;color:var(--text);text-decoration:none;font-weight:700}
.client-header-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:16px}
.client-header-grid div{display:flex;flex-direction:column;gap:4px}
.responsive-cards{display:grid;gap:10px}
.data-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--card);display:grid;gap:6px}
.data-card span{display:block}
@media(max-width:800px){.client-header-grid{grid-template-columns:1fr 1fr}.title-row{align-items:flex-start}.quick-actions{width:100%}.quick-actions .button{flex:1;text-align:center}.card-grid.two{grid-template-columns:1fr}.data-card{font-size:14px}}
@media(max-width:480px){.client-header-grid{grid-template-columns:1fr}}

/* Release 0.39: экран клиентов как рабочая очередь */
.clients-title{margin-bottom:16px}
.client-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-bottom:16px}
.selected-metric{outline:2px solid var(--accent);outline-offset:1px}
.client-filter-panel{margin-bottom:12px}
.client-filter-main{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.6fr) auto auto;gap:10px;align-items:end}
.filter-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475569}
.filter-field span,.scope-chip span{font-size:12px;color:var(--muted);font-weight:600}
.scope-chip{border:1px solid #dbe3ef;border-radius:10px;padding:9px 11px;background:#f8fafc;display:flex;flex-direction:column;gap:4px;min-height:64px;justify-content:center}
.reset-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.advanced-filters{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.advanced-filters summary{cursor:pointer;font-weight:700;color:#334155;padding:6px 0}
.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin:12px 0}
.client-quickfilters a.active{background:#1f6feb;color:#fff;border-color:#1f6feb}
.clients-result-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px}
.clients-work-table{min-width:1180px}
.clients-work-table th{font-size:13px;white-space:normal}
.clients-work-table td{font-size:14px;white-space:normal}
.client-name{font-weight:800;color:#1d4ed8}
.work-row.work-danger{background:#fff7f7}
.work-row.work-warn{background:#fffdf5}
.next-action{display:inline-block;font-weight:700;line-height:1.35}
.next-danger{color:#b42318}
.next-warn{color:#9a6700}
.next-info{color:#1d4ed8}
.next-muted{color:#64748b}
.clients-mobile{display:none}
.client-work-card{background:#fff;border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:16px;padding:14px;display:grid;gap:12px;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.client-work-card.work-danger{border-left-color:#dc2626}
.client-work-card.work-warn{border-left-color:#f59e0b}
.client-work-card.work-info{border-left-color:#2563eb}
.client-work-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.client-action-box{border-radius:12px;padding:12px;background:#f8fafc;display:grid;gap:4px}
.client-action-box span,.client-work-grid span,.client-violations>span:first-child{font-size:12px;color:var(--muted);font-weight:600}
.client-action-box.next-danger{background:#fff1f1}
.client-action-box.next-warn{background:#fffbeb}
.client-action-box.next-info{background:#eff6ff}
.client-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.client-work-grid>div{border:1px solid #e5e7eb;border-radius:10px;padding:9px;display:grid;gap:4px}
.client-violations{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.client-card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.client-card-actions .button{font-size:13px;padding:9px 8px;text-align:center}
@media(max-width:980px){
  .client-filter-main{grid-template-columns:1fr 1fr}
  .filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}
}
@media(max-width:800px){
  .clients-desktop{display:none}
  .clients-mobile{display:grid;gap:12px}
  .client-filter-main{grid-template-columns:1fr}
  .filter-grid{grid-template-columns:1fr}
  .clients-result-title{align-items:flex-start;flex-direction:column}
  .client-card-actions{grid-template-columns:1fr 1fr}
  .client-card-actions .button{width:100%}
}
@media(max-width:460px){
  .client-work-grid{grid-template-columns:1fr}
  .client-card-actions{grid-template-columns:1fr}
}


/* Patch 0.40.1: зависимые справочники и поиск связанных компаний */
.relation-picker { position: relative; }
.autocomplete-menu { position: absolute; z-index: 20; left: 0; right: 0; max-height: 260px; overflow-y: auto; background: #fff; border: 1px solid #ccd5e0; border-radius: 10px; box-shadow: 0 8px 24px rgba(16,24,40,.18); padding: 6px; }
.autocomplete-option { display: block; width: 100%; text-align: left; color: #1f2937; background: #fff; border: 0; border-radius: 8px; padding: 10px 12px; }
.autocomplete-option:hover, .autocomplete-option:focus { background: #eef4ff; }
.selected-relations { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.relation-chip { display: inline-flex; align-items: center; gap: 6px; background: #eef4ff; border: 1px solid #bfd2ff; border-radius: 999px; padding: 5px 8px 5px 12px; }
.relation-chip button { border: 0; background: transparent; color: #667085; padding: 0 4px; font-size: 18px; }
input[readonly] { background: #f2f4f7; color: #475467; }

/* Release 0.41: ролевые рабочие места менеджеров */
.metric.success b { color:#15803d; }
.mobile-only { display:none; }
.mobile-client-cards { gap:12px; }
.client-mobile-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; display:grid; gap:8px; }
.client-mobile-card h3, .client-mobile-card p { margin:0; }
.client-mobile-card .day-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.client-mobile-card .day-actions form, .client-mobile-card .day-actions .button { width:100%; }
@media(max-width:800px){
  .desktop-only { display:none !important; }
  .mobile-only { display:grid !important; }
  .client-mobile-card .day-actions { grid-template-columns:1fr; }
}

/* Patch 0.41.3: активный раздел верхнего меню */
.topbar nav a.nav-active,
.topbar nav a[aria-current="page"] {
  opacity: 1;
  background: var(--accent);
  color: #fff;
  border-color: rgba(255,255,255,.72);
  font-weight: 800;
  box-shadow: 0 0 0 2px rgba(255,255,255,.16), 0 4px 12px rgba(0,0,0,.20);
  text-decoration: none;
}
.topbar nav a.nav-active::after,
.topbar nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -6px;
  height: 3px;
  border-radius: 999px;
  background: #fff;
}
.topbar nav a {
  position: relative;
}
.topbar nav a:focus-visible {
  outline: 3px solid #93c5fd;
  outline-offset: 3px;
}
@media (max-width: 980px) {
  .topbar nav a.nav-active,
  .topbar nav a[aria-current="page"] {
    background: #fff;
    color: #111827;
    border-color: #fff;
    box-shadow: 0 0 0 2px var(--accent), 0 4px 12px rgba(0,0,0,.22);
  }
  .topbar nav a.nav-active::after,
  .topbar nav a[aria-current="page"]::after {
    bottom: 3px;
    left: 16px;
    right: 16px;
    background: var(--accent);
  }
}


/* Patch 0.41.4: поиск клиента при создании задачи */
.task-client-picker {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.task-client-picker > label {
  font-weight: 600;
  color: var(--text);
}
.task-client-combobox {
  position: relative;
}
.task-client-combobox input[type="search"] {
  width: 100%;
  padding-right: 46px;
}
.task-client-clear {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;
  z-index: 2;
}
.task-client-results {
  position: absolute;
  z-index: 50;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 340px;
  overflow-y: auto;
  padding: 6px;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .20);
}
.task-client-option {
  display: grid;
  gap: 3px;
  width: 100%;
  padding: 11px 12px;
  text-align: left;
  color: #1f2937;
  background: #fff;
  border: 0;
  border-radius: 9px;
  cursor: pointer;
}
.task-client-option strong,
.task-client-option span,
.task-client-option small {
  display: block;
}
.task-client-option span { color: #334155; }
.task-client-option small { color: #64748b; }
.task-client-option:hover,
.task-client-option:focus,
.task-client-option.is-active {
  background: #eef4ff;
  outline: none;
}
.task-client-none {
  border-bottom: 1px solid #e5e7eb;
  border-radius: 8px 8px 0 0;
  margin-bottom: 4px;
}
.task-client-empty {
  padding: 14px 12px;
  color: #64748b;
  text-align: center;
}
@media (max-width: 700px) {
  .task-client-results {
    max-height: 280px;
  }
  .task-client-option {
    padding: 13px 12px;
  }
}


/* Patch 0.41.5 — кликабельные показатели рабочего места */
.metric-link {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.metric-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .10);
  border-color: #93c5fd;
}
.metric-link:focus-visible {
  outline: 3px solid #60a5fa;
  outline-offset: 3px;
}
.metric-link .metric-open {
  display: block;
  margin-top: 10px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 700;
}
.filter-context {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: #eff6ff;
  color: #1e3a8a;
}
.filter-context a { margin-left: 8px; }
.empty-state { text-align: center; padding: 26px; }
.section-card { scroll-margin-top: 130px; }
@media (max-width: 700px) {
  .metric-link .metric-open { font-size: 11px; }
  .section-card { scroll-margin-top: 175px; }
}

/* Patch 0.41.6 — результат клиентской задачи и безопасный перенос */
.task-actions-cell {
  min-width: 210px;
  white-space: normal;
}
.task-inline-action {
  display: inline-block;
  margin: 0 6px 6px 0;
}
.task-dialog-open {
  margin: 0 6px 6px 0;
}
.task-dialog {
  width: min(560px, calc(100vw - 28px));
  max-height: min(760px, calc(100vh - 32px));
  overflow: auto;
  padding: 0;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
}
.task-dialog::backdrop {
  background: rgba(15, 23, 42, .56);
}
.task-dialog form {
  display: grid;
  gap: 14px;
  padding: 20px;
}
.task-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}
.task-dialog-head h3 {
  margin: 0 0 4px;
}
.task-dialog-head p {
  margin: 0;
}
.task-dialog-close {
  min-width: 38px;
  min-height: 38px;
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  color: #334155;
  background: #fff;
  font-size: 24px;
  line-height: 1;
}
.task-dialog label {
  display: grid;
  gap: 6px;
  font-weight: 650;
}
.task-dialog label small {
  font-weight: 400;
  color: #64748b;
}
.task-dialog textarea {
  min-height: 86px;
}
.task-followup-toggle {
  display: flex !important;
  grid-template-columns: none;
  align-items: center;
  gap: 9px !important;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
  background: #eff6ff;
}
.task-followup-toggle input {
  width: auto;
  margin: 0;
}
.task-followup-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.task-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 4px;
}
@media (max-width: 700px) {
  .task-dialog {
    width: calc(100vw - 18px);
    max-height: calc(100vh - 18px);
    border-radius: 14px;
  }
  .task-dialog form {
    padding: 16px;
  }
  .task-followup-fields {
    grid-template-columns: 1fr;
  }
  .task-dialog-actions {
    flex-direction: column-reverse;
  }
  .task-dialog-actions button {
    width: 100%;
  }
}

/* Patch 0.41.7: завершённые заявки как управленческая история */
.request-history-card{border-left:5px solid #94a3b8}
.request-history-card.outcome-success{border-left-color:#16a34a;background:#f8fff9}
.request-history-card.outcome-refusal{border-left-color:#dc2626;background:#fffafa}
.request-history-card.outcome-no-sale{border-left-color:#64748b;background:#f8fafc}
.request-history-card.outcome-onec{border-left-color:#2563eb;background:#f8fbff}
.request-history-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.request-outcome{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}
.request-outcome-success{background:#dcfce7;color:#166534}
.request-outcome-refusal{background:#fee2e2;color:#991b1b}
.request-outcome-no-sale{background:#e2e8f0;color:#475569}
.request-outcome-onec{background:#dbeafe;color:#1d4ed8}
.compact-button{padding:7px 10px;font-size:13px;min-height:auto!important;width:auto!important}
.onec-linked-card{border-left:5px solid #2563eb;background:#f8fbff}
@media(max-width:560px){.request-history-head{display:grid}.compact-button{width:100%!important;text-align:center}}

/* Patch 0.41.9 — краткая история в карточке и полная хронология */
.recent-history-card{overflow:hidden}
.history-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 16px}
.history-summary-strip>div{display:grid;gap:5px;padding:12px;border:1px solid #dbe3ee;border-radius:12px;background:#f8fafc}
.history-summary-strip span{font-size:12px;color:#64748b}
.history-summary-strip b{font-size:14px;color:#0f172a}
.history-preview-list,.history-timeline{display:grid;gap:12px}
.history-event{position:relative;display:grid;gap:7px;padding:14px 16px 14px 18px;border:1px solid #dbe3ee;border-left:5px solid #64748b;border-radius:13px;background:#fff}
.history-event h3,.history-event p{margin:0}
.history-event p{color:#334155;line-height:1.45}
.history-event a{text-decoration:none}
.history-event a:hover{text-decoration:underline}
.history-event-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.history-event-head time{font-size:12px;color:#64748b;white-space:nowrap}
.history-type{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.history-communications{border-left-color:#16a34a}
.history-communications .history-type{background:#dcfce7;color:#166534}
.history-requests{border-left-color:#2563eb}
.history-requests .history-type{background:#dbeafe;color:#1d4ed8}
.history-tasks{border-left-color:#7c3aed}
.history-tasks .history-type{background:#ede9fe;color:#6d28d9}
.history-analytics{border-left-color:#d97706}
.history-analytics .history-type{background:#fef3c7;color:#92400e}
.history-onec{border-left-color:#0891b2}
.history-onec .history-type{background:#cffafe;color:#155e75}
.history-system{border-left-color:#94a3b8;background:#f8fafc}
.history-system .history-type{background:#e2e8f0;color:#475569}
.history-next,.history-link,.history-actor{font-size:13px;color:#475569}
.history-next{padding:8px 10px;border-radius:9px;background:#eff6ff;color:#1e3a8a}
.history-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}
.history-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.history-overview article{display:grid;gap:5px;padding:14px;border:1px solid #dbe3ee;border-radius:13px;background:#fff}
.history-overview article>span,.history-overview small{color:#64748b}
.history-overview b{font-size:17px}
.history-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin-bottom:8px;scrollbar-width:thin}
.history-filters a{display:inline-flex;align-items:center;gap:7px;min-width:max-content;padding:9px 11px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-weight:700;font-size:13px}
.history-filters a span{display:inline-flex;min-width:22px;justify-content:center;padding:2px 6px;border-radius:999px;background:#e2e8f0;font-size:11px}
.history-filters a:hover,.history-filters a.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.history-filters .system-filter{margin-left:auto}
.history-page-card{padding-top:18px}
.profile-status-warning{display:flex;justify-content:space-between;gap:18px;align-items:center;border-color:#fecaca;background:#fff7f7}
.profile-status-warning h2,.profile-status-warning p{margin:0 0 6px}
@media(max-width:900px){.history-summary-strip,.history-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters .system-filter{margin-left:0}}
@media(max-width:560px){.history-summary-strip,.history-overview{grid-template-columns:1fr}.history-event-head,.history-footer,.profile-status-warning{align-items:flex-start;flex-direction:column}.history-event-head{display:grid}.history-footer{display:grid}.profile-status-warning{display:grid}.profile-status-warning button{width:100%}.history-page-card{padding:12px}.history-event{padding:13px 13px 13px 15px}}


/* Patch 0.41.10 — единый Центр задач вместо отдельного Плана контактов */
.task-quick-filters{display:flex;gap:8px;overflow-x:auto;margin:-8px 0 18px;padding:4px 1px 8px;scrollbar-width:thin}
.task-quick-filters a{display:inline-flex;align-items:center;gap:7px;min-width:max-content;padding:9px 12px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-size:13px;font-weight:750}
.task-quick-filters a span{display:inline-flex;min-width:23px;justify-content:center;padding:2px 6px;border-radius:999px;background:#e2e8f0;font-size:11px}
.task-quick-filters a:hover,.task-quick-filters a.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.task-quick-filters a.danger:hover,.task-quick-filters a.danger.active{border-color:#dc2626;background:#fff1f2;color:#b91c1c}
.task-quick-filters a.success:hover,.task-quick-filters a.success.active{border-color:#16a34a;background:#f0fdf4;color:#166534}
.task-group-row td{padding:0!important;border-bottom:0!important;background:transparent!important}
.task-group-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 7px;padding:12px 14px;border:1px solid #dbe3ee;border-left:5px solid #64748b;border-radius:12px;background:#f8fafc}
.task-group-heading>div{display:grid;gap:3px}
.task-group-heading strong{font-size:16px;color:#0f172a}
.task-group-heading small{color:#64748b;font-size:12px}
.task-group-danger .task-group-heading{border-left-color:#dc2626;background:#fff7f7}
.task-group-today .task-group-heading{border-left-color:#2563eb;background:#f8fbff}
.task-group-tomorrow .task-group-heading{border-left-color:#7c3aed;background:#fbfaff}
.task-group-future .task-group-heading{border-left-color:#0891b2;background:#f7feff}
.task-group-success .task-group-heading{border-left-color:#16a34a;background:#f7fff9}
.empty-state{padding:24px;text-align:center;color:#64748b}
.empty-state b{color:#334155}
@media(max-width:700px){.task-group-heading{margin-top:14px}.task-quick-filters{margin-top:0}}

/* Patch 0.41.13: обязательный потенциал профильного клиента */
.potential-missing-box{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;padding:10px 12px}
.potential-missing-text{color:#c2410c}
.potential-missing-box small{color:#9a3412;line-height:1.25}


/* Patch 0.41.14: стабильная адаптивная карточка клиента в списке */
.client-work-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
}
.client-work-identity{
  min-width:0;
  display:grid;
  gap:7px;
}
.client-work-name{
  display:block;
  min-width:0;
  max-width:100%;
  font-size:17px;
  line-height:1.32;
  overflow-wrap:anywhere;
  word-break:normal;
  text-decoration:none;
}
.client-work-meta{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.client-work-meta>span{
  min-width:0;
  overflow-wrap:anywhere;
}
.client-work-meta>span+span::before{
  content:'·';
  margin-right:8px;
  color:#94a3b8;
}
.client-work-potential{font-weight:700;color:#475569}
.client-work-stage{
  min-width:0;
  max-width:210px;
  display:flex;
  justify-content:flex-end;
}
.client-work-stage .tag{
  display:inline-flex;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
  line-height:1.25;
}
.client-work-grid>div{min-width:0}
.client-work-grid b{overflow-wrap:anywhere;line-height:1.35}
@media(max-width:1024px){
  .clients-desktop{display:none}
  .clients-mobile{display:grid;gap:12px}
}
@media(max-width:640px){
  .client-work-card{padding:13px;gap:13px}
  .client-work-head{grid-template-columns:1fr;gap:9px}
  .client-work-stage{max-width:100%;justify-content:flex-start}
  .client-work-stage .tag{width:auto}
  .client-work-name{font-size:16px;line-height:1.38}
  .client-work-meta{display:grid;gap:3px;font-size:13px}
  .client-work-meta>span+span::before{content:none;margin:0}
}
@media(max-width:380px){
  .client-work-card{padding:12px}
  .client-work-name{font-size:15px}
}


/* Patch 0.41.15: контекстный следующий шаг */
.quick-step-recommendation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #b9d4ff;
  border-radius: 12px;
  background: #f3f8ff;
}
.quick-step-recommendation div { display: grid; gap: 4px; }
.quick-step-recommendation small { color: #52647a; }
.quick-step-recommendation strong { color: #163f73; }
.hidden-field { display: none !important; }
@media (max-width: 640px) {
  .quick-step-recommendation { align-items: stretch; flex-direction: column; }
  .quick-step-recommendation .button { width: 100%; text-align: center; }
}


/* Patch 0.41.17: единый адаптив для телефона, планшета и узкого окна */
/* KPI остаются сводкой. Активное состояние показывается только у фильтра списка. */
.selected-metric{
  outline:none !important;
  box-shadow:0 1px 3px rgba(0,0,0,.04) !important;
}
.client-metrics .metric{
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.client-metrics .metric:hover{
  border-color:#93c5fd;
  box-shadow:0 4px 14px rgba(15,23,42,.08);
  transform:translateY(-1px);
}
.client-quickfilters{
  align-items:center;
}
.client-quickfilters a.active{
  background:#eff6ff;
  color:#1d4ed8;
  border-color:#60a5fa;
  box-shadow:inset 0 0 0 1px #93c5fd;
  font-weight:800;
}
.client-quickfilters a.active::before{
  content:'✓';
  margin-right:5px;
}

/* Активный раздел меню визуально отличается и от кнопки, и от фильтра. */
.topbar nav a.nav-active,
.topbar nav a[aria-current="page"]{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.36);
  box-shadow:none;
}
.topbar nav a.nav-active::after,
.topbar nav a[aria-current="page"]::after{
  background:#60a5fa;
  height:3px;
}
.topbar nav a.button.nav-active,
.topbar nav a.button[aria-current="page"]{
  background:var(--accent);
  border-color:rgba(255,255,255,.72);
}

/* Карточка клиента: три независимых уровня без наложения. */
.client-work-card{
  min-width:0;
  width:100%;
  overflow:hidden;
}
.client-work-head{
  min-width:0;
}
.client-work-identity,
.client-work-name,
.client-work-meta,
.client-work-stage{
  min-width:0;
}
.client-work-name{
  margin:0;
  padding:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  line-height:1.38;
}
.client-work-meta{
  margin-top:1px;
}
.client-work-stage{
  align-self:start;
}
.client-work-grid>div,
.client-action-box,
.client-violations,
.client-card-actions{
  min-width:0;
}
.client-card-actions .button{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}

/* Компактная верхняя зона списка клиентов. */
.clients-title{
  gap:10px;
}
.client-filter-panel{
  padding:14px;
}
.client-filter-main button,
.client-filter-main .reset-button{
  white-space:nowrap;
}
.client-quickfilters{
  margin-bottom:10px;
}
.clients-result-title{
  margin-top:10px;
}

@media(max-width:1024px){
  /* Планшет: карточка всегда строится вертикально, бейдж не сжимает название. */
  .client-work-head{
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }
  .client-work-stage{
    max-width:100%;
    justify-content:flex-start;
  }
  .client-work-stage .tag{
    width:auto;
  }
  .client-work-meta{
    row-gap:5px;
  }

  /* KPI на планшете занимают меньше высоты. */
  .client-metrics{
    grid-template-columns:repeat(4,minmax(130px,1fr));
    gap:9px;
    margin-bottom:12px;
  }
  .client-metrics .metric{
    padding:12px;
    border-radius:12px;
  }
  .client-metrics .metric span{
    margin-bottom:5px;
  }
  .client-metrics .metric b{
    font-size:23px;
  }

  .client-filter-panel{
    padding:12px;
  }
  .client-filter-main{
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
  }
  .client-filter-main .filter-manager,
  .client-filter-main .scope-chip{
    grid-column:1 / -1;
  }
  .client-filter-main .filter-search{
    min-width:0;
  }
  .client-filter-main button,
  .client-filter-main .reset-button{
    min-height:44px;
    align-self:end;
  }
  .client-quickfilters{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:2px 1px 7px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .client-quickfilters a{
    flex:0 0 auto;
    scroll-snap-align:start;
  }
}

@media(max-width:700px){
  /* Все верхние счётчики на рабочих экранах — горизонтальная лента, а не длинная колонка. */
  .metrics,
  .client-metrics,
  .workspace-metrics{
    display:flex;
    grid-template-columns:none;
    gap:9px;
    overflow-x:auto;
    padding:2px 1px 9px;
    margin-bottom:12px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .metrics>.metric,
  .client-metrics>.metric,
  .workspace-metrics>.metric{
    flex:0 0 min(58vw,176px);
    min-width:140px;
    scroll-snap-align:start;
    padding:12px;
  }
  .metrics>.metric span,
  .client-metrics>.metric span,
  .workspace-metrics>.metric span{
    font-size:12px;
    line-height:1.25;
    min-height:30px;
  }
  .metrics>.metric b,
  .client-metrics>.metric b,
  .workspace-metrics>.metric b{
    font-size:23px;
  }

  .clients-title{
    margin-bottom:10px;
  }
  .clients-title .button{
    width:auto;
    min-width:150px;
  }
  .client-filter-main{
    grid-template-columns:minmax(0,1fr) minmax(96px,auto) minmax(90px,auto);
  }
  .client-filter-main .filter-manager,
  .client-filter-main .scope-chip,
  .client-filter-main .filter-search{
    grid-column:1 / -1;
  }
  .client-filter-main button{
    grid-column:1 / 2;
    width:100%;
  }
  .client-filter-main .reset-button{
    grid-column:2 / 4;
    width:100%;
  }
  .advanced-filters{
    margin-top:8px;
    padding-top:7px;
  }
  .advanced-filters summary{
    padding:5px 0;
  }
  .clients-result-title{
    gap:3px;
    margin:8px 0;
  }

  .client-work-card{
    padding:13px;
    gap:12px;
  }
  .client-work-identity{
    gap:6px;
  }
  .client-work-name{
    font-size:16px;
    line-height:1.42;
  }
  .client-work-meta{
    display:grid;
    gap:4px;
    line-height:1.35;
  }
  .client-work-meta>span{
    display:block;
  }
  .client-work-meta>span+span::before{
    content:none;
    margin:0;
  }
  .client-work-stage{
    margin-top:1px;
  }

  /* Карточки других рабочих экранов также не допускают переполнения. */
  .client-mobile-card,
  .mini-card,
  .data-card,
  .task-card{
    min-width:0;
    overflow:hidden;
  }
  .client-mobile-card h3,
  .client-mobile-card p,
  .mini-card,
  .data-card{
    overflow-wrap:anywhere;
  }

  /* Формы и фильтры не создают лишнюю вертикальную высоту. */
  .filters{
    align-items:stretch;
  }
  .filters input,
  .filters select{
    min-width:0;
  }
  .quickfilters:not(.client-quickfilters){
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:7px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .quickfilters:not(.client-quickfilters) a{
    flex:0 0 auto;
  }

  /* Таблицы остаются читаемыми в узком окне и не выталкивают страницу. */
  .table-wrap,
  table{
    max-width:100%;
  }
}

@media(max-width:420px){
  .container{
    padding:9px;
  }
  .client-work-card{
    padding:12px;
    border-radius:14px;
  }
  .client-work-name{
    font-size:15.5px;
  }
  .client-action-box{
    padding:10px;
  }
  .client-work-grid{
    gap:8px;
  }
  .client-work-grid>div{
    padding:8px;
  }
  .client-filter-main{
    grid-template-columns:1fr 1fr;
  }
  .client-filter-main button{
    grid-column:1;
  }
  .client-filter-main .reset-button{
    grid-column:2;
  }
}


/* Patch 0.41.18: понятная навигация после создания коммерческой заявки */
.request-created-result {
  display:flex;
  align-items:flex-start;
  gap:16px;
  border:1px solid #a6f4c5;
  background:#ecfdf3;
  margin-bottom:18px;
}
.request-created-icon {
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#12b76a;
  color:#fff;
  font-weight:800;
  font-size:22px;
}
.request-created-copy { min-width:0; flex:1; }
.request-created-copy h2 { margin:0 0 4px; color:#067647; }
.request-created-copy p { margin:0 0 12px; }
.button.ghost {
  background:transparent;
  color:#344054;
  border:1px solid #d0d5dd;
}
.button.ghost:hover { background:#f2f4f7; }
@media (max-width: 800px) {
  .request-created-result { display:block; }
  .request-created-icon { margin-bottom:10px; }
  .request-created-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .request-created-actions .button { width:100%; text-align:center; box-sizing:border-box; }
}

/* Patch 0.41.23: связь быстрого действия с конкретной задачей. */
.linked-task-picker {
  border: 1px solid #d9e1ec;
  border-radius: 14px;
  padding: 16px;
  background: #f8fafc;
  min-width: 0;
}
.linked-task-picker legend {
  padding: 0 6px;
  font-weight: 700;
  color: #1f2937;
}
.linked-task-list {
  display: grid;
  gap: 10px;
  margin: 12px 0 8px;
}
.linked-task-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px !important;
  padding: 12px;
  border: 1px solid #d8e0eb;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.linked-task-option:has(input:checked) {
  border-color: #5598ee;
  background: #eef6ff;
  box-shadow: 0 0 0 2px rgba(47, 128, 237, .08);
}
.linked-task-option input {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
}
.linked-task-option span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.linked-task-option strong,
.linked-task-option small {
  overflow-wrap: anywhere;
}
.linked-task-option small { color: #64748b; }
.task-link-empty {
  display: grid;
  gap: 4px;
  padding: 13px 15px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  color: #475569;
}
@media (max-width: 800px) {
  .linked-task-picker { padding: 13px; }
  .linked-task-option { padding: 11px; }
}

/* Release 0.42: integrations, call analysis and readiness */
.integration-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.integration-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.85rem;background:#eef2f7;color:#445}
.integration-connected{background:#e7f8ee;color:#16763b}.integration-configured{background:#eaf2ff;color:#1959a8}.integration-not_configured{background:#fff3d6;color:#8a6200}
.call-card audio{width:100%;margin:8px 0}.call-score{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf6ff;color:#135d9b;font-weight:700}
.ai-recommendation{padding:10px;border-radius:10px;background:#f3efff;border:1px solid #ded2ff}
.calls-ai-card .empty-state{width:100%}
.nav-inline-form{display:inline;margin:0;padding:0}.nav-link-button{font:inherit;cursor:pointer;border:0}