.x-form{display:grid;gap:.6rem;margin-bottom:.8rem}
.x-form label,.x-lbl,.x-evsel{display:grid;gap:.25rem;font-size:.85rem;color:var(--muted)}
.x-form input,.x-form select,.x-lbl input,.x-evsel select{font:inherit;font-size:.9rem;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;width:100%;box-sizing:border-box;min-width:0}
.x-form input[type=range]{padding:0;border:0;background:none;accent-color:var(--o)}
.x-form output{font-weight:600;color:var(--head)}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}
.x-adds,.x-cks{display:grid;gap:.35rem;margin-bottom:.4rem}
.x-chk{display:flex!important;gap:.5rem;align-items:flex-start;color:var(--text)!important;font-size:.88rem;overflow-wrap:anywhere}
.x-chk input{width:auto!important;margin-top:.2rem;accent-color:var(--o)}
.x-chk small{color:var(--muted)}
.x-evsel{max-width:440px;margin-bottom:.9rem}
.x-lbl{margin:.5rem 0}
.x-quote,.x-card,.x-tab,.x-pack,.x-menu{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;margin-bottom:.8rem}
.x-quote p{display:flex;justify-content:space-between;gap:.6rem;margin:.25rem 0;font-size:.86rem}
.x-quote p span{overflow-wrap:anywhere;min-width:0}
.x-quote p b{white-space:nowrap}
.x-quote .x-tot{border-top:1px solid var(--line);padding-top:.45rem;font-size:1rem;color:var(--head)}
.x-quote .xs{display:block}
.x-ok,.x-bad{display:block;border-radius:8px;padding:.5rem .7rem;margin:.6rem 0;font-size:.86rem}
.x-ok{background:color-mix(in srgb,#2ea05a 15%,transparent)}
.x-bad{background:color-mix(in srgb,#d64545 15%,transparent)}
.x-btns .x-ok{margin:0}
.x-phone{max-width:290px;margin:0 auto .5rem;border:2px solid var(--line);border-radius:22px;padding:.9rem 1rem;background:var(--bg2);font-size:.86rem;overflow-wrap:anywhere}
.x-phone p{margin:.35rem 0}
.x-phone .btn{width:100%;margin-top:.4rem}
.x-ph-h{font-size:.72rem;color:var(--muted);margin-bottom:.4rem}
.x-big{font-size:1.5rem;font-weight:700;color:var(--head)}
.x-fake{display:block;text-align:center;border:1.5px solid var(--o);color:var(--o);border-radius:20px;padding:.35rem;margin-top:.45rem;font-weight:600;font-size:.82rem}
.x-scroll{overflow-x:auto;max-width:100%}
.x-cal{border-collapse:collapse;font-size:.72rem;width:100%}
.x-cal th,.x-cal td{border:1px solid var(--line);padding:.3rem .25rem;text-align:center;white-space:nowrap;color:var(--text)}
.x-cal td{color:var(--muted)}
.x-cal .x-bk{background:color-mix(in srgb,var(--o) 24%,transparent);color:var(--head);font-weight:600}
.x-cal .x-pc{background:color-mix(in srgb,var(--o) 8%,transparent)}
.x-cal .x-sel{outline:2px solid var(--o);outline-offset:-2px}
.x-pipe{display:grid;gap:.5rem}
.x-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:.6rem .8rem}
.x-row>div:first-child{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.x-row small{display:block;color:var(--muted);font-size:.76rem}
.x-amt{text-align:right;min-width:0;overflow-wrap:anywhere}
.x-row.x-booked{border-left-color:var(--o)}
.x-row.x-paid,.x-row.x-done{border-left-color:#2ea05a}
.x-fu{margin-top:.8rem}
.x-btns{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem}
.x-ch{font-weight:600;color:var(--head);margin-bottom:.4rem;overflow-wrap:anywhere}
.x-menu{text-align:center}
.x-menu p{margin:.45rem 0}
.x-menu small{display:block;color:var(--muted);font-size:.74rem}
.x-tbl{width:100%;border-collapse:collapse;font-size:.86rem;margin-bottom:.8rem}
.x-tbl td{border-bottom:1px solid var(--line);padding:.38rem .2rem;overflow-wrap:anywhere;color:var(--text)}
.x-tbl td:last-child{text-align:right;font-weight:600;color:var(--head)}
.x-pack ul{list-style:none;padding:0;margin:.4rem 0;font-size:.86rem;display:grid;gap:.25rem}
.x-list{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.4rem}
.x-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.55rem .75rem;font-size:.86rem;overflow-wrap:anywhere}
.x-list li>div:first-child{flex:1 1 150px;min-width:0}
.x-list small{display:block;color:var(--muted);font-size:.76rem}
.x-list em{font-style:normal;font-size:.8rem}
.x-run li{flex-wrap:nowrap;align-items:flex-start}
.x-run li b{flex:0 0 72px;color:var(--head)}
.x-run li span{min-width:0}
.x-rd{flex:1 1 160px;min-width:0}
.x-s0{color:#d64545}
.x-s1{color:var(--o)}
.x-s2{color:#2ea05a}
.x-pill{font:inherit;font-size:.78rem;font-weight:600;border:1.5px solid currentColor;background:none;border-radius:20px;padding:.2rem .75rem;cursor:pointer}
.x-pill:disabled{cursor:default}
.x-tab.x-hot{border-color:var(--o)}
.x-tabn{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.4rem}
.x-tabn b{font-size:1.6rem;color:var(--head)}
.x-tabn span{color:var(--muted);font-size:.85rem}
.x-sms{background:var(--bg2);border-radius:12px;padding:.6rem .8rem;font-size:.84rem;margin-top:.6rem;overflow-wrap:anywhere}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-amt{text-align:left}.x-row .btn,.x-list .btn,.x-btns .btn{width:100%}.x-run li b{flex-basis:62px}}