/* Shared compatibility layer for legacy PHP templates. */
body.legacy-page {
    margin: 0;
    min-height: 100vh;
    color: #aebfc5 !important;
    background: #05090a !important;
    background-image: linear-gradient(rgba(87, 111, 119, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(87, 111, 119, .08) 1px, transparent 1px) !important;
    background-size: 80px 80px !important;
}

.legacy-page #container {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: min(1440px, calc(100% - 48px));
    max-width: 1440px;
    margin: 24px auto 48px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.legacy-page #leftsidebar {
    flex: 0 0 220px;
    width: 220px !important;
    min-width: 0;
    margin: 0 !important;
    padding: 18px !important;
    order: 0;
    color: #aabcc2;
    background: rgba(9, 18, 22, .96) !important;
    border: 1px solid rgba(130, 175, 188, .14);
    box-shadow: none !important;
}

.legacy-page #rightsidebar { display: none !important; }

.legacy-page #page_content,
.legacy-page #center_content,
.legacy-page #center_page,
.legacy-page #entry,
.legacy-page #result-container {
    box-sizing: border-box;
    min-width: 0;
    width: 100% !important;
    max-width: none !important;
}

.legacy-page #page_content {
    flex: 1 1 auto;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.legacy-page #center_content,
.legacy-page #center_page,
.legacy-page #entry,
.legacy-page #result-container {
    padding: 28px !important;
    color: #aebfc5 !important;
    background: rgba(7, 14, 17, .94) !important;
    border: 1px solid rgba(130, 175, 188, .14) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.legacy-page #center_header,
.legacy-page .contentinnerholder,
.legacy-page .theme_title,
.legacy-page .keywords_title,
.legacy-page .theme_notes_title,
.legacy-page h1,
.legacy-page h2,
.legacy-page h3 {
    color: #9fc4d0 !important;
    font-family: "IBM Plex Mono", monospace !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.legacy-page h1 { font: 500 clamp(28px, 4vw, 44px)/1 "Barlow Condensed", "Arial Narrow", sans-serif !important; }
.legacy-page h2 { font: 500 clamp(18px, 3vw, 28px)/1.1 "Barlow Condensed", "Arial Narrow", sans-serif !important; }
.legacy-page p, .legacy-page li, .legacy-page td, .legacy-page label { color: #b7c8ce !important; }
.legacy-page a { color: #7edbf2 !important; }
.legacy-page a:hover { color: #fff !important; }

.legacy-page img { max-width: 100%; height: auto; }
.legacy-page table { max-width: 100% !important; box-sizing: border-box; }
.legacy-page input, .legacy-page textarea, .legacy-page select {
    max-width: 100%;
    box-sizing: border-box;
    color: #eaf6fa !important;
    background: #091217 !important;
    border: 1px solid rgba(130, 175, 188, .32) !important;
}
.legacy-page input[type="submit"], .legacy-page button {
    padding: 9px 15px;
    color: #dbe9ed !important;
    background: #101c20 !important;
    border: 1px solid rgba(130, 175, 188, .35) !important;
    cursor: pointer;
}

.legacy-page .theme, .legacy-page .theme_holder, .legacy-page .result, .legacy-page .theme_block {
    background: #0a1419 !important;
    border: 1px solid rgba(130, 175, 188, .2) !important;
}

@media (max-width: 760px) {
    .legacy-page #container { display: block; width: min(100% - 32px, 680px); margin-top: 16px !important; }
    .legacy-page #leftsidebar { width: auto !important; margin: 0 0 16px !important; }
    .legacy-page #center_content, .legacy-page #center_page, .legacy-page #entry, .legacy-page #result-container { padding: 18px !important; }
}