/* LeoX OS · Sales */
.seg button.on{background:#fff;color:#000}
.sl-seg{margin-top:2px}
.sl-lab{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin:12px 0 6px}
.sl-form h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-weight:700}
.sl-sec{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid #222227}
.sl-sec .grid2{margin-top:2px}
.sl-if-t{display:contents}.sl-if-t[hidden]{display:none}
.sl-calc{font-size:13px;color:var(--muted);margin:8px 0 0}.sl-calc b{color:var(--ink)}.sl-calc b.win,.sl-box b.win{color:#4DFF8F}
.sl-del{color:#FF7B7B}
.sl-chart{width:100%;height:auto;display:block}
.sl-grid{stroke:#232328;stroke-width:1}
.sl-b{fill:#4D8DFF;opacity:.85}.sl-c{fill:#4DFF8F;opacity:.9}
.sl-chart g:hover rect{opacity:1;filter:brightness(1.15)}
.sl-m{font-size:10.5px;font-weight:700;fill:#C7B8FF;font-family:var(--f-mono)}
.sl-x{font-size:11px;fill:#6E6E76}
.sl-key{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 5px 0 2px;vertical-align:0}.sl-key.b{background:#4D8DFF}.sl-key.c{background:#4DFF8F;margin-left:12px}
.sl-st,.sl-cs{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.sl-st-b{background:rgba(77,141,255,.15);color:#8FB6FF}.sl-st-c{background:rgba(77,255,143,.13);color:#6BEBA4}.sl-st-x{background:rgba(255,77,77,.12);color:#FF8A8A}
.sl-cs-p{background:rgba(255,216,77,.12);color:#E6C65A}.sl-cs-c{background:rgba(155,123,255,.15);color:#C7B8FF}.sl-cs-ok{background:rgba(77,255,143,.13);color:#6BEBA4}
.sl-prog{display:block;font-size:11px;margin-top:3px}
.sl-warn{color:#E6C65A;font-weight:700}
.sl-t tbody tr{cursor:pointer}.sl-t tbody tr:hover td{background:#1E1E22}
.sl-t tr.sl-cx td{opacity:.5}.sl-t tr.sl-cx td:first-child b{text-decoration:line-through}
.sl-t tfoot td{padding:10px;border-top:1px solid #2B2B30;color:var(--ink)}
.sl-t .nowrap{white-space:nowrap}
.sl-todo-l{display:flex;flex-direction:column;gap:6px;padding:0 16px}
.sl-todo-i{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#17171A}
.sl-todo-i>div{flex:1;min-width:0;display:flex;flex-direction:column}.sl-todo-i b{font-size:13.5px}.sl-todo-i span{font-size:12px;color:var(--muted)}
.sl-ti{font-size:18px;width:26px;text-align:center}
.sl-empty-in{padding:40px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:0 auto}
.sl-empty-in p{font-size:14px}
.sl-ic svg{width:40px;height:40px;color:#4DFF8F}
.sl-box-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sl-box-g small{display:block;font-size:11px;color:var(--faint);font-weight:600}.sl-box-g b{font-size:13.5px}
.sl-box-g .sl-cs{margin-left:6px}
section.dpanel+section.dpanel{margin-top:14px}
@media (max-width:560px){.sl-todo-i{flex-wrap:wrap}.sl-todo-i .btn{margin-left:38px}}
.modal-c:has(#slform) .modal-h{background:#141416}