/*
 * Panel de estadísticas de Log::showLog() (solo admin), todo bajo .zwlog. Se enlaza desde exthdx() de las
 * extensiones que lo usan (Log::cssLink()). Hereda letra y color de la plantilla: líneas y fondos son mezclas
 * de currentColor, así que sirve igual en plantillas claras y oscuras.
 */
.zwlog{--zl-line:color-mix(in srgb,currentColor 14%,transparent);--zl-track:color-mix(in srgb,currentColor 7%,transparent);--zl-mute:color-mix(in srgb,currentColor 62%,transparent);--zl-data:#2a78d6;--zl-data-2:color-mix(in srgb,#2a78d6 22%,transparent);
	clear:both;margin:2em 0;border:1px solid var(--zl-line);border-radius:10px;font-variant-numeric:tabular-nums;line-height:1.45}
@media (prefers-color-scheme:dark){.zwlog{--zl-data:#3987e5}}
.zwlog>summary{cursor:pointer;padding:.85em 1.1em;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em .75em}
.zwlog>summary::-webkit-details-marker{display:none}
.zwlog>summary::before{content:"";width:.45em;height:.45em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform .15s;align-self:center;margin-right:.2em}
.zwlog[open]>summary::before{transform:rotate(45deg)}
.zwlog>summary:focus-visible,.zwlog-tbl>summary:focus-visible{outline:2px solid var(--zl-data);outline-offset:2px;border-radius:6px}
.zwlog-sum{font-weight:600}
.zwlog-only{color:var(--zl-mute);font-size:.85em}
.zwlog-body{padding:0 1.1em 1.1em;border-top:1px solid var(--zl-line)}
.zwlog-big{margin:.9em 0 .1em;font-size:1.05em}
.zwlog-big b{font-size:2.6em;font-weight:700;letter-spacing:-.02em;line-height:1;margin-right:.1em}
.zwlog-sub{margin:0 0 1.2em;color:var(--zl-mute);max-width:65ch}
.zwlog-pulse{margin:0 0 1.5em}
.zwlog-cols{display:flex;align-items:stretch;gap:2px;height:120px;border-bottom:1px solid var(--zl-line)}
.zwlog-col{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end}
.zwlog-col.is-week{box-shadow:inset 1px 0 0 var(--zl-track)}
.zwlog-col i{display:block;width:100%;background:var(--zl-data);border-radius:4px 4px 0 0}
/* Segunda serie dentro de la columna (Log::pulse() 'second': clics dentro de impresiones en anuncios) */
.zwlog-col i{position:relative}
.zwlog-col i b{position:absolute;left:0;right:0;bottom:0;background:var(--zl-data);border-radius:inherit}
.zwlog-pulse--two .zwlog-col i{background:var(--zl-data-2)}
.zwlog-legend{display:flex;flex-wrap:wrap;gap:.3em 1.2em;margin:.35em 0 0;font-size:.8em;color:var(--zl-mute)}
.zwlog-legend i{display:inline-block;width:.8em;height:.8em;margin-right:.4em;border-radius:2px;vertical-align:-.08em;background:var(--zl-data-2)}
.zwlog-legend i.is-2{background:var(--zl-data)}
.zwlog-col.is-today i{background:repeating-linear-gradient(45deg,var(--zl-data) 0 3px,var(--zl-data-2) 3px 6px);outline:1.5px solid var(--zl-data);outline-offset:-1.5px}
.zwlog-col:hover{background:var(--zl-track)}
.zwlog-col:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:.3em .6em;border-radius:6px;font-size:.8em;background:Canvas;color:CanvasText;border:1px solid var(--zl-line);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:2;pointer-events:none}
.zwlog-col:first-child:hover::after{left:0;transform:none}
.zwlog-col:last-child:hover::after{left:auto;right:0;transform:none}
.zwlog-pulse figcaption{display:flex;justify-content:space-between;font-size:.8em;color:var(--zl-mute);margin-top:.3em}
.zwlog-tbl{margin-top:.4em;font-size:.85em}
.zwlog-tbl>summary{cursor:pointer;color:var(--zl-mute);display:inline-block}
.zwlog-tbl table{margin-top:.5em;max-width:16em}
.zwlog-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15em),1fr));gap:1.2em 1.8em;margin-bottom:1.5em}
.zwlog h4{font-size:.95em;font-weight:600;margin:0 0 .5em}
.zwlog-list ol{list-style:none;margin:0;padding:0}
.zwlog-list li{position:relative;display:flex;justify-content:space-between;gap:.8em;padding:.22em .45em;margin-bottom:3px;border-radius:4px;background:linear-gradient(90deg,var(--zl-data-2) var(--w),var(--zl-track) var(--w));font-size:.9em}
.zwlog-k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.zwlog-v{font-weight:600}
.zwlog-scroll{overflow-x:auto}
.zwlog table{width:100%;border-collapse:collapse;font-size:.85em;background:none}
.zwlog th{text-align:left;font-weight:600;color:var(--zl-mute);padding:.35em .6em .35em 0;border-bottom:1px solid var(--zl-line)}
.zwlog td{padding:.35em .6em .35em 0;border-bottom:1px solid var(--zl-track);white-space:nowrap}
.zwlog td:last-child,.zwlog th:last-child{padding-right:0}
.zwlog-tbl td:last-child,.zwlog-tbl th:last-child{text-align:right}
.zwlog-uri{max-width:22em;overflow:hidden;text-overflow:ellipsis}
/* Variante de página (estadísticas del dueño): encabezado propio en lugar del <summary> plegable */
.zwlog--page{margin-top:1em}
/* Variante sin marco: una sola gráfica dentro de otro panel (anuncios en admin.zw?a=ads) */
.zwlog--bare{clear:none;margin:0;border:0;border-radius:0}
.zwlog-head{padding:1.1em 1.1em .9em}
.zwlog-head h2{margin:0;font-size:1.5em;font-weight:700;line-height:1.2}
.zwlog-head h2 a{color:inherit;text-decoration:none}
.zwlog-head h2 a:hover,.zwlog-head h2 a:focus-visible{text-decoration:underline;text-underline-offset:.15em}
.zwlog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35em 1em;margin:.35em 0 0;color:var(--zl-mute)}
.zwlog-pill{display:inline-block;padding:.05em .55em;border:1px solid var(--zl-line);border-radius:999px;font-size:.8em;color:var(--zl-mute);vertical-align:.08em}
.zwlog-pill--warn{color:inherit;border-color:#c98500;background:color-mix(in srgb,#eda100 18%,transparent)}
.zwlog-pill--warn::before{content:"";display:inline-block;width:.5em;height:.5em;margin-right:.4em;border-radius:50%;background:#c98500}
.zwlog-body>h4{margin-top:1.4em}
.zwlog .zwlog-num{text-align:right;padding-left:1em}
.zwlog td a{color:inherit;text-decoration:underline;text-decoration-color:var(--zl-line);text-underline-offset:.15em}
.zwlog td a:hover{text-decoration-color:currentColor}
@media (prefers-reduced-motion:reduce){.zwlog>summary::before{transition:none}}
@media (forced-colors:active){.zwlog-col i{background:CanvasText}.zwlog-col i b,.zwlog-legend i.is-2{background:Highlight}.zwlog-list li{background:none;border:1px solid CanvasText}}