.x-shell{max-width:1500px;margin:0 auto;padding:20px}.x-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:24px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,rgba(37,105,110,.12),rgba(196,156,77,.08));margin-bottom:14px}.x-hero h1,.x-hero p{margin:0}.x-hero p{margin-top:7px;color:var(--muted);max-width:900px}.x-actions,.x-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.x-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:14px 0}.x-kpi{border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface)}.x-kpi small{display:block;color:var(--muted);margin-bottom:5px}.x-kpi strong{font-size:21px}.x-tabs{display:flex;gap:8px;overflow:auto;padding:3px 0 13px}.x-tabs button{white-space:nowrap;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:9px 14px}.x-tabs button.active{font-weight:800;border-color:var(--gold)}.x-tab{display:none}.x-tab.active{display:block}.x-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:14px}.x-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.x-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.x-form input,.x-form select,.x-form textarea,.x-inline input,.x-inline select{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit}.x-form .wide{grid-column:1/-1}.x-list{display:grid;gap:9px}.x-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:13px;padding:12px;background:var(--surface)}.x-row>div{display:grid;gap:3px}.x-row small,.x-muted{color:var(--muted)}.x-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(120,120,120,.13);font-size:11px;text-transform:capitalize;margin-left:5px}.x-badge.active,.x-badge.approved,.x-badge.connected,.x-badge.completed,.x-badge.received,.x-badge.production_live,.x-badge.good{background:rgba(45,145,95,.14)}.x-badge.high,.x-badge.critical,.x-badge.expired,.x-badge.rejected,.x-badge.failed{background:rgba(190,65,65,.15)}.x-badge.pending,.x-badge.medium,.x-badge.adapter_ready{background:rgba(190,145,45,.16)}.x-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.x-head h2,.x-head p{margin:0}.x-head p{color:var(--muted);margin-top:4px}.x-empty{padding:22px;text-align:center;color:var(--muted)}.ask-box{display:grid;grid-template-columns:1fr auto;gap:8px}.ask-answer{font-size:1.05rem;line-height:1.65;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.route-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.route-chips a{border:1px solid var(--border);border-radius:999px;padding:6px 10px;text-decoration:none}.device-grid,.wh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.x-card{border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface)}.x-card h3{margin:3px 0 7px}.x-card p{color:var(--muted)}@media(max-width:900px){.x-grid{grid-template-columns:1fr}.x-hero{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.x-shell{padding:12px}.x-form{grid-template-columns:1fr}.x-row,.x-head{align-items:flex-start;flex-direction:column}.ask-box{grid-template-columns:1fr}.x-kpi strong{font-size:18px}}html[dir="rtl"] .x-row{text-align:right}