/* ============================================================
   RIDKK AI CRM — board, deal page, pipelines (.rdk-crm / .rdk-deal)
   ============================================================ */
.rdk-crm, .rdk-deal { --ink:#111827; --muted:#6b7280; --line:#e5e7eb; --bg:#f8fafc; --card:#fff; --brand:#4f46e5; --good:#16a34a; --bad:#dc2626; --warn:#d97706; font-size:14px; color:var(--ink); }
.dark .rdk-crm, .dark .rdk-deal { --ink:#f3f4f6; --muted:#9ca3af; --line:rgba(255,255,255,.1); --bg:rgba(255,255,255,.03); --card:#111827; }
.rdk-crm .muted, .rdk-deal .muted { color:var(--muted); font-weight:400; }

/* ---------- toolbar ---------- */
.rdk-crm-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-bottom:14px; }
.rdk-crm-pipes { display:flex; gap:6px; flex-wrap:wrap; }
.rdk-crm-pipe { padding:7px 14px; border-radius:999px; border:1px solid var(--line); background:var(--card); font-weight:600; font-size:13px; color:var(--muted); cursor:pointer; transition:.15s; }
.rdk-crm-pipe:hover { color:var(--ink); border-color:#c7d2fe; }
.rdk-crm-pipe.is-active { background:var(--brand); border-color:var(--brand); color:#fff; box-shadow:0 6px 16px rgba(79,70,229,.25); }
.rdk-crm-tools { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.rdk-crm-search { display:flex; align-items:center; gap:8px; padding:0 12px; height:38px; border:1px solid var(--line); border-radius:10px; background:var(--card); min-width:260px; }
.rdk-crm-search svg { width:16px; height:16px; color:var(--muted); flex:none; }
.rdk-crm-search input { border:0; outline:0; background:transparent; width:100%; font-size:13px; color:var(--ink); }
.rdk-crm-chip { height:38px; padding:0 14px; border-radius:10px; border:1px solid var(--line); background:var(--card); font-weight:600; font-size:13px; cursor:pointer; color:var(--muted); }
.rdk-crm-chip.is-on { background:#eef2ff; border-color:#c7d2fe; color:#3730a3; }
.dark .rdk-crm-chip.is-on { background:rgba(99,102,241,.2); color:#c7d2fe; }
.rdk-crm-select, .rdk-inline-select { height:38px; padding:0 34px 0 12px; border:1px solid var(--line); border-radius:10px; background:var(--card); font-size:13px; color:var(--ink); }
.rdk-crm-select:disabled { opacity:.5; }

/* ---------- KPIs ---------- */
.rdk-crm-kpis { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:10px; margin-bottom:16px; }
@media (max-width:1100px) { .rdk-crm-kpis { grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:640px) { .rdk-crm-kpis { grid-template-columns:repeat(2, minmax(0,1fr)); } }
.rdk-crm-kpi { display:flex; flex-direction:column; gap:2px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
.rdk-crm-kpi .k { font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:600; }
.rdk-crm-kpi strong { font-size:20px; letter-spacing:-.02em; line-height:1.2; }
.rdk-crm-kpi .s { font-size:11.5px; color:var(--muted); }
.rdk-crm-kpi.is-good strong { color:var(--good); }
.rdk-crm-kpi.is-bad strong { color:var(--bad); }

/* ---------- board ---------- */
.rdk-board { display:flex; gap:12px; overflow-x:auto; padding:4px 2px 18px; scroll-snap-type:x proximity; min-height:60vh; }
.rdk-col { flex:0 0 292px; display:flex; flex-direction:column; background:var(--bg); border:1px solid var(--line); border-radius:16px; max-height:calc(100vh - 290px); scroll-snap-align:start; }
.rdk-col.is-closed { flex-basis:236px; opacity:.92; }
.rdk-col-head { display:flex; align-items:center; gap:8px; padding:12px 14px 4px; }
.rdk-col-head .dot { width:10px; height:10px; border-radius:50%; background:var(--stage); box-shadow:0 0 0 4px color-mix(in srgb, var(--stage) 18%, transparent); flex:none; }
.rdk-col-head h3 { font-size:13.5px; font-weight:700; margin:0; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rdk-col-head .count { font-size:11px; font-weight:700; padding:2px 7px; border-radius:999px; background:var(--card); border:1px solid var(--line); color:var(--muted); }
.rdk-col-head .sum { font-size:12px; font-weight:600; color:var(--muted); white-space:nowrap; }
.rdk-col-meta { padding:0 14px 10px; font-size:11px; color:var(--muted); display:flex; gap:4px; }
.rdk-col-body { flex:1; overflow-y:auto; padding:2px 10px 10px; display:flex; flex-direction:column; gap:8px; min-height:80px; }
.rdk-col-add { margin:0 10px 10px; padding:9px; border:1px dashed var(--line); border-radius:10px; background:transparent; color:var(--muted); font-size:12.5px; font-weight:600; cursor:pointer; }
.rdk-col-add:hover { border-color:#a5b4fc; color:var(--brand); background:var(--card); }

.rdk-card { display:block; text-decoration:none; color:inherit; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:11px 12px; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:grab; transition:box-shadow .15s, transform .15s, border-color .15s; }
.rdk-card:hover { box-shadow:0 8px 20px rgba(17,24,39,.08); border-color:#c7d2fe; transform:translateY(-1px); }
.rdk-card.is-high { border-inline-start:3px solid #f97316; }
.rdk-card.is-rotting { border-color:#fecaca; background:linear-gradient(0deg, rgba(254,226,226,.35), var(--card)); }
.dark .rdk-card.is-rotting { background:rgba(220,38,38,.08); border-color:rgba(248,113,113,.35); }
.rdk-card.is-done { opacity:.8; cursor:default; }
.rdk-card.is-ghost { opacity:.35; }
.rdk-card.is-chosen { box-shadow:0 14px 30px rgba(17,24,39,.16); transform:rotate(1deg); }
.rdk-card-top { display:flex; align-items:flex-start; gap:6px; }
.rdk-card-title { font-weight:600; font-size:13.5px; line-height:1.3; flex:1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.rdk-card-ai { color:var(--brand); font-size:12px; flex:none; }
.rdk-card-contact { color:var(--muted); font-size:12px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rdk-card-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:9px; }
.rdk-card-value { font-weight:700; font-size:13px; letter-spacing:-.01em; }
.rdk-card-chips { display:flex; align-items:center; gap:5px; }
.rdk-chip-score, .rdk-chip-age, .rdk-chip-task, .rdk-chip-rot { font-size:10.5px; font-weight:700; padding:2px 6px; border-radius:6px; background:var(--bg); border:1px solid var(--line); color:var(--muted); display:inline-flex; align-items:center; gap:3px; }
.rdk-chip-score.is-hot { background:#dcfce7; color:#166534; border-color:#bbf7d0; }
.rdk-chip-score.is-warm { background:#fef3c7; color:#92400e; border-color:#fde68a; }
.rdk-chip-score.is-cold { background:#fee2e2; color:#991b1b; border-color:#fecaca; }
.rdk-chip-task svg { width:11px; height:11px; }
.rdk-chip-task.is-late { background:#fee2e2; color:#991b1b; border-color:#fecaca; }
.rdk-chip-rot { background:#fee2e2; color:#991b1b; border-color:#fecaca; }
.rdk-avatar { width:24px; height:24px; border-radius:50%; background:#e0e7ff; color:#3730a3; font-size:10px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.rdk-avatar.lg { width:42px; height:42px; font-size:14px; }
.dark .rdk-avatar { background:rgba(99,102,241,.25); color:#c7d2fe; }

/* ---------- deal page ---------- */
.rdk-stepper { display:flex; gap:4px; margin-bottom:18px; overflow-x:auto; padding-bottom:2px; }
.rdk-step { position:relative; flex:1 1 0; min-width:0; min-height:44px; padding:6px 12px 6px 18px; border:0; background:var(--bg); color:var(--muted); font-weight:600; font-size:11.5px; letter-spacing:-.01em; line-height:1.15; text-align:center; cursor:pointer; clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%); display:flex; align-items:center; justify-content:center; gap:5px; transition:.15s; }
.rdk-step .n { min-width:0; overflow-wrap:normal; hyphens:auto; }
@media (max-width:900px) { .rdk-step { flex:0 0 auto; min-width:128px; white-space:nowrap; } }
.rdk-tl-icon svg, .rdk-tabs svg { width:15px; height:15px; }
.rdk-tabs button { display:inline-flex; align-items:center; gap:6px; }
.rdk-step:first-child { clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); padding-left:14px; border-radius:10px 0 0 10px; }
.rdk-step:last-child { clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%); border-radius:0 10px 10px 0; }
.rdk-step:hover { background:color-mix(in srgb, var(--stage) 18%, var(--bg)); color:var(--ink); }
.rdk-step.is-passed { background:color-mix(in srgb, var(--stage) 30%, var(--bg)); color:var(--ink); }
.rdk-step.is-current { background:var(--stage); color:#fff; box-shadow:inset 0 -3px 0 rgba(0,0,0,.12); }
.rdk-step .d { font-size:10.5px; padding:1px 6px; border-radius:999px; background:rgba(255,255,255,.25); }
.rdk-step.is-won.is-current { background:var(--good); }
.rdk-step.is-lost.is-current { background:#6b7280; }

.rdk-deal-grid { display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:18px; }
@media (max-width:1000px) { .rdk-deal-grid { grid-template-columns:1fr; } }
.rdk-deal-main, .rdk-deal-side { display:flex; flex-direction:column; gap:16px; min-width:0; }

.rdk-ai { border:1px solid #c7d2fe; border-radius:16px; padding:16px 18px; background:linear-gradient(135deg, #eef2ff 0%, #fff 55%); }
.dark .rdk-ai { background:linear-gradient(135deg, rgba(99,102,241,.16), #111827 60%); border-color:rgba(99,102,241,.35); }
.rdk-ai header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.rdk-ai-title { font-weight:700; font-size:14px; display:flex; align-items:center; gap:8px; }
.rdk-ai-title .spark { color:var(--brand); }
.rdk-ai-title .muted { font-size:12px; }
.rdk-score { position:relative; width:52px; height:52px; display:grid; place-items:center; }
.rdk-score svg { position:absolute; inset:0; transform:rotate(-90deg); }
.rdk-score circle { fill:none; stroke-width:3.2; }
.rdk-score .bg { stroke:var(--line); }
.rdk-score .fg { stroke:var(--brand); stroke-linecap:round; transition:stroke-dasharray .6s ease; }
.rdk-score.is-hot .fg { stroke:var(--good); } .rdk-score.is-warm .fg { stroke:var(--warn); } .rdk-score.is-cold .fg { stroke:var(--bad); }
.rdk-score span { font-weight:800; font-size:12.5px; letter-spacing:-.02em; }
.rdk-ai-summary { margin:0 0 10px; line-height:1.6; font-size:14px; }
.rdk-ai-risks { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.rdk-ai-risks span { font-size:12px; font-weight:600; color:#92400e; background:#fef3c7; border:1px solid #fde68a; border-radius:8px; padding:3px 8px; }
.rdk-ai-actions { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:10px; margin-bottom:12px; }
.rdk-ai-next { border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--card); }
.rdk-ai-next .k, .rdk-ai-draft .k, .rdk-memory .k, .rdk-item .k { font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:700; margin-bottom:4px; }
.rdk-ai-next .v { font-size:13.5px; line-height:1.45; margin-bottom:8px; }
.rdk-ai-draft textarea, .rdk-composer2 textarea, .rdk-composer2 input[type=text] { width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 12px; font-size:13.5px; background:var(--card); color:var(--ink); resize:vertical; }
.rdk-ai-draft .row, .rdk-composer2 .row { display:flex; align-items:center; gap:10px; margin-top:8px; flex-wrap:wrap; }
.rdk-btn-primary { height:36px; padding:0 14px; border-radius:10px; border:0; background:var(--brand); color:#fff; font-weight:600; font-size:13px; cursor:pointer; }
.rdk-btn-primary:disabled { opacity:.5; cursor:not-allowed; }
.rdk-btn-mini { height:28px; padding:0 10px; border-radius:8px; border:1px solid #c7d2fe; background:var(--card); color:#3730a3; font-weight:600; font-size:12px; cursor:pointer; }
.dark .rdk-btn-mini { color:#c7d2fe; border-color:rgba(99,102,241,.4); }
.rdk-btn-ghost { display:inline-flex; align-items:center; height:36px; padding:0 12px; border-radius:10px; border:1px solid var(--line); background:var(--card); color:var(--ink); font-weight:600; font-size:13px; text-decoration:none; }
.rdk-btn-ghost.block { display:flex; justify-content:center; margin-top:10px; }

.rdk-composer2 { border:1px solid var(--line); border-radius:16px; background:var(--card); overflow:hidden; }
.rdk-composer2 nav { display:flex; border-bottom:1px solid var(--line); background:var(--bg); }
.rdk-composer2 nav button { padding:10px 16px; border:0; background:transparent; font-weight:600; font-size:13px; color:var(--muted); cursor:pointer; border-bottom:2px solid transparent; }
.rdk-composer2 nav button.is-on { color:var(--brand); border-bottom-color:var(--brand); background:var(--card); }
.rdk-composer2 .pane { padding:12px 14px 14px; display:flex; flex-direction:column; gap:8px; }
.rdk-composer2 select, .rdk-composer2 input[type=datetime-local] { height:36px; border:1px solid var(--line); border-radius:10px; padding:0 10px; background:var(--card); color:var(--ink); font-size:13px; }

.rdk-timeline h3 { font-size:14px; font-weight:700; margin:4px 0 12px; display:flex; gap:8px; align-items:baseline; }
.rdk-timeline h3 .muted { font-size:12px; }
.rdk-tl { display:flex; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.rdk-tl-icon { width:30px; height:30px; border-radius:50%; background:var(--bg); border:1px solid var(--line); display:grid; place-items:center; font-size:13px; flex:none; }
.rdk-tl.is-message.is-in .rdk-tl-icon { background:#ecfdf5; border-color:#bbf7d0; }
.rdk-tl.is-message.is-out .rdk-tl-icon { background:#eef2ff; border-color:#c7d2fe; }
.rdk-tl.is-ai .rdk-tl-icon { background:#eef2ff; color:var(--brand); border-color:#c7d2fe; }
.rdk-tl-body { flex:1; min-width:0; }
.rdk-tl-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12.5px; }
.rdk-tl-head .who { font-weight:700; }
.rdk-tl-head .tag { color:var(--muted); background:var(--bg); border:1px solid var(--line); border-radius:6px; padding:1px 6px; font-size:11px; }
.rdk-tl-head time { margin-inline-start:auto; color:var(--muted); font-size:11.5px; }
.rdk-tl-body p { margin:5px 0 0; line-height:1.55; font-size:13.5px; white-space:pre-line; word-break:break-word; }
.rdk-tl.is-message .rdk-tl-body p { background:var(--bg); border-radius:10px; padding:8px 10px; }
.rdk-tl-task { display:flex; align-items:center; gap:10px; margin-top:4px; font-size:12.5px; }
.rdk-tl-task .late { color:var(--bad); font-weight:600; }
.rdk-tl-task .done { color:var(--good); font-weight:600; }
.rdk-tl.is-done .rdk-tl-body p { text-decoration:line-through; color:var(--muted); }

.rdk-side-card { border:1px solid var(--line); border-radius:16px; background:var(--card); padding:14px 16px; }
.rdk-side-card h4 { margin:0 0 10px; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:700; display:flex; gap:8px; }
.rdk-side-value { font-size:26px; font-weight:800; letter-spacing:-.03em; }
.rdk-side-status { font-size:12px; font-weight:700; margin:2px 0 10px; color:var(--brand); }
.rdk-side-status.is-won { color:var(--good); } .rdk-side-status.is-lost { color:var(--muted); }
.rdk-side-card dl { display:grid; grid-template-columns:auto 1fr; gap:6px 12px; margin:6px 0 0; font-size:13px; }
.rdk-side-card dt { color:var(--muted); }
.rdk-side-card dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.rdk-side-card dd a { color:var(--brand); text-decoration:none; }
.rdk-inline-select { height:32px; width:100%; }
.rdk-prio { font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; background:var(--bg); border:1px solid var(--line); }
.rdk-prio.is-high { background:#ffedd5; color:#9a3412; border-color:#fed7aa; }
.rdk-prio.is-low { color:var(--muted); }
.rdk-tag { display:inline-block; font-size:11px; padding:2px 8px; border-radius:999px; background:#eef2ff; color:#3730a3; margin:0 4px 4px 0; }
.rdk-contact { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.rdk-contact .name { font-weight:700; font-size:14px; color:var(--ink); text-decoration:none; }
.rdk-memory { margin-top:10px; padding:10px 12px; border-radius:10px; background:var(--bg); border:1px dashed var(--line); }
.rdk-memory p { margin:0; font-size:12.5px; line-height:1.5; }
.rdk-item { margin-top:10px; padding:10px 12px; border-radius:10px; background:var(--bg); }
.rdk-item .v { font-weight:600; }
.rdk-task { display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-top:1px solid var(--line); font-size:13px; }
.rdk-task:first-of-type { border-top:0; }
.rdk-task .t { font-weight:600; }
.rdk-task.is-late .muted { color:var(--bad); }
.rdk-check { width:18px; height:18px; border-radius:50%; border:2px solid #c7d2fe; background:var(--card); cursor:pointer; flex:none; margin-top:2px; }
.rdk-check:hover { background:var(--brand); border-color:var(--brand); }
[x-cloak] { display:none !important; }