
/* Pepo — professional accounts and live activity */
.pepo-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.pepo-section-head h2,.pepo-filter-header h3{font:400 27px Georgia,serif;margin:5px 0 2px;letter-spacing:-.035em}
.pepo-section-head p{margin:4px 0}
.pepo-filters{margin:18px 0 22px;background:linear-gradient(142deg,rgba(23,40,43,.94),rgba(14,27,31,.94));border:1px solid #2d4848;border-radius:17px;padding:22px;box-shadow:0 16px 45px rgba(0,0,0,.1)}
.pepo-filter-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 16px}
.pepo-filter-header h3{font-size:24px}
.pepo-count{font-size:12px;color:#c1d4c7;padding:7px 12px;border:1px solid #3c5751;border-radius:100px}
.pepo-controls{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:8px 0 18px}
.pepo-controls input,.pepo-controls select{width:auto;min-width:140px;max-width:100%;flex:1;height:43px;background:#101e22;border:1px solid #344e4c;border-radius:9px}
.pepo-controls input{flex:2;min-width:205px}
.pepo-controls select{cursor:pointer}
.pepo-controls button{height:43px;white-space:nowrap}
.pepo-segments{display:flex;align-items:center;border:1px solid #314b44;border-radius:10px;padding:3px;gap:2px}
.pepo-segment{font-size:12px;padding:7px 14px;background:transparent;color:#c7d5d1}
.pepo-segment.selected{background:#bed0b7;color:#162422}
.pepo-statband{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0;color:#b3c7be;font-size:12px}
.pepo-statband span{border-right:1px solid #426058;padding-right:12px}
.pepo-statband span:last-child{border-right:none}
.pepo-table-scroll{overflow:auto}
.pepo-table-scroll table{min-width:670px}
.pepo-table-scroll thead th{background:#1a302f;position:sticky;top:0;z-index:1;color:#b3c9be}
.pepo-table-scroll tbody tr{transition:background .2s}
.pepo-table-scroll tbody tr:nth-child(odd){background:#1a2a2c80}
.pepo-table-scroll tbody tr:hover{background:#263f3c}
.pepo-table-scroll td{border-bottom:1px solid #2a403f;padding:15px 13px;font-size:12px;color:#d7e5db}
.pepo-table-scroll th{padding:15px 13px}
.pepo-table-scroll strong{font-weight:600;color:#f0f3ed}
.pepo-mini-state{display:inline-flex;align-items:center;gap:8px;font-size:11px;border:1px solid #4d665c;border-radius:100px;padding:4px 10px}
.pepo-mini-state i{width:7px;height:7px;background:#adc2b0;border-radius:50%}
.pepo-mini-state.is-on{color:#c0edce;border-color:#306e51;background:#193a2d}
.pepo-mini-state.is-on i{background:#73d9a0}
.pepo-mini-state.is-off{color:#e6abb3;border-color:#82494e;background:#3c252b}
.pepo-mini-state.is-off i{background:#ed8188}
.pepo-tiny{font-size:11px;padding:8px 10px}
.pepo-id{font-size:11px;border:1px solid #4d615d;border-radius:6px;padding:4px 7px}
.pepo-focus{outline:2px solid #b2dab8}
.pepo-uptime{display:inline-flex;gap:8px;align-items:center;color:#a6bdb3;font-size:11px;letter-spacing:.03em}
@media(max-width:650px){.pepo-filters{padding:13px}.pepo-controls input,.pepo-controls select{min-width:100%;width:100%}.pepo-section-head{align-items:start}.pepo-statband{gap:8px}.pepo-segments{width:100%}.pepo-segments button{flex:1}}

.lux-host[data-status="online"]{border-top:3px solid #5bcba1}.lux-host[data-status="critical"],.lux-host[data-status="offline"]{border-top:3px solid #e58185}.lux-host[data-status="warning"]{border-top:3px solid #e9bc68}

/* Pepo Usuarios · controles discretos */
#pepo-account-table{overflow:visible}
#pepo-account-table table{min-width:900px}
#pepo-account-table th{white-space:nowrap}
#pepo-account-table td{white-space:normal}
.pepo-user-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;position:relative}
.pepo-action-menu{position:relative}
.pepo-action-menu>summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;cursor:pointer;
 background:#253b39;border:1px solid #3d5950;border-radius:8px;color:#dce6dd;font-size:19px;line-height:1}
.pepo-action-menu>summary::-webkit-details-marker{display:none}
.pepo-action-menu[open]>summary{background:#344e47}
.pepo-action-menu>div{position:absolute;z-index:20;right:0;top:calc(100% + 5px);min-width:196px;
 background:#122223;border:1px solid #426157;border-radius:11px;padding:5px;box-shadow:0 16px 35px #0008}
.pepo-action-menu>div button{display:block;width:100%;text-align:left;white-space:nowrap;font-size:12px;
 background:transparent;color:#e4ede5;border:0;border-radius:7px;padding:10px}
.pepo-action-menu>div button:hover{background:#30483d}
#pepo-account-table .pepo-mini-state{min-width:87px;justify-content:center}
#pepo-account-table tbody tr{position:relative}
@media(max-width:900px){#pepo-account-table{overflow-x:auto}#pepo-account-table table{min-width:980px}}

