:root{--p:#0e0e0e;--pd:#0e0e0e;--acc:#a07b08;--acc-br:#ffde00;--acc-s:#fbf0d0;--bg:#faf8f4;--sf:#fff;--bd:#e6e1d8;--ok:#3f8f5f;--ok-s:#e1efe4;--warn:#c97a2c;--warn-s:#fbe9d6;--ink:#1a1a1a;--muted:#7d7568;--card:var(--sf);--line:var(--bd);--dark:var(--pd);--gold:var(--acc-br);--err:#c0463c;--err-bg:#f6e2df;color:var(--ink);background:var(--bg);font-family:Kanit,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.login{background:var(--dark);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--card);border-top:4px solid var(--gold);border-radius:16px;flex-direction:column;gap:8px;width:100%;max-width:380px;padding:28px 22px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand h1{margin:0;font-size:22px;font-weight:600}.brand p{color:var(--muted);margin:0;font-size:14px}.brand-mark{background:var(--dark);width:44px;height:44px;color:var(--gold);border-radius:10px;flex-shrink:0;place-items:center;font-size:22px;font-weight:600;display:grid}.brand-mark.small{border-radius:8px;width:32px;height:32px;font-size:16px}.login-card label{color:var(--muted);margin-top:6px;font-size:14px}.login-card select,.login-card input:not([type=checkbox]){border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-size:17px}#pin{letter-spacing:6px}.login-card select:focus,.login-card input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--dark)}.login-card button[type=submit]{background:var(--dark);color:var(--gold);cursor:pointer;border:0;border-radius:10px;margin-top:12px;padding:13px;font-size:17px;font-weight:500}.login-card button:disabled{opacity:.6;cursor:wait}.check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--dark);flex-shrink:0;margin:2px 0 0}.check small{color:var(--muted);font-size:13px;display:block}.shell{min-height:100vh}.side{display:none}.side .brand-side{border-bottom:1px solid #ffffff1f;margin-bottom:10px;padding:0 18px 14px;display:block}.side .brand-side b{color:#fff;font-size:18px;display:block}.side .brand-side span{color:var(--acc-br);font-size:13px}.side .brand-side small{color:#ffffff80;margin-top:6px;font-size:12px;display:block}.side .it{color:#ffffffbf;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:row;flex:none;align-items:center;gap:10px;padding:10px 18px;font-size:15px;display:flex}.side .it .ic{text-align:center;width:22px;font-size:16px}.side .it.on{color:var(--acc-br);box-shadow:inset 3px 0 0 var(--acc-br);background:#ffde0024}.side .logout{margin:auto 18px 0;display:block}.mtop{z-index:30;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--pd);color:#fff;align-items:center;gap:10px;display:flex;position:sticky;top:0}.mtop b{font-size:16px}.mtop span{color:var(--acc-br);font-size:12px}.mtop .who{width:34px;height:34px;color:var(--acc-br);font:inherit;cursor:pointer;background:#26241f;border:1px solid #ffde0080;border-radius:50%;place-items:center;margin-left:auto;font-size:15px;font-weight:600;display:grid}.main{padding:18px 16px calc(84px + env(safe-area-inset-bottom));max-width:none}.tabbar{z-index:30;background:var(--pd);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #2a2824;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar.hide{display:none}.tb{min-height:52px;font:inherit;color:#a59d90;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 0;display:flex}.tb .ic{font-size:21px;line-height:1}.tb .lb{font-size:11.5px;font-weight:500}.tb.on{color:var(--acc-br)}.tb.on .lb{font-weight:600}.more-bg{z-index:40;background:#00000073;border:0;padding:0;position:fixed;inset:0}.more-sheet{z-index:41;background:var(--sf);padding:10px 14px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000040}.more-sheet .grab{background:var(--bd);border-radius:4px;width:38px;height:4px;margin:0 auto 10px}.more-sheet .me{border-bottom:1px solid var(--bd);align-items:center;gap:10px;margin-bottom:6px;padding:4px 4px 10px;display:flex}.more-sheet .me .av{background:var(--pd);width:38px;height:38px;color:var(--acc-br);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.more-sheet .me small{color:var(--muted);font-size:13px;line-height:1.3;display:block}.srow{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 6px;font-size:16px;display:flex}.srow:hover,.srow:active,.srow.on{background:var(--acc-s)}.srow .ic{text-align:center;width:30px;font-size:22px}.srow small{color:var(--muted);margin-left:auto;font-size:12px}.srow.out{color:var(--err);border-top:1px solid var(--bd);border-radius:0;margin-top:4px;padding-top:14px}@media (width>=900px){.shell{grid-template-columns:220px 1fr;display:grid}.mtop,.tabbar,.more-bg,.more-sheet{display:none}.side{z-index:20;background:var(--pd);flex-direction:column;align-self:start;height:100vh;padding:18px 0;display:flex;position:sticky;top:0;overflow-y:auto}.main{padding:26px 30px}}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.head h2{color:var(--pd);margin:0;font-size:22px;font-weight:600}.head .sub{color:var(--muted);margin:2px 0 0;font-size:14px}.head .sub b{color:var(--acc);font-weight:500}.head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--p);background:var(--p);color:var(--acc-br);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn.g{background:var(--sf);color:var(--ink);border-color:var(--bd)}.btn.a{background:var(--acc-br);border-color:var(--acc-br);color:var(--pd)}.btn.sm{padding:5px 11px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--acc);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:14px}.searchbox{border:1px solid var(--bd);background:var(--sf);min-width:220px;font:inherit;border-radius:8px;padding:9px 12px;font-size:15px}.badge{white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:12.5px;font-weight:500;display:inline-block}.b-ok{background:var(--ok-s);color:var(--ok)}.b-warn{background:var(--warn-s);color:var(--warn)}.b-err{background:var(--err-bg);color:var(--err)}.b-mute{color:var(--muted);background:#ece8e1}.b-acc{background:var(--acc-br);color:var(--pd)}.muted{color:var(--muted);font-size:14px}.error{background:var(--err-bg);color:var(--err);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:14px}.ok{background:var(--ok-s);color:var(--ok);border-radius:8px;margin:6px 0 0;padding:10px 12px;font-size:14px}.card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px}.card>h3{color:var(--pd);margin:0 0 8px;font-size:16px;font-weight:600}.card.alert{border-color:var(--err)}.card.alert>h3{color:var(--err)}.tbl{border-collapse:collapse;background:var(--sf);border:1px solid var(--bd);border-radius:10px;width:100%;font-size:14px;overflow:hidden}.tbl th{background:var(--bg);text-align:left;border-bottom:1px solid var(--bd);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:600}.tbl td{border-bottom:1px solid var(--bd);vertical-align:top;padding:10px 12px}.tbl tr:last-child td{border-bottom:0}.tbl .sub{color:var(--muted);font-size:13px;display:block}.tbl b{font-weight:600}.tbl tr.dim td{opacity:.55}.tbl .acts{flex-wrap:wrap;gap:6px;display:flex}@media (width<=699px){.tbl,.tbl tbody,.tbl tr,.tbl td{width:100%;display:block}.tbl thead{display:none}.tbl{background:0 0;border:0}.tbl tr{background:var(--sf);border:1px solid var(--bd);border-radius:10px;margin-bottom:8px;padding:6px 4px}.tbl td{border:0;padding:4px 10px}.tbl td[data-l]:before{content:attr(data-l);color:var(--muted);font-size:12px;display:block}.tbl td.first:before{display:none}.searchbox{flex:1;min-width:0}.head-actions{width:100%}}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat{background:var(--sf);border:1px solid var(--bd);text-align:left;font:inherit;color:inherit;border-radius:10px;padding:12px 14px}button.stat{cursor:pointer}button.stat:hover{border-color:var(--acc)}.stat .l{color:var(--muted);font-size:13px}.stat .v{color:var(--p);font-size:26px;font-weight:600;line-height:1.3}.stat .v.warn{color:var(--warn)}.stat .v.err{color:var(--err)}.stat .n{color:var(--muted);font-size:12.5px;line-height:1.5}.stat .n .money{color:var(--ok)}.panels{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}@media (width>=900px){.panels{grid-template-columns:1fr 1fr}}.rowx{border-bottom:1px dashed var(--bd);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.rowx:last-child{border-bottom:0}.rowx .who{min-width:0}.rowx .who b{font-weight:500;display:block}.rowx .who span{color:var(--muted);font-size:13px}.rowx .right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tel{font-size:18px;text-decoration:none}.empty-line{color:var(--muted);padding:6px 0;font-size:14px}.profile-head h2{margin:0;font-size:22px}.profile-head p{color:var(--muted);margin:2px 0 12px}.tabs{border-bottom:1px solid var(--bd);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;padding:7px 14px;font-size:14px}.tab.on{background:var(--p);color:var(--acc-br)}.jobcard{background:var(--sf);border:1px solid var(--bd);border-radius:10px;margin-bottom:12px;padding:14px 16px}.jobcard-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.jobcard-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jobcard-title b{font-size:16px}.size-dot{background:#ece8e1;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:600;display:inline-grid}.jobcard .meta{color:var(--muted);margin:4px 0 10px;font-size:13.5px}.tiles{flex-wrap:wrap;gap:8px;display:flex}.tile{text-align:center;color:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:84px;padding:8px;font-size:13px;line-height:1.5;display:flex}.tile b{font-weight:600}.tile.done{background:var(--ok)}.tile.over{background:var(--err)}.tile.soon{background:var(--warn)}.tile.future{color:var(--muted);background:#e8e3da}.tile .rec{color:#fff;font:inherit;cursor:pointer;background:#ffffff40;border:0;border-radius:6px;margin-top:3px;padding:2px 8px;font-size:12px}.tile.future .rec{background:var(--sf);color:var(--ink)}.jobcard .last{border-top:1px solid var(--bd);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:13px;display:flex}.legend i{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}.form{flex-direction:column;gap:10px;display:flex}.grid2,.grid3{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=700px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:13px}.field>span em{color:var(--acc);font-style:normal}.field input,.field select,.field textarea{border:1px solid var(--bd);background:var(--sf);width:100%;font:inherit;color:var(--ink);border-radius:8px;padding:10px 12px;font-size:15px}.field input:disabled,.field select:disabled{background:var(--bg);color:var(--muted)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--acc);outline-offset:0;border-color:var(--acc)}.hint{color:var(--warn);margin:0;font-size:12.5px}.optbar{background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 14px;font-size:14px;display:flex}.optbar b{font-weight:600}.optbar label{cursor:pointer;color:var(--ink);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.optbar input{width:17px;height:17px;accent-color:var(--acc)}.sumbar{background:var(--bg);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 16px;display:grid}@media (width>=700px){.sumbar{grid-template-columns:repeat(4,1fr)}}.sumbar span{color:var(--muted);font-size:13px;display:block}.sumbar b{font-size:15px}.sumbar .neg{color:var(--err)}.sumbar .tot{font-size:20px}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-wrap{background:#b9c7c3;min-height:calc(100vh - 110px);margin:-18px -16px -24px;padding:18px 12px 24px}@media (width>=900px){.modal-wrap{min-height:100vh;margin:-26px -30px;padding:30px}}.modal{background:var(--sf);border-radius:12px;max-width:860px;margin:0 auto;padding:20px 18px;box-shadow:0 4px 24px #00000014}.modal h2{margin:0;font-size:20px}.modal .sub{color:var(--muted);margin:2px 0 14px;font-size:14px}.vehicle-row{border-bottom:1px dashed var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.vehicle-row:last-child{border-bottom:0}.dialog-bg{z-index:50;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--sf);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:420px;padding:18px;display:flex}.dialog h3{margin:0;font-size:17px}.confirm-text{background:var(--bg);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:60vh;margin:0;padding:10px 12px;font-size:14px;line-height:1.8;overflow-y:auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--bd);background:var(--sf);font:inherit;cursor:pointer;color:var(--ink);border-radius:999px;padding:5px 12px;font-size:13.5px}.chip.on{background:var(--p);color:var(--acc-br);border-color:var(--p)}.link-plain{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ghost{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;margin-left:auto;padding:6px 12px;font-size:14px}.acts-inline{flex-wrap:wrap;gap:6px;display:flex}@media (width>=900px){.shell{background:linear-gradient(to right, var(--pd) 220px, var(--bg) 220px)}}.tbl .no{text-align:center;width:48px;color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=699px){.tbl td.no{text-align:left;width:auto;padding-bottom:0;font-size:12px}.tbl td.no:before{margin-right:4px;display:inline}}.vehicle-edit{border-bottom:1px dashed var(--bd);padding:10px 0}.vehicle-edit:last-of-type{border-bottom:0}.vehicle-edit-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.radio{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.radio input{accent-color:var(--acc);width:16px;height:16px}.search-full{border:1px solid var(--bd);background:var(--sf);width:100%;font:inherit;border-radius:10px;margin-bottom:12px;padding:13px 16px;font-size:17px}.search-full:focus{outline:2px solid var(--acc);outline-offset:0}.status-chips{margin-bottom:12px}.status-chips .chip{padding:7px 15px;font-size:15px}.status-chips .chip.on{background:var(--pd);color:var(--acc-br);border-color:var(--pd)}.list-cap{margin:0 0 8px}.clist{background:var(--sf);border:1px solid var(--bd);border-radius:12px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.clist li{border-bottom:1px solid var(--bd)}.clist li:last-child{border-bottom:0}.clist li.dim .crow{opacity:.55}.crow{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.crow:hover{background:#fcfaf5}.cno{width:26px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.cmain{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.cmain strong{font-size:16px;font-weight:600}.csub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:14.5px;overflow:hidden}.cside{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;font-size:15px;display:flex}.bcode{background:var(--pd);color:var(--acc-br);border-radius:6px;padding:1px 8px;font-size:12.5px;font-weight:600}.cupd{font-size:12px}.empty-card{text-align:center}@media (width<=599px){.crow{align-items:flex-start;gap:8px;padding:12px}.cno{width:18px;padding-top:2px}.cside{font-size:13.5px}.cupd{white-space:normal;text-align:right;max-width:120px;font-size:11px}}.head h2{align-self:center}.acct{grid-template-columns:max-content 1fr;gap:8px 18px;margin:0;display:grid}.acct dt{color:var(--muted)}.acct dd{margin:0;font-weight:500}.acct-sec{color:var(--muted);margin:18px 0 8px;font-size:15px;font-weight:500}.field input[type=date],.field input[type=time]{appearance:none;text-align:left;min-width:0;max-width:100%;min-height:44px;display:block}.field input::-webkit-date-and-time-value{text-align:left}.shell{overflow-x:clip}.main{min-width:0}.confirm-open{place-self:flex-start start}.book{background:var(--bg);justify-content:center;min-height:100vh;padding:28px 16px 32px;display:flex}.book-in{flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex}.book-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.book-logo{background:var(--p);width:52px;height:52px;box-shadow:inset 0 0 0 3px var(--acc-br);border-radius:50%;margin-bottom:6px}.book-head b{color:var(--p);font-size:20px}.book-tag{color:var(--acc);font-size:13px}.book-line{background:var(--acc-br);width:52px;height:2px;margin:8px 0}.book-sub{color:var(--muted);font-size:14px}.book-card{background:var(--sf);border-radius:12px;flex-direction:column;gap:12px;padding:18px 16px;display:flex;box-shadow:0 4px 24px #0000000f}.book-card .error,.book-card .ok{margin:0}.book-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=360px){.book-grid{grid-template-columns:1fr}}.book-send{width:100%;padding:12px;font-size:16px}.book-branch{color:var(--muted);margin:-4px 0 0;font-size:13px}.book-staff{color:var(--muted);align-self:center;font-size:13px;text-decoration:underline}.book-done{text-align:center;align-items:center}.book-done>span{color:var(--muted);font-size:14px}.book-ref{letter-spacing:1px;color:var(--p);font-size:30px}.book-done small{color:var(--muted)}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.calls-form{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.calls-form .ok,.calls-form .error{margin:0}.calls{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.calls li{background:var(--sf);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.calls li p{overflow-wrap:anywhere;margin:0;font-size:14px}.calls-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.tel{min-height:32px;color:var(--p);text-underline-offset:3px;padding:6px 0;font-weight:600;text-decoration:underline;display:inline-block}.count{margin:0 0 8px}.count.err{color:var(--err);font-weight:500}.sales-filter{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.stat.kd .v{color:var(--acc)}.bars{margin-bottom:12px}.bars h4{margin:0 0 10px;font-size:15px}.bar-row{margin-bottom:9px}.bar-lbl{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:3px;font-size:13.5px;display:flex}.bar-track{background:var(--bd);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--p);border-radius:4px;min-width:2px;height:8px}.bar-fill.gold{background:var(--acc-br)}.bars-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.bars-grid .bars{margin-bottom:0}.report-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.report-bar .count{margin:0}.export-bar{gap:6px;display:flex}.print-head{display:none}@media print{@page{size:A4;margin:12mm}body,.shell,.main{background:#fff!important;margin:0!important;padding:0!important}.side,.mtop,.tabbar,.no-print,.dialog-bg,.head{display:none!important}.print-head{border-bottom:2px solid #000;flex-direction:column;gap:2px;margin-bottom:10px;padding-bottom:6px;display:flex}.print-head b{font-size:18px}.print-head small{color:#555}.report-bar{margin-bottom:4px}.tbl{font-size:11.5px;border:1px solid #999!important;width:100%!important;display:table!important}.tbl thead{display:table-header-group!important}.tbl tbody{display:table-row-group!important}.tbl tr{break-inside:avoid;border:0!important;margin:0!important;padding:0!important;display:table-row!important}.tbl td,.tbl th{border-bottom:1px solid #ccc!important;width:auto!important;padding:4px 6px!important;display:table-cell!important}.tbl td[data-l]:before,.tbl .no-print{display:none!important}.tel{color:#000;min-height:0;padding:0;font-weight:500;text-decoration:none;font-size:inherit!important}.tbl td:not(.first){white-space:nowrap}.card,.stat{break-inside:avoid;box-shadow:none!important}.bar-fill,.bar-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.danger-zone{border-color:var(--err);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.danger-zone p{margin:2px 0 0;font-size:13px}.btn.danger{background:var(--err);color:#fff;border-color:var(--err)}.btn.danger:disabled{opacity:.45}.del-list{margin:0;padding-left:20px;line-height:1.8}h3.sec{margin:18px 0 8px;font-size:16px}.head h3.sec{margin:0}.price-form{flex-direction:column;gap:12px;display:flex}.price-form .ok,.price-form .error,.price-form .hint{margin:0}.price-wrap{padding:8px;overflow-x:auto}.price-grid{border-collapse:collapse;min-width:100%;font-size:14px}.price-grid th{text-align:left;white-space:nowrap;padding:6px;font-size:13px;font-weight:600}.price-grid tbody th{color:var(--p)}.price-grid td{padding:4px}.price-grid input{border:1px solid var(--bd);width:100%;min-width:84px;font:inherit;text-align:right;background:var(--sf);border-radius:8px;padding:8px}.price-grid input:focus{outline:2px solid var(--acc);border-color:var(--acc)}.price-grid .fee{background:var(--bg)}.price-grid th.fee{white-space:normal;min-width:96px}@media (width>=700px){.grid3{grid-template-columns:repeat(3,1fr)}}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:10px 0 14px;display:grid}.shop-grid h3{margin:0 0 10px}.shop-preview{background:var(--bg);border:1px dashed var(--bd);color:var(--ink);border-radius:8px;margin-top:6px;padding:8px 10px}.shop-preview pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:4px 0 0;font-size:13px}.branch-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.branch-bar .hint{flex:260px;margin:0}.pt-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pt-list li{background:var(--bg);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.pt-list li.on{border-color:var(--acc)}.pt-who{all:unset;cursor:pointer;flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.pt-who:focus-visible{outline:2px solid var(--acc);border-radius:4px}.pt-num,.pt-big{color:var(--acc)}.pt-big{font-size:1.4em}.pt-done{white-space:nowrap;font-size:13px}.pt-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pt-head h3{margin:0}.pt-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.pt-actions .field{margin:0}.rewards{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:6px 0 14px;display:grid}.reward{border:1px solid var(--bd);text-align:center;background:var(--bg);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;display:flex}.reward>b{color:var(--acc);font-size:1.3rem}.reward.dim>b,.reward.dim>span{opacity:.55}.reward .btn{margin-top:6px}.pt-plus{color:var(--ok);font-weight:600}.pt-minus{color:var(--err);font-weight:600}.pt-hist{margin:6px 0 0;padding:0;list-style:none}.pt-hist li{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;gap:10px;padding:7px 2px;display:flex}.pt-hist li span{flex-direction:column;min-width:0;display:flex}.pt-hist small{font-size:12.5px}.small{font-size:13px}.pk-sec{margin:14px 0 8px}.pkg-card,.gift-card{margin-bottom:10px}.gift-card{border-left:4px solid var(--acc)}.pkg-card.dim,.gift-card.dim{opacity:.6}.pk-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pk-row>div:first-child{flex:220px;min-width:0}.pk-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pk-bonus{color:var(--acc);margin-top:2px}.pud-grid{flex-wrap:wrap;gap:5px;margin:10px 0 4px;display:flex}.pud{border:1.5px solid var(--bd);width:26px;height:26px;color:var(--muted);background:var(--sf);border-radius:50%;justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:inline-flex}.pud.free{border-color:var(--acc);color:var(--acc)}.pud.used{background:var(--ok);border-color:var(--ok);color:#fff}.pud.used.free{background:var(--acc);border-color:var(--acc);color:#fff}.legend .pud{vertical-align:middle;width:18px;height:18px;margin-right:4px;font-size:10px}.use-log{margin:6px 0 0;padding:0;font-size:13px;list-style:none}.use-log li{border-top:1px dashed var(--bd);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:5px 0;display:flex}.install-card{margin:14px 0}.install-card h3{margin:0 0 8px}.install-steps{margin:0;padding-left:20px;line-height:1.8}.ok-text{color:var(--ok);margin:0}.loading.offline{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:60vh;padding:24px;display:flex}.loading.offline p{margin:0}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.round-dates{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.round-dates label{flex-direction:column;gap:2px;display:flex}.round-dates small{color:var(--muted);font-size:12.5px}.round-dates label.bad input{border-color:var(--err)}.btn.danger-text{color:var(--err);border-color:#c0463c59}.tile .tile-year{opacity:.8;margin-top:-2px;font-size:12px}.calls li{position:relative}.calls .call-del{position:absolute;bottom:10px;right:10px}.appt-bar{background:var(--acc-s);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 10px;padding:8px 10px;display:flex}.appt-bar .lbl{color:var(--muted);font-size:13px}.appt-bar b{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14.5px;display:inline-flex}.appt-bar .old{opacity:.55;font-weight:400}.appt-bar .appt-btn{margin-left:auto}button.tile{font:inherit;cursor:pointer;border:2px solid #0000}button.tile:hover:not(:disabled),button.tile:focus-visible{border-color:var(--acc);outline:none}button.tile:disabled{cursor:default}.tile.cancelled{color:var(--muted);opacity:.6;background:#ece8e1}.tile .tile-old{opacity:.7;font-size:11.5px}.tile .tile-chip{background:#ffffff59;border-radius:20px;padding:0 8px;font-size:11.5px;font-weight:600}.tile .tile-miss{color:var(--err);background:#fff;border-radius:20px;padding:0 6px;font-size:11.5px;font-weight:600}.sheet{max-width:440px}.sheet-sub{margin:-4px 0 4px;font-size:14px}.big-act{text-align:left;width:100%;font:inherit;border:1px solid var(--bd);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:16px;display:flex}.big-act:hover:not(:disabled),.big-act:focus-visible{border-color:var(--acc);outline:none}.big-act small{color:var(--muted);font-size:13px;display:block}.big-act .ic{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.ic.ok{background:var(--ok-s);color:var(--ok)}.ic.call{background:var(--acc-s);color:var(--acc)}.ic.miss{color:var(--muted);background:#ece8e1}.ic.move{background:var(--warn-s);color:var(--warn)}.ic.stop{background:var(--err-bg);color:var(--err)}.ic.reset{color:#2f5f93;background:#e3ecf7}.sheet textarea{font:inherit;border:1px solid var(--bd);background:var(--sf);color:var(--ink);resize:vertical;border-radius:10px;padding:8px 10px;font-size:15px}.sheet-edit-acts{flex-wrap:wrap}.sheet-edit-acts .grow{flex:1}.appt-tl{margin-top:8px;font-size:13.5px}.appt-tl ol{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.appt-tl li{grid-template-columns:88px 1fr;gap:8px;display:grid}.appt-tl time{color:var(--muted);font-variant-numeric:tabular-nums}.k-first{background:var(--acc-s);color:var(--acc)}.k-svc{color:#2f5f93;background:#e3ecf7}.coat-tbl .na-when{white-space:nowrap;margin-top:4px;font-weight:600;display:block}.coat-tbl td .badge+.na-when{margin-top:4px}.due-filter{flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 12px;display:flex}.due-filter .chip{padding:7px 15px;font-size:15px}.due-filter .chip.on.c-err{background:var(--err-bg);color:var(--err);border-color:var(--err)}.due-filter .chip.on.c-warn{background:var(--warn-s);color:var(--warn);border-color:var(--warn)}.due-filter .chip.on.c-ok{background:var(--ok-s);color:var(--ok);border-color:var(--ok)}.chip .n{text-align:center;min-width:12px;color:var(--muted);background:#ece8e1;border-radius:10px;margin-left:6px;padding:0 7px;font-size:12px;display:inline-block}.chip.on .n{color:inherit;background:#00000014}.status-chips .chip.on .n{background:#ffffff2e}.flabel{color:var(--muted);min-width:64px;font-size:13px}.coat-tbl .call-b{width:fit-content;margin-top:4px;display:block}.due-days{color:var(--muted);align-items:center;gap:6px;font-size:15px;display:inline-flex}.due-days input{width:84px;padding:6px 8px}.coat-tbl .nowrap{white-space:nowrap}@media (width<=699px){.coat-tbl td[data-l]:not(.no){grid-template-columns:96px 1fr;align-items:start;gap:0 8px;display:grid}.coat-tbl td[data-l]:not(.no):before{padding-top:1px;font-size:13px}.coat-tbl td[data-l]:not(.no)>*{grid-column:2;justify-self:start}.coat-tbl .na-when{margin-top:2px}}.coat-tbl tr.row-link{cursor:pointer}.coat-tbl tr.row-link:hover td{background:var(--acc-s)}.jobcard.focus{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-s);scroll-margin-top:72px}.cust-tbl tr.row-link{cursor:pointer}.cust-tbl tr.row-link:hover td{background:var(--acc-s)}.cust-tbl .vline{white-space:nowrap;display:block}.cust-tbl .num{text-align:right}.cust-tbl .pts{color:var(--acc)}.cust-tbl .nowrap,.cust-tbl .cupd{white-space:nowrap}.cust-tbl td.first .badge{margin-left:6px}@media (width<=699px){.cust-tbl td[data-l]:not(.no){grid-template-columns:96px 1fr;align-items:start;gap:0 8px;display:grid}.cust-tbl td[data-l]:not(.no):before{padding-top:1px;font-size:13px}.cust-tbl td[data-l]:not(.no)>*{grid-column:2;justify-self:start}.cust-tbl .num{text-align:left}.cust-tbl td.cupd{text-align:left;max-width:none;font-size:13px}}
