:root{color-scheme:dark;--bg: #0b1020;--surface: #151b2e;--surface-2: #1c2438;--ink: #e8ecf6;--muted: #94a3c4;--line: #2a3350;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink)}.app{display:flex;flex-direction:column;height:100vh;padding:16px 20px;gap:12px}.topbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-size:22px;margin:0;letter-spacing:.01em}.actions{display:flex;align-items:center;gap:10px}.count{color:var(--muted);font-size:14px}.btn{font:inherit;font-weight:600;padding:10px 16px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer}.btn.primary{background:#3b6fe0;border-color:#3b6fe0;color:#fff}.btn.primary:hover{background:#2f5cc4}.btn.ghost:hover{background:#24304c}.btn:disabled{opacity:.45;cursor:not-allowed}.hint,.error{margin:0;font-size:15px;flex:none}.hint{color:var(--muted)}.error{color:#fca5a5;font-weight:600}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap}.status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status.online{color:#4ade80;border-color:#22c55e55}.status.offline{color:#fbbf24;border-color:#f59e0b55}.status.denied{color:#fca5a5;border-color:#ef444455}.status.connecting{color:var(--muted)}.workspace{flex:1;min-height:0;display:flex;gap:14px}@media (max-width: 900px) and (min-width: 769px){.app{height:auto;min-height:100vh}.workspace{flex-direction:column}.sidebar{flex:0 0 auto;max-height:42vh}.board-columns{grid-template-columns:repeat(2,minmax(220px,1fr))}}.mobile-tabs{display:none}.sidebar{flex:0 0 340px;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--line);border-top:8px solid #7dabff;border-radius:12px;overflow:hidden}.sidebar-header{flex:none;padding:12px;border-bottom:1px solid var(--line)}.sidebar-header h2{margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.03em;color:#7dabff}.city-filter{width:100%;font:inherit;font-size:13px;padding:7px 8px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.sidebar-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.sidebar-empty,.column-empty,.detail-empty{color:var(--muted);font-size:13px;padding:8px 4px;margin:0}.contact-row{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:8px 10px;cursor:grab}.contact-row:active{cursor:grabbing}.contact-row.dragging{opacity:.4}.contact-row-main{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;cursor:pointer}.contact-company{font-weight:700;flex:1 1 120px;min-width:0;white-space:normal;overflow-wrap:break-word}.contact-gerant{color:var(--muted);font-size:13px;flex:1 1 130px;min-width:0;white-space:normal;overflow-wrap:break-word}.contact-phone{font-weight:800;font-size:14px;white-space:nowrap;flex:none;color:inherit;text-decoration:none}.contact-phone:hover{text-decoration:underline}.contact-row-tools{display:flex;align-items:center;gap:2px;margin-left:auto}.star-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:3px 5px;border-radius:6px}.star-btn:hover{background:#ffffff12}.star-btn.on{color:#fde047}.note-icon{border:0;background:transparent;cursor:pointer;font-size:13px;line-height:1;padding:3px 5px;border-radius:6px;color:var(--muted)}.note-icon:hover{background:#ffffff12}.note-icon.has-note{color:#7dabff}.move-menu-wrap{position:relative;display:none}.move-menu-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:3px 5px;border-radius:6px}.move-menu-btn:hover{background:#ffffff12}.move-menu{position:absolute;right:0;top:100%;z-index:5;margin-top:4px;display:flex;flex-direction:column;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0006}.move-menu-item{font:inherit;text-align:left;padding:8px 12px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.move-menu-item:last-child{border-bottom:0}.move-menu-item:hover{background:var(--surface-2)}.note-box{flex:1 1 100%;margin-top:6px;display:flex;flex-direction:column;gap:6px}.note-textarea{font:inherit;font-size:13px;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);resize:vertical}.note-close{align-self:flex-end;font:inherit;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.note-close:hover{color:var(--ink);background:#ffffff12}.contact-detail{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.detail-row .detail-label{font-weight:600;color:#aeb9d6}.contact-detail a{color:#7dabff}.board-columns{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:14px}.column{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:2px solid var(--line);border-top-width:8px;border-radius:12px;padding:10px;transition:background .12s,border-color .12s}.column.no_answer{border-color:#fb923c}.column.followup{border-color:#fde047}.column.dead{border-color:#f8717d}.column.booked{border-color:#22c55e}.column.no_answer .column-title{color:#fdba74}.column.followup .column-title{color:#fde047}.column.dead .column-title{color:#fca5a5}.column.booked .column-title{color:#4ade80}.column.over{background:#1e2740;border-style:dashed}.column-title{flex:none;margin:2px 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.03em}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:13px;vertical-align:middle}.cards{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.app{height:auto;min-height:100vh;padding:10px 12px;display:flex}.mobile-tabs{display:flex;flex:none;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.mobile-tab{flex:none;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;padding:10px 14px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.mobile-tab.active{background:#3b6fe0;border-color:#3b6fe0;color:#fff}.workspace{flex-direction:column}.board-columns{display:contents}.sidebar,.column{display:none;width:100%;flex:1 1 auto;max-height:none}.workspace[data-active-tab=todo]>.sidebar,.workspace[data-active-tab=no_answer] .column.no_answer,.workspace[data-active-tab=followup] .column.followup,.workspace[data-active-tab=dead] .column.dead,.workspace[data-active-tab=booked] .column.booked{display:flex}.contact-row-main{padding:4px 0;min-height:44px}.contact-company,.contact-phone{font-size:15px}.star-btn,.note-icon,.move-menu-btn{min-width:44px;min-height:44px;font-size:18px}.note-close{min-height:44px;padding:10px 16px}.move-menu-item{min-height:44px;font-size:14px}.move-menu-wrap{display:inline-flex}}