#app .crm-registry-page{max-width:1600px;margin:auto;color:#30243f}
#app .crm-reg-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:22px 24px;margin-bottom:14px;border:1px solid #dfd3ed;border-radius:20px;background:linear-gradient(110deg,#e8dbf9,#f8f3fd 64%,#eee4fa);box-shadow:0 8px 24px #3922570b}
#app .crm-reg-head small{color:#7047c9;font-weight:750;letter-spacing:.08em;font-size:10px}
#app .crm-reg-head h1{margin:3px 0;font-size:30px;color:#2c1c40}
#app .crm-reg-head p{margin:0;color:#746481;font-size:13px}
#app .crm-reg-head strong{padding:7px 11px;border-radius:9px;background:#fff8;color:#6443ab;white-space:nowrap;font-size:12px}
#app .crm-reg-funnels{display:flex;gap:7px;overflow-x:auto;padding:0 0 14px;scrollbar-width:thin}
#app .crm-reg-funnels button{flex:none;min-height:38px;padding:8px 13px;border-radius:10px;border:1px solid #dfd3ed;background:#fff;color:#6b5a79;font-size:12px;font-weight:650}
#app .crm-reg-funnels button.active{background:#6950cf;border-color:#6950cf;color:#fff;box-shadow:0 5px 12px #6950cf28}
#app .crm-reg-tools{display:grid;grid-template-columns:minmax(160px,1.5fr) repeat(4,minmax(120px,1fr));gap:9px;padding:13px;border:1px solid #ded0ee;border-radius:15px 15px 0 0;background:#eee7f8;align-items:end}
#app .crm-reg-tools label{display:flex;flex-direction:column;gap:3px;color:#6a5a78;font-size:11px;font-weight:650}
#app .crm-reg-tools input,#app .crm-reg-tools select{width:100%;min-width:0;min-height:36px;height:36px;padding:6px 9px;border:1px solid #dacdea;border-radius:9px;background:#fff;color:#352742;font-size:12px}
#app .crm-reg-table-wrap{overflow-x:auto;border:1px solid #ded0ee;border-top:0;background:#fff}
#app .crm-reg-table{width:100%;min-width:1150px;border-collapse:collapse;table-layout:fixed;text-align:left}
#app .crm-reg-table th{height:34px;padding:0 9px;background:#eee5f8;color:#6c5d79;border-bottom:1px solid #ddd0eb;font-size:11px;white-space:nowrap}
#app .crm-reg-table td{height:49px;padding:6px 9px;border-bottom:1px solid #eee8f5;color:#44354d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .crm-reg-table tbody tr:nth-child(even) td{background:#fcfaff}
#app .crm-reg-table tbody tr:hover td{background:#f0e9fa;cursor:pointer}
#app .crm-reg-table .crm-reg-name{font-weight:700;color:#33233f}
#app .crm-reg-table .crm-reg-name small{display:block;color:#8b7c96;font-weight:500;font-size:10px}
#app .crm-reg-table a{color:#6846c4;text-decoration:none;font-weight:650}
#app .crm-reg-table th:nth-child(1){width:17%}#app .crm-reg-table th:nth-child(2){width:12%}#app .crm-reg-table th:nth-child(3){width:6%}#app .crm-reg-table th:nth-child(4){width:10%}#app .crm-reg-table th:nth-child(5){width:13%}#app .crm-reg-table th:nth-child(6){width:11%}#app .crm-reg-table th:nth-child(7){width:12%}#app .crm-reg-table th:nth-child(8){width:10%}#app .crm-reg-table th:nth-child(9){width:9%}
#app .crm-reg-status{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;border-radius:7px;background:#eee8fa;color:#6846bf;font-size:11px;font-weight:700;vertical-align:middle}
#app .crm-reg-status.bad{background:#fcecf0;color:#ad4960}#app .crm-reg-status.wait{background:#fbf0e0;color:#9b6b2b}
#app .crm-reg-owner{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-weight:650}
#app .crm-reg-owner img,#app .crm-reg-owner i{width:25px;height:25px;flex:none;border-radius:50%;object-fit:cover;background:#e9dcf8;color:#6843b9;display:grid;place-items:center;font-size:11px;font-style:normal}
#app .crm-reg-owner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .crm-reg-empty{text-align:center;height:65px;color:#85758f}
#app .crm-reg-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #ded0ee;border-top:0;border-radius:0 0 15px 15px;background:#f4edfa;color:#72617f;font-size:12px}
#app .crm-reg-footer div{display:flex;align-items:center;gap:10px}#app .crm-reg-footer button{min-height:32px;padding:5px 9px;border:1px solid #dbceea;border-radius:8px;background:#fff;color:#6846c4}#app .crm-reg-footer button:disabled{opacity:.4;cursor:default}
@media(max-width:900px){#app .crm-reg-tools{grid-template-columns:repeat(2,minmax(0,1fr))}#app .crm-reg-tools>input{grid-column:1/-1}}
@media(max-width:520px){#app .crm-reg-head{padding:16px}#app .crm-reg-head h1{font-size:23px}#app .crm-reg-head p{font-size:11px}#app .crm-reg-tools{padding:9px}#app .crm-reg-footer{font-size:11px}}

#app .crm-reg-statusbar{display:flex;gap:5px;overflow-x:auto;padding:8px 11px;background:#faf7fe;border:1px solid #ded0ee;border-top:0;scrollbar-width:thin}
#app .crm-reg-statusbar button{flex:none;min-height:29px;padding:5px 9px;border:1px solid #e6ddf0;border-radius:7px;background:#fff;color:#6b5b78;font-size:11px}
#app .crm-reg-statusbar button.active{background:#eee5fa;border-color:#bca8e4;color:#6742bf;font-weight:700}
/* Compact board for every CRM funnel. */
.crm-reg-head-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.crm-reg-view-switch{display:flex;gap:3px;padding:4px;background:#f1edfb;border:1px solid #e4dcf7;border-radius:13px}
.crm-reg-view-switch button{border:0;background:transparent;color:#665f79;font-weight:700;padding:9px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}
.crm-reg-view-switch button.active{background:#fff;color:#6047c5;box-shadow:0 2px 8px #3828771a}
.crm-kanban-board{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 18px;min-height:360px;scrollbar-color:#c8b9ed transparent}
.crm-kanban-column{flex:0 0 282px;min-width:282px;max-width:282px;border:1px solid #e5def3;border-radius:18px;background:linear-gradient(180deg,#f7f3ff,#f9f7fc 66%);padding:10px;transition:border-color .15s,background .15s}
.crm-kanban-column.is-over{border-color:#7254cf;background:#f0eaff}
.crm-kanban-column>header{display:flex;align-items:center;gap:8px;padding:7px 8px 13px;color:#342947}
.crm-kanban-column h2{font-size:14px;line-height:1.2;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-kanban-column>header b{font-size:12px;min-width:25px;text-align:center;background:#fff;border:1px solid #e3d9f6;border-radius:8px;padding:4px;color:#6950b7}
.crm-kanban-dot{width:8px;height:8px;border-radius:50%;background:#7959db;box-shadow:0 0 0 4px #e9defc}
.crm-kanban-stack{display:grid;align-content:start;gap:8px;min-height:200px}
.crm-kanban-card{background:#fff;border:1px solid #e7e1f0;border-radius:13px;padding:12px;box-shadow:0 2px 7px #3322540a;cursor:pointer;min-width:0}
.crm-kanban-card:hover,.crm-kanban-card:focus{border-color:#bda9ef;box-shadow:0 5px 14px #5f4ba022;outline:none}
.crm-kanban-card.is-dragging{opacity:.5}
.crm-kanban-card-top{display:flex;align-items:flex-start;gap:7px}
.crm-kanban-card-top b{font-size:13px;line-height:1.3;flex:1;overflow-wrap:anywhere;color:#30293e}
.crm-kanban-card-top span{font-size:15px;color:#af9cdb}
.crm-kanban-card>a{display:inline-block;margin-top:7px;color:#6248c4;text-decoration:none;font-size:13px;font-weight:600}
.crm-kanban-occasion{font-size:12px;color:#6a6475;line-height:1.35;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crm-kanban-date{font-size:11px;color:#56458f;background:#f2eefb;border-radius:8px;padding:6px 8px;margin-top:9px;font-weight:700}
.crm-kanban-card-foot{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:11px;padding-top:9px;border-top:1px solid #f0ebf7;color:#8a8298;font-size:10px}
.crm-kanban-card-foot>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
.crm-kanban-card-foot .crm-reg-owner{font-size:10px;white-space:nowrap}
.crm-kanban-card-foot .crm-reg-owner img,.crm-kanban-card-foot .crm-reg-owner i{width:19px;height:19px}
.crm-kanban-empty{font-size:12px;color:#9b91a8;text-align:center;padding:42px 12px;margin:0;border:1px dashed #dfd4ef;border-radius:12px}
.crm-kanban-more{width:100%;margin-top:9px;border:1px solid #d9c9f0;border-radius:10px;background:#fff;color:#634ac4;padding:9px;cursor:pointer;font-size:12px;font-weight:700}
@media(max-width:700px){.crm-reg-head-right{justify-content:flex-start}.crm-kanban-column{flex-basis:258px;min-width:258px;max-width:258px}}