/* DANGOFE OS · portal del técnico · «Mis avisos» (T135) · tec-avisos.css v1.0.0 · 2026-10-27 · liquid glass base clara + Noche azul · rojo Power Wave · sin sombras */
.av{--av-fg:#16181d;--av-fg2:#3d434f;--av-mut:#5b6270;--av-line:rgba(22,24,29,.12);--av-vidrio:rgba(255,255,255,.74);--av-vidrio2:rgba(255,255,255,.56);--av-nuevo:rgba(236,50,55,.07);--av-rojo:#ec3237;--av-rojo-t:#b5161c;--av-rojo2:rgba(236,50,55,.1);--av-banda:#c8191f;--av-azul:#1d4ed8;--av-azuls:rgba(29,78,216,.1);--av-amb:#7f4a00;--av-ambs:rgba(194,117,0,.13);--av-gris:#3d434f;--av-griss:rgba(22,24,29,.07);--av-ok:#126b34;position:relative;display:block;container-type:inline-size;max-width:980px;margin:0 auto;padding:14px 14px 16px;border-radius:22px;background:var(--av-vidrio);border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);color:var(--av-fg);font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45;overflow:hidden;min-width:0;overflow-wrap:anywhere}
[data-theme='dark'] .av{--av-fg:#eaf1ff;--av-fg2:#c3d0e8;--av-mut:#9aabc9;--av-line:rgba(205,222,255,.15);--av-vidrio:rgba(14,27,56,.76);--av-vidrio2:rgba(255,255,255,.07);--av-nuevo:rgba(255,90,95,.1);--av-rojo:#ff5a5f;--av-rojo-t:#ff8a8e;--av-rojo2:rgba(255,90,95,.15);--av-banda:#c21f25;--av-azul:#8fb3ff;--av-azuls:rgba(143,179,255,.15);--av-amb:#f6b64a;--av-ambs:rgba(246,182,74,.15);--av-gris:#c3d0e8;--av-griss:rgba(255,255,255,.09);--av-ok:#5ad486;border-color:rgba(205,222,255,.16)}
.av *{box-sizing:border-box}
.av-tn{font-variant-numeric:tabular-nums}
.av-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.av-i--f{width:16px;height:16px;color:var(--av-mut)}
.av-i--g{width:34px;height:34px;stroke-width:1.6}
/* cabecera con la campana y el contador */
.av-cab{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin-bottom:10px}
.av-cab__t{flex:1 1 140px;min-width:0;display:flex;flex-direction:column}
.av-cab h2{margin:0;font-size:19px;line-height:1.2}
.av-cab__t>span{font-size:13px;color:var(--av-mut)}
.av-cam{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--av-rojo2);color:var(--av-rojo-t);flex:none}
.av-cam .av-i{width:22px;height:22px}
.av-badge{position:absolute;top:-6px;right:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--av-banda);color:#fff;font-size:12px;font-weight:800;line-height:21px;text-align:center;border:2px solid #fff;font-variant-numeric:tabular-nums}
[data-theme='dark'] .av-badge{border-color:#0e1b38}
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:700;font-size:13.5px;min-height:38px;padding:6px 12px;border-radius:999px;border:1px solid var(--av-line);background:var(--av-vidrio2);color:var(--av-fg);cursor:pointer;white-space:nowrap;max-width:100%}
.av-btn i{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.av-btn--txt{background:transparent;border-color:transparent;color:var(--av-rojo-t);padding:6px 8px}
.av-btn--txt .av-i{width:16px;height:16px}
.av-btn[disabled]{opacity:.5;cursor:default}
.av-err{margin:0 0 10px;padding:8px 11px;border-radius:12px;background:var(--av-rojo2);color:var(--av-rojo-t);font-size:13.5px;font-weight:600}
/* «Sin leer | Todos» */
.av-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--av-vidrio2);border:1px solid var(--av-line);margin-bottom:6px}
.av-seg button{font:inherit;font-size:13.5px;font-weight:700;min-height:36px;border-radius:10px;border:0;background:transparent;color:var(--av-fg2);cursor:pointer}
.av-seg button span{font-weight:800;margin-left:4px;color:var(--av-mut)}
.av-seg button.is-on{background:var(--av-vidrio);color:var(--av-fg);outline:1px solid var(--av-line)}
.av-seg button.is-on span{color:var(--av-rojo-t)}
/* la lista */
.av-dia{margin:12px 2px 4px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--av-mut)}
.av-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.av-fila{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;text-align:left;font:inherit;color:inherit;padding:10px 10px 10px 10px;border-radius:14px;border:1px solid transparent;background:transparent;cursor:pointer}
.av-fila:hover{background:var(--av-vidrio2)}
.av-fila:focus-visible{outline:2px solid var(--av-rojo);outline-offset:1px}
.av-fila.nuevo{background:var(--av-nuevo);border-color:var(--av-rojo2)}
.av-fila>.av-i--f{align-self:center}
.av-ti{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;flex:none}
.av-ti--r{background:var(--av-rojo2);color:var(--av-rojo-t)}
.av-ti--a{background:var(--av-azuls);color:var(--av-azul)}
.av-ti--m{background:var(--av-ambs);color:var(--av-amb)}
.av-ti--n{background:var(--av-griss);color:var(--av-gris)}
.av-fila__c{display:flex;flex-direction:column;gap:2px;min-width:0}
.av-fila__s{display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap}
.av-fila__s b{font-size:14.5px;font-weight:600;line-height:1.3;min-width:0}
.av-fila.nuevo .av-fila__s b{font-weight:800}
.av-fila__s time{font-size:12.5px;color:var(--av-mut);white-space:nowrap}
.av-fila.nuevo .av-fila__s time{color:var(--av-rojo-t);font-weight:700}
.av-fila__x{font-size:13.5px;color:var(--av-fg2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.av-fila__k{font-size:11.5px;font-weight:700;color:var(--av-mut);letter-spacing:.02em}
.av-fila__k em{font-style:normal;color:var(--av-rojo-t)}
.av-punto{position:absolute;left:4px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--av-rojo)}
.av-vacio{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:22px 12px;color:var(--av-mut)}
.av-vacio b{color:var(--av-fg);font-size:16px}
.av-vacio span{font-size:13.5px;max-width:34ch}
/* B · la barra de la campana */
.av[data-av-v='B']{padding:8px}
.av-barra{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;font:inherit;color:inherit;text-align:left;padding:6px 8px;border:0;border-radius:16px;background:transparent;cursor:pointer}
.av-barra:focus-visible{outline:2px solid var(--av-rojo);outline-offset:1px}
.av-barra__t{display:flex;flex-direction:column;min-width:0}
.av-barra__t b{font-size:15px}
.av-barra.hay .av-barra__t b{color:var(--av-rojo-t)}
.av-barra__t span{font-size:13px;color:var(--av-fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-barra:not(.hay) .av-cam{background:var(--av-griss);color:var(--av-gris)}
.av-hoja{margin-top:8px;padding:6px 6px 4px;border-top:1px solid var(--av-line);animation:av-sube .22s ease-out 1}
@keyframes av-sube{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.av-hoja__cab{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;font-size:12.5px;color:var(--av-mut);padding:2px 4px 6px}
.av-lista--plana{max-height:min(62vh,520px);overflow-y:auto;overscroll-behavior:contain}
/* C · por tipo y la línea del tiempo */
.av-cab--c{padding-bottom:10px;border-bottom:1px solid var(--av-line)}
.av-gran{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border-radius:16px;background:var(--av-banda);color:#fff;line-height:1}
.av-gran b{font-size:28px;font-weight:800}
.av-gran span{font-size:10.5px;font-weight:700;margin-top:3px;text-align:center;line-height:1.15}
.av-tipos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(104px,100%),1fr));gap:6px;margin:10px 0 4px}
.av-tipo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font:inherit;color:inherit;text-align:left;padding:8px 9px;border-radius:14px;border:1px solid var(--av-line);background:var(--av-vidrio2);cursor:pointer;min-width:0}
.av-tipo .av-ti{width:30px;height:30px;border-radius:10px}
.av-tipo .av-ti .av-i{width:16px;height:16px}
.av-tipo__n{font-size:12.5px;font-weight:700;color:var(--av-fg2)}
.av-tipo b{font-size:12.5px;color:var(--av-mut)}
.av-tipo.hay b{color:var(--av-rojo-t)}
.av-tipo.is-on{border-color:var(--av-rojo);background:var(--av-rojo2)}
.av-filtro{margin:6px 2px 0;font-size:13px;color:var(--av-fg2);display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.av-tiempo .av-lista{position:relative;padding-left:16px;gap:2px}
.av-tiempo .av-lista::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--av-line)}
.av-tiempo .av-fila{border-radius:12px}
.av-tiempo .av-fila::before{content:"";position:absolute;left:-15px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--av-vidrio);border:2px solid var(--av-line)}
.av-tiempo .av-fila.nuevo::before{background:var(--av-rojo);border-color:var(--av-rojo)}
.av-tiempo .av-punto{display:none}
@media (prefers-reduced-motion:reduce){.av-hoja{animation:none}}