/* NAYD AUTO — админ и клиентски профил (ползва променливите от style.css) */
.app{min-height:100vh;background:var(--concrete)}
.app-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px var(--gut);background:var(--graphite);color:var(--paper)}
.app-logo{font-family:var(--f-display);font-weight:700;font-size:1.05rem;color:var(--paper);text-decoration:none;letter-spacing:-.01em}
.app-logo span{color:var(--signal-d)}
.app-tag{color:var(--mute-d)}
.app-tabs{display:flex;gap:4px;margin-left:auto}
.app-tabs button,.app-out{font:500 var(--s-sm) var(--f-body);color:var(--mute-d);background:none;border:1px solid transparent;border-radius:6px;padding:8px 12px;cursor:pointer}
.app-tabs button.on{color:var(--paper);border-color:var(--rule-d);background:var(--deep)}
.app-out{border-color:var(--rule-d)}
.app-tabs[hidden]+.app-out{margin-left:auto}
.app-main{max-width:1100px;margin:0 auto;padding:24px var(--gut) 64px;display:grid;gap:20px}
.app-main section{display:grid;gap:20px}
.app-main section[hidden]{display:none}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:clamp(16px,3vw,28px);display:grid;gap:14px;min-width:0}
.card.narrow{max-width:460px;margin:8vh auto 0;width:100%}
.card h1{font-size:var(--s-lg)}
.card h2{font-size:1.1rem}
.muted{color:var(--mute);margin:0}
.app label{display:block;margin-bottom:6px;color:var(--mute)}
.app input[type=email],.app input[type=password],.app input[type=tel],.app input[type=search],.app input[type=text],.app input[type=number]{width:100%;box-sizing:border-box;font:400 1rem var(--f-body);padding:12px 14px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--graphite)}
.app input:focus{outline:2px solid var(--signal);outline-offset:1px;border-color:var(--signal)}
#f-login{display:grid;gap:12px}
.btn{font:600 var(--s-sm) var(--f-body);color:#fff;background:var(--signal);border:0;border-radius:8px;padding:12px 18px;cursor:pointer;white-space:nowrap}
.btn:disabled{opacity:.6;cursor:default}
.row{display:flex;gap:8px}
.row input{flex:1;min-width:0}
.note{margin:0;padding:10px 12px;border-radius:8px;background:var(--concrete-2);font-size:var(--s-sm)}
.note.ok{background:#E3F2EA;color:#1D6B43}
.note.bad{background:#FBE7E4;color:#9B2C1F}
.uid{display:block;font:500 .85rem var(--f-mono);background:var(--concrete-2);padding:10px;border-radius:6px;word-break:break-all;user-select:all}
.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.list button{width:100%;text-align:left;display:grid;gap:2px;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.list button:hover{border-color:var(--signal)}
.list .mono{color:var(--mute)}
.list.plain li{padding:6px 0;border-bottom:1px solid var(--rule);font-size:var(--s-sm)}
.cust-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.cust-head h2{font-size:var(--s-lg);margin:4px 0}
.pts{background:var(--deep);color:var(--paper);border-radius:8px;padding:10px 16px;display:grid;text-align:right}
.pts .mono{color:var(--mute-d)}
.pts b{font-family:var(--f-display);font-size:1.4rem}
.car{border:1px solid var(--rule);border-radius:8px;background:#fff;overflow:hidden}
.car summary{cursor:pointer;padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;background:var(--concrete-2)}
.car summary .mono{flex-basis:100%;color:var(--mute)}
.visit{padding:12px 14px;border-top:1px solid var(--rule)}
.visit-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:6px}
.visit .mono{color:var(--mute);margin:8px 0 2px}
.visit ul{margin:0;padding-left:18px;font-size:var(--s-sm)}
.visit .q{color:var(--mute);white-space:nowrap}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.drop{border:1px dashed var(--rule);border-radius:8px;padding:14px;display:grid;gap:6px;background:#fff}
.drop p{margin:0;font-size:var(--s-sm);color:var(--mute)}
.drop input{font-size:var(--s-sm);max-width:100%}
.pv{display:grid;gap:10px;border-top:1px solid var(--rule);padding-top:14px}
.pv p{margin:0}
.kv{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.kv li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted var(--rule);padding:4px 0;font-size:var(--s-sm)}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tile{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:12px;display:grid;gap:4px}
.tile .mono{color:var(--mute)}
.tile b{font-size:1.05rem}
@media (max-width:560px){.app-tabs{order:3;width:100%;margin:0}.app-tabs button{flex:1}.app-out{margin-left:auto}.row{flex-direction:column}}

.app-sec{font-size:1.05rem;margin-top:6px}
.tool{border:1px solid var(--rule);border-radius:8px;background:#fff}
.tool>summary{cursor:pointer;padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.tool>summary .mono{color:var(--mute)}
.tool[open]>summary{border-bottom:1px solid var(--rule)}
.tool .app-form,.tool>.app-hist,.tool>p{margin:0;padding:12px 14px}
.app-form{display:grid;gap:10px}
.app-form label{margin:0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.grid3>div{display:grid;gap:6px;align-content:start}
.app select,.app input[type=date]{font:400 1rem var(--f-body);padding:11px 12px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--graphite);width:100%;box-sizing:border-box}
.calc{min-height:24px}
.small{font-size:var(--s-xs)}
.mini summary{cursor:pointer;color:var(--signal);font-size:var(--s-sm)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;font-size:var(--s-sm)}
.cols ul{margin:4px 0 0;padding-left:18px}
.app-hist{list-style:none;margin:0;padding:0;display:grid}
.app-hist li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dotted var(--rule);font-size:var(--s-sm)}
.app-hist li>span:first-child{flex:1;min-width:180px}
.tool .app-hist{padding:0 14px 8px}
.tool>p.mono{padding:10px 14px 0;color:var(--mute)}
.tag{font:500 var(--s-xs) var(--f-mono);text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:99px;background:var(--concrete-2);color:var(--mute)}
.tag.ok{background:#E3F2EA;color:#1D6B43}
.link{background:none;border:0;padding:0;color:var(--signal);font:500 var(--s-sm) var(--f-body);cursor:pointer;text-decoration:underline}
.done{background:var(--deep);color:var(--paper);border-radius:10px;padding:16px 18px;display:grid;gap:4px}
.done p{margin:0}
.done .mono{color:var(--signal-d)}
.done .muted{color:var(--mute-d)}
.done .big{font-family:var(--f-display);font-size:2rem}
.pts{gap:2px}
.app-form>.btn{justify-self:start}

.btn-ghost{background:#fff;color:var(--signal);border:1px solid var(--signal)}
.btn-danger{background:#B42318}
.check{display:flex;gap:10px;align-items:flex-start;font-size:var(--s-sm);color:var(--graphite)!important}
.check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--signal)}
.loyal{background:var(--deep);color:var(--paper);border-color:var(--deep)}
.loyal .mono{color:var(--signal-d);margin:0}
.loyal .muted{color:var(--mute-d)}
.loyal-top{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.loyal-pts{font-family:var(--f-display);font-weight:700;font-size:clamp(2.6rem,9vw,4rem);line-height:1;margin:6px 0}
.loyal .note{margin-top:10px;background:var(--iron);color:var(--paper)}
.qr{background:#fff;border-radius:10px;padding:8px;width:min(200px,60vw);aspect-ratio:1}
.qr svg{display:block;width:100%;height:100%}
.checks-s{margin:0;padding-left:18px;display:grid;gap:6px;font-size:var(--s-sm)}
.tag.warn{background:#FBE7E4;color:#9B2C1F}
.pts.due{background:#9B2C1F}
.scanner{display:grid;gap:8px;justify-items:start}
.scanner video{width:100%;max-width:420px;border-radius:10px;background:#000}
.qitem{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border:1px solid var(--rule);border-radius:8px;padding:12px 14px;background:#fff}
.qitem>div:first-child{flex:1;min-width:240px;display:grid;gap:4px}
.qitem p{margin:0}
.qact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qact input{width:170px!important}
.row .btn-ghost{order:3}

.app [hidden]{display:none!important}
.qlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}

.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);border-radius:8px;padding:3px;background:var(--concrete-2)}
.seg button{font:600 var(--s-sm) var(--f-body);border:0;background:none;padding:9px;border-radius:6px;cursor:pointer;color:var(--mute)}
.seg button.on{background:#fff;color:var(--graphite);box-shadow:0 1px 2px rgb(0 0 0 / .08)}
#f-login .link{justify-self:start}
.auth-seg{margin:6px 0 2px}
.auth-seg button{display:grid;gap:2px;padding:11px 8px;font-size:var(--s-base,1rem)}
.auth-seg button small{font:500 .78rem var(--f-body);color:var(--mute)}
.auth-seg button.on{color:var(--signal)}
.app-form>.btn-wide{justify-self:stretch;padding:14px 18px}
.auth-switch{margin:4px 0 0;padding-top:14px;border-top:1px solid var(--rule);text-align:center;font-size:var(--s-sm)}
.auth-switch .link{font-weight:700}
#pass2-wrap{display:grid;gap:6px}

.tile--go{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.tile--go:hover{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.tile__more{font-size:var(--s-xs);color:var(--signal)}
.stat-detail{border-top:1px solid var(--rule);padding-top:14px;display:grid;gap:12px}
.detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.plist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.plist li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) auto;gap:8px 16px;align-items:start;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:12px 14px}
.plist__main{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;min-width:0}
.plist__main .mono{flex-basis:100%;color:var(--mute);word-break:break-all}
.plist__acc{font-size:var(--s-sm);min-width:0}
.plist__date{color:var(--mute);text-align:right}
@media (max-width:700px){.plist li{grid-template-columns:1fr}.plist__date{text-align:left}}
.plist__main .mono{text-transform:none;letter-spacing:.02em}

.slist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.slist li{border:1px solid var(--rule);border-radius:8px;background:#fff;padding:12px 14px;display:grid;gap:10px}
.slist__head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.slist__head>span:first-child{flex:1;min-width:200px}
.perms{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 16px}

#s-perms{margin:4px 0 8px}

/* автопарк: кликаеми коли, документи */
.parklist li{padding:0}
.app-hist.parklist li>a{flex:1;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;padding:10px;margin:0 -10px;color:inherit;text-decoration:none;border-radius:8px;background:transparent;transition:background .15s,color .15s}
.app-hist.parklist li>a b{transition:color .15s}
.app-hist.parklist li>a:hover,.app-hist.parklist li>a:focus-visible{background:#EAF1FF}
.app-hist.parklist li>a:hover b,.app-hist.parklist li>a:focus-visible b{color:var(--signal)}
.app-hist.parklist li>a:hover .go{color:var(--signal);transform:translateX(3px)}
.parklist .go{transition:transform .15s,color .15s}
.parklist li a>span:first-child{flex:1;min-width:180px}
.parklist .tags{display:flex;flex-wrap:wrap;gap:6px}
.parklist .go{font-size:1.2rem;color:var(--mute)}
.tag.soon{background:#FDF1D6;color:#8A5A00}
.car-card{scroll-margin-top:84px}
.docs{display:grid;gap:6px;margin:12px 0;padding:12px 14px;background:var(--concrete-2);border-radius:8px}
.doc-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.doc-row .mono{min-width:150px}
.doc-row .doc-st{flex:1}
.doc-st.soon b{color:#8A5A00}.doc-st.warn b{color:#9B2C1F}
.doc-form{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:12px}
.doc-form .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* отчети */
.rep-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rep-ctl{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:8px 0 14px}
.seg.rep-per{grid-template-columns:repeat(6,auto)}
.rep-per button{padding:8px 12px}
.rep-nav{display:flex;align-items:center;gap:10px}
.rep-nav .btn{padding:6px 12px;font-size:1.1rem;line-height:1}
.rep-nav b{min-width:150px;text-align:center}
.rep-custom{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.rep-custom label{display:grid;gap:4px}
.kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:10px 0 16px}
.kpi .tile b{font-size:1.15rem}
.delta{font:500 var(--s-xs) var(--f-mono);color:var(--mute);letter-spacing:-.02em}
.delta.up{color:#1D6B43}.delta.down{color:#9B2C1F}
.rep-chart{position:relative;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:12px 12px 4px;margin-bottom:10px}
.rep-chart svg{width:100%;height:auto;display:block}
.rep-chart .g{stroke:var(--rule);stroke-width:1}
.rep-chart .ax{font:500 11px var(--f-mono);fill:var(--mute)}
.rep-chart .lab{fill:#2563EB}.rep-chart .par{fill:#D9822B}
.rep-chart .hit{fill:transparent}
.rep-chart .bar.on .hit{fill:rgb(37 99 235 / .07)}
.legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:var(--s-sm);margin-bottom:6px}
.legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sw.lab{background:#2563EB}.sw.par{background:#D9822B}
.tip{position:absolute;z-index:3;pointer-events:none;background:var(--graphite);color:var(--paper);border-radius:8px;padding:8px 10px;display:grid;gap:2px;font-size:var(--s-xs);min-width:170px;box-shadow:0 4px 14px rgb(0 0 0 / .18)}
.rtbl{width:100%;border-collapse:collapse;font-size:var(--s-sm);margin:6px 0 14px;background:#fff}
.rtbl th,.rtbl td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--rule)}
.rtbl th{font:500 var(--s-xs) var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--mute);background:var(--concrete)}
.rtbl td:not(:first-child),.rtbl th:not(:first-child){text-align:right}
.rep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
#rep h2{margin-top:22px}
@media (max-width:640px){.seg.rep-per{grid-template-columns:repeat(3,1fr)}.rtbl{display:block;overflow-x:auto}}

/* преглед: списъци и детайли */
.br-ctl{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.br-ctl input{flex:1 1 260px;width:auto;min-width:0}
.br-ctl select{flex:0 0 auto;width:auto;min-width:160px}
.rtbl.br tr.go{cursor:pointer;transition:background .12s}
.rtbl.br tr.go:hover{background:#EAF1FF}
.rtbl.br tr.go:hover b{color:var(--signal)}
.rtbl.br td.wrap{text-align:left;white-space:normal;max-width:420px}
#br-more{margin:4px 0 10px}
#br-back{margin-bottom:10px}

/* филтри и подреждане в списъците */
.br-filters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:end;margin:0 0 12px;padding:12px;background:#fff;border:1px solid var(--rule);border-radius:8px}
.br-filters label{display:grid;gap:4px;font-size:var(--s-sm)}
.br-filters label .mono{font-size:var(--s-xs);color:var(--mute)}
.br-filters select,.br-filters input[type=text],.br-filters input[type=number],.br-filters input[type=date]{width:auto;min-width:0;padding:8px 10px}
.br-filters input[type=number]{width:120px}
.br-filters input[type=text]{width:160px}
.br-filters label.check{display:flex;align-items:center;gap:6px;padding-bottom:8px}
.br-filters #br-clear{padding-bottom:10px}
.rtbl.br th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
.rtbl.br th.sortable:hover,.rtbl.br th.sortable.on{color:var(--signal)}
.rtbl.br th .arr{margin-left:4px;font-size:.85em;opacity:.6}
.rtbl.br th.on .arr{opacity:1}

/* Око за оборота */
.tile__lbl{display:flex;align-items:center;justify-content:space-between;gap:8px}
.eye{display:inline-grid;place-items:center;width:30px;height:30px;margin:-6px -6px -6px 0;border-radius:6px;color:var(--mute);cursor:pointer}
.eye:hover,.eye:focus-visible{color:var(--signal);background:var(--concrete-2);outline:none}
.rev-val{transition:filter .2s}
.rev-val.is-blur{filter:blur(7px);user-select:none}
@media (max-width:600px){.app-tabs{overflow-x:auto;scrollbar-width:none}.app-tabs::-webkit-scrollbar{display:none}.app-tabs button{flex:1 0 auto}}
.chk{display:flex;align-items:center;gap:8px;font-size:var(--s-sm);margin:4px 0 8px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--signal)}
.next-svc{margin:0;padding:10px 14px;border-top:1px solid var(--rule);background:#fff}
.next-svc.due{background:#FFF6E5}
.tm-form{margin-top:12px;gap:8px}
.tm-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.tm-row label.mono{display:grid;gap:4px}
.tm-row input[type=text]{width:140px}
.tm-item{border-top:1px solid var(--rule);padding:12px 0}
.tm-item p{margin:0}
.call{border-top:1px solid var(--rule);padding:12px 0}
.call:first-child{border-top:0}
.call.over .call-h b{color:#9B2C1F}
.call-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;align-items:baseline}
.call p{margin:6px 0}
.call-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.app .call-f input[type=text]{width:auto;flex:1 1 150px}
.call-f .btn{flex:0 0 auto}
.km-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--rule);background:#fff}
.app .km-f input[type=text]{width:130px}
.app .km-f input[type=date]{width:auto}
.km-f .note{padding:6px 10px}

/* За обаждане — сгъваем списък */
#calls-det>summary{list-style:none;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;padding-right:2rem;position:relative}
#calls-det>summary::-webkit-details-marker{display:none}
#calls-det>summary h2{margin:0}
#calls-det>summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.6rem;line-height:1;color:var(--signal,#2563EB);transition:transform .2s}
#calls-det[open]>summary::after{transform:translateY(-50%) rotate(45deg)}
#calls-det[open]>summary{margin-bottom:.8rem}

/* За обаждане — компактни редове в две колони (одобрено 09.10.2026) */
.ccols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:900px){.ccols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ccol{min-width:0}
.chd{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:8px 8px 0 0;background:#12396E;color:#fff}
.chd.over{background:#9B2C1F}
.ctbl{border:1px solid var(--rule);border-top:0;border-radius:0 0 8px 8px;background:#fff}
.ctbl>.note{margin:10px}
.crow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 10px;border-top:1px solid #EEE9DD;cursor:pointer}
.crow:first-child{border-top:0}
.crow:hover,.crow.open{background:#FAF8F3}
.cpl{font-weight:600}.cmk{color:#5F5E5A;font-size:.85rem}
.ck{font-family:var(--f-mono);font-size:.68rem;padding:1px 6px;border-radius:4px;background:#E8E4DA;margin-left:6px;text-transform:uppercase}
.ck.t{background:#DCE6FA;color:#12396E}
.ccl{font-size:.85rem;color:#5F5E5A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccl .link{font-size:inherit}
.cdue{text-align:right;font-family:var(--f-mono);font-size:.75rem;color:#5F5E5A}
.cdue b{display:block;font-size:.85rem;color:var(--graphite)}
.cdue.over b{color:#9B2C1F}
.cex{grid-column:1/-1;display:none;margin-top:6px;padding-top:8px;border-top:1px dashed var(--rule);cursor:default}
.crow.open .cex{display:block}
.cmeta{font-family:var(--f-mono);font-size:.72rem;color:#5F5E5A;margin-bottom:6px}
.cwarn{font-size:.8rem;color:#9B2C1F;margin-bottom:6px}
.cin{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px}
.app .cin input[type=text]{padding:7px 10px;font-size:.85rem;min-width:0}
.cbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.cb{height:34px;border-radius:7px;border:1px solid var(--rule);background:#fff;color:var(--graphite);font:600 .8rem var(--f-body);cursor:pointer;white-space:nowrap;padding:0 4px}
.cb.ok{background:#2563EB;border-color:#2563EB;color:#fff}
.cb.no{color:#12396E;border-color:#8FB6FF}
.cb.na{color:#5F5E5A}
.cb:disabled{opacity:.5}
.cmore{display:block;margin:8px auto 0;background:none;border:1px solid var(--rule);border-radius:7px;padding:6px 14px;font:600 .8rem var(--f-body);cursor:pointer;color:var(--graphite)}
.crow .call-f{display:block}

/* Преглед → Оборот по година (одобрено 11.10.2026) */
.tile--rev{grid-column:span 2}
.tile__sub{font-size:var(--s-xs);color:var(--mute)}
.tile__sub.is-blur{filter:blur(6px)}
.rev-seg{display:flex;gap:2px;background:#E8E4DA;border-radius:6px;padding:2px;margin-top:4px}
.rev-seg button{flex:1;min-width:0;height:28px;border:0;border-radius:5px;background:transparent;font:500 .78rem var(--f-body);color:var(--graphite);cursor:pointer;padding:0 4px}
.rev-seg button.on{background:#12396E;color:#fff}
@media (max-width:420px){.tile--rev{grid-column:1/-1}}

/* Отчети → календар за избор на период (одобрено 11.10.2026) */
.rep-pick{position:relative}
.rep-lbl{font:600 1rem var(--f-body);color:var(--graphite);background:#fff;border:1px solid var(--rule);border-radius:8px;padding:6px 12px;cursor:pointer;min-width:150px}
.rep-lbl::after{content:"";display:inline-block;width:6px;height:6px;border-right:2px solid var(--signal);border-bottom:2px solid var(--signal);transform:rotate(45deg) translateY(-3px);margin-left:10px}
.rep-lbl:hover{border-color:var(--signal)}
.rep-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:300px;background:#fff;border:1px solid var(--rule);border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(15,27,46,.12)}
.pk-h{display:flex;gap:6px;margin-bottom:8px}
.app .pk-h select{flex:1;width:auto;padding:6px 8px;font-size:.9rem;border:1px solid var(--rule);border-radius:6px;background:#fff;color:var(--graphite)}
.pk-cal{width:100%;border-collapse:collapse;font-size:.85rem}
.pk-cal th{font:400 .7rem var(--f-mono);color:var(--mute);padding:4px 0}
.pk-cal td{text-align:center;padding:0}
.pk-cal td.o,.pk-cal button.o{color:#B4B2A9}
.pk-cal button{width:100%;height:32px;border:0;background:none;border-radius:6px;cursor:pointer;font:inherit;color:var(--graphite)}
.pk-cal button:hover{background:#EEF3FD}
.pk-cal button.on{background:#12396E;color:#fff}
.pk-weeks td{height:32px}
.pk-wn{font:400 .7rem var(--f-mono);color:var(--mute);width:34px}
.pk-w{cursor:pointer}
.pk-w:hover td{background:#EEF3FD}
.pk-w.on td{background:#12396E;color:#fff}
.pk-w.on td.pk-wn,.pk-w.on td.o{color:#8FB6FF}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pk-grid.q{grid-template-columns:repeat(2,1fr)}
.pk-grid button{height:36px;border:1px solid var(--rule);border-radius:7px;background:#fff;cursor:pointer;font:500 .85rem var(--f-body);color:var(--graphite)}
.pk-grid button:hover{border-color:var(--signal)}
.pk-grid button.on{background:#12396E;border-color:#12396E;color:#fff}
.pk-f{display:flex;justify-content:space-between;margin-top:10px;font-size:.85rem}
@media (max-width:560px){.rep-pop{right:auto;left:50%;transform:translateX(-50%)}}

/* Цели (одобрено 11.10.2026) */
.tg-ctl{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:6px 0 12px}
.tg-ctl label{display:grid;gap:4px}
.app .tg-ctl select{padding:8px 10px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--graphite);font:inherit}
.tg-pct{display:flex;align-items:center;gap:6px}
.app .tg-pct input[type=text]{width:70px;padding:8px 10px}
.tg-tbl td,.tg-tbl th{text-align:right}
.tg-tbl td:first-child,.tg-tbl th:first-child{text-align:left}
.app .tg-tbl input[type=text]{width:100%;max-width:130px;padding:6px 8px;text-align:right;font-variant-numeric:tabular-nums}
.tg-tbl tfoot td{font-weight:600;border-top:2px solid var(--rule)}
.tg-h{margin-top:4px}
.tg-bar{position:relative;display:block;height:6px;background:#E8E4DA;border-radius:3px;margin:4px 0}
.tg-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--signal);border-radius:3px}
.tg-bar em{position:absolute;top:-3px;width:2px;height:12px;background:var(--graphite)}
.tg-card .ok{color:#3B6D11}.tg-card .bad{color:#9B2C1F}

/* Чакат свързване — карта по телефона / собственик на колата / прехвърляне (16.10.2026) */
.lq{border:1px solid var(--rule);border-radius:10px;background:#fff;padding:18px;display:grid;gap:16px;margin-bottom:12px}
.lq p{margin:0}
.lq-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.lq-name{font-size:1.1rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lq-meta{font-size:12px;color:var(--mute);margin-top:4px!important;letter-spacing:.02em}
.lq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.lq-box{border:1px solid var(--rule);border-radius:10px;padding:14px;display:grid;gap:10px;background:var(--paper);align-content:start}
.lq-box.alt{background:#FBF7EE;border-color:#E6D7B8}
.lq-k{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin:0}
.lq-who{font-size:15px}
.lq-facts{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}
.lq-facts li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--rule);padding-bottom:4px}
.lq-facts span{color:var(--mute)}
.lq-facts b{font-weight:600;text-align:right}
.lq-pick{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px}
.lq-pick input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--signal)}
.lq-pick small{display:block;color:var(--mute);font-size:13px;margin-top:2px;font-weight:400}
.lq-acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn-s{padding:8px 14px}
.lq-other{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.lq-other .lq-pick{white-space:nowrap;margin-top:12px}
.lq-find{display:grid;gap:6px}
.lq-res{display:grid;gap:4px}
.lq-res button{text-align:left;background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:8px 10px;cursor:pointer;font:inherit;display:grid;gap:2px}
.lq-res button:hover{border-color:var(--signal)}
.lq-res .mono{font-size:12px;color:var(--mute)}
.lq-car{border-top:1px solid var(--rule);padding-top:14px;display:grid;gap:12px}
.lq-car[hidden]{display:none}
.lq-foot{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:14px}
.car summary .tag{margin-left:6px}
@media (max-width:560px){.lq-other{grid-template-columns:1fr}.lq-other .lq-pick{margin-top:0}}

/* Cloudflare Turnstile (вход/регистрация) — полето излиза само при съмнение */
.ts-box{max-width:100%;overflow:hidden}
.ts-box iframe{max-width:100%}
.ts-hint{margin:0}
.cf-note{margin:0;text-align:center;font:500 11px/1.3 var(--f-mono,"IBM Plex Mono",ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.btn:disabled{opacity:.38;cursor:not-allowed}
.link:disabled{opacity:.45;cursor:not-allowed}

/* 18.10.2026 страница за регистрация от рекламата (одобрен макет) */
.card.narrow.land{margin-top:0;gap:12px}
.land h1{font-size:clamp(1.45rem,1.2rem + 1vw,1.8rem);line-height:1.08}
.land .eyebrow{color:var(--signal);margin:0}
.perks{list-style:none;margin:2px 0 0;padding:0;display:grid;border-top:1px solid var(--rule)}
.perks li{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--rule);font-size:var(--s-sm);line-height:1.4}
.perks b{font:500 .72rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}
.perks li:first-child b{color:var(--signal);font-size:.8rem}
.land .app-form{gap:6px;margin-top:2px}
.minicard{border:1px solid var(--graphite);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 24px -14px rgb(15 27 46 / .45)}
.minicard header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--graphite);color:var(--paper);font:700 .85rem var(--f-display)}
.minicard header span{color:var(--signal-d)}
.minicard .mc-b{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px 14px}
.minicard .mc-l{font:500 .7rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.minicard .mc-v{font:700 1.6rem/1 var(--f-display);color:var(--graphite)}
.minicard .mc-s{font:400 .72rem var(--f-mono);color:var(--mute);grid-column:1/-1}
.minicard .tag{font:500 .62rem var(--f-mono);letter-spacing:.08em;background:var(--graphite);color:var(--paper);padding:3px 6px;border-radius:3px;align-self:start}
/* Регистрирани профили: маркиране и изтриване на акаунти без данни (22.10.2026) */
.junk{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #F1C5BF;background:#FDF3F1;border-radius:8px}
.junk p{margin:0;font-size:var(--s-sm);min-width:0;flex:1 1 280px}
.junk .acts,.selbar .acts{display:flex;gap:8px;flex-wrap:wrap}
.tag.bot{background:#FBE7E4;color:#9B2C1F}
.plist li.has-chk{grid-template-columns:auto minmax(0,5fr) minmax(0,4fr) auto}
.plist li.sel{background:#FDF3F1;border-color:#E9A79E}
.selbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid var(--rule);border-radius:8px}
.selbar p{margin:0;font-size:var(--s-sm)}
@media (max-width:700px){.plist li.has-chk{grid-template-columns:auto minmax(0,1fr)}.plist li.has-chk>*:not(.pchk){grid-column:2}}
.plist .pchk{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;background:none;cursor:pointer}
.plist .pchk input{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;width:22px;height:22px;margin:0;padding:0;border:1.5px solid var(--rule);border-radius:6px;background:#fff center/14px 14px no-repeat;cursor:pointer;transition:background-color .12s,border-color .12s}
.plist .pchk input:hover{border-color:#B42318}
.plist .pchk input:checked{background-color:#B42318;border-color:#B42318;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.plist .pchk input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.plist .pchk input:disabled{opacity:.5;cursor:default}
.plist li.has-chk{align-items:center}

.profile-languages{display:flex;align-items:center;gap:0;flex:none;border:1px solid currentColor;border-radius:999px;overflow:hidden;font:12px var(--f-mono)}
.profile-languages a{color:inherit;text-decoration:none;padding:7px 9px;line-height:1}
.profile-languages a+a{border-left:1px solid currentColor}
.profile-languages a[aria-current]{background:var(--signal);color:#fff}