.x-f{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:12px;padding:12px;margin:0 0 10px;background:var(--card);cursor:pointer}
.x-f.x-p1{border-left-color:#d64545}.x-f.x-p2{border-left-color:var(--o)}.x-f.x-sel{box-shadow:0 0 0 2px var(--o)}.x-f.x-closed{opacity:.72}.x-f.x-q{cursor:default;border-left-color:var(--o)}
.x-fh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.x-fh b{color:var(--head);overflow-wrap:anywhere}
.x-f p{margin:4px 0;overflow-wrap:anywhere}
.x-pill{display:inline-block;font-size:.72rem;padding:2px 9px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap;margin:2px 0}
.x-red{background:rgba(214,69,69,.15);color:#d64545}.x-grn{background:rgba(46,157,91,.15);color:#2e9d5b}.x-amb{background:rgba(240,140,40,.16);color:var(--o)}
.x-tl{list-style:none;margin:8px 0;padding:0 0 0 12px;border-left:2px solid var(--line);font-size:.78rem}
.x-tl li{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.x-tl li span{overflow-wrap:anywhere;min-width:0}.x-tl li b{color:var(--head);white-space:nowrap}
.x-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.x-acts .btn{padding:7px 12px;font-size:.8rem}
.x-flag{background:rgba(240,140,40,.12);border-radius:8px;padding:8px 10px;font-size:.8rem;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.x-flag span{min-width:0;overflow-wrap:anywhere;flex:1 1 180px}.x-flag .btn{padding:6px 12px;font-size:.78rem}
.x-form{display:grid;gap:8px;background:var(--bg2);border-radius:12px;padding:12px;margin:12px 0}.x-form h4{margin:0;color:var(--head)}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-form input,.x-form select,.x-ph select,.x-ph input[type=number],.x-ph textarea,.x-sel-l{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-sel-l{margin:0 0 10px}
.x-sms{background:var(--bg2);border-radius:14px;padding:10px;margin:0 0 10px}.x-sms small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px}
.x-sms p{margin:0;background:var(--card);color:var(--text);border-radius:12px 12px 12px 3px;padding:8px 10px;font-size:.82rem;overflow-wrap:anywhere}
.x-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin:0 0 10px}
.x-grid div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:.75rem;overflow-wrap:anywhere}
.x-grid b{display:block;color:var(--head)}.x-grid .x-low{border-color:#d64545}
.x-bld{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:var(--card)}.x-bld>b{color:var(--head)}.x-bld p{margin:2px 0 6px;overflow-wrap:anywhere}
.x-lift{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:.8rem;padding:4px 0;border-top:1px dashed var(--line);flex-wrap:wrap}.x-lift span:first-child{min-width:0;overflow-wrap:anywhere}
.x-tech{background:var(--bg2);border-radius:12px;padding:10px;margin:0 0 8px}.x-tech>b{color:var(--head)}
.x-tech ul{list-style:none;margin:6px 0 0;padding:0}
.x-tech li{display:flex;gap:6px;align-items:center;justify-content:space-between;font-size:.8rem;padding:3px 0;flex-wrap:wrap}.x-tech li span{min-width:0;overflow-wrap:anywhere}
.x-tech li .btn{padding:5px 10px;font-size:.75rem}
.x-bill{background:var(--bg2);border-radius:12px;padding:12px;margin:0 0 12px}.x-bill p{margin:0 0 8px}
.x-ph{max-width:340px;margin:0 auto 14px;border:8px solid var(--deep);border-radius:28px;padding:14px 12px;background:var(--card);font-size:.82rem;box-sizing:border-box}
.x-ph>b{color:var(--head)}
.x-ph-h{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-bottom:8px}
.x-ph h5{margin:10px 0 4px;color:var(--head);font-size:.8rem}
.x-ph label{display:flex;gap:8px;align-items:flex-start;padding:3px 0;cursor:pointer}
.x-ph>.btn{width:100%;margin-top:8px}
.x-row{display:flex;gap:6px;align-items:center;margin-top:4px}.x-row select,.x-row input{flex:1 1 auto}.x-row .btn{flex:none;white-space:nowrap;padding:7px 10px}.x-row span{flex:none}
.x-hist{background:var(--bg2);border-radius:8px;padding:6px 8px;font-size:.74rem}.x-hist div{padding:2px 0;overflow-wrap:anywhere}
.x-qrw{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--bg2);border-radius:12px;padding:12px}.x-qrw>div{flex:1 1 160px;min-width:0}.x-qrw p{margin:4px 0}
.x-qr{width:96px;height:96px;fill:var(--head);background:var(--card);border-radius:6px;padding:4px;flex:none}
.x-log{list-style:none;padding:0;margin:8px 0}
.x-log li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.8rem}
.x-log li b{color:var(--head)}.x-log li span{overflow-wrap:anywhere}
.x-ci{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 8px;background:var(--card)}
.x-ci>div{min-width:0;flex:1 1 180px}.x-ci b{color:var(--head)}.x-ci p{margin:4px 0 0}.x-ci .btn{padding:6px 12px;font-size:.78rem}
.x-wrap{overflow-x:auto}
.x-tbl{width:100%;border-collapse:collapse;font-size:.78rem}
.x-tbl th,.x-tbl td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left}.x-tbl th{color:var(--muted);font-weight:500}
.x-tbl .btn{padding:4px 10px;font-size:.72rem}
.x-portal{border:2px solid var(--o);border-radius:14px;padding:12px;margin:0 0 12px;background:var(--card)}.x-portal b{color:var(--head);overflow-wrap:anywhere}.x-portal p{margin:4px 0}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-log li{grid-template-columns:minmax(0,1fr);gap:2px}.x-ph{border-width:6px;padding:12px 10px}.x-qr{width:80px;height:80px}}