/*
Theme Name: Index Zero
Theme URI: https://kratzer-records.de/
Author: Eckehard Krah
Author URI: https://kratzer-records.de/
Description: Compact technical WordPress theme based on the original Index Zero project index interface.
Version: 0.6.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: index-zero
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, threaded-comments, translation-ready, three-columns, theme-options
*/


:root {
    --iz-bg: #f3f7fb;
    --iz-paper: #ffffff;
    --iz-head: #eef5fb;
    --iz-soft: #f8fafc;
    --iz-hover: #f0f9ff;
    --iz-line: #b8c7d9;
    --iz-line-soft: #d6e1ee;
    --iz-control-border: #9fb4ca;
    --iz-focus: #38bdf8;
    --iz-side: #0f172a;
    --iz-side-panel: #172033;
    --iz-side-link: #111c31;
    --iz-side-hover: #172a46;
    --iz-side-text: #e5edf6;
    --iz-side-muted: #cbd5e1;
    --iz-side-panel-text: #ffffff;
    --iz-side-panel-muted: #cbd5e1;
    --iz-text: #172033;
    --iz-heading: #0f172a;
    --iz-muted: #64748b;
    --iz-accent: #0f766e;
    --iz-accent-dark: #115e59;
    --iz-accent-text: #ffffff;
    --iz-active: #e0f2fe;
    --iz-active-text: #0f172a;
    --iz-active-line: #7dd3fc;
    --iz-folder: #d97706;
    --iz-button-bg: #ffffff;
    --iz-button-text: #172033;
    --iz-input-bg: #ffffff;
    --iz-ok: #166534;
    --iz-ok-bg: #ecfdf5;
    --iz-ok-line: #86efac;
    --iz-warn: #92400e;
    --iz-warn-bg: #fffbeb;
    --iz-warn-line: #fcd34d;
    --iz-line-width: 1px;
    --iz-line-style: solid;
    --iz-radius: 0px;
    --iz-sidebar-width: 202px;
    --iz-right-sidebar-width: 202px;
    --iz-font-size: 12px;
    --iz-content-font-size: 11px;
    --iz-navigation-font-size: 11px;
    --iz-line-height: 1.35;
    --iz-shadow-opacity: .08;
    --iz-font: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; min-width: 0; }
html, body { margin: 0; width: 100%; max-width: 100%; }
html { scroll-behavior: smooth; }
body {
    background: var(--iz-bg);
    color: var(--iz-text);
    font-family: var(--iz-font);
    font-size: var(--iz-font-size);
    line-height: var(--iz-line-height);
    overflow-x: hidden;
}
body.admin-bar .iz-sidebar { padding-top: 17px; }
img { max-width: 100%; height: auto; }
a { color: var(--iz-accent); text-decoration: none; }
a:hover { color: var(--iz-accent-dark); text-decoration: underline; }
button, input, select, textarea { font: inherit; }
button, input[type="submit"], .iz-button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 9px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-control-border);
    border-radius: var(--iz-radius);
    background: var(--iz-button-bg);
    color: var(--iz-button-text);
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}
button:hover, input[type="submit"]:hover, .iz-button:hover {
    background: var(--iz-active);
    border-color: var(--iz-focus);
    color: var(--iz-text);
    text-decoration: none;
}
.iz-button--primary {
    background: var(--iz-accent);
    color: var(--iz-accent-text);
    border-color: var(--iz-accent-dark);
    font-weight: 700;
}
.iz-button--primary:hover { background: var(--iz-accent-dark); color: var(--iz-accent-text); }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="password"], input[type="number"], select, textarea {
    width: 100%;
    min-height: 28px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-control-border);
    border-radius: var(--iz-radius);
    background: var(--iz-input-bg);
    color: var(--iz-text);
    padding: 5px 8px;
}
input:focus, select:focus, textarea:focus, button:focus-visible, a:focus-visible {
    outline: 2px solid var(--iz-focus);
    outline-offset: 1px;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.iz-site {
    min-height: 100vh;
    display: grid;
    grid-template-columns: var(--iz-sidebar-width) minmax(0, 1fr);
    align-items: start;
}
.iz-site--three-columns {
    grid-template-columns: var(--iz-sidebar-width) minmax(0, 1fr) var(--iz-right-sidebar-width);
}
.iz-sidebar {
    min-height: 100vh;
    background: var(--iz-side);
    color: var(--iz-side-text);
    border-right: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    padding: 17px 8px 14px;
}
.iz-sidebar--right {
    border-right: 0;
    border-left: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
}
.iz-site-title--right { font-size: 18px; }
.iz-sidebar__brandline {
    margin: 0 0 8px;
    color: var(--iz-side-muted);
    font-size: calc(var(--iz-navigation-font-size) - 1px);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.custom-logo-link { display: block; margin: 0 0 8px; }
.custom-logo { display: block; width: auto; max-width: 175px; max-height: 50px; }
.iz-site-title {
    margin: 0 0 4px;
    color: var(--iz-side-text);
    font-size: 18px;
    line-height: 1.1;
}
.iz-site-title a { color: var(--iz-side-text); text-decoration: none; }
.iz-site-description {
    margin: 0 0 10px;
    color: var(--iz-side-muted);
    font-size: calc(var(--iz-navigation-font-size) - 1px);
    line-height: 1.35;
}
.iz-status {
    margin: 0 0 11px;
    background: var(--iz-side-panel);
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    padding: 10px;
}
.iz-kicker, .iz-section-label {
    margin: 0 0 4px;
    font-size: calc(var(--iz-navigation-font-size) - 2px);
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.iz-status .iz-kicker { color: var(--iz-side-panel-muted); }
.iz-status__main {
    display: block;
    color: var(--iz-side-panel-text);
    font-size: 17px;
    line-height: 1.05;
}
.iz-status__meta {
    display: block;
    margin-top: 5px;
    color: var(--iz-side-panel-muted);
    font-size: calc(var(--iz-navigation-font-size) - 1px);
}
.iz-sidebar__section { margin-top: 11px; }
.iz-sidebar__section-title {
    margin: 0 0 5px;
    color: var(--iz-side-muted);
    font-size: calc(var(--iz-navigation-font-size) - 2px);
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.iz-nav, .iz-nav ul { margin: 0; padding: 0; list-style: none; }
.iz-nav li { margin: 0 0 2px; }
.iz-nav a, .iz-filter-link, .iz-backend-link {
    display: block;
    position: relative;
    min-height: 25px;
    padding: 5px 6px 5px 24px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-side-link);
    color: var(--iz-side-text);
    font-size: var(--iz-navigation-font-size);
    line-height: 1.3;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.iz-nav a::before {
    content: "📁";
    position: absolute;
    left: 7px;
    top: 5px;
    color: var(--iz-folder);
    font-size: var(--iz-navigation-font-size);
}
.iz-nav a:hover, .iz-filter-link:hover, .iz-backend-link:hover {
    background: var(--iz-side-hover);
    color: var(--iz-side-text);
    text-decoration: none;
}
.iz-nav .current-menu-item > a,
.iz-nav .current_page_item > a,
.iz-nav .current-menu-ancestor > a,
.iz-filter-link.is-active {
    background: var(--iz-active);
    color: var(--iz-active-text);
    border-color: var(--iz-active-line);
    font-weight: 700;
}
.iz-nav .current-menu-item > a::before,
.iz-nav .current_page_item > a::before,
.iz-nav .current-menu-ancestor > a::before { color: var(--iz-active-text); }
.iz-nav .sub-menu, .iz-nav .children {
    margin: 2px 0 0 7px;
    padding-left: 5px;
    border-left: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
}
.iz-filter-link { padding-left: 6px; }
.iz-backend-link {
    margin-top: 10px;
    padding-left: 6px;
    text-align: center;
    font-weight: 700;
}
.iz-menu-toggle { display: none; width: 100%; margin: 8px 0 0; }
.iz-sidebar__footer {
    margin-top: 12px;
    padding-top: 8px;
    border-top: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    color: var(--iz-side-muted);
    font-size: calc(var(--iz-navigation-font-size) - 2px);
}
.iz-sidebar__footer p { margin: 0 0 3px; }

.iz-main { padding: 2px 8px 8px; }
.iz-paper {
    min-height: calc(100vh - 10px);
    background: var(--iz-paper);
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    box-shadow: 0 1px 2px rgba(15, 23, 42, var(--iz-shadow-opacity));
}
.iz-topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-height: 66px;
    padding: 14px 15px 10px;
    border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-head);
}
.iz-topbar h1, .iz-topbar .iz-page-title {
    margin: 0 0 4px;
    color: var(--iz-heading);
    font-size: 18px;
    line-height: 1.08;
}
.iz-topbar .iz-kicker { color: var(--iz-muted); }
.iz-topbar__meta { color: var(--iz-muted); font-size: calc(var(--iz-content-font-size) - 1px); }
.iz-topbar__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.iz-content { padding: 10px; }

.iz-controlbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 125px 125px auto;
    gap: 6px;
    margin-bottom: 10px;
    padding: 9px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-soft);
}
.iz-controlbar .iz-button { min-width: 62px; }
.iz-search-form { display: grid; grid-template-columns: 1fr 28px; gap: 4px; }
.iz-search-form button { min-height: 28px; padding: 4px; }

.iz-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 10px;
}
.iz-metric {
    min-height: 55px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-soft);
    padding: 8px;
}
.iz-metric span {
    display: block;
    margin-bottom: 4px;
    color: var(--iz-heading);
    font-size: calc(var(--iz-content-font-size) - 2px);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.iz-metric strong { display: block; color: var(--iz-heading); font-size: 17px; line-height: 1; }
.iz-metric small { display: block; margin-top: 4px; color: var(--iz-muted); font-size: calc(var(--iz-content-font-size) - 2px); }

.iz-section {
    margin: 0 0 10px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-paper);
}
.iz-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 28px;
    padding: 6px 8px;
    border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-head);
}
.iz-section__head h2 {
    margin: 0;
    color: var(--iz-heading);
    font-size: var(--iz-content-font-size);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.iz-section__head a, .iz-section__meta { color: var(--iz-muted); font-size: calc(var(--iz-content-font-size) - 2px); }
.iz-section__body { padding: 7px; }

.iz-folder-list { padding: 6px; }
.iz-folder-row {
    display: grid;
    grid-template-columns: minmax(235px, 1.05fr) minmax(330px, 2.4fr) minmax(150px, .9fr);
    min-height: 31px;
    margin-bottom: 4px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    background: var(--iz-paper);
}
.iz-folder-row:last-child { margin-bottom: 0; }
.iz-folder-row:hover { background: var(--iz-hover); }
.iz-folder-row__title {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    border-right: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    color: var(--iz-text);
    font-size: var(--iz-content-font-size);
    font-weight: 700;
}
.iz-folder-row__icon { color: var(--iz-folder); font-size: calc(var(--iz-content-font-size) + 1px); }
.iz-folder-row__stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 5px 7px;
}
.iz-folder-stat, .iz-badge, .iz-card__type {
    display: inline-block;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-soft);
    color: var(--iz-text);
    padding: 1px 4px;
    font-size: calc(var(--iz-content-font-size) - 3px);
    line-height: 1.25;
    white-space: nowrap;
}
.iz-folder-row__action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 5px 8px;
    border-left: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 2px);
    text-align: right;
}
.iz-folder-row__action a { font-size: calc(var(--iz-content-font-size) - 1px); font-weight: 700; }

.iz-file-list { display: block; }
.iz-file-row {
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) minmax(320px, 2.2fr) minmax(120px, .75fr);
    border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    background: var(--iz-paper);
}
.iz-file-row:nth-child(odd) { background: var(--iz-soft); }
.iz-file-row:hover { background: var(--iz-hover); }
.iz-file-row:last-child { border-bottom: 0; }
.iz-file-row--head {
    background: var(--iz-head);
    color: var(--iz-heading);
    font-size: calc(var(--iz-content-font-size) - 2px);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.iz-file-row--head > div { padding: 5px 8px; }
.iz-file-title-cell {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 6px 8px;
    border-right: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
}
.iz-card__type {
    min-width: 42px;
    flex: 0 0 auto;
    text-align: center;
    font-weight: 700;
}
.iz-file-title { font-size: var(--iz-content-font-size); font-weight: 700; line-height: 1.25; }
.iz-file-path { margin-top: 1px; color: var(--iz-muted); font-size: calc(var(--iz-content-font-size) - 2px); }
.iz-file-meta-cell { padding: 6px 8px; border-right: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft); }
.iz-file-desc {
    max-height: 2.5em;
    overflow: hidden;
    margin-bottom: 3px;
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 1px);
    line-height: 1.3;
}
.iz-file-badges { display: flex; flex-wrap: wrap; gap: 3px; }
.iz-badge--ok { background: var(--iz-ok-bg); color: var(--iz-ok); border-color: var(--iz-ok-line); }
.iz-badge--warn { background: var(--iz-warn-bg); color: var(--iz-warn); border-color: var(--iz-warn-line); }
.iz-file-action-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 6px 8px;
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 2px);
    text-align: right;
    white-space: nowrap;
}
.iz-file-action-cell a { font-size: calc(var(--iz-content-font-size) - 1px); font-weight: 700; }

.iz-entry-list { display: grid; gap: 6px; }
.iz-entry { border: var(--iz-line-width) var(--iz-line-style) var(--iz-line); background: var(--iz-paper); }
.iz-entry__head { padding: 8px 10px; border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft); background: var(--iz-head); }
.iz-entry__head h1, .iz-entry__head h2 { margin: 0; font-size: 16px; line-height: 1.15; }
.iz-entry__meta { margin-top: 4px; color: var(--iz-muted); font-size: calc(var(--iz-content-font-size) - 2px); text-transform: uppercase; }
.iz-entry__content { padding: 12px; font-size: calc(var(--iz-content-font-size) + 2px); line-height: 1.55; }
.iz-entry__content > *:first-child { margin-top: 0; }
.iz-entry__content > *:last-child { margin-bottom: 0; }
.iz-entry__content table { width: 100%; border-collapse: collapse; }
.iz-entry__content th, .iz-entry__content td { padding: 6px; border: var(--iz-line-width) var(--iz-line-style) var(--iz-line); text-align: left; }
.iz-entry__footer { padding: 7px 10px; border-top: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft); background: var(--iz-soft); font-size: calc(var(--iz-content-font-size) - 1px); }

.iz-empty {
    padding: 24px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-soft);
    color: var(--iz-muted);
    text-align: center;
}
.iz-pagination { margin-top: 8px; }
.iz-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.iz-pagination .page-numbers { min-width: 26px; padding: 4px 7px; border: var(--iz-line-width) var(--iz-line-style) var(--iz-line); background: var(--iz-paper); text-align: center; }
.iz-pagination .current { background: var(--iz-accent); color: var(--iz-accent-text); border-color: var(--iz-accent-dark); }

.iz-footer {
    border-top: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-soft);
    color: var(--iz-muted);
    padding: 8px 10px;
    font-size: calc(var(--iz-content-font-size) - 2px);
}
.iz-footer__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 6px; }
.iz-footer__box { border: var(--iz-line-width) var(--iz-line-style) var(--iz-line); background: var(--iz-paper); padding: 7px; }
.iz-footer__box h2 { margin: 0 0 4px; color: var(--iz-heading); font-size: calc(var(--iz-content-font-size) - 2px); text-transform: uppercase; }
.iz-footer__box p { margin: 0 0 3px; }
.iz-footer__box ul { margin: 0; padding-left: 14px; }
.iz-footer__bottom { margin-top: 6px; padding-top: 6px; border-top: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft); text-align: center; }

@media (max-width: 1180px) {
    body.admin-bar .iz-sidebar { padding-top: 10px; }
    .iz-site { display: block; }
    .iz-sidebar { min-height: auto; border-right: 0; border-left: 0; border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line); }
    .iz-sidebar--right { border-top: var(--iz-line-width) var(--iz-line-style) var(--iz-line); border-bottom: 0; }
    .iz-menu-toggle { display: flex; background: var(--iz-side-link); color: var(--iz-side-text); border-color: var(--iz-line); }
    .iz-sidebar__collapsible { display: none; }
    .iz-sidebar.is-open .iz-sidebar__collapsible { display: block; }
    .iz-main { padding: 6px; }
    .iz-paper { min-height: calc(100vh - 12px); }
    .iz-controlbar { grid-template-columns: 1fr; }
    .iz-metrics { grid-template-columns: repeat(2, 1fr); }
    .iz-folder-row, .iz-file-row { display: block; }
    .iz-folder-row__title, .iz-file-title-cell, .iz-file-meta-cell { border-right: 0; border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft); }
    .iz-folder-row__action { border-left: 0; justify-content: flex-start; text-align: left; }
    .iz-file-action-cell { justify-content: flex-start; text-align: left; }
    .iz-file-row--head { display: none; }
    .iz-footer__grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .iz-topbar { display: block; min-height: 0; padding: 10px; }
    .iz-topbar__actions { justify-content: flex-start; margin-top: 8px; }
    .iz-content { padding: 6px; }
    .iz-metrics { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}


/* Configurable geometry */
.iz-status, .iz-nav a, .iz-filter-link, .iz-backend-link, .iz-paper, .iz-controlbar, .iz-metric, .iz-section, .iz-folder-row, .iz-folder-stat, .iz-badge, .iz-card__type, .iz-entry, .iz-empty, .iz-pagination .page-numbers, .iz-footer__box { border-radius: var(--iz-radius); }

/* Index Zero 0.5.1: centered folder counters in sidebar navigation */
.iz-controlbar--extended {
    grid-template-columns: minmax(280px, 1fr) 112px 112px minmax(145px, .7fr) minmax(145px, .7fr) auto;
}
.iz-search-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px;
    padding: 7px 9px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-soft);
    color: var(--iz-muted);
    font-size: var(--iz-content-font-size);
}
.iz-search-summary strong { color: var(--iz-heading); }
.iz-search-summary a { margin-left: auto; font-weight: 700; }
.iz-metric__date { font-size: calc(var(--iz-content-font-size) + 1px) !important; line-height: 1.15 !important; }
.iz-folder-breadcrumb {
    margin-top: 2px;
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 2px);
}
.iz-folder-parent-row {
    padding: 6px 8px;
    border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    background: var(--iz-soft);
    font-size: var(--iz-content-font-size);
    font-weight: 700;
}

.iz-folder-tree,
.iz-folder-tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.iz-folder-tree li { margin: 0 0 2px; }
.iz-folder-tree a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px;
    min-height: 25px;
    padding: 5px 6px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-side-link);
    color: var(--iz-side-text);
    font-size: var(--iz-navigation-font-size);
    line-height: 1.3;
    text-decoration: none;
}
.iz-folder-tree a:hover {
    background: var(--iz-side-hover);
    color: var(--iz-side-text);
    text-decoration: none;
}
.iz-folder-tree li.is-active > a {
    background: var(--iz-active);
    color: var(--iz-active-text);
    border-color: var(--iz-active-line);
    font-weight: 700;
}
.iz-folder-tree a small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-width: 18px;
    height: 16px;
    padding: 0 3px;
    border: var(--iz-line-width) var(--iz-line-style) currentColor;
    color: inherit;
    font-size: calc(var(--iz-navigation-font-size) - 2px);
    line-height: 1;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.iz-folder-tree--level-1,
.iz-folder-tree--level-2,
.iz-folder-tree--level-3,
.iz-folder-tree--level-4 {
    margin: 2px 0 0 7px;
    padding-left: 5px;
    border-left: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
}

.iz-side-module { margin-top: 11px; }
.iz-side-records,
.iz-side-status {
    margin: 0;
    padding: 0;
    list-style: none;
}
.iz-side-records li,
.iz-side-status li { margin: 0 0 2px; }
.iz-side-records a,
.iz-side-status a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px;
    min-height: 25px;
    padding: 5px 6px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-side-link);
    color: var(--iz-side-text);
    font-size: var(--iz-navigation-font-size);
    line-height: 1.25;
    text-decoration: none;
}
.iz-side-records a:hover,
.iz-side-status a:hover {
    background: var(--iz-side-hover);
    color: var(--iz-side-text);
    text-decoration: none;
}
.iz-side-records a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.iz-side-records small,
.iz-side-status strong {
    color: var(--iz-side-muted);
    font-size: calc(var(--iz-navigation-font-size) - 2px);
    font-weight: 700;
}
.iz-side-user {
    padding: 7px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line);
    background: var(--iz-side-panel);
    color: var(--iz-side-panel-text);
    font-size: var(--iz-navigation-font-size);
}
.iz-side-user strong { display: block; margin-bottom: 5px; }
.iz-side-user a {
    display: block;
    padding: 3px 0;
    color: var(--iz-side-panel-muted);
}
.iz-side-module--widgets .widget { margin-top: 11px; }

@media (max-width: 1460px) {
    .iz-controlbar--extended {
        grid-template-columns: minmax(240px, 1fr) repeat(2, 110px) minmax(140px, .75fr) minmax(140px, .75fr);
    }
    .iz-controlbar--extended .iz-button { grid-column: 1 / -1; }
}

@media (max-width: 1180px) {
    .iz-controlbar--extended { grid-template-columns: 1fr 1fr; }
    .iz-controlbar--extended > input[type="search"] { grid-column: 1 / -1; }
    .iz-controlbar--extended .iz-button { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
    .iz-controlbar--extended { grid-template-columns: 1fr; }
    .iz-controlbar--extended > input[type="search"],
    .iz-controlbar--extended .iz-button { grid-column: auto; }
    .iz-search-summary { display: block; }
    .iz-search-summary > * { display: block; margin: 0 0 3px; }
    .iz-search-summary a { margin-left: 0; }
}

/* Index Zero 0.6.0: expanded search */
.iz-controlbar--search {
    position: relative;
    grid-template-columns: minmax(300px, 1fr) 105px minmax(150px, .7fr) minmax(150px, .7fr) auto auto;
    align-items: start;
}
.iz-search-box { position: relative; }
.iz-search-suggestions {
    position: absolute;
    z-index: 60;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    max-height: 360px;
    overflow-y: auto;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-control-border);
    background: var(--iz-paper);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .16);
}
.iz-search-suggestion {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    min-height: 39px;
    padding: 6px 8px;
    border-bottom: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    color: var(--iz-text);
    text-decoration: none;
}
.iz-search-suggestion:last-child { border-bottom: 0; }
.iz-search-suggestion:hover,
.iz-search-suggestion:focus { background: var(--iz-hover); color: var(--iz-text); text-decoration: none; }
.iz-search-suggestion__type {
    min-width: 50px;
    padding: 2px 4px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-control-border);
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 2px);
    font-weight: 700;
    text-align: center;
}
.iz-search-suggestion__content { overflow: hidden; }
.iz-search-suggestion__content strong,
.iz-search-suggestion__content small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iz-search-suggestion__content strong { color: var(--iz-heading); font-size: var(--iz-content-font-size); }
.iz-search-suggestion__content small { margin-top: 2px; color: var(--iz-muted); font-size: calc(var(--iz-content-font-size) - 2px); }
.iz-search-suggestion--message { display: block; min-height: 0; color: var(--iz-muted); }
.iz-search-reset { white-space: nowrap; }

.iz-advanced-filters {
    grid-column: 1 / -1;
    border-top: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    margin-top: 2px;
    padding-top: 6px;
}
.iz-advanced-filters summary {
    width: fit-content;
    color: var(--iz-heading);
    font-size: var(--iz-content-font-size);
    font-weight: 700;
    cursor: pointer;
    user-select: none;
}
.iz-advanced-filters summary span {
    margin-left: 4px;
    padding: 1px 4px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-active-line);
    background: var(--iz-active);
    color: var(--iz-active-text);
    font-size: calc(var(--iz-content-font-size) - 2px);
    text-transform: uppercase;
}
.iz-advanced-filters__grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(340px, 1.25fr) minmax(250px, 1fr);
    gap: 8px;
    margin-top: 7px;
    padding: 8px;
    border: var(--iz-line-width) var(--iz-line-style) var(--iz-line-soft);
    background: var(--iz-paper);
}
.iz-filter-field label,
.iz-status-filter legend {
    display: block;
    margin: 0 0 4px;
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 1px);
    font-weight: 700;
    text-transform: uppercase;
}
.iz-status-filter { margin: 0; padding: 0; border: 0; }
.iz-status-filter label,
.iz-filter-checks label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 26px;
    margin: 0 8px 3px 0;
    font-size: var(--iz-content-font-size);
    white-space: nowrap;
}
.iz-status-filter input,
.iz-filter-checks input { width: auto; min-height: 0; margin: 0; }
.iz-filter-checks { display: flex; flex-direction: column; justify-content: flex-end; }
.iz-filter-checks label { margin-right: 0; }
.iz-filter-checks .is-disabled { opacity: .5; }

.iz-recent-searches {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: -4px 0 10px;
    color: var(--iz-muted);
    font-size: calc(var(--iz-content-font-size) - 1px);
}
.iz-recent-searches[hidden] { display: none; }
.iz-recent-searches strong { margin-right: 3px; color: var(--iz-heading); }
.iz-recent-search,
.iz-recent-clear {
    min-height: 22px;
    padding: 2px 6px;
    font-size: calc(var(--iz-content-font-size) - 1px);
}
.iz-recent-clear { margin-left: auto; color: var(--iz-muted); }
.iz-search-mark {
    padding: 0 1px;
    background: var(--iz-active);
    color: var(--iz-active-text);
    box-shadow: inset 0 -1px 0 var(--iz-active-line);
}

@media (max-width: 1500px) {
    .iz-controlbar--search { grid-template-columns: minmax(260px, 1fr) 105px minmax(145px, .7fr) minmax(145px, .7fr) auto; }
    .iz-controlbar--search > .iz-search-reset { grid-column: 1 / -1; }
}
@media (max-width: 1180px) {
    .iz-controlbar--search { grid-template-columns: 1fr 1fr; }
    .iz-search-box { grid-column: 1 / -1; }
    .iz-controlbar--search > .iz-button { grid-column: auto; }
    .iz-advanced-filters__grid { grid-template-columns: 1fr; }
    .iz-filter-checks { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .iz-controlbar--search { grid-template-columns: 1fr; }
    .iz-search-box,
    .iz-controlbar--search > .iz-button { grid-column: auto; }
    .iz-status-filter label { display: flex; }
    .iz-recent-clear { margin-left: 0; }
}