.services-page{max-width:1220px;margin:0 auto;padding:28px 22px 80px}.services-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.services-heading h1{margin:0}.services-help{padding:14px 18px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;line-height:1.65}.services-filter{display:flex;gap:12px;margin:20px 0}.services-filter input{flex:1}.services-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.services-table table{width:100%;border-collapse:collapse;min-width:650px}.services-table th,.services-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.services-table small{display:block;color:var(--ink-3);margin:5px 0 10px}.services-table button{margin:2px}.service-badge{display:inline-block;border-radius:20px;background:var(--surface-2);padding:4px 10px;font-size:.8rem}.services-history{margin-top:24px}.services-dialog{width:min(520px,94vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);padding:24px}.services-dialog::backdrop{background:#0006}.services-dialog label{display:block;margin:12px 0}.services-dialog label input:not([type=checkbox]),.services-dialog select{display:block;width:100%;margin-top:6px}.services-dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.services-error{color:var(--err,#c33)}@media(max-width:650px){.services-page{padding:18px 12px}.services-heading{align-items:flex-start;flex-direction:column}.services-filter{flex-wrap:wrap}.services-filter input{width:100%}}
.services-filter input{min-width:180px;width:auto}.services-filter select{flex:0 1 240px;width:240px}.services-filter button{white-space:nowrap;flex:none}.services-filter input::placeholder{color:var(--ink-3)}

.services-device-list{display:grid;gap:12px;margin:20px 0}.service-device{padding:14px;border:1px solid var(--border,#7775);border-radius:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.service-device small{flex:1}.services-filter{flex-wrap:wrap}