.x-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}
.x-row>input{flex:1 1 140px;min-width:0}
.x-row .x-amt{flex:0 0 96px}
.x-row input,.x-row select,.x-opts input,.x-opts select,.x-jsel select,.x-vf select,.x-vf input{font:inherit;font-size:.88rem;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);max-width:100%;min-width:0}
.x-plan{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.x-area{position:relative;flex:1 1 90px;min-width:90px;min-height:74px;padding:8px 10px;border-radius:10px;border:2px dashed var(--o);background:var(--bg2);display:flex;flex-direction:column;gap:2px}
.x-area.x-drv{background:repeating-linear-gradient(135deg,var(--bg2) 0 10px,var(--card) 10px 20px)}
.x-area b{color:var(--head);font-size:.82rem;padding-right:14px;overflow-wrap:anywhere}
.x-area span{font-size:1.1rem;font-weight:700;color:var(--o)}
.x-area small{font-size:.7rem;color:var(--muted)}
.x-area button{position:absolute;top:4px;right:4px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:.8rem}
.x-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.x-opts label{display:flex;flex-direction:column;gap:3px;font-size:.75rem;color:var(--muted);min-width:0}
.x-opts select,.x-opts input{width:100%}
.x-chk{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text);margin:8px 0}
.x-tbl{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:8px 0;background:var(--card)}
.x-tbl p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 10px;font-size:.8rem;border-bottom:1px solid var(--line)}
.x-tbl p:last-child{border-bottom:0}
.x-tbl span{overflow-wrap:anywhere;min-width:0}
.x-tbl b{white-space:nowrap;color:var(--head)}
.x-tbl.x-k .x-bl{background:color-mix(in srgb,var(--o) 16%,transparent)}
.x-tbl .x-sum{font-weight:600}
.x-tbl .x-tot{font-size:.95rem}
.x-tbl .x-tot b{color:var(--o)}
.x-gap{padding:10px 12px;border-left:4px solid var(--o);background:var(--bg2);border-radius:8px;font-size:.84rem;margin:8px 0}
.x-hl{background:color-mix(in srgb,var(--o) 16%,transparent);padding:0 4px;border-radius:4px}
.x-gbb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.x-tier,.x-opt{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.x-tier small,.x-opt small{font-size:.7rem;color:var(--muted)}
.x-tier b,.x-opt b{font-size:.78rem;color:var(--head);overflow-wrap:anywhere}
.x-tier em{font-style:normal;font-weight:700;color:var(--o)}
.x-tier.on,.x-opt.on{border-color:var(--o);box-shadow:0 0 0 2px var(--o) inset}
.x-tier:disabled,.x-opt:disabled{opacity:.5;cursor:not-allowed}
.x-phone{max-width:340px;margin:12px auto;border:6px solid var(--deep);border-radius:22px;padding:12px;background:var(--card);color:var(--text)}
.x-phone.x-mini{max-width:300px}
.x-ph-h{font-size:.72rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px;overflow-wrap:anywhere}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.82rem;margin:6px 0;overflow-wrap:anywhere}
.x-ok{color:var(--o);font-weight:600;font-size:.84rem;font-style:normal;overflow-wrap:anywhere}
.x-wide{width:100%;margin-top:12px}
.x-pipe{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.x-pipe li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:.84rem}
.x-pipe li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.x-pipe b{color:var(--head);overflow-wrap:anywhere}
.x-pipe .x-pr{align-items:flex-end;text-align:right}
.x-pipe em{font-style:normal;font-weight:600}
.x-pipe small{color:var(--muted);font-size:.72rem}
.x-st{font-style:normal;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-st.x-ring,.x-st.x-held,.x-st.x-draft{background:color-mix(in srgb,var(--o) 18%,transparent);color:var(--o)}
.x-st.x-won,.x-st.x-paid{background:var(--o);color:var(--card)}
.x-lbl{display:block;font-size:.75rem;color:var(--muted);margin:10px 0 4px}
.x-opts2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.x-sw{display:block;height:20px;border-radius:5px;margin-bottom:4px}
.x-ph-f{border-top:1px solid var(--line);margin-top:10px;padding-top:8px;font-size:.82rem;display:grid;gap:8px}
.x-jsel{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.85rem;margin-bottom:6px}
.x-jsel select{flex:1 1 200px}
.x-cal{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:4px;margin:10px 0}
.x-ch{font-size:.78rem;color:var(--head);padding:2px 4px;min-width:0}
.x-ch small{display:block;color:var(--muted);font-size:.66rem}
.x-day{padding:6px;border-radius:8px;background:var(--bg2);font-size:.74rem;display:flex;flex-direction:column;min-width:0}
.x-day b{color:var(--head)}
.x-day small{color:var(--muted)}
.x-day.x-wet{box-shadow:0 0 0 2px var(--o) inset}
.x-day .x-del{color:var(--o);font-size:.64rem;overflow-wrap:anywhere}
.x-job{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);border-left:4px solid var(--o);background:var(--card);color:var(--text);border-radius:8px;padding:6px 8px;min-width:0;display:flex;flex-direction:column}
.x-job b{font-size:.76rem;color:var(--head);overflow-wrap:anywhere}
.x-job small{font-size:.65rem;color:var(--muted)}
.x-job.on{box-shadow:0 0 0 2px var(--o)}
.x-job.x-s-done{opacity:.6;border-left-color:var(--muted)}
.x-free{display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:8px;font-size:.68rem;color:var(--muted);padding:6px;text-align:center;min-width:0}
.x-free.x-wetf{border-color:var(--o)}
.x-cn{color:var(--head);font-size:1rem}
.x-kv{list-style:none;padding:0;margin:8px 0;font-size:.79rem}
.x-kv li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-kv span{color:var(--muted)}
.x-steps{display:flex;gap:4px;margin:8px 0 2px}
.x-steps i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.x-steps i.on{background:var(--o)}
.x-h4{font-size:.85rem;color:var(--head);margin:14px 0 4px}
.x-var{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;font-size:.8rem;padding:6px 0;border-bottom:1px solid var(--line)}
.x-var span{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}
.x-vf{display:grid;gap:6px;margin-top:8px}
.x-vf select{width:100%}
.x-vf .x-row{margin:0}
.x-inv{border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0;background:var(--card)}
.x-ih{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center}
.x-ih b{color:var(--head);overflow-wrap:anywhere}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.x-ba span{height:70px;border-radius:8px;display:flex;align-items:flex-end;padding:4px 6px;font-size:.7rem;font-weight:600;color:var(--head);background:var(--bg2)}
.x-ba span:first-child{background:repeating-linear-gradient(160deg,rgba(138,122,92,.3) 0 6px,rgba(95,138,74,.3) 6px 14px)}
.x-ba span:last-child{background:repeating-linear-gradient(0deg,var(--line) 0 2px,transparent 2px 18px),repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 36px),color-mix(in srgb,var(--o) 20%,var(--bg2))}
.x-list{margin:4px 0;padding-left:18px;font-size:.85rem;color:var(--muted)}
.x-list.x-good{color:var(--text)}
.x-list.x-good li::marker{color:var(--o)}
@media (max-width:560px){
.x-opts,.x-opts2,.x-gbb{grid-template-columns:minmax(0,1fr)}
.x-cal{grid-template-columns:54px minmax(0,1fr) minmax(0,1fr)}
.x-phone{border-width:4px;padding:10px}
.x-kv li{grid-template-columns:60px minmax(0,1fr)}
}