.x-sub,.x-ord,.x-portal,.x-recall,.x-bill,.x-lap{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 10px}
.x-sub.on{border-color:var(--o)}
.x-sh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.x-sh b,.x-nm{color:var(--head)}
.x-nm{background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.x-chip{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--text);border:1px solid var(--line)}
.x-sh .x-chip:last-child{margin-left:auto}
.x-chip.hot{border-color:var(--o);color:var(--o)}
.x-chip.ok{color:var(--head);font-weight:600}
.x-chip.mut{color:var(--muted)}
.x-sub p,.x-ord ul,.x-ord p{margin:6px 0;overflow-wrap:anywhere}
.x-ord ul{padding-left:18px;font-size:.85rem}
.x-acts,.x-btns,.x-days,.x-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.x-acts .btn,.x-pre .btn{font-size:.76rem;padding:6px 10px}
.x-btns .dk-prog{flex-basis:100%}
.x-acts select,.x-temp select,.x-ph select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.8rem;max-width:100%}
.x-phone{max-width:320px;margin:0 auto 12px;border:2px solid var(--line);border-radius:24px;background:var(--bg2);padding:12px 14px 14px;overflow-wrap:anywhere}
.x-phone p{margin:6px 0}
.x-ph{font-size:.74rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px;overflow-wrap:anywhere}
.x-portal .x-ph{max-width:none}
.x-big{display:block;font-size:2rem;color:var(--o);line-height:1.1;margin:4px 0}
.x-pc{background:var(--card);border-radius:12px;padding:10px;margin:8px 0;display:grid;gap:2px}
.x-pc b{color:var(--head)}
.x-pc span,.x-pc small{font-size:.8rem;color:var(--muted)}
.x-pb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.x-pb span{background:var(--card);border:1px solid var(--line);border-radius:10px;text-align:center;font-size:.68rem;padding:6px 2px}
.x-warn,.x-hot,.x-hold{border-left:3px solid var(--o);background:var(--bg2);padding:8px 10px;border-radius:8px;font-size:.85rem;margin:8px 0}
.x-hold .btn{margin-top:6px}
.x-ok{background:var(--bg2);border:1px solid var(--o);border-radius:12px;padding:10px 12px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.x-ok .btn{font-size:.76rem;padding:6px 10px}
.x-form{display:grid;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.x-form label,.x-lab{display:grid;gap:4px;font-size:.82rem;color:var(--muted)}
.x-form output{color:var(--head);font-weight:600}
.x-form input:not([type=checkbox]):not([type=range]),.x-form select,.x-lab select{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);font:inherit}
.x-form input[type=range]{width:100%;accent-color:var(--o)}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.x-form .x-ck,.x-ck{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text);margin-top:6px}
.x-alg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem}
.x-alg span{flex-basis:100%;color:var(--muted)}
.x-form .x-alg label{display:flex;align-items:center;gap:4px;color:var(--text)}
.x-stops{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}
.x-stops li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
.x-stops li.done{opacity:.6}
.x-mini li{padding:8px;gap:8px}
.x-num{width:26px;height:26px;border-radius:50%;background:var(--o);color:var(--card);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.x-stops small{display:block;font-size:.8rem;overflow-wrap:anywhere}
.x-rule{display:block;font-style:normal;font-size:.76rem;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.x-rule.x-warm{color:var(--o)}
.x-sms{background:var(--card);border-radius:14px 14px 14px 4px;padding:10px;font-size:.82rem}
.x-temp{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-left:auto}
.x-cat{display:grid;gap:2px;margin:10px 0}
.x-ci{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:6px 0}
.x-ci b{color:var(--head);font-size:.9rem}
.x-ci small{display:block;font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.x-qty{display:flex;align-items:center;gap:6px;flex-shrink:0}
.x-qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--head);cursor:pointer;font:inherit}
.x-qty button:disabled{opacity:.4;cursor:default}
.x-qty span{min-width:18px;text-align:center}
.x-of{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}
.x-wrap{overflow-x:auto}
.x-tbl{width:100%;border-collapse:collapse;font-size:.85rem}
.x-tbl th,.x-tbl td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}
.x-tbl th{color:var(--muted);font-weight:500}
.x-tbl tr.x-short td{color:var(--o)}
.x-stk{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr) 3.5rem;gap:8px;align-items:center;font-size:.82rem;margin:4px 0}
.x-stk .dk-prog{margin:0}
.x-stk b{text-align:right;color:var(--head)}
.x-stk-t{display:flex;flex-wrap:wrap;gap:8px}
.x-stk-t span{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:.8rem}
.x-lots{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:6px}
.x-lots li{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card)}
.x-lots li.on{border-color:var(--o)}
.x-lots button{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--head);cursor:pointer;display:block}
.x-lots span{overflow-wrap:anywhere}
.x-recall ul{padding-left:18px;font-size:.85rem}
.x-lap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.x-bill p{margin:0 0 6px}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-temp{margin-left:0}.x-stk{grid-template-columns:minmax(0,1fr) 3.5rem}.x-stk .dk-prog{grid-column:1/-1;grid-row:2}.x-stops li{grid-template-columns:26px minmax(0,1fr)}.x-stops li>span.xs{grid-column:2}.x-sh .x-chip:last-child{margin-left:0}}