:root{
  --bg:#f2f5f3;--surface:#fff;--surface-2:#f7f9f8;--ink:#17231f;--muted:#6b7a74;--line:#dfe7e3;
  --brand:#176b52;--brand-dark:#0f4e3c;--brand-soft:#dff2e9;--green:#178c5b;--green-soft:#ddf5e9;
  --blue:#2876c7;--blue-soft:#e5f0fb;--orange:#d87b24;--orange-soft:#fff0df;--red:#be3f45;--red-soft:#fde9ea;
  --purple:#7257b5;--purple-soft:#eee9fb;--shadow:0 20px 60px rgba(26,54,44,.10);--shadow-sm:0 8px 28px rgba(26,54,44,.07);
  --radius:18px;--radius-sm:12px;--sidebar:248px;--topbar:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit}body.modal-open{overflow:hidden}.hidden{display:none!important}.mobile-only{display:none!important}.small-muted{font-size:12px;color:var(--muted)}.full{width:100%}.span-2{grid-column:span 2}.span-3{grid-column:span 3}

/* Layout */
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--topbar) 1fr}.topbar{position:sticky;top:0;z-index:50;grid-column:1/-1;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 22px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.topbar-center{flex:1;max-width:660px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:200px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#1b765a,#0e4d3b);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 8px 18px rgba(23,107,82,.22)}.brand-mark.large{width:56px;height:56px;font-size:28px;border-radius:18px}.brand>span:last-child,.login-brand>div{display:grid;line-height:1.05}.brand b,.login-brand b{font-size:19px}.brand small,.login-brand small{margin-top:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.global-search-wrap{position:relative;display:flex;align-items:center;gap:9px;width:100%;height:42px;padding:0 13px;background:var(--surface-2);border:1px solid transparent;border-radius:13px;transition:.2s}.global-search-wrap:focus-within{background:#fff;border-color:#acd0c2;box-shadow:0 0 0 4px rgba(23,107,82,.08)}.global-search-wrap input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.search-results{position:absolute;top:48px;left:0;right:0;max-height:420px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:8px}.search-result{display:flex;align-items:center;gap:12px;padding:11px;border-radius:10px;cursor:pointer}.search-result:hover{background:var(--surface-2)}.search-result-icon{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}.search-result>div{min-width:0}.search-result b,.search-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{color:var(--muted)}
.sidebar{position:sticky;top:var(--topbar);height:calc(100vh - var(--topbar));z-index:35;background:#123f33;color:#ecf6f2;display:flex;flex-direction:column;padding:18px 12px;overflow:auto}.sidebar-mobile-head{display:none}.nav-list{display:block}.nav-caption{margin:16px 12px 8px;color:#9cbcaf;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.nav-item{width:100%;height:44px;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#dbeae4;padding:0 12px;border-radius:11px;cursor:pointer;text-align:left;font-weight:650;margin:2px 0}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:#fff;color:#164f3e;box-shadow:0 8px 18px rgba(0,0,0,.12)}.nav-icon{width:22px;text-align:center;font-size:17px}.badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:#dff3e9;color:#125b44;font-size:11px;font-style:normal;font-weight:900}.badge.warning{background:#ffdcae;color:#874900}.sidebar-foot{margin-top:auto;padding:18px 12px 4px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user{font-weight:800;margin-bottom:4px}.sidebar .small-muted{color:#9cbcaf}.sidebar-overlay{display:none}.content{min-width:0;padding:26px 30px 60px}.view-header{min-height:50px;margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.view-header h1{margin:0;font-size:29px;letter-spacing:-.03em}.view-header p{margin:5px 0 0;color:var(--muted)}.view-actions{display:flex;flex-wrap:wrap;gap:9px}.view-root{min-height:300px}.page-loader{padding:60px;text-align:center;color:var(--muted)}

/* Controls */
.button,.icon-btn,.profile-button{border:0;cursor:pointer;transition:.18s ease}.button{min-height:40px;border-radius:11px;padding:9px 15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover,.icon-btn:hover,.profile-button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--brand);color:#fff;box-shadow:0 7px 16px rgba(23,107,82,.17)}.button-primary:hover{background:var(--brand-dark)}.button-soft{background:var(--brand-soft);color:var(--brand-dark)}.button-light{background:#f1f4f2;color:#34433d}.button-success{background:var(--green);color:#fff}.button-danger{background:var(--red-soft);color:var(--red)}.button-ghost{background:transparent;border:1px solid var(--line)}.button-small{min-height:32px;padding:6px 10px;font-size:12px}.icon-btn{width:38px;height:38px;border-radius:11px;background:transparent;display:grid;place-items:center;font-size:20px}.icon-btn:hover{background:var(--surface-2)}.profile-button{height:42px;padding:4px 10px 4px 5px;border-radius:13px;background:transparent;display:flex;align-items:center;gap:8px}.profile-button span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900}.profile-button b{font-size:13px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-pill{height:34px;padding:0 10px;border-radius:99px;background:#edf1ef;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.connection-pill span{width:8px;height:8px;border-radius:50%;background:#9eaaa5}.connection-pill.connected{background:var(--green-soft);color:#126c45}.connection-pill.connected span{background:#20a26c;box-shadow:0 0 0 4px rgba(32,162,108,.12)}.connection-pill.warning{background:var(--orange-soft);color:#9a5415}.connection-pill.warning span{background:var(--orange)}

/* Cards and dashboards */
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.card-head h2,.card-head h3{margin:0;letter-spacing:-.02em}.card-head h2{font-size:21px}.card-head h3{font-size:17px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.stat-card{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;min-height:126px}.stat-card::after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;right:-28px;bottom:-35px;background:var(--brand-soft);opacity:.7}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900;margin-bottom:13px}.stat-card.warning .stat-icon{background:var(--orange-soft);color:var(--orange)}.stat-card.danger .stat-icon{background:var(--red-soft);color:var(--red)}.stat-card.blue .stat-icon{background:var(--blue-soft);color:var(--blue)}.stat-card.purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-value{font-size:29px;font-weight:900;line-height:1}.stat-label{margin-top:7px;color:var(--muted);font-size:12px;font-weight:650}.metric-row{display:flex;gap:20px;flex-wrap:wrap}.metric-row>div b{font-size:22px;display:block}.metric-row>div span{font-size:12px;color:var(--muted)}
.list{display:grid;gap:9px}.empty-state{text-align:center;padding:42px 20px;color:var(--muted)}.empty-state .empty-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:var(--surface-2);display:grid;place-items:center;font-size:25px}.empty-state b{display:block;color:var(--ink);margin-bottom:5px}.item-card{display:flex;align-items:center;gap:13px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.16s}.item-card:hover{border-color:#bcd2c9;box-shadow:0 8px 20px rgba(26,54,44,.07);transform:translateY(-1px)}.item-main{min-width:0;flex:1}.item-title{display:flex;align-items:center;gap:8px;min-width:0}.item-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sub{margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{text-align:right;color:var(--muted);font-size:12px}.item-meta b{display:block;color:var(--ink);font-size:13px}.avatar{flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900}.avatar.call{background:var(--blue-soft);color:var(--blue)}.avatar.missed{background:var(--red-soft);color:var(--red)}.avatar.order{background:var(--purple-soft);color:var(--purple)}.avatar.task{background:var(--orange-soft);color:var(--orange)}.tag{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border-radius:99px;background:#edf2ef;color:#52625b;font-size:11px;font-weight:800;white-space:nowrap}.tag.green{background:var(--green-soft);color:#126c45}.tag.blue{background:var(--blue-soft);color:#1e65ad}.tag.orange{background:var(--orange-soft);color:#a85a14}.tag.red{background:var(--red-soft);color:#a62f35}.tag.purple{background:var(--purple-soft);color:#6046a1}.tag.dark{background:#dfe7e3;color:#2b4037}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.section-divider{height:1px;background:var(--line);margin:16px 0}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left}.quick-action:hover{border-color:#a9cbbd;background:#fbfdfc}.quick-action b{display:block;margin:7px 0 3px}.quick-action small{color:var(--muted)}

/* Filters/tables */
.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-bar input,.filter-bar select{min-height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px 11px;outline:0}.filter-bar input:focus,.filter-bar select:focus{border-color:#8dbca9;box-shadow:0 0 0 3px rgba(23,107,82,.08)}.segmented{display:inline-flex;padding:4px;border-radius:12px;background:#e8eeeb}.segmented button{border:0;background:transparent;border-radius:9px;padding:7px 11px;cursor:pointer;font-weight:750;font-size:12px}.segmented button.active{background:#fff;color:var(--brand);box-shadow:0 3px 9px rgba(26,54,44,.09)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{position:sticky;top:0;background:#f7f9f8;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;z-index:1}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcfb}.table-actions{display:flex;gap:6px;justify-content:flex-end}.money-positive{color:#168451;font-weight:850}.money-negative{color:var(--red);font-weight:850}

/* Kanban */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,1fr);gap:14px;overflow-x:auto;padding-bottom:12px}.kanban-column{background:#e9efec;border-radius:17px;padding:12px;min-height:360px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px}.kanban-head h3{margin:0;font-size:14px}.kanban-count{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--muted);font-size:11px;font-weight:900}.kanban-cards{display:grid;gap:9px}.kanban-card{background:#fff;border:1px solid #dce5e1;border-radius:14px;padding:13px;cursor:pointer;box-shadow:0 3px 9px rgba(26,54,44,.04)}.kanban-card:hover{border-color:#acc9bd}.kanban-card h4{margin:0 0 5px;font-size:14px}.kanban-card p{margin:0;color:var(--muted);font-size:12px}.kanban-card .price{font-weight:900;color:var(--brand);font-size:15px;margin-top:10px}.kanban-card.overdue{border-color:#e7a9ad;box-shadow:0 0 0 2px rgba(190,63,69,.07)}

/* Calendar */
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-toolbar h2{margin:0;font-size:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:8px;overflow:auto}.calendar-day{min-height:156px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.calendar-day.today{border-color:#78b7a0;box-shadow:0 0 0 3px rgba(23,107,82,.08)}.calendar-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-date b{font-size:14px}.calendar-date small{color:var(--muted)}.calendar-event{padding:8px;border-radius:9px;background:var(--brand-soft);margin-bottom:6px;font-size:11px;cursor:pointer}.calendar-event.tree{background:var(--purple-soft)}.calendar-event b{display:block}.calendar-event span{color:var(--muted)}

/* Call cards */
.call-row{display:grid;grid-template-columns:44px minmax(180px,1.2fr) minmax(130px,.8fr) minmax(120px,.7fr) auto;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:#fff}.call-row:last-child{border-bottom:0}.call-row:hover{background:#fbfcfb}.call-person b,.call-person small{display:block}.call-person small,.call-info,.call-time{color:var(--muted);font-size:12px}.call-actions{display:flex;align-items:center;gap:7px}.play-button{width:34px;height:34px;border:0;border-radius:10px;background:var(--blue-soft);color:var(--blue);cursor:pointer;font-weight:900}.audio-player{width:min(100%,520px);height:38px}.live-dot{width:9px;height:9px;border-radius:50%;background:#19a767;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,167,103,.4)}70%{box-shadow:0 0 0 8px rgba(25,167,103,0)}100%{box-shadow:0 0 0 0 rgba(25,167,103,0)}}

/* Incoming call */
.incoming-call{position:fixed;z-index:130;right:24px;top:88px;width:min(560px,calc(100vw - 32px));display:flex;align-items:center;gap:15px;padding:16px;background:#0f3d31;color:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(6,31,24,.35);border:1px solid rgba(255,255,255,.12)}.incoming-pulse{width:50px;height:50px;border-radius:16px;background:#1b8d65;display:grid;place-items:center;font-size:24px;animation:incoming 1.25s infinite}@keyframes incoming{50%{box-shadow:0 0 0 10px rgba(55,193,142,.13)}}.incoming-main{min-width:0;flex:1}.incoming-kicker{display:flex;align-items:center;gap:10px;color:#b9d8cd;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.incoming-kicker b{color:#fff}.incoming-main h3{margin:4px 0 1px;font-size:20px}.incoming-phone{font-weight:800}.incoming-context{font-size:12px;color:#b9d8cd;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.incoming-call .button-light{background:rgba(255,255,255,.12);color:#fff}.incoming-call .icon-btn{color:#fff}

/* Forms / dialogs */
.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}.modal::backdrop{background:rgba(14,29,23,.48);backdrop-filter:blur(3px)}.modal-card{width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 28px);overflow:auto;margin:auto;background:#f6f8f7;border-radius:22px;box-shadow:0 34px 100px rgba(5,28,20,.35);border:1px solid rgba(255,255,255,.5)}.modal-small{width:min(560px,calc(100vw - 28px));padding-bottom:2px}.modal-head{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.modal-head h2{margin:2px 0 0;font-size:22px;letter-spacing:-.02em}.modal-kicker{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.modal-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:16px}.modal-content{display:grid;gap:14px}.lead-result-panel{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow-sm)}.lead-result-panel h3{margin:0 0 13px}.lead-result-panel>label{margin-bottom:12px}.section-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title span{width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:10px;font-weight:900}.section-title h3{margin:0;font-size:16px}.form-grid{display:grid;gap:13px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-body-grid{padding:16px}.modal-card label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#405049}.modal-card input,.modal-card select,.modal-card textarea{width:100%;border:1px solid #d7e1dc;border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);outline:0;resize:vertical}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#75ad99;box-shadow:0 0 0 3px rgba(23,107,82,.08)}.switch-card{grid-template-columns:20px 1fr!important;align-items:center!important;gap:10px!important;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fafcfb;cursor:pointer}.switch-card input{width:18px!important;height:18px;accent-color:var(--brand)}.switch-card span{display:grid}.switch-card small{font-weight:500;color:var(--muted);margin-top:2px}.next-action-box,.order-ready-box{padding:13px;border-radius:13px;margin-top:13px}.next-action-box{background:var(--orange-soft);border:1px solid #f0d1aa}.next-action-box>b,.order-ready-box>b{display:block;margin-bottom:9px}.next-action-box small{display:block;color:#8d5e2f;margin-top:7px}.order-ready-box{background:var(--green-soft);border:1px solid #bbe4ce;color:#126c45}.order-ready-box p{font-size:12px;margin:6px 0 0}.related-calls{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.related-call{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;padding:7px 0}.modal-actions{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;gap:9px;padding:15px 20px;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid var(--line)}.modal-spacer{flex:1}.profit-preview{padding:12px;border-radius:12px;background:var(--green-soft);color:#126c45;display:flex;justify-content:space-between}.hint-box{padding:12px;border-radius:11px;background:var(--blue-soft);color:#315d88;font-size:12px}.client-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;padding:16px}.client-profile-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;align-self:start;display:grid;gap:11px}.client-avatar{width:64px;height:64px;border-radius:20px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:26px;font-weight:900;margin-bottom:3px}.timeline-tabs{display:flex;gap:5px;padding:5px;background:#e8eeeb;border-radius:12px;margin-bottom:12px}.tab{border:0;background:transparent;border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:800;font-size:12px}.tab.active{background:#fff;color:var(--brand);box-shadow:0 3px 8px rgba(26,54,44,.08)}.timeline{display:grid;gap:9px}.timeline-item{display:grid;grid-template-columns:34px 1fr auto;gap:11px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px}.timeline-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center}.timeline-item h4{margin:0 0 4px}.timeline-item p{margin:0;color:var(--muted);font-size:12px}.timeline-item time{color:var(--muted);font-size:11px}

/* Notifications/login */
.toast-root{position:fixed;z-index:200;right:18px;bottom:18px;display:grid;gap:9px;width:min(390px,calc(100vw - 36px))}.toast{padding:13px 15px;border-radius:13px;background:#183d32;color:#fff;box-shadow:var(--shadow);animation:toastIn .2s ease}.toast.error{background:#8f3035}.toast.warning{background:#925819}.toast b{display:block;margin-bottom:2px}.toast small{color:rgba(255,255,255,.8)}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}
.login-body{background:radial-gradient(circle at 12% 8%,#e4f1eb 0,transparent 32%),radial-gradient(circle at 85% 80%,#dbece6 0,transparent 30%),#f4f7f5;min-height:100vh}.login-shell{min-height:100vh;width:min(1120px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;padding:42px 0}.login-copy h1{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.05em;margin:30px 0 18px;max-width:760px}.login-copy>p{font-size:19px;color:var(--muted);max-width:670px}.login-brand{display:flex;align-items:center;gap:13px}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.login-feature-grid>div{display:flex;align-items:center;gap:11px;padding:15px;background:rgba(255,255,255,.62);border:1px solid rgba(209,224,217,.85);border-radius:14px}.login-feature-grid b{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.login-feature-grid span{font-weight:750}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);display:grid;gap:13px}.login-card h2{font-size:27px;margin:3px 0 0}.login-card p{margin:0 0 7px;color:var(--muted)}.login-card label{display:grid;gap:6px;font-size:12px;font-weight:800}.login-input{height:46px;border:1px solid var(--line);border-radius:11px;padding:0 12px;outline:0}.login-input:focus{border-color:#79b29d;box-shadow:0 0 0 4px rgba(23,107,82,.08)}.login-error{min-height:20px;color:var(--red);font-size:12px;font-weight:750}.login-card>small{color:var(--muted);text-align:center}

/* Responsive */
@media(max-width:1180px){.topbar-center{max-width:440px}.topbar-right .button-soft{display:none}.dashboard-layout{grid-template-columns:1fr}.grid-4,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-layout{grid-template-columns:1fr}.lead-result-panel{position:static}.modal-body-grid{grid-template-columns:1fr 1fr}.modal-body-grid>.span-2{grid-column:span 2}}
@media(max-width:900px){:root{--topbar:64px}.mobile-only{display:grid!important}.app-shell{display:block}.topbar{height:var(--topbar);padding:0 12px}.brand{min-width:auto}.brand>span:last-child{display:none}.topbar-center{display:none}.profile-button b,.connection-pill{display:none}.topbar-right{gap:5px}.topbar-right .quick-create{display:none}.sidebar{position:fixed;left:-270px;top:0;height:100vh;width:260px;z-index:110;transition:.22s;padding-top:10px}.sidebar.open{left:0}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(12,28,22,.42);z-index:100;opacity:0;visibility:hidden;transition:.2s}.sidebar-overlay.open{opacity:1;visibility:visible}.content{padding:20px 14px 50px}.grid-3{grid-template-columns:1fr 1fr}.client-layout{grid-template-columns:1fr}.client-profile-card{position:static}.incoming-call{right:16px;top:74px;align-items:flex-start}.incoming-actions{max-width:170px}.call-row{grid-template-columns:42px 1fr auto}.call-info,.call-time{display:none}}
@media(max-width:640px){.topbar-right #quickOrderBtn,.profile-button{display:none}.view-header{display:block}.view-actions{margin-top:12px}.view-header h1{font-size:25px}.grid-2,.grid-3,.grid-4,.stat-grid,.stat-grid.compact{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.modal-card{width:100vw;max-height:100vh;height:100vh;border-radius:0}.modal-head{padding:15px}.modal-layout,.modal-body-grid,.client-layout{padding:10px}.form-grid.cols-2,.form-grid.cols-3,.modal-body-grid{grid-template-columns:1fr}.span-2,.span-3,.modal-body-grid>.span-2{grid-column:auto}.modal-actions{padding:12px;flex-wrap:wrap}.modal-actions .button{flex:1}.modal-spacer{display:none}.section-card{padding:14px}.incoming-call{left:10px;right:10px;top:auto;bottom:10px;width:auto;display:grid;grid-template-columns:48px 1fr}.incoming-actions{grid-column:1/-1;max-width:none;justify-content:stretch}.incoming-actions .button{flex:1}.calendar-grid{grid-template-columns:repeat(7,145px)}.login-shell{grid-template-columns:1fr;padding:22px 0}.login-copy{display:none}.login-card{padding:24px}.kanban{grid-auto-columns:86vw}}
@media print{.topbar,.sidebar,.view-header,.filter-bar,.button,.incoming-call{display:none!important}.app-shell{display:block}.content{padding:0}.card,.table-wrap{box-shadow:none}}
.crm-code{padding:12px 13px;border-radius:11px;background:#122d25;color:#d9f0e7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.setup-list{margin:0;padding-left:22px;display:grid;gap:10px;color:#42534c}.setup-list li::marker{color:var(--brand);font-weight:900}.compact-list .item-card{padding:10px 12px}

/* ===== KRONA CRM legacy mobile: mobile navigation, diagnostics and touch UX ===== */
.button-icon{font-size:18px;line-height:1}.button-label{font-size:13px}.item-card.static{cursor:default}.item-card.static:hover{transform:none;box-shadow:none;border-color:var(--line)}.selectable{user-select:all}.diagnostic-placeholder{padding:18px;border:1px dashed #bdd0c8;border-radius:14px;background:#f8fbf9;color:var(--muted);font-size:13px}.diagnostic-list{display:grid;gap:9px}.diagnostic-row{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:13px;border:1px solid var(--line);background:#fafcfb}.diagnostic-row>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.diagnostic-row.ok>span{background:var(--green-soft);color:var(--green)}.diagnostic-row.fail>span{background:var(--red-soft);color:var(--red)}.diagnostic-row b,.diagnostic-row small{display:block}.diagnostic-row small{margin-top:3px;color:var(--muted);font-size:11px;word-break:break-word}.diagnostic-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.setup-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.setup-check-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.setup-check-grid b,.setup-check-grid span{display:block}.setup-check-grid span{margin-top:5px;color:var(--muted);font-size:12px;word-break:break-word}.compact-table{min-width:700px}.mobile-bottom-nav,.mobile-quick-sheet,.mobile-quick-overlay{display:none}

@media(max-width:900px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
  .topbar-right .quick-create{display:none!important}
  .topbar{gap:8px}.topbar-left{gap:7px}.topbar-right{margin-left:auto}.brand-mark{width:38px;height:38px}
  .content{padding-bottom:105px}
  .mobile-bottom-nav{display:grid;position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -10px 35px rgba(24,55,44,.1)}
  .mobile-bottom-nav>button{position:relative;border:0;background:transparent;border-radius:12px;display:grid;place-items:center;align-content:center;gap:2px;color:#718079;min-width:0;min-height:54px;padding:4px;cursor:pointer}
  .mobile-bottom-nav>button>span{font-size:21px;line-height:1}.mobile-bottom-nav>button>small{font-size:9px;font-weight:800;white-space:nowrap}.mobile-bottom-nav>button.active{color:var(--brand);background:var(--brand-soft)}
  .mobile-bottom-nav .mobile-create-button{margin-top:-20px;width:60px;height:60px;justify-self:center;border-radius:20px;background:var(--brand);color:#fff;box-shadow:0 10px 26px rgba(23,107,82,.28)}
  .mobile-bottom-nav .mobile-create-button>span{font-size:30px}.mobile-bottom-nav .mobile-create-button>small{color:#fff}
  .mobile-nav-badge{position:absolute;top:3px;right:14%;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:9px;font-style:normal;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
  .mobile-quick-overlay{display:block;position:fixed;z-index:140;inset:0;background:rgba(8,25,19,.48);backdrop-filter:blur(2px)}
  .mobile-quick-sheet{display:grid;position:fixed;z-index:150;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:10px 14px 14px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 25px 80px rgba(5,28,20,.35);gap:9px;animation:sheetIn .18s ease}
  .mobile-quick-sheet h3{margin:3px 2px 7px;font-size:19px}.mobile-sheet-handle{width:44px;height:4px;border-radius:99px;background:#d5ddda;margin:0 auto 4px}
  .mobile-quick-sheet>button[data-mobile-action]{border:1px solid var(--line);background:#fafcfb;border-radius:15px;padding:13px;display:flex;align-items:center;gap:12px;text-align:left;min-height:64px}
  .mobile-quick-sheet>button[data-mobile-action]>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:20px;font-weight:900}.mobile-quick-sheet b,.mobile-quick-sheet small{display:block}.mobile-quick-sheet small{margin-top:3px;color:var(--muted);font-size:11px}
  body.mobile-sheet-open{overflow:hidden}@keyframes sheetIn{from{transform:translateY(20px);opacity:0}}
  .setup-check-grid{grid-template-columns:1fr}
  .filter-bar{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px}.segmented{flex:0 0 auto}.filter-bar input,.filter-bar select{min-width:180px}
  .view-header{margin-bottom:14px}.view-header p{font-size:12px}.view-actions .button{min-height:42px}
  .item-card{padding:12px;gap:10px}.item-meta{max-width:94px}.item-title{flex-wrap:wrap}.item-sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .call-actions{gap:5px}.call-actions .button{min-width:38px}.incoming-call{z-index:120}
}

@media(max-width:640px){
  .content{padding:14px 10px 100px}.card-pad{padding:14px}.card{border-radius:15px}.stat-card{min-height:105px;padding:14px}.stat-value{font-size:25px}
  .view-header h1{font-size:23px}.view-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.view-actions .button{width:100%;padding:8px 10px;font-size:12px}
  .modal-card{padding-bottom:env(safe-area-inset-bottom)}.modal-actions{bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal-actions .button{min-height:45px}
  .client-profile-card{padding:14px}.timeline-tabs{overflow-x:auto}.tab{flex:0 0 auto}
  .call-row{grid-template-columns:40px minmax(0,1fr);padding:11px}.call-actions{grid-column:1/-1;justify-content:flex-end}.call-actions .button{font-size:11px;padding:6px 9px}.call-person small{font-size:12px}
  .kanban{padding-bottom:5px}.kanban-column{min-height:200px}
  .diagnostic-actions{display:grid}.diagnostic-actions .button{width:100%}
}

/* ===== KRONA CRM calls module: app shell, call history and transcripts ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{touch-action:pan-y;background-attachment:fixed}
.app-shell,.content,.view-root,.card,.modal-card{min-width:0;max-width:100%}
.call-row{cursor:pointer}.call-row:hover{background:#f8fbf9}.call-row.call-missed{background:#fff7f5}.call-mobile-tags{display:none}.compact-tags{margin-top:5px}.inline-audio{padding:10px 15px;border-bottom:1px solid var(--line);background:#f8fbf9}.audio-player{display:block;width:100%;height:42px}
.transcript-notice{margin-bottom:14px;padding:14px 16px;border:1px solid #cfe1d8;border-radius:15px;background:#f2f8f5;color:#365249;font-size:13px}.transcript-notice b{color:var(--ink)}
.transcript-filters label{display:grid;gap:4px;color:var(--muted);font-size:11px;font-weight:800}.transcript-filters label input{min-width:145px}
.transcript-list{display:grid}.transcript-row{display:grid;grid-template-columns:38px 150px minmax(170px,1.2fr) minmax(180px,1fr) 150px 42px;align-items:center;gap:12px;min-height:78px;padding:12px 15px;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s}.transcript-row:last-child{border-bottom:0}.transcript-row:hover{background:#f8fbf9}.transcript-check{display:grid;place-items:center;cursor:pointer}.transcript-check input{width:19px;height:19px;accent-color:var(--brand)}.transcript-date b,.transcript-person b{display:block}.transcript-date small,.transcript-person small,.transcript-context small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.transcript-context .tag{margin-bottom:5px}.transcript-status{text-align:left}
.call-detail-card{width:min(1080px,calc(100vw - 28px))}.call-detail-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;padding:18px;overflow:auto}.call-detail-summary{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fafcfb;align-self:start}.call-detail-direction{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:25px;font-weight:900}.call-detail-direction.missed{background:var(--red-soft);color:var(--red)}.call-detail-direction.outgoing{background:var(--blue-soft);color:var(--blue)}.call-detail-summary h3{margin:14px 0 3px;font-size:22px}.call-detail-phone{display:block;color:var(--brand);font-weight:850;text-decoration:none;margin-bottom:12px}.detail-list{margin:16px 0;display:grid;gap:0;border-top:1px solid var(--line)}.detail-list>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{margin:0;text-align:right;font-size:12px;font-weight:750}.call-detail-audio{margin:15px 0}.call-detail-actions{display:grid;gap:8px}.call-transcript-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:420px}.call-transcript-panel .card-head{align-items:flex-start}.transcript-state{margin:14px 0}.transcript-text{margin:0;min-height:260px;max-height:56vh;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:18px;border:1px solid var(--line);border-radius:15px;background:#f7faf8;color:#21352d;font-family:inherit;font-size:14px;line-height:1.7}

@media(max-width:1000px){.transcript-row{grid-template-columns:36px 130px minmax(150px,1fr) minmax(160px,1fr) 130px 38px}.call-detail-layout{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:900px){
  input,select,textarea{font-size:16px!important}
  .call-mobile-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.call-mobile-tags .tag{font-size:9px}
  .transcript-row{grid-template-columns:34px minmax(0,1fr) 38px;gap:8px;padding:12px}.transcript-date{grid-column:2}.transcript-person{grid-column:2}.transcript-context{grid-column:2}.transcript-status{grid-column:2}.transcript-row>.play-button{grid-column:3;grid-row:1/5}.transcript-check{grid-column:1;grid-row:1/5}
  .call-detail-layout{grid-template-columns:1fr;padding:12px}.call-detail-summary{padding:15px}.call-transcript-panel{padding:15px;min-height:300px}.transcript-text{max-height:none;min-height:220px}
}
@media(max-width:640px){
  body{width:100vw;max-width:100vw}.content{width:100%;max-width:100vw}.view-root{width:100%}
  .filter-bar.transcript-filters{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.transcript-filters input,.transcript-filters select,.transcript-filters button{min-width:0!important;width:100%}.transcript-filters #transcriptSearch,.transcript-filters #selectAllTranscripts{grid-column:1/-1}
  .call-row{width:100%;overflow:hidden}.call-person{min-width:0}.call-person b,.call-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.call-actions .button,.call-actions .play-button{width:100%;min-width:0}
  .call-detail-card{width:100vw;height:100dvh;max-height:100dvh}.call-detail-layout{padding:10px}.call-transcript-panel .card-head{display:block}.call-transcript-panel .card-head .button{margin-top:10px;width:100%}
  .detail-list>div{grid-template-columns:1fr}.detail-list dd{text-align:left;margin-top:2px}
}

@media(max-width:640px){.view-root{padding-bottom:16px}.call-phone-button{font-size:10px!important;gap:3px!important}}

/* ======================================================================
   KRONA CRM V7 — рабочий стол, календарные дни, задачи и заказы
   ====================================================================== */
:root{
  --sidebar-bg:#101a23;
  --topbar:72px;
  --crm-green:#16844f;
  --crm-green-dark:#0c6238;
  --crm-green-soft:#e9f7ee;
  --crm-blue:#2e6fd0;
  --crm-blue-soft:#edf4ff;
  --crm-orange:#e88716;
  --crm-orange-soft:#fff4e3;
  --crm-red:#d9323f;
  --crm-red-soft:#ffedef;
  --crm-purple:#7547c9;
  --crm-purple-soft:#f1ecff;
}

/* Основной каркас как у полноценного приложения */
.sidebar{background:linear-gradient(180deg,#101a23 0%,#111d27 100%);color:#eef4f1;box-shadow:8px 0 30px rgba(12,27,23,.06)}
.nav-item{height:48px;border-radius:12px;color:#d4ddd9;font-size:15px}
.nav-item:hover{background:rgba(255,255,255,.065);color:#fff}
.nav-item.active{background:linear-gradient(135deg,#126540,#177b4c);color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.16)}
.nav-item.active .badge{background:#fff;color:var(--crm-green-dark)}
.nav-caption{color:#7f918b}.sidebar-foot{color:#d7e2dd}.sidebar .small-muted{color:#8fa099}
.topbar{box-shadow:0 1px 0 var(--line);background:rgba(255,255,255,.97)}
.content{background:linear-gradient(180deg,#fbfcfb 0%,#f3f6f4 100%);min-height:calc(100vh - var(--topbar))}
.brand-mark{background:linear-gradient(145deg,#20a15d,#0c6139);box-shadow:0 9px 23px rgba(20,129,76,.24)}

/* Приветствие */
.today-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 20px}
.today-welcome h1{margin:0;font-size:31px;line-height:1.12;letter-spacing:-.035em}
.today-welcome p{margin:7px 0 0;color:var(--muted);font-size:14px;text-transform:capitalize}
.today-actions{display:flex;align-items:center;gap:10px}
.round-action{min-height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 14px;font-weight:800;cursor:pointer}
.round-action:hover{border-color:#a9cabc;background:#f8fbf9}

/* Пять главных показателей дня */
.today-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}
.today-kpis>button{min-width:0;min-height:100px;display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;align-content:center;column-gap:14px;text-align:left;padding:17px 18px;border:1px solid #e1e7e4;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(22,49,39,.055);cursor:pointer;transition:.16s ease}
.today-kpis>button:hover{transform:translateY(-2px);border-color:#b9d1c6;box-shadow:0 14px 35px rgba(22,49,39,.085)}
.today-kpis .kpi-icon{grid-row:1/3;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:900}
.kpi-icon.green{background:var(--crm-green-soft);color:var(--crm-green)}
.kpi-icon.blue{background:var(--crm-blue-soft);color:var(--crm-blue)}
.kpi-icon.red{background:var(--crm-red-soft);color:var(--crm-red)}
.kpi-icon.orange{background:var(--crm-orange-soft);color:var(--crm-orange)}
.kpi-icon.purple{background:var(--crm-purple-soft);color:var(--crm-purple)}
.today-kpis b{font-size:28px;line-height:1}.today-kpis small{margin-top:4px;color:#34433d;font-size:13px;font-weight:750;line-height:1.15}

/* Верхняя полоса календарных дней */
.crm-week-shell{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:stretch;margin:0 0 24px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(24,51,41,.05)}
.crm-week-strip{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:7px}
.week-arrow{border:0;border-radius:12px;background:#f5f8f6;color:#20362d;font-size:27px;cursor:pointer;transition:.16s}
.week-arrow:hover{background:var(--crm-green-soft);color:var(--crm-green)}
.crm-day{position:relative;min-height:111px;padding:12px 8px;border:1px solid #e0e7e3;border-radius:14px;background:#fff;color:#263a31;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:.16s ease}
.crm-day:hover{transform:translateY(-1px);border-color:#afcdbf;background:#fbfdfc}
.crm-day small{font-size:12px;font-weight:850;text-transform:capitalize}
.crm-day b{font-size:16px;line-height:1.1}.crm-day span,.crm-day em{font-size:12px;font-style:normal;color:#4e5d56;line-height:1.25}
.crm-day em{font-weight:850;color:#173f2d}
.crm-day.today::before{content:"сегодня";position:absolute;top:5px;right:6px;padding:2px 5px;border-radius:99px;background:#eef8f1;color:#187343;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.crm-day.active{border:1.5px solid #4ca56e;background:linear-gradient(180deg,#f0faf3,#e5f5e9);box-shadow:0 7px 18px rgba(34,135,78,.13);color:#0d6237}
.crm-day.active span,.crm-day.active em{color:#126b3c}

/* Две рабочие колонки */
.today-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.today-columns>div{min-width:0}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px}
.section-heading h2{margin:0;font-size:22px;letter-spacing:-.025em}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}
.section-heading>button{border:0;background:transparent;color:var(--crm-green);font-size:13px;font-weight:850;cursor:pointer;padding:6px}
.day-order-list,.day-task-list,.orders-board{display:grid;gap:10px}
.dashboard-create{margin:14px auto 0;display:flex}
.more-dot{width:30px;height:36px;border:0;background:transparent;border-radius:9px;font-size:22px;color:#6c7973;cursor:pointer;align-self:center}
.more-dot:hover{background:#eef2f0;color:#1e352b}

/* Карточки заказов */
.day-order-card{position:relative;overflow:hidden;min-height:116px;display:grid;grid-template-columns:72px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:14px 12px 14px 16px;background:#fff;border:1px solid var(--line);border-left:4px solid #aab5b0;border-radius:15px;box-shadow:0 7px 22px rgba(25,51,41,.045);cursor:pointer;transition:.16s}
.day-order-card:hover,.order-view-card:hover{transform:translateY(-1px);border-color:#bad0c6;box-shadow:0 12px 28px rgba(25,51,41,.075)}
.day-order-card.assigned,.order-view-card.assigned{border-left-color:var(--crm-blue)}
.day-order-card.work,.order-view-card.work{border-left-color:var(--crm-purple)}
.day-order-card.done,.order-view-card.done{border-left-color:var(--crm-green)}
.day-order-card.waiting,.order-view-card.waiting{border-left-color:var(--crm-orange)}
.day-order-card.cancelled,.order-view-card.cancelled{border-left-color:#9aa5a0;opacity:.72}
.day-order-card>time{font-size:20px;font-weight:900;color:var(--crm-green);align-self:start;padding-top:3px}
.day-order-main{min-width:0;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.day-order-main h3{margin:0;font-size:18px}.day-order-main p{margin:4px 0;color:#26352f;font-weight:650}.day-order-main small{color:var(--muted)}
.day-order-money{display:grid;justify-items:end;gap:6px;text-align:right;min-width:140px}.day-order-money>b{font-size:17px}.day-order-money>span{font-size:12px;color:#3a4943}

/* Карточки задач: старый понятный светящийся стиль */
.day-task-card{position:relative;overflow:hidden;min-height:76px;display:grid;grid-template-columns:66px minmax(0,1fr) auto auto 30px;align-items:center;gap:12px;padding:12px 10px 12px 14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--crm-blue);border-radius:14px;box-shadow:0 6px 19px rgba(25,51,41,.045);cursor:pointer;transition:.16s}
.day-task-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-100%)}
.day-task-card:hover{transform:translateY(-1px);border-color:#bad0c6;box-shadow:0 11px 27px rgba(25,51,41,.075)}
.day-task-card.max{border-left-color:#12a361;background:linear-gradient(90deg,#f5fff9,#fff 25%)}
.day-task-card.telegram{border-left-color:#2599e8;background:linear-gradient(90deg,#f2faff,#fff 25%)}
.day-task-card.whatsapp{border-left-color:#20b762;background:linear-gradient(90deg,#f3fff7,#fff 25%)}
.day-task-card.overdue{border-left-color:var(--crm-red);background:linear-gradient(90deg,#fff1f2,#fff 28%);box-shadow:0 8px 24px rgba(209,48,59,.10)}
.day-task-card.overdue::after{animation:taskGlow 2.5s ease-in-out infinite}
.day-task-card.done{opacity:.68;border-left-color:#7f9188;background:#f6f8f7}
@keyframes taskGlow{0%,55%{opacity:0;transform:translateX(-100%)}70%{opacity:.55}100%{opacity:0;transform:translateX(100%)}}
.day-task-card>time{font-size:16px;font-weight:900;color:#263832;align-self:start;padding-top:3px}.day-task-card>time small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:650}
.day-task-main{min-width:0}.day-task-main h3{margin:0;font-size:15px;line-height:1.3}.day-task-main small{display:block;margin-top:4px;color:var(--muted)}
.channel-pill,.task-priority{white-space:nowrap;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:850}
.channel-pill{background:#f2f5f3;color:#46564f}.channel-pill.max{background:#e8f8ef;color:#087d43}.channel-pill.telegram{background:#e9f6ff;color:#147eba}.channel-pill.whatsapp{background:#e8faee;color:#0b8d45}.channel-pill.телефон,.channel-pill.звонок{background:#edf4ff;color:#205fae}
.task-priority{background:#edf4ff;color:#3466a6}.task-priority.overdue{background:var(--crm-red-soft);color:var(--crm-red)}.task-priority.done{background:#edf1ef;color:#607069}

/* Задачи */
.task-summary-line{display:flex;gap:12px;margin:0 0 14px}
.task-summary-line>div{min-width:180px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:baseline;gap:9px;box-shadow:var(--shadow-sm)}
.task-summary-line b{font-size:26px}.task-summary-line span{color:var(--muted);font-size:12px}.task-summary-line .danger b{color:var(--crm-red)}
.task-board{max-width:1050px}.task-view-card{grid-template-columns:90px minmax(0,1fr) auto auto auto}

/* Обращения: активные отдельно, архив отдельно */
.lead-summary{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:12px;margin-bottom:14px}
.lead-summary>button{min-height:92px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;column-gap:13px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;transition:.16s}
.lead-summary>button:hover{border-color:#a9cabb}.lead-summary>button.active{border-color:#57a977;background:var(--crm-green-soft);box-shadow:0 8px 22px rgba(26,130,73,.10)}
.lead-summary b{grid-row:1/3;font-size:31px;align-self:center;color:var(--crm-green)}.lead-summary span{font-weight:900;font-size:15px;align-self:end}.lead-summary small{color:var(--muted);font-size:11px}
.lead-tree-line{margin-top:8px;padding:7px 8px;border-radius:8px;background:#f4f7f5;color:#35463f;font-size:11px;font-weight:750}
.next-action-mini{margin-top:8px;padding:7px 8px;border-radius:8px;background:var(--crm-green-soft);color:#136a3d;font-size:10px;font-weight:850}.next-action-mini.overdue{background:var(--crm-red-soft);color:var(--crm-red)}
.kanban-card.overdue{border-color:#ecb4b8;box-shadow:0 7px 20px rgba(210,54,64,.08)}

/* Заказы */
.orders-day-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 14px}
.orders-day-head .eyebrow{display:block;color:var(--crm-green);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.orders-day-head h2{margin:5px 0 2px;font-size:25px;text-transform:capitalize}.orders-day-head p{margin:0;color:var(--muted)}
.order-money-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:15px}
.order-money-grid>div{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px rgba(25,51,41,.04)}
.order-money-grid small,.order-money-grid b{display:block}.order-money-grid small{color:var(--muted);font-size:11px}.order-money-grid b{margin-top:4px;font-size:20px}.order-money-grid .profit{background:var(--crm-green-soft);border-color:#b5dbc3}.order-money-grid .profit b{color:var(--crm-green-dark)}
.orders-board{max-width:1150px}
.order-view-card{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) 185px 30px;gap:15px;align-items:center;padding:15px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--crm-orange);border-radius:15px;box-shadow:0 7px 23px rgba(25,51,41,.045);cursor:pointer;transition:.16s}
.order-view-time b{display:block;font-size:19px;color:var(--crm-green)}.order-view-time small{color:var(--muted)}
.order-view-main{min-width:0}.order-view-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.order-view-title h3{margin:0;font-size:18px}.order-view-main>p{margin:4px 0 8px;color:#32423b;font-weight:700}.order-view-details{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.order-view-side{display:grid;justify-items:end;gap:4px;text-align:right}.order-view-side>b{font-size:18px}.order-view-side>small,.order-view-side>span{font-size:11px;color:var(--muted)}

/* Мобильный вариант */
@media(max-width:1200px){
  .today-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crm-week-strip{overflow-x:auto;display:flex;scrollbar-width:none}.crm-week-strip::-webkit-scrollbar{display:none}.crm-day{flex:0 0 115px}
  .today-columns{grid-template-columns:1fr}
}
@media(max-width:900px){
  .content{background:#f5f7f5}
  .today-welcome{display:block}.today-actions{margin-top:12px}
  .today-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.today-kpis>button{min-height:88px;padding:13px}.today-kpis>button:last-child{grid-column:1/-1}.today-kpis .kpi-icon{width:40px;height:40px}.today-kpis b{font-size:24px}
  .crm-week-shell{grid-template-columns:31px minmax(0,1fr) 31px;margin-left:-2px;margin-right:-2px;padding:5px}.crm-day{flex-basis:100px;min-height:104px}.week-arrow{font-size:23px}
  .day-order-card{grid-template-columns:59px minmax(0,1fr) 25px}.day-order-main{display:block}.day-order-money{justify-items:start;text-align:left;margin-top:9px;min-width:0}
  .day-task-card,.task-view-card{grid-template-columns:55px minmax(0,1fr) auto}.day-task-card .channel-pill{grid-column:2}.day-task-card .task-priority{grid-column:3;grid-row:2}.day-task-card>.more-dot{grid-column:3;grid-row:1}.task-view-card>.button{grid-column:2/4;width:100%}
  .order-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-money-grid .profit{grid-column:1/-1}
  .order-view-card{grid-template-columns:65px minmax(0,1fr) 26px}.order-view-side{grid-column:2;justify-items:start;text-align:left}.order-view-card>.more-dot{grid-column:3;grid-row:1}
  .lead-summary{grid-template-columns:1fr 1fr}.lead-summary>button{min-height:82px;grid-template-columns:48px 1fr}.lead-summary b{font-size:25px}
}
@media(max-width:640px){
  .topbar{height:60px;padding:0 10px}.app-shell{grid-template-rows:60px 1fr}.brand{min-width:0}.brand-mark{width:36px;height:36px}.brand>span:last-child{display:none}.topbar-center{display:none}.quick-create{display:none}.connection-pill{display:none}.profile-button b{display:none}.profile-button{padding-right:4px}
  .content{padding:14px 10px 92px}.today-welcome{margin-bottom:14px}.today-welcome h1{font-size:24px}.today-welcome p{font-size:12px}.today-actions{display:grid;grid-template-columns:1fr 1fr}.today-actions>*{width:100%}
  .today-kpis>button{grid-template-columns:38px auto;column-gap:9px}.today-kpis .kpi-icon{width:36px;height:36px;font-size:18px}.today-kpis small{font-size:11px}
  .crm-week-shell{border-radius:15px;margin-bottom:17px}.crm-day{flex-basis:94px;min-height:98px;padding:9px 5px}.crm-day b{font-size:14px}.crm-day span,.crm-day em{font-size:10px}
  .section-heading h2{font-size:18px}.section-heading p{font-size:11px}
  .day-order-card{min-height:106px;padding:12px 8px 12px 12px;gap:9px}.day-order-card>time{font-size:17px}.day-order-main h3{font-size:16px}.day-order-main p{font-size:12px}.day-order-money .tag{font-size:9px}
  .day-task-card{padding:11px 8px 11px 10px;gap:8px}.day-task-main h3{font-size:13px}.channel-pill,.task-priority{padding:6px 8px;font-size:9px}
  .task-summary-line{display:grid;grid-template-columns:1fr 1fr}.task-summary-line>div{min-width:0;padding:12px}.task-summary-line b{font-size:22px}
  .lead-summary{gap:8px}.lead-summary>button{display:block;padding:11px}.lead-summary b,.lead-summary span,.lead-summary small{display:block}.lead-summary b{font-size:23px}.lead-summary span{font-size:12px}.lead-summary small{margin-top:3px;font-size:9px}
  .orders-day-head{display:block}.orders-day-head .button{margin-top:11px;width:100%}.order-money-grid>div{padding:12px}.order-money-grid b{font-size:17px}
  .order-view-card{padding:12px 8px 12px 10px;gap:9px}.order-view-time b{font-size:16px}.order-view-title h3{font-size:16px}.order-view-details{display:grid;gap:4px}.order-view-side>b{font-size:16px}
  .mobile-bottom-nav .mobile-create-button{display:none!important}
}


/* KRONA CRM V8 — календарь и короткие карточки клиентов */
.crm-week-shell{display:block;padding:14px;border-radius:22px;background:linear-gradient(145deg,#fff,#f4f8f4);border:1px solid #dce7df;box-shadow:0 12px 32px rgba(23,61,38,.07);margin-bottom:20px}
.crm-week-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:12px}.crm-week-head h2{margin:0;text-align:center;font-size:25px;text-transform:capitalize}.crm-week-head .week-arrow{width:42px;height:42px;border-radius:14px}
.crm-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;overflow:visible}.crm-day{min-width:0!important;min-height:116px;padding:10px 5px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center}.crm-day small{font-size:11px;text-transform:lowercase}.crm-day b{font-size:24px;margin:4px 0}.crm-day span,.crm-day em{font-size:10px;line-height:1.25;text-align:center}.crm-day.active{border-color:#26965a;box-shadow:inset 0 0 0 1px #26965a,0 8px 20px rgba(38,150,90,.12)}
.clients-day-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 13px}.clients-day-head .eyebrow{display:block;color:var(--crm-green);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.clients-day-head h2{margin:4px 0;font-size:25px;text-transform:capitalize}.clients-day-head p{margin:0;color:var(--muted)}
.client-day-filters{align-items:flex-start}.status-scroll{overflow-x:auto;max-width:100%;scrollbar-width:none}.status-scroll::-webkit-scrollbar{display:none}.status-scroll button{white-space:nowrap}
.client-day-list{display:grid;gap:10px;max-width:1120px}.client-day-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 210px 28px;gap:14px;align-items:center;padding:15px 14px;background:#fff;border:1px solid var(--line);border-left:4px solid #69a984;border-radius:16px;box-shadow:0 8px 24px rgba(25,51,41,.05);cursor:pointer;transition:.16s}.client-day-card:hover{transform:translateY(-1px);border-color:#a8cdb7}.client-day-card.overdue{border-left-color:var(--crm-red);background:linear-gradient(90deg,#fff2f3,#fff 25%)}.client-day-card.has-order{border-left-color:#2d76d2}.client-day-card>time{font-size:18px;font-weight:900;color:var(--crm-green)}.client-day-main{min-width:0}.client-day-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.client-day-title h3{margin:0;font-size:18px}.client-day-main p{margin:5px 0;color:#314139;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-day-main small{color:var(--muted)}.client-day-side{display:grid;justify-items:end;gap:7px}.client-day-side small{color:var(--muted)}.order-linked{padding:6px 9px;border-radius:99px;background:#edf4ff;color:#2465af;font-size:10px;font-weight:850}
.mango-config-card label{display:block;margin-bottom:11px}.mango-config-card input,.mango-config-card select{width:100%}
@media(max-width:900px){.crm-week-strip{gap:5px}.crm-day{min-height:104px}.client-day-card{grid-template-columns:58px minmax(0,1fr) 28px}.client-day-side{grid-column:2;justify-items:start}.client-day-card>.more-dot{grid-column:3;grid-row:1}.clients-day-head{align-items:flex-start}}
@media(max-width:640px){.crm-week-shell{padding:11px 7px;border-radius:20px;margin-left:0;margin-right:0}.crm-week-head{grid-template-columns:36px 1fr 36px;margin-bottom:9px}.crm-week-head h2{font-size:22px}.crm-week-head .week-arrow{width:36px;height:36px}.crm-week-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;overflow:visible!important}.crm-day{flex:initial!important;min-width:0!important;min-height:98px!important;padding:7px 2px!important;border-radius:13px!important}.crm-day small{font-size:8px!important}.crm-day b{font-size:20px!important;margin:3px 0!important}.crm-day span,.crm-day em{font-size:7.5px!important;line-height:1.2!important}.clients-day-head{display:block}.clients-day-head .button{width:100%;margin-top:10px}.client-day-filters{display:grid}.client-day-filters input{width:100%}.client-day-card{grid-template-columns:47px minmax(0,1fr) 22px;padding:12px 8px;gap:8px}.client-day-card>time{font-size:15px}.client-day-title h3{font-size:15px}.client-day-main p{font-size:12px}.client-day-main small{font-size:10px}.client-day-side{display:flex;align-items:center;flex-wrap:wrap}.incoming-actions{display:grid;grid-template-columns:1fr 1fr}.incoming-actions .icon-btn{position:absolute;right:8px;top:8px}.incoming-actions #incomingOpenBtn{grid-column:1/-1}}

/* V8.1 — входящий звонок всегда поверх интерфейса и не перекрывается уведомлениями */
.incoming-call{z-index:260}
@media(max-width:640px){
  .incoming-call{left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));top:auto;width:auto;padding:12px;grid-template-columns:44px minmax(0,1fr);gap:9px;border-radius:17px}
  .incoming-pulse{width:44px;height:44px;border-radius:13px}
  .incoming-main{padding-right:24px}.incoming-main h3{font-size:18px}.incoming-phone{font-size:13px}.incoming-context{font-size:10px}
  .incoming-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}
  .incoming-actions .button{width:100%;min-width:0;min-height:39px;padding:7px 8px;font-size:11px}
  .incoming-actions #incomingOpenBtn{grid-column:1/-1}
  .incoming-actions .icon-btn{position:absolute;right:7px;top:7px;width:30px;height:30px}
  .toast-root{top:68px;bottom:auto;right:10px;width:calc(100vw - 20px);z-index:220}
}


/* V9: ошибки формы всегда видны внутри открытого модального окна */
.form-error-banner{
  position:sticky;top:76px;z-index:9;display:grid;gap:3px;margin:10px 16px 0;padding:12px 14px;
  border:1px solid #f0a9ad;border-radius:13px;background:#fff0f1;color:#8f3035;
  box-shadow:0 10px 28px rgba(143,48,53,.14)
}
.form-error-banner b{font-size:14px}.form-error-banner span{font-size:12px;line-height:1.4}
.modal-card input.field-invalid,.modal-card select.field-invalid,.modal-card textarea.field-invalid{
  border-color:#d64249!important;background:#fff7f7!important;box-shadow:0 0 0 3px rgba(214,66,73,.12)!important
}
@media(max-width:640px){.form-error-banner{top:66px;margin:8px 10px 0}}

.dialog-toast-root{z-index:9999!important;pointer-events:none}.dialog-toast-root .toast{pointer-events:auto}