.x-wrap select,.x-wrap input:not([type=checkbox]){font:inherit;font-size:.85rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);max-width:100%;min-width:0;box-sizing:border-box}
.x-wrap .btn{margin:4px 0}
.x-room,.x-q,.x-so,.x-prod,.x-box,.x-war,.x-allow,.x-portal,.x-pdf,.x-sched{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px;margin:0 0 10px;overflow-wrap:anywhere}
.x-rh,.x-qh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.x-rh b,.x-qh b{color:var(--head)}
.x-chip,.x-st{font-size:.72rem;color:var(--muted);background:var(--bg2);border-radius:20px;padding:2px 9px}
.x-qh .x-st{margin-left:auto}
.x-del{margin-left:auto;border:0;background:none;color:var(--muted);font-size:1.3rem;cursor:pointer;line-height:1;padding:0 4px}
.x-rr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.x-rr select{flex:1 1 180px}
.x-qty{display:inline-flex;align-items:center;gap:6px;flex:none}
.x-qty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--head);cursor:pointer;font-weight:700}
.x-qty button:disabled{opacity:.4;cursor:default}
.x-qty span{min-width:22px;text-align:center;font-weight:700;color:var(--head)}
.x-k{font-size:.8rem;margin:6px 0 0;color:var(--text)}
.x-warn{color:var(--o)!important;font-size:.82rem}
.x-cb{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text)}
.x-rf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}
.x-rf b{color:var(--head)}
.x-ok,.x-lo,.x-no{font-style:normal;font-size:.75rem;font-weight:600}
.x-ok{color:#2e9d5b}
.x-lo{color:var(--o)}
.x-no{color:#c4453a}
.x-add{border:1px dashed var(--line);border-radius:12px;padding:12px;background:var(--bg2)}
.x-add>b{color:var(--head)}
.x-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;align-items:end}
.x-lb{display:flex;flex-direction:column;font-size:.72rem;color:var(--muted);gap:2px}
.x-allow{border-color:var(--line)}
.x-over{border-color:var(--o);box-shadow:0 0 0 2px var(--o) inset}
.x-big{font-size:1.6rem;font-weight:700;color:var(--head);margin:8px 0}
.x-big small{font-size:.85rem;color:var(--muted);font-weight:400}
.x-allow p{margin:8px 0 0;font-size:.85rem}
.x-sched p{margin:4px 0;font-size:.8rem}
.x-sched>b,.x-box>b{color:var(--head)}
.x-pw{margin:6px 0}
.x-pdf{background:var(--bg2);border-top:4px solid var(--o);margin-top:10px}
.x-pdfh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px}
.x-pdfh b{color:var(--head)}
.x-pdfh span{font-size:.75rem;color:var(--muted)}
.x-qr{padding:6px 0;border-bottom:1px solid var(--line)}
.x-qr>b{font-size:.82rem;color:var(--head)}
.x-ql,.x-qt>div{display:flex;justify-content:space-between;gap:8px;font-size:.8rem}
.x-qs{margin:0 0 3px}
.x-qt{padding-top:8px}
.x-qt b{color:var(--head)}
.x-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.x-qf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px}
.x-qf b{color:var(--head)}
.x-q p{margin:4px 0}
.x-won,.x-new{border-left:4px solid var(--o)}
.x-ordered,.x-done{opacity:.8}
.x-expired{opacity:.6}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;margin:0 0 10px;max-width:340px}
.x-sms small{color:var(--muted);font-size:.72rem}
.x-sms p{margin:4px 0 0;font-size:.82rem;overflow-wrap:anywhere}
.x-ph{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.x-ph b{color:var(--head)}
.x-credit{margin:6px 0}
.x-jobs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.x-jobs .btn{font-size:.78rem;padding:5px 10px}
.x-cat{max-height:340px;overflow-y:auto;border-top:1px solid var(--line);margin:8px 0}
.x-ci{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.x-ci>div:first-child{min-width:0;display:flex;flex-direction:column}
.x-ci b{font-size:.85rem;color:var(--head)}
.x-ci small{font-size:.75rem;color:var(--muted)}
.x-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x-tot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:.85rem}
.x-filt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.x-filt select{flex:1 1 130px}
.x-spec{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:3px}
.x-spec li{font-size:.78rem;color:var(--text)}
.x-spec b{color:var(--head);display:inline-block;min-width:78px}
.x-steps{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.x-steps span{font-size:.68rem;padding:3px 7px;border-radius:20px;background:var(--bg2);color:var(--muted)}
.x-steps .x-on{background:var(--o);color:var(--card)}
.x-war p{margin:0 0 8px;font-size:.85rem}
.x-cal{display:grid;grid-template-columns:62px repeat(2,minmax(0,1fr));gap:4px;margin-bottom:8px}
.x-cal>b{font-size:.8rem;color:var(--head);text-align:center}
.x-ct{font-size:.72rem;color:var(--muted);align-self:center}
.x-bk,.x-fr{font-size:.72rem;border-radius:8px;padding:6px;min-height:30px;overflow-wrap:anywhere}
.x-bk{background:var(--bg2);color:var(--head);border-left:3px solid var(--o)}
.x-fr{border:1px dashed var(--line);color:var(--muted);text-align:center}
@media (max-width:560px){.x-g,.x-g2{grid-template-columns:minmax(0,1fr)}.x-big{font-size:1.3rem}.x-spec b{min-width:64px}.x-cal{grid-template-columns:52px repeat(2,minmax(0,1fr))}}