.ocli{background:#fff;color:#172640;border-radius:10px;overflow:hidden;padding-bottom:22px}
.cliente-acceso [hidden]{display:none!important}
.ocli td.ocli-horas{min-width:285px;max-width:330px}.ocli-horas small{line-height:1.7}.ocli-punto{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#9aa7b8;vertical-align:middle}.ocli-punto.verde{background:#19b879}.ocli-punto.amarillo{background:#f2b632}.ocli-punto.rojo{background:#e84b5f}.ocli-punto.pendiente{background:#9aa7b8}.ocli td.ocli-infull{min-width:225px}.ocli-documento{display:block;text-align:left;background:#ecf3ff;color:#17375e;border:1px solid #aac2e5;border-radius:4px;padding:8px;margin-top:8px;max-width:100%;font:inherit;cursor:pointer;overflow-wrap:anywhere}.ocli-documento:hover{background:#d8e9ff}.ocli-documento:focus-visible{outline:3px solid #69bbff;outline-offset:2px}
.ocli-banner{background:#1b2846;color:white;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.ocli-banner h2{font-size:24px;font-weight:600;margin:0}.ocli-banner span{font-size:13px;color:#c6cfdf}
.ocli-filtros{display:flex;gap:22px;align-items:end;flex-wrap:wrap;padding:24px 28px 12px}
.ocli-filtros label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#192b4c}.ocli-filtros input,.ocli-filtros select{background:#294a78;color:#fff;border:1px solid #b5c8e0;border-radius:3px;padding:9px 12px;min-width:174px;color-scheme:dark;font:inherit}
.ocli-filtros small{width:100%;color:#576783}.ocli-actualizacion{text-align:right;color:#596780;padding:0 28px;font-size:12px}
.ocli-kpis{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px;padding:22px 28px 12px;max-width:1320px;margin:0 auto;justify-content:center;align-items:stretch}.ocli-kpis article{background:#294a78;color:white;padding:12px 13px;text-align:center;min-height:240px;display:flex;flex-direction:column;align-items:stretch}.ocli-kpis article:last-child{background:#2c394b}.ocli-kpis h3{font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;min-height:32px;display:flex;align-items:flex-start;justify-content:center}.ocli-kpis strong{font-size:22px;line-height:1.1;font-weight:700;min-height:26px}.ocli-kpis strong small{font-size:18px}.ocli-kpis p{margin:5px 0 3px;font-size:10px}.ocli-kpis article>small{color:#c7d8ed;font-size:10px;margin-top:auto}
.ocli-kpis .ocli-kpi-tiempo{min-height:240px;padding:18px 11px}.ocli-kpis .ocli-kpi-tiempo h3{min-height:32px;margin-bottom:24px;font-size:11px;line-height:1.35}.ocli-kpis .ocli-kpi-tiempo>strong{font-size:30px}.ocli-kpis .ocli-kpi-tiempo>p{margin:4px 0 9px;font-size:10px}.ocli-bandas{display:grid;gap:4px;margin:0 0 7px;text-align:left}.ocli-kpi-tiempo .ocli-bandas{margin-top:4px}.ocli-bandas div{position:relative;display:flex;justify-content:space-between;gap:5px;padding:3px 4px 8px;border:0;font-size:9px}.ocli-bandas div:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:5px;border-radius:99px;background:#1b3356}.ocli-bandas b{white-space:nowrap;position:relative;z-index:1}.ocli-bandas .ocli-banda-verde:after{background:#33d296}.ocli-bandas .ocli-banda-verde span{color:#b9f6d6}.ocli-bandas .ocli-banda-amarilla:after{background:#f5c44c}.ocli-bandas .ocli-banda-amarilla span{color:#ffe7a3}.ocli-bandas .ocli-banda-roja:after{background:#ff6775}.ocli-bandas .ocli-banda-roja span{color:#ffc0b6}.ocli-bandas .ocli-banda-pendiente:after{background:#9aa6b7}.ocli-bandas .ocli-banda-pendiente span{color:#d2dbea}
.ocli-nota{font-size:12px;color:#51627d;padding:0 28px 14px;line-height:1.7}.ocli-titulo-tabla{background:#1b2846;color:white;font-size:17px;font-weight:500;text-align:center;padding:8px;margin:0 28px}.ocli-scroll{overflow:auto;max-height:560px;margin:0 28px;background:#1b2846}.ocli table{border-collapse:collapse;width:100%;min-width:950px;font-size:13px}.ocli thead{position:sticky;top:0;z-index:1;background:#071524;color:white}.ocli th{padding:10px;text-align:left;white-space:nowrap;border-bottom:2px solid #3979b8;font-size:12px}.ocli td{padding:10px;color:#fff;border:none;vertical-align:top;max-width:250px;overflow-wrap:anywhere}.ocli tbody tr{background:#1b2846}.ocli tbody tr:nth-child(even){background:#25282c}.ocli tbody tr:hover{background:#264871}.ocli td small{display:block;color:#b5c9df;margin-top:4px;font-size:11px}.ocli-estado{white-space:nowrap;display:inline-flex;gap:7px;align-items:center;font-size:12px}.ocli-estado:before{content:'';width:11px;height:11px;border-radius:50%;background:#9ba8bb;flex-shrink:0}.ocli-estado.cumple:before{background:#57d69c}.ocli-estado.nocumple:before{background:#ff7967}.ocli-estado.pendiente{color:#ccd6e4}.ocli-vacio{text-align:center;padding:35px!important}.ocli-paginas{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:16px 28px 0;font-size:13px}
.cliente-acceso{border:1px solid #bed0e9;background:#f4f7fc;border-radius:8px;padding:20px;margin-top:22px}.cliente-acceso h3{margin:0 0 8px}.cliente-acceso .campos-acceso{display:grid;grid-template-columns:2fr 2fr 2fr;gap:16px;margin:16px 0}.cliente-acceso p{font-size:13px;color:#52617a}.cliente-acceso label{display:grid;gap:7px}.cliente-acceso label.acceso-activo{display:flex;align-items:center;margin:12px 0}.cliente-acceso [role=status]{font-size:13px;margin:12px 0}
@media(max-width:1100px){.ocli-kpis{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.ocli-banner{align-items:start;flex-direction:column}.cliente-acceso .campos-acceso{grid-template-columns:1fr}}
@media(max-width:650px){.ocli-kpis{grid-template-columns:1fr 1fr;padding:16px}.ocli-kpis article:first-child{grid-column:1/-1}.ocli-filtros{padding:16px;gap:12px}.ocli-filtros label{width:100%}.ocli-banner{padding:20px}.ocli-banner h2{font-size:20px}.ocli-scroll,.ocli-titulo-tabla{margin:0 12px}.ocli-paginas{justify-content:center;padding:16px 8px 0}}
.ocli-desglose{display:grid;gap:3px;margin:10px 0 7px;text-align:left;font-size:10px}.ocli-desglose span{display:flex;align-items:center;gap:5px}.ocli-desglose i{width:8px;height:8px;border-radius:50%;display:inline-block}.ocli-desglose .verde i{background:#57d69c}.ocli-desglose .amarillo i{background:#f4c85b}.ocli-desglose .rojo i{background:#ff7967}.ocli-evidencias{font-size:11px}.ocli-evidencias>b{display:block;color:#fff;font-size:15px}.ocli-evidencias>small{display:block;margin:3px 0 7px}.ocli-evidencias ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ocli-evidencias li{display:grid;grid-template-columns:16px 1fr;gap:3px;align-items:start;color:#c7d8ed}.ocli-evidencias li>span{font-weight:700}.ocli-evidencias li.cargada>span{color:#57d69c}.ocli-evidencias li.faltante>span{color:#ff7967}.ocli-evidencias li b{font-weight:500}.ocli-evidencias li small{grid-column:2;color:#aab8cc;margin:0;font-size:10px}
.ocli-evidencias li .ocli-documento{grid-column:2;width:100%;max-width:none;display:block;white-space:normal;word-break:normal;overflow-wrap:anywhere;text-align:left;line-height:1.25;margin-top:3px;padding:5px 6px}.ocli td.ocli-infull{min-width:340px;width:340px}.ocli td.ocli-horas{min-width:330px}.ocli table{min-width:1250px}
.ocli-puntualidad{margin:10px 0 7px}.ocli-puntualidad div{font-size:10px}
.ocli-kpis article{position:relative}.ocli-nivel{margin-top:auto;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.08em}.ocli-nivel.cumple{background:#8de5bd;color:#064d36}.ocli-nivel.atencion{background:#ffe39a;color:#765200}.ocli-nivel.critico{background:#ffb7c2;color:#8e071e}.ocli-nivel.pendiente{background:#aeb9c8;color:#26364d}
.ocli-kpis article>h3{height:34px;min-height:34px;margin:0 0 8px;line-height:1.25;align-items:flex-start}.ocli-kpis article>strong,.ocli-kpis .ocli-kpi-tiempo>strong{font-size:30px;line-height:1.1;min-height:33px;margin-top:10px}.ocli-kpis .ocli-kpi-tiempo h3{height:34px;min-height:34px;margin:0 0 8px;font-size:11px;line-height:1.25}.ocli-kpis .ocli-kpi-tiempo .ocli-bandas{margin-top:4px}.ocli-kpis article>p{min-height:13px;margin:5px 0 3px}.ocli-kpis article>small{min-height:13px}