.x-wrap{min-width:0;max-width:100%}
.x-wrap>div{min-width:0}
.x-wrap .btn{white-space:normal;max-width:100%;overflow-wrap:anywhere;text-align:center;line-height:1.25}
.x-wrap input,.x-wrap select{width:100%;max-width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:14px}
.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;min-width:0;overflow-wrap:anywhere}
.x-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.x-row>*{min-width:0;overflow-wrap:anywhere}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.x-chip{font-size:12px;padding:3px 8px;border-radius:99px;background:var(--bg2);border:1px solid var(--line);color:var(--text);overflow-wrap:anywhere;max-width:100%}
.x-chip.x-warn{border-color:var(--o);color:var(--o)}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.x-btns>.btn{flex:1 1 auto}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-form label{display:block;font-size:12px;color:var(--muted);margin:8px 0 3px}
.x-quote{background:var(--bg2);border-radius:10px;padding:10px;margin:10px 0;font-size:13px;color:var(--text);overflow-wrap:anywhere}
.x-phone{max-width:300px;margin:12px auto 0;border:2px solid var(--line);border-radius:22px;padding:12px;background:var(--bg2);box-sizing:border-box}
.x-sms{background:var(--card);border-radius:14px 14px 14px 4px;padding:10px;margin-top:8px;font-size:13px;color:var(--text);overflow-wrap:anywhere}
.x-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}
.x-ci{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.x-ci>*{min-width:0}
.x-ci select{width:auto;min-width:90px}
.x-qty{display:flex;align-items:center;gap:6px;color:var(--head)}
.x-qty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--head);font:inherit;cursor:pointer}
.x-qty button:disabled{opacity:.4;cursor:default}
.x-st{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--o)}
.x-keg{display:inline-block;font-size:11px;padding:3px 7px;margin:4px 4px 0 0;border-radius:6px;background:var(--bg2);border:1px solid var(--line);color:var(--text)}
.x-keg.x-late{border-color:var(--o);color:var(--o);font-weight:600}
.x-tanks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:10px}
.x-tank{margin:0}
.x-tank .x-btns{margin:6px 0 0}
.x-tank .btn{font-size:12px;padding:6px 10px}
.x-vessel{height:64px;border:2px solid var(--line);border-radius:8px 8px 16px 16px;position:relative;overflow:hidden;background:var(--bg2);margin:8px 0}
.x-vessel i{position:absolute;left:0;right:0;bottom:0;background:var(--c);opacity:.85;transition:height .4s}
.x-wallet{background:var(--card);border:1px solid var(--line);border-top:5px solid var(--o);border-radius:16px;padding:14px;margin:6px 0 10px;color:var(--text)}
.x-wallet .x-big{font-size:18px;color:var(--head)}
.x-qr{width:64px;height:64px;flex:none;color:var(--head)}
.x-mbtn{padding:4px 10px;font-size:13px}
.x-tbl{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.x-tbl td{padding:6px 4px;border-bottom:1px solid var(--line);color:var(--text);overflow-wrap:anywhere}
.x-tbl td:last-child{text-align:right;width:40%}
@media (max-width:560px){
.x-r2{grid-template-columns:minmax(0,1fr)}
.x-phone{max-width:100%}
.x-btns>.btn{flex:1 1 100%}
.x-tank .x-btns>.btn{flex:1 1 auto}
.x-card{padding:10px}
}