/* Подборки-ссылки. Только токены CRM — новых цветов нет (кроме WhatsApp #22c05c). */
.pk-kpis .kpi{cursor:pointer}
.pk-kpis .kpi.on{border-color:color-mix(in oklab,var(--kpi-accent) 50%,transparent)}
.pk-kpis .kpi.k-success{--kpi-accent:var(--color-success)}
.pk-kpis .kpi.k-info{--kpi-accent:var(--color-info)}
.pk-kpis .kpi.k-warning{--kpi-accent:var(--color-warning)}
.pk-filters{margin-bottom:var(--space-3)}

.badge.pk-booked{background:var(--color-green-bg);color:var(--color-success)}
.badge.pk-watching{background:var(--color-primary-bg);color:var(--color-info)}
.badge.pk-unopened,.badge.pk-expiring{background:var(--color-amber-bg);color:var(--color-warning)}
.badge.pk-closed{background:var(--color-red-bg);color:var(--color-danger)}
.badge.pk-all_hidden,.badge.pk-hidden,.badge.pk-seen{background:var(--border);color:var(--color-text-muted)}
.badge.pk-pick{background:var(--color-green-bg);color:var(--color-success)}
.badge.pk-unseen{background:var(--color-primary-bg);color:var(--color-info)}
.badge.pk-pick::before,.badge.pk-hidden::before,.badge.pk-unseen::before,.badge.pk-seen::before{display:none}

.pk-table tbody tr.sel td{background:color-mix(in oklab,var(--color-info) 10%,transparent)}
.pk-name{font-weight:600;color:var(--text)}
.pk-sub{font-size:var(--text-xs);color:var(--muted);margin-top:2px}
.pk-marks{white-space:nowrap;font-variant-numeric:tabular-nums}
.pk-marks span+span{margin-left:10px}
.pk-cards{display:none}
.pk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) 14px;margin-bottom:var(--space-2);cursor:pointer}
.pk-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.pk-card-meta{display:flex;gap:var(--space-3);margin-top:6px;font-size:var(--text-sm);color:var(--text-dim)}
.pk-fab{display:none}
.pk-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--muted);font-size:var(--text-sm)}

/* панель клиента */
.pk-booking{background:var(--color-green-bg);border:1px solid color-mix(in oklab,var(--color-success) 35%,transparent);border-radius:var(--radius);padding:var(--space-3) 14px;color:var(--text)}
.pk-booking b{color:var(--color-success)}
.pk-booking .pk-sub{margin-top:4px}
.pk-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}
.pk-metrics .metric .v{font-size:var(--text-md)}
.pk-acts{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.pk-acts .btn{justify-content:center}
.btn-wa{background:#22c05c;color:#fff;border:1px solid transparent}
.btn-wa:hover{filter:brightness(1.08)}
.pk-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}
.pk-item+.pk-item{border-top:1px solid var(--border)}
.pk-item.dim{opacity:.5}
.pk-thumb{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--surface3) center/cover no-repeat;flex-shrink:0}
.pk-item-b{flex:1;min-width:0}
.pk-item-b .pk-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-item-r{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.pk-price{font-weight:700;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}

/* мастер создания */
.pk-steps{display:flex;gap:var(--space-1);padding:var(--space-3) 22px 0}
.pk-steps span{flex:1;height:3px;border-radius:3px;background:var(--surface3)}
.pk-steps span.on{background:var(--color-primary)}
.pk-foot{flex-shrink:0;display:flex;gap:var(--space-2);padding:var(--space-3) 22px max(var(--space-3),env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}
.pk-foot .btn{flex:1;justify-content:center;min-height:42px}
.pk-search{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px var(--space-3);color:var(--text);margin-bottom:var(--space-2)}
.pk-pick-row{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-2);border-radius:var(--radius);cursor:pointer}
.pk-pick-row:hover{background:var(--surface2)}
.pk-pick-row.on{background:color-mix(in oklab,var(--color-primary) 12%,transparent)}
.pk-pick-row.off{opacity:.45}
.pk-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.pk-pick-row.on .pk-check{background:var(--color-primary);border-color:var(--color-primary)}
.pk-check svg{width:14px;height:14px}
.pk-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.pk-house{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;margin-bottom:var(--space-3);background:var(--surface)}
.pk-house-h{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}
.pk-vid{display:flex;align-items:center;gap:var(--space-2);padding:6px 0;font-size:var(--text-sm)}
.pk-vid input[type=checkbox]{width:17px;height:17px;accent-color:var(--color-primary);flex-shrink:0}
.pk-vid .pk-dur{width:70px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:5px 8px;color:var(--text);margin-left:auto}
.pk-hint{font-size:var(--text-xs);color:var(--muted);margin-top:6px;line-height:1.4}

@media(max-width:768px){
  .pk-table{display:none}
  .pk-cards{display:block;padding-bottom:70px}
  .pk-kpis{display:flex;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding:0 var(--space-4)}
  .pk-kpis::-webkit-scrollbar{display:none}
  .pk-kpis .kpi{flex:0 0 150px}
  .pk-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pk-filters::-webkit-scrollbar{display:none}
  .pk-filters .filter-tab{flex-shrink:0}
  .pk-new-desk{display:none}
  .pk-fab{display:flex;position:fixed;left:14px;right:14px;bottom:calc(var(--bottom-nav-h,64px) + 10px);z-index:1100;justify-content:center;min-height:48px;font-size:15px}
  .pk-steps,.pk-foot{padding-left:var(--space-4);padding-right:var(--space-4)}
  .pk-metrics .metric{padding:10px}
}
.pk-acts .btn svg,.pk-foot .btn svg{width:15px;height:15px}

/* «Комплексы» в режиме подборки */
.pk-plaque{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:var(--space-3);padding:12px 16px;border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary-bg)}
.pk-plaque-t{font-size:var(--text-md);color:var(--text)}
.pk-plaque-c{display:flex;flex-wrap:wrap;gap:6px}
.pk-rq{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-dim)}
.pk-rq.on{background:var(--color-primary);border-color:var(--color-primary);color:var(--accent-ink)}
.pk-pop{position:absolute;z-index:2600;width:320px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-lg)}
.pk-pop.sheet{position:fixed;left:0;right:0;bottom:0;width:auto;border-radius:18px 18px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto}
.pk-pop-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pk-pop-h .icon-btn{width:30px;height:30px}
.pk-pop-n{font-size:var(--text-xs);color:var(--muted);margin:2px 0 10px}
.pk-pop-l{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.pk-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;background:var(--surface2);border-radius:9px}
.pk-seg button{border:0;background:transparent;color:var(--text-dim);font-size:12px;font-weight:700;padding:7px 0;border-radius:7px;cursor:pointer}
.pk-seg button.dim{opacity:.45}
.pk-seg button.on{background:var(--color-primary);color:var(--accent-ink);opacity:1}
.cx-pb-ths{display:flex;flex-shrink:0;padding-left:8px}
.cx-pb-th{width:34px;height:34px;border-radius:50%;background:var(--surface3) center/cover no-repeat;border:2px solid var(--surface);margin-left:-8px}
@media(max-width:600px){.cx-pb-ths{display:none}}