/* GoatCounter 2.7.0 light palette with yellow surfaces replaced by grey. */
:root {
    --text:              #252525;
    --bg:                #fff;
    --header-border:     #252525;
    --backdrop:          #eee;
    --target-bg:         #d8d8d8;
    --loading-text:      #777;

    --link:              #00f;
    --link-hover:        #6491ff;

    --input-text:        #252525;
    --input-bg:          #fff;
    --input-border:      #bbb;
    --input-focus:       #00f;
    --fieldset-border:   #666;
    --form-error-text:   red;
    --input-error-border: red;

    --btn-text:          #252525;
    --btn-bg:            linear-gradient(#f6f5f4, #edebe9);
    --btn-border:        #e9e9e9;
    --btn-border-outset: #ccc;
    --btn-hover-bg:      linear-gradient(#f0f0f0, #d0cecc);
    --btn-active-bg:     linear-gradient(#d0cecc, #f0f0f0);

    --code-text:         #000;
    --code-bg:           #f5f5f5;
    --code-border:       #d5d5d5;

    --tooltip-text:      #000;
    --tooltip-bg:        #f6f6f6;
    --tooltip-border:    #ddd;
    --tooltip-shadow:    #aaa;

    --chart-line:        #e3000f;
    --chart-fill:        #fde8ea;
    --chart-grid:        #ddd;
    --hchart-border:     #f09aa1;
    --hchart-bar:        #f5c2c6;
    --hchart-bar-hover:  #f9dadd;

    --nav-bg:            #d8d8d8;
    --nav-border:        #b8b8b8;
    --footer-shadow:     #b8b8b8;
    --filter-kw-text:    #af5f00;

    --info-bg:           #c9f0ff;
    --info-border:       #a1a1ff;
    --error-bg:          #fff0f0;
    --error-border:      #f00;

    --event-bg:          #d8d8d8;
    --pageviews-text:    #7a7a7a;

    --datepicker-border:             #ccc;
    --datepicker-shadow:             rgba(0,0,0,.5);
    --datepicker-dayname-text:       #999;
    --datepicker-day-text:           #666;
    --datepicker-day-bg:             #f5f5f5;
    --datepicker-day-hover-bg:       #ff8000;
    --datepicker-today-text:         #33aaff;
    --datepicker-selected-shadow:    #178fe5;
    --datepicker-selected-text:      #33aaff;
    --datepicker-future-text:        #999;
    --datepicker-future-bg:          #d5e9f7;
    --datepicker-outside-month-text: #999;

    --text-table-even-bg:      #fafafa;
    --text-table-border:       #eaeaea;
    --text-table-rank-text:    #555;

    --widget-border:           #e6e6e6;
    --widget-dragging-border:  #b8b8b8;
    --widget-dragging-bg:      #d8d8d8;
    --widget-handle-bg:        #eee;
    --widget-handle-text:      #666;
    --widget-handle-hover-bg:  #ddd;

    --box-bg:                  #d8d8d8;
    --box-shadow:              #b8b8b8;

    --plus:                    #008837;
    --minus:                   #b8000c;
}

/* Web administration is disabled at the proxy and database layers. */
#signin { display: none !important; }

/* Remove GoatCounter's site banner. Keep only its unlinked refresh and timezone
   information in the center of the public dashboard footer. */
body#page-dashboard > nav.center {
    display: none !important;
}

body#page-dashboard footer.center {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

body#page-dashboard footer.center::before {
    content: "Stündliche Aktualisierung · Alle Zeiten in CEST, CET (UTC +2:00)";
    grid-column: 2;
    grid-row: 1;
    text-align: center;
}

body#page-dashboard footer.center > div:first-child {
    grid-column: 1;
    grid-row: 1;
    text-align: left;
}

body#page-dashboard footer.center > div:last-child {
    grid-column: 3;
    grid-row: 1;
    text-align: right;
}

@media (max-width: 54em) {
    body#page-dashboard footer.center {
        grid-template-columns: 1fr;
        text-align: center;
    }

    body#page-dashboard footer.center::before,
    body#page-dashboard footer.center > div:first-child,
    body#page-dashboard footer.center > div:last-child {
        grid-column: 1;
        text-align: center;
    }

    body#page-dashboard footer.center::before { grid-row: 1; }
    body#page-dashboard footer.center > div:first-child { grid-row: 2; }
    body#page-dashboard footer.center > div:last-child { grid-row: 3; }
}

/* Keep one project link and one source link; remove promotional footer links. */
footer > div:first-child > :not(:first-child),
footer > div:last-child > :not(:first-child) {
    display: none !important;
}

/* The minimal tracker can create only the phone and desktop sentinel rows.
   Hide GoatCounter's synthetic zero-value categories even with stale JS. */
.hchart [data-key="tablet"],
.hchart [data-key="desktophd"],
.hchart [data-key="unknown"] {
    display: none !important;
}

.hchart .device-category {
    display: block;
    color: var(--text);
}

/* GoatCounter 2.7 lacks these two German strings. Keep the server-rendered
   fallback German even when an older backend script remains in browser cache. */
#dash-select-group {
    font-size: 0;
}

#dash-select-group::before {
    content: "Ansicht: ";
    font-size: 1rem;
}

#dash-select-group button[name="group"] {
    font-size: 1rem;
}

#dash-select-group button[value="hour"] {
    font-size: 0;
}

#dash-select-group button[value="hour"]::after {
    content: "Stunde";
    font-size: 1rem;
}

#dash-select-group button[value="day"]::before {
    content: " · ";
}