/* АКСИОМА · CRM — кабинет со всеми разделами (10.10.2026). Главный экран — вариант 4 «День и звонки» (выбор Ильи).
   Подключается после baza.css. */

.nav a.mob{display:none}
.nav a[data-r=esche]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='1.9'/%3E%3Ccircle cx='12' cy='12' r='1.9'/%3E%3Ccircle cx='19' cy='12' r='1.9'/%3E%3C/svg%3E")}
.side .demo a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.side .demo a:hover{color:#fff}
.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.c2a{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.c2b{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
.c2c{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.soon{font-size:12px;color:var(--dim);margin-top:14px}
.kpi[data-go]{cursor:pointer}
.go{color:var(--muted);font-size:14px;cursor:pointer;white-space:nowrap}
.go:hover{color:#fff}

/* ── цветные сегменты ── */
.segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.segs.s5{grid-template-columns:repeat(5,minmax(0,1fr))}
.seg{border-radius:18px;padding:16px 18px;color:#111;cursor:pointer;outline:3px solid transparent;outline-offset:3px;transition:outline-color .12s}
.seg.on{outline-color:#fff}
.seg .n{font-size:15px;font-weight:700}
.seg .v{font-size:34px;font-weight:800;letter-spacing:-1px;margin-top:4px;line-height:1.1}
.seg .d{font-size:13px;margin-top:2px;opacity:.75}

/* ── звонки ── */
.oc{display:inline-block;white-space:nowrap;min-width:34px;text-align:center;border-radius:99px;padding:2px 8px;font-size:13px;font-weight:800;color:#111}
.play{width:30px;height:30px;border-radius:50%;background:#fff;display:inline-grid;place-items:center;vertical-align:middle;flex:none}
.play:before{content:"";border-left:9px solid #000;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.tbl td.z{color:var(--muted);font-size:14px;line-height:1.35}
.tbl td.nw{white-space:nowrap}
.tbl td small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap}
.tbl tr.click{cursor:pointer}
.quote{background:var(--panel2);border-radius:16px;padding:14px 16px;font-size:14.5px;line-height:1.55;color:#ddd}
.quote p{margin-top:8px}.quote p:first-child{margin-top:0}
.quote b{color:#fff}
.quote .mark{background:rgba(245,194,107,.18);color:var(--gold);border-radius:4px;padding:0 3px}
.chk{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:4px}
.chk span{display:flex;gap:8px;align-items:center;font-size:14.5px}
.chk i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;color:#111;flex:none}
.chk .y i{background:var(--green)}.chk .n i{background:var(--red)}
.player{display:flex;align-items:center;gap:12px;background:var(--panel2);border-radius:16px;padding:12px 14px}
.player .bar{flex:1;margin:0}
.player time{font-size:13px;color:var(--muted)}

/* ── доска заявок ── */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}
.col{background:var(--panel);border-radius:22px;padding:16px 12px 12px;min-width:0}
.col .ch{display:flex;align-items:center;gap:8px;padding:2px 6px 4px}
.col .ch i{width:12px;height:12px;border-radius:4px;flex:none}
.col .ch b{font-size:16px;font-weight:700;white-space:nowrap}
.col .ch em{font-style:normal;margin-left:auto;font-size:15px;color:var(--muted);font-weight:700}
.col .sum{font-size:13px;color:var(--muted);padding:0 6px 6px;min-height:19px}
.lead{background:var(--panel2);border-radius:16px;padding:12px 13px;margin-top:8px;cursor:pointer;transition:background .15s;outline:3px solid transparent;outline-offset:3px}
.lead:hover{background:#2a2a2a}
.lead.sel{outline-color:#fff}
.lead .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lead b{font-size:15px;font-weight:700;white-space:nowrap}
.lead .m{font-size:13px;font-weight:700;white-space:nowrap;color:#e6e6e6}
.lead .w{font-size:13px;color:#d0d0d0;margin-top:3px;line-height:1.35}
.lead .g{font-size:12px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead .g i{width:8px;height:8px;border-radius:50%;flex:none}
.lead .nx{font-size:12.5px;margin-top:8px;padding-top:8px;border-top:1px solid #2e2e2e;color:var(--muted);line-height:1.3}
.lead.hot .nx{color:var(--red)}
.lead.wr .nx{color:var(--gold)}
.more{display:block;width:100%;margin-top:8px;padding:9px;border-radius:99px;background:#2a2a2a;font-size:13px;color:#ddd;text-align:center}
.more:hover{background:#333}
.obj{display:flex;gap:10px;align-items:center;margin-top:8px;background:var(--panel2);border-radius:16px;padding:8px 10px 8px 8px;cursor:pointer}
.obj img{width:54px;height:54px;border-radius:10px;object-fit:cover;flex:none}
.obj b{font-size:13.5px;display:block;line-height:1.25}.obj span{font-size:12px;color:var(--muted)}
.obj .bar{height:5px;margin-top:6px}
.sub2{font-size:12px;color:var(--muted);padding:12px 6px 0;font-weight:600}

/* ── объекты ── */
.wrap{background:var(--panel);border-radius:22px;padding:26px 28px 28px}
.wrap .toolbar{margin-bottom:22px}
.grp{font-size:17px;font-weight:700;color:#e6e6e6;margin:4px 0 14px}
.grp span{color:var(--muted);font-weight:400}
.wrap .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.wrap .tile{background:var(--panel2)}
.wrap .tile:hover{background:#2a2a2a}
.wrap .tile .ph{height:180px}
.sel-dd{background:#2a2a2a;border-radius:99px;padding:8px 40px 8px 16px;font-size:14px;position:relative;color:#e6e6e6}
.sel-dd:after{content:"";position:absolute;right:16px;top:50%;margin-top:-3px;border:5px solid transparent;border-top-color:#bbb}
.grid-st{display:grid;grid-template-columns:minmax(200px,1.3fr) repeat(6,minmax(0,1fr));gap:8px 10px;align-items:center}
.grid-st .h{font-size:13px;color:var(--muted);text-align:center}
.grid-st .nm{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid-st .nm span{color:var(--muted);font-size:13px;margin-left:6px}
.cell{height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;transition:transform .12s;cursor:default}
.cell:hover{transform:scale(1.18)}
.cell.ok{background:var(--c7);color:#111}
.cell.now{background:transparent;border:2px dashed #fff;color:#fff}
.cell.late{background:var(--gold);color:#111}
.cell.no{background:#262626;color:#555}
.cell.na{background:var(--neutral);color:#fff}
.lg{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:14px;color:var(--muted)}
.lg span{display:flex;align-items:center;gap:8px}
.lg i{width:22px;height:22px;border-radius:7px;display:block}

/* ── деньги ── */
.paid{display:flex;align-items:center;gap:10px;min-width:160px}
.paid .bar{flex:1;margin:0}
.paid em{font-style:normal;font-size:13px;color:var(--muted);width:38px;text-align:right}

/* ── модальное окно ── */
.mbg{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px}
.mbg.show{display:flex}
.modal{background:var(--panel);border:1px solid #2e2e2e;border-radius:24px;width:760px;max-width:100%;max-height:calc(100vh - 48px);overflow:auto;padding:26px 28px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:mup .18s ease-out}
.modal.narrow{width:520px}
@keyframes mup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mh{display:flex;gap:14px;align-items:center}
.mh .ava{width:46px;height:46px;font-size:16px;margin:0}
.mh .mt{font-size:24px;font-weight:800;letter-spacing:-.3px;line-height:1.15}
.mh .ms{font-size:15px;color:var(--muted)}
.mh .x{margin-left:auto;align-self:flex-start;width:34px;height:34px;border-radius:50%;background:#2a2a2a;color:#ddd;font-size:20px;line-height:34px;text-align:center;flex:none}
.mh .x:hover{background:#333;color:#fff}
.mpath{display:flex;gap:6px;margin-top:18px;flex-wrap:wrap}
.mpath span{border-radius:99px;padding:6px 12px;font-size:13px;background:#2a2a2a;color:var(--muted);white-space:nowrap}
.mpath span.d{background:#2e2e2e;color:#ddd}
.mpath span.d:before{content:"✓ ";color:var(--green)}
.mpath span.on{background:#fff;color:#000;font-weight:700}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.fields div{background:var(--panel2);border-radius:14px;padding:11px 14px}
.fields label{display:block;font-size:13px;color:var(--muted)}
.fields b{display:block;font-size:15px;font-weight:600;margin-top:2px}
.modal h4{font-size:17px;font-weight:700;margin:20px 0 4px}
.macts{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}
.mlist a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:17px}
.mlist a:first-child{border-top:0}
.mlist a:after{content:"›";color:var(--muted);font-size:22px}

/* ── телефон ── */
@media (max-width:900px){
  .nav a.mob{display:flex}
  .k4{grid-template-columns:1fr 1fr!important;gap:12px}
  .k3{grid-template-columns:1fr 1fr 1fr!important;gap:8px}
  .k3 .kpi .v{font-size:20px!important}
  .segs{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .segs.s5{display:flex;overflow-x:auto;margin:0 -16px;padding:4px 16px 6px;scrollbar-width:none}
  .segs.s5 .seg{flex:0 0 34%}
  .seg{padding:12px}.seg .v{font-size:24px}.seg .d{display:none}
  .hide-m{display:none}
  .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;gap:12px;scrollbar-width:none}
  .steps::-webkit-scrollbar{display:none}
  .col{flex:0 0 80%;scroll-snap-align:start}
  .toolbar .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  .wrap{padding:18px 16px;border-radius:20px}
  .wrap .tiles{grid-template-columns:none}
  .wrap .tile .ph{height:110px}
  .grid-wrap{overflow-x:auto;margin:0 -16px;padding:0 16px}
  .grid-st{min-width:560px;grid-template-columns:150px repeat(6,1fr)}
  .sel-dd{display:none}
  .mbg{align-items:flex-end;padding:0}
  .modal,.modal.narrow{width:100%;border-radius:24px 24px 0 0;max-height:88vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:mupm .2s ease-out}
  @keyframes mupm{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
  .fields{grid-template-columns:1fr 1fr;gap:8px}
  .chk{grid-template-columns:1fr}
  .macts .btn{flex:1;justify-content:center}
  .card .head{flex-wrap:wrap}
  .card .head .chips{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .card .head .chip.search{flex:1}
}

/* отдел продаж: вместо суммы в показателе — «скрыто» */
body.prodazhi .kpi .v[data-money]{visibility:visible;font-size:0}
body.prodazhi .kpi .v[data-money]::after{content:"скрыто";font-size:22px;color:var(--dim);font-weight:600;letter-spacing:0}

.mh>div{min-width:0;flex:1}
.mh .oc{flex:none}

/* ════ карточка клиента — отдельная страница, всё редактируется на месте (Илья 10.10) ════ */
.kp{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.kp-l{display:flex;flex-direction:column;gap:20px;min-width:0}
.kp-r{position:sticky;top:20px;display:flex;flex-direction:column;gap:20px;min-width:0}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:#fff}
.hint{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}
.hint:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.flds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.f{background:var(--panel2);border-radius:12px;padding:10px 14px;border:1px solid transparent;min-width:0;position:relative}
.f label{display:block;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f .v{font-size:15px;font-weight:600;margin-top:2px;min-height:22px;overflow-wrap:anywhere}
.f .v.empty{color:var(--dim);font-weight:400}
.f.wide{grid-column:span 2}.f.full{grid-column:1/-1}
.f.auto{background:transparent;border:1px dashed #333}
.f.auto .v{color:#cfcfcf}
.f small{display:block;font-size:12px;color:var(--dim);margin-top:2px}
.ed .f[data-p]{cursor:pointer;transition:border-color .12s,background .12s}
.ed .f[data-p]:hover{border-color:#555;background:#272727}
.f.ch{border-color:var(--gold)}
.f.ch:after{content:"";position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.f input,.f select,.f textarea,.note textarea{width:100%;background:#1b1b1b;border:1px solid #888;border-radius:8px;color:#fff;font:inherit;font-size:15px;padding:6px 8px;margin-top:4px;color-scheme:dark;outline:none}
.mpath.kpath span{cursor:default}
.ed .mpath.kpath span{cursor:pointer}
.ed .mpath.kpath span:hover:not(.on){background:#383838;color:#fff}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.sec-h h3{font-size:20px;font-weight:700}
.sec-h span{font-size:13px;color:var(--muted)}
/* график оплат */
.opl{margin-top:16px}
.opl .orow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) 52px;gap:10px;align-items:center;margin-top:8px}
.opl .orow .f{padding:8px 12px}
.opl .oh{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) 52px;gap:10px;font-size:13px;color:var(--muted);padding:0 2px}
.tg{width:44px;height:26px;border-radius:99px;background:#3a3a3a;position:relative;flex:none;display:block}
.tg:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.tg.on{background:var(--green)}.tg.on:after{left:21px}
.ed .tg{cursor:pointer}
.add{display:inline-flex;margin-top:10px;font-size:14px;color:var(--muted);cursor:pointer}
.add:hover{color:#fff}
/* итог справа */
.itog>.l,.itog>div>.l{font-size:14px;color:var(--muted)}
.itog>.v,.itog>div>.v{font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-top:6px}
.itog .d{font-size:14px;color:var(--muted);margin-top:4px}
.itog hr{border:0;border-top:1px solid var(--line);margin:16px 0}
.itog .btn.wide{width:100%;justify-content:center;margin-top:10px;padding:11px 16px;font-size:15px}
.docs{display:flex;gap:8px;flex-wrap:wrap}
.docs .chip:before{content:"";width:12px;height:14px;border:1.6px solid currentColor;border-radius:2px;flex:none}
/* фото стройки в карточке */
.ph2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ph2 figure{position:relative;border-radius:14px;overflow:hidden;height:150px;background:#222}
.ph2 img{width:100%;height:100%;object-fit:cover}
.ph2 figcaption{position:absolute;left:10px;top:10px}
/* заметки */
.note{display:flex;gap:10px;align-items:flex-end;margin-bottom:6px}
.note textarea{margin:0;min-height:44px;resize:vertical;border-color:#333;background:var(--panel2)}
.note textarea:focus{border-color:#888}
.feed .ev em{font-style:normal;color:var(--muted)}
@media (max-width:900px){
  .kp{grid-template-columns:1fr;gap:14px}
  .kp-r{position:static;order:-1;gap:14px}
  .kp-l{gap:14px}
  .flds{grid-template-columns:1fr 1fr;gap:8px}
  .f.wide{grid-column:1/-1}
  .itog>.v,.itog>div>.v{font-size:30px}
  .opl .oh{display:none}
  .opl .orow{grid-template-columns:1fr 1fr 52px;}
  .opl .orow .f:first-child{grid-column:1/-1}
  .ph2 figure{height:110px}
  .sec-h h3{font-size:18px}
  .sec-h{flex-direction:column;gap:2px}
}

.kp .feed .ev time{width:72px}
body.prodazhi .f[data-money]{display:none}

/* ════ настоящая CRM (10.10.2026): без фото у клиента — квадрат с буквами; вход; пустые состояния ════ */
.hero>.hero-ph{width:230px;height:118px;border-radius:14px;flex:none;display:grid;place-items:center;font-size:44px;font-weight:800;color:#111;letter-spacing:-1px}
.tile .ph.ph-empty{display:grid;place-items:center;background:linear-gradient(135deg,#2c2c2c,#1f1f1f)}
.tile .ph.ph-empty svg{width:64px;height:64px;stroke:#4a4a4a;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.obj .obj-ph{width:54px;height:54px;border-radius:10px;flex:none;display:grid;place-items:center;background:#2c2c2c;font-weight:800;color:#666}
.btn.danger{background:var(--red);color:#111}.btn.danger:hover{background:#ff8585}
.btn.ghost.red{color:var(--red);border-color:#5a2a2a}.btn.ghost.red:hover{border-color:var(--red);background:rgba(255,107,107,.06)}
.empty-ok{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 0 14px;color:var(--muted);font-size:15px}
.empty-ok i{width:34px;height:34px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#111;font-style:normal;font-weight:800;font-size:18px}
.empty-big{text-align:center;padding:40px 20px}
.empty-big b{display:block;font-size:24px;font-weight:800;letter-spacing:-.3px}
.empty-big span{display:block;color:var(--muted);margin:6px 0 18px}
.side .me a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.side .me a:hover{color:#fff}
.soon-list{display:grid;gap:10px;margin-top:6px}
.soon-list div{background:var(--panel2);border-radius:14px;padding:12px 14px;font-size:15px}
.soon-list div span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.load{color:var(--muted);padding:40px 0;text-align:center}
@media (max-width:900px){ .hero>.hero-ph{width:100%;height:84px;font-size:34px} }

/* вход и приглашение */
.vhod-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.vhod{width:100%;max-width:420px;background:var(--panel);border:1px solid #2e2e2e;border-radius:24px;padding:30px 28px}
.vhod .logo{margin-bottom:22px}
.vhod h1{font-size:24px;font-weight:800;letter-spacing:-.3px}
.vhod p{color:var(--muted);font-size:15px;margin-top:6px}
.vhod label{display:block;font-size:13px;color:var(--muted);margin:16px 0 6px}
.vhod input{width:100%;background:var(--panel2);border:1px solid #333;border-radius:12px;padding:11px 14px;color:#fff;font:inherit;font-size:16px;outline:none;color-scheme:dark}
.vhod input:focus{border-color:#888}
.vhod .note{font-size:12px;color:var(--dim);margin-top:6px}
.vhod .btn{width:100%;justify-content:center;margin-top:22px;padding:12px 16px;font-size:15px}
.vhod .err{color:var(--red);font-size:14px;margin-top:14px;min-height:20px}

/* логотип «Фронтон» как на сайте (белые буквы, зелёное окно) — просьба Ильи 10.10 */
.logo img{display:block;width:172px;height:auto}
.vhod .logo img{width:190px}
@media (max-width:900px){ .side .logo img{width:124px} .side .logo{padding:18px 16px 4px} }

/* нижнее меню на телефоне: светлее и крупнее (Илья 10.10: «кнопочки внизу не видны, тёмные… покрупнее, чтобы видно было») */
@media (max-width:900px){
  .nav{background:#0b0b0b;border-top:1px solid #2a2a2a;padding:9px 2px calc(10px + env(safe-area-inset-bottom))}
  .nav a{color:#d0d0d0;font-size:12.5px;font-weight:600;letter-spacing:-.2px;gap:5px;padding:6px 0 2px}
  .nav a::before{width:28px;height:28px}
  .nav a.on{color:#fff;font-weight:800}
  .nav a.on::after{display:block;content:"";position:absolute;left:50%;right:auto;top:0;bottom:auto;width:60px;height:38px;margin-left:-30px;border-radius:999px;background:rgba(255,255,255,.16);z-index:-1}
  .nav a:active{color:#fff}
  .nav a .cnt{top:-3px;left:calc(50% + 10px);min-width:19px;height:19px;line-height:19px;font-size:11px}
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
}