.clients-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.clients-tools label:first-child{flex:1;min-width:220px}.clients-tools input,.clients-tools select{width:100%}.clients-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:20px;align-items:start}.clients-list{padding:10px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid transparent;border-bottom-color:var(--border,#263449);border-radius:12px;padding:14px 12px;background:transparent;color:inherit;cursor:pointer}.client-row:hover,.client-row.selected{background:rgba(40,131,245,.12);border-color:rgba(40,131,245,.45)}.client-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.client-row small{display:block;font-size:12px;color:var(--muted,#94a3b8);margin-top:5px;overflow-wrap:anywhere}.client-row-status{flex-shrink:0;text-align:right;max-width:130px}.client-state{display:inline-block;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700;background:rgba(148,163,184,.13);color:#b6c3d5;margin:2px}.client-state[data-state=online]{background:rgba(34,197,94,.14);color:#4ade80}.client-state[data-state=offline]{background:rgba(239,68,68,.16);color:#ff8888}.client-state[data-state=warning]{background:rgba(245,158,11,.14);color:#fbbf24}.client-detail{padding:22px;min-width:0;scroll-margin-top:85px}.client-detail-heading{display:flex;gap:16px;align-items:start;justify-content:space-between}.client-detail-heading h2{font-size:21px;overflow-wrap:anywhere}.client-detail-heading p{overflow-wrap:anywhere}.client-verdict{padding:16px;border-left:3px solid #3b82f6;background:rgba(59,130,246,.09);border-radius:10px;margin:16px 0;line-height:1.6}.client-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:18px 0}.client-fields>div{padding:12px 0;border-bottom:1px solid var(--border,#263449);min-width:0}.client-fields dt{font-size:12px;color:var(--muted,#94a3b8);margin-bottom:6px}.client-fields dd{margin:0;overflow-wrap:anywhere;font-size:14px}.client-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 4px}.client-pagination span{font-size:12px;color:var(--muted,#94a3b8)}#client-detail-error,#clients-message{color:#fbbf24;min-height:1em}.client-history small{display:block;margin-top:5px;color:var(--muted,#94a3b8)}.client-history{overflow:auto}.client-history table{min-width:620px}.clients-layout:has(.client-detail[hidden]){grid-template-columns:minmax(0,1fr)}@media(min-width:901px){.clients-layout:has(.client-detail[hidden]) #clients-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}@media(max-width:900px){.clients-layout{grid-template-columns:minmax(0,1fr)}.client-detail{padding:16px}.client-fields{gap:0 14px}}@media(max-width:420px){.client-fields{grid-template-columns:minmax(0,1fr)}.client-row{padding:12px 8px}.client-pagination{flex-wrap:wrap}.client-pagination span{order:3;width:100%;text-align:center}}