.x-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 14px;min-width:0;overflow-wrap:anywhere}
.x-mt{margin-top:8px}
.x-full{width:100%;margin-top:8px}
.x-phone{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:12px 12px 16px;max-width:460px;min-width:0}
.x-ph-top{font-size:11px;color:var(--muted);text-align:center;margin-bottom:8px;overflow-wrap:anywhere}
.x-lbl{font-weight:600;color:var(--head);margin:12px 0 6px;font-size:14px}
.x-pk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x-pkb{all:unset;box-sizing:border-box;cursor:pointer;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:2px;min-width:0}
.x-pkb:focus-visible,.x-b:focus-visible,.x-opts button:focus-visible,.x-days button:focus-visible{outline:2px solid var(--o);outline-offset:2px}
.x-pkb b{color:var(--head);font-size:13px}
.x-pkb small{color:var(--muted);font-size:11px;line-height:1.3}
.x-pkb em{font-style:normal;color:var(--o);font-weight:600;font-size:12px}
.x-pkb.x-on{border-color:var(--o)}
.x-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x-phone input,.x-phone select,.x-form input,.x-form select,.x-form textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-size:14px;min-width:0}
.x-form{display:grid;gap:8px}
.x-chk{display:flex;flex-wrap:wrap;gap:6px}
.x-chk label{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:6px 9px;font-size:12.5px;color:var(--text);cursor:pointer}
.x-chk label.x-off{opacity:.45;cursor:not-allowed}
.x-chk input{width:auto;margin:0;padding:0}
.x-opts,.x-days{display:flex;flex-wrap:wrap;gap:6px}
.x-days{margin-bottom:12px}
.x-opts button,.x-days button{all:unset;cursor:pointer;padding:7px 12px;border-radius:20px;border:1px solid var(--line);background:var(--card);color:var(--head);font-size:13px;font-weight:600}
.x-opts button.x-on,.x-days button.x-on{background:var(--o);border-color:var(--o);color:var(--card)}
.x-tot{margin-top:12px;font-size:13px;color:var(--text)}
.x-tot p{display:flex;justify-content:space-between;gap:8px;margin:3px 0}
.x-tot .x-big{font-size:16px;font-weight:700;color:var(--head)}
.x-it{list-style:none;margin:0;padding:0}
.x-it li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:2px 10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.x-it li b{color:var(--o)}
.x-it li span{color:var(--head);font-weight:600;overflow-wrap:anywhere}
.x-it li em{grid-column:2;font-style:normal;color:var(--muted);font-size:12px}
.x-sms{background:var(--bg2);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:13px;color:var(--text);max-width:360px;overflow-wrap:anywhere}
.x-sms small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.x-gw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);-webkit-overflow-scrolling:touch;max-width:100%}
.x-grid{min-width:680px;padding:8px 10px 10px}
.x-gh,.x-gr{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center}
.x-ticks{position:relative;height:18px}
.x-ticks em{position:absolute;font-style:normal;font-size:10.5px;color:var(--muted)}
.x-rn{font-size:12px;font-weight:600;color:var(--head)}
.x-lane{position:relative;height:50px;border-top:1px dashed var(--line);background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),var(--line) calc(12.5% - 1px) 12.5%)}
.x-b{all:unset;box-sizing:border-box;position:absolute;top:4px;bottom:4px;cursor:pointer;border-radius:7px;padding:3px 6px;border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 22%,var(--card));overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:0}
.x-b b{font-size:11px;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-b small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-b.x-sel{outline:2px solid var(--o);outline-offset:1px}
.x-b.x-clash{border-left-color:#d64545;background:color-mix(in srgb,#d64545 26%,var(--card));outline:2px dashed #d64545}
.x-b.x-done{opacity:.45}
.x-dh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px}
.x-dh b{color:var(--head);font-size:16px}
.x-dh span{color:var(--muted);font-size:13px;flex:1;min-width:0}
.x-flag{margin:8px 0;padding:8px 10px;border-radius:9px;background:var(--bg2);font-size:13px;color:var(--text);overflow-wrap:anywhere}
.x-flag .btn{margin-top:6px}
.x-flag.x-hot{background:color-mix(in srgb,var(--o) 18%,var(--card));color:var(--head);font-weight:600}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.x-th{list-style:none;margin:0;padding:0}
.x-th li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-bottom:1px solid var(--line)}
.x-th li>div{flex:1;min-width:150px}
.x-th b{color:var(--head)}
.x-th li.x-off{opacity:.55}
.x-sk{display:inline-block;font-size:10.5px;padding:1px 7px;border-radius:10px;background:var(--bg2);color:var(--muted);margin:3px 3px 0 0}
.x-vc{border-radius:14px;padding:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--o) 22%,var(--card)),var(--card));border:1px solid var(--line);margin-top:12px;overflow-wrap:anywhere}
.x-vk{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.x-vc h4{margin:4px 0;color:var(--head);font-size:18px}
.x-vc p{margin:4px 0;font-size:13px;color:var(--text)}
.x-code{font-family:monospace;font-weight:700;color:var(--o);font-size:15px}
.x-vt{width:100%;border-collapse:collapse;font-size:12.5px}
.x-vt td{padding:6px 8px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}
.x-vt td:first-child{font-family:monospace;color:var(--head);white-space:nowrap}
.x-vt tr[data-code]{cursor:pointer}
.x-st{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.x-st span{font-size:10.5px;padding:2px 7px;border-radius:10px;background:var(--bg2);color:var(--muted)}
.x-st span.x-on{background:var(--o);color:var(--card)}
.x-gc{cursor:pointer}
.x-gc.x-sel{border-color:var(--o)}
.x-gc h4{margin:0 0 2px;color:var(--head)}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-phone{border-radius:16px;padding:10px}.x-pkb{padding:8px}.x-card{padding:12px}}