/* GENERÁLT FÁJL - ne szerkeszd kézzel! Forrás: css/style.css
 * Előállítás: python3 tools/gen-dark-theme.py
 * Kézi finomítások: css/theme-dark-manual.css (automatikusan a végére fűzve). */
html.cif-dark { color-scheme: dark; }

html.cif-dark body {
    background: #16181b;
    color: #cfcfcf;
}

html.cif-dark .title-area h1 {
    color: #bcc5d1;
}

html.cif-dark .title-area h1 .brand-it {
    color: #9ee8c4;
}

html.cif-dark .title-area h1 .title-suffix {
    color: #bcc5d1;
}

html.cif-dark .subtitle {
    color: #9e9e9e;
}

html.cif-dark .lang-switch {
    background: #202327;
}

html.cif-dark .theme-switch {
    background: #202327;
}

html.cif-dark .success {
    color: #9ee8c4;
    background: #1f3024;
}

html.cif-dark .error {
    background: #210f0d;
}

html.cif-dark .info-box {
    background: #433713;
}

html.cif-dark .filename-bar {
    background: #202327;
}

html.cif-dark .filename-text {
    color: #aeaeae;
}

html.cif-dark .sticky-toolbar-container {
    background: #16181b;
}

html.cif-dark .unified-toolbar {
    background: #202327;
}

html.cif-dark .file-nav-block {
    background: #1b1e21;
    border: 1px solid #292c30;
}

html.cif-dark .file-input-label {
    background: #1c1e22;
    color: #cfcfcf;
}

@media (min-width: 769px) {
    html.cif-dark .upload-dropzone {
        border: 2.5px dashed #2d343b;
        background: #202327;
    }
    html.cif-dark .upload-dropzone.dropzone-active {
        background: #12231a;
    }
    html.cif-dark .dropzone-hint {
        color: #9e9e9e;
    }
}

html.cif-dark .file-input-label:hover {
    background: #0c1525;
}

html.cif-dark .page-nav-btn {
    background: linear-gradient(135deg, #181a1d 0%, #292d33 100%);
    border: 1px solid #32353b;
    color: #cfcfcf;
}

html.cif-dark .page-nav-btn:hover {
    background: linear-gradient(135deg, #26292e 0%, #31353c 100%);
}

html.cif-dark .page-info {
    color: #cfcfcf;
}

html.cif-dark .menu-wrapper {
    border: 1px solid #2d3035;
    background: #202327;
}

html.cif-dark .menu-reset-btn {
    background: rgba(32,35,39,0.18);
    border: 1px solid rgba(33,35,39,0.4);
}

html.cif-dark .menu-reset-btn:hover {
    background: rgba(32,35,39,0.32);
}

html.cif-dark .toolbar-section {
    background: #1b1e21;
    border: 1px solid #292c30;
}

html.cif-dark .section-header {
    background: #26282c;
    color: #9e9e9e;
    border-bottom: 1px solid #292c30;
}

html.cif-dark .section-header:hover {
    background: #2f3234;
}

html.cif-dark .quality-group label {
    color: #aeaeae;
}

html.cif-dark .quality-group select {
    border: 1px solid #2a2c31;
    background: #202327;
}

html.cif-dark .dpi-info {
    color: #9e9e9e;
}

html.cif-dark .icon-btn {
    background: linear-gradient(135deg, #181a1d 0%, #292d33 30%, #31353c 60%, #26292e 100%);
    border: 1px solid #32353b;
}

html.cif-dark .icon-btn:hover {
    background: linear-gradient(135deg, #26292e 0%, #2e3339 30%, #33373e 60%, #2b2f34 100%);
}

html.cif-dark .icon-btn.reset-btn {
    background: linear-gradient(135deg, #290c10 0%, #431318 30%, #5a1818 60%, #431318 100%);
}

html.cif-dark .icon-btn.reset-btn:hover {
    background: linear-gradient(135deg, #431318 0%, #5a1818 30%, #e57373 60%, #5a1818 100%);
}

html.cif-dark .icon-btn.active {
    background: linear-gradient(135deg, #0c1625 0%, #162840 60%, #142339 100%);
}

html.cif-dark .icon-btn.active:hover {
    background: linear-gradient(135deg, #14253c 0%, #1a2d48 60%, #16263f 100%);
}

html.cif-dark .icon-btn.page-zoom-btn {
    background: linear-gradient(135deg, rgba(32,35,39,0.3) 0%, rgba(32,35,39,0.15) 100%);
    border: 1px solid rgba(33,35,39,0.4);
}

html.cif-dark .icon-btn.page-zoom-btn:hover {
    background: linear-gradient(135deg, rgba(32,35,39,0.5) 0%, rgba(32,35,39,0.3) 100%);
}

html.cif-dark .crop-progress {
    background: #202327;
}

html.cif-dark .crop-progress-bar {
    background: #292d33;
}

html.cif-dark .crop-progress-text {
    color: #aeaeae;
}

html.cif-dark .editor-container {
    background: #26282c;
}

html.cif-dark .loading {
    color: #9e9e9e;
}

html.cif-dark .page-container {
    background: #202327;
}

html.cif-dark .page-status {
    background: rgba(32,35,39,0.3);
}

html.cif-dark .region-cards {
    background: #1b1e21;
    border-top: 1px solid #292c30;
}

html.cif-dark .region-card {
    background: #202327;
    border: 1px solid #2a2c31;
}

html.cif-dark .region-card-delete {
    border: 2px solid #212327;
}

html.cif-dark .region-card-label {
    color: #9e9e9e;
}

html.cif-dark .region-card-canvas {
    border: 1px solid #25282c;
}

html.cif-dark .canvas-wrapper {
    background: #181a1d;
}

html.cif-dark .mobile-nav-btn {
    border: 1px solid rgba(33,35,39,0.3);
}

html.cif-dark .landing-features {
    background: #202327;
}

html.cif-dark .landing-features h2 {
    color: #bcc5d1;
}

html.cif-dark .landing-features li {
    color: #bebebe;
}

html.cif-dark .landing-features li:nth-child(odd) {
    background: #1c3224;
}

html.cif-dark .landing-features li:nth-child(even) {
    background: #1e2832;
}

html.cif-dark .faq-section {
    background: #202327;
}

html.cif-dark .faq-section h2 {
    color: #bcc5d1;
}

html.cif-dark .faq-item:nth-child(odd) {
    background: #1c3224;
}

html.cif-dark .faq-item:nth-child(even) {
    background: #1e2832;
}

html.cif-dark .faq-item summary {
    color: #bcc5d1;
}

html.cif-dark .faq-item summary::after {
    background: #16181b;
}

html.cif-dark .faq-item p {
    color: #9e9e9e;
}

html.cif-dark .legal-widgets {
    background: #202327;
    border: 1px solid #25282c;
}

html.cif-dark .legal-widget {
    border-bottom: 1px solid #282a2e;
}

html.cif-dark .legal-widget summary {
    color: #aeaeae;
}

html.cif-dark .legal-widget summary::after {
    color: #9e9e9e;
}

html.cif-dark .legal-widget p {
    color: #9e9e9e;
}

html.cif-dark .legal-widget .legal-contact {
    color: #9e9e9e;
}

html.cif-dark .copyright-line {
    color: #9e9e9e;
}

html.cif-dark .external-badge-label {
    color: #9e9e9e;
}

html.cif-dark .contact-btn-close {
    background: #202327;
    color: #cfcfcf;
}

html.cif-dark .contact-btn-close:hover {
    background: #15171a;
}

html.cif-dark .modal {
    background: #202327;
}

html.cif-dark .modal h2 {
    color: #bcc5d1;
}

html.cif-dark .modal-close {
    color: #9e9e9e;
}

html.cif-dark .modal-close:hover {
    color: #cfcfcf;
}

html.cif-dark .modal input,
html.cif-dark .modal textarea {
    border: 1px solid #2a2c31;
}

html.cif-dark .contact-status.success {
    color: #9ee8c4;
}

html.cif-dark .precision-side-col {
    border-left: 1px solid #292c30;
}

html.cif-dark .precision-select,
html.cif-dark .precision-select-small {
    border: 1px solid #2a2c31;
    background: #202327;
}

html.cif-dark .precision-input {
    border: 1px solid #2a2c31;
}

html.cif-dark .precision-num-small {
    border: 1px solid #2a2c31;
}

html.cif-dark .numeric-grid label {
    color: #aeaeae;
}

html.cif-dark .numeric-grid input {
    border: 1px solid #2a2c31;
}

html.cif-dark .share-link-result {
    background: #0d1c2c;
    border: 1px solid #132d4a;
}

html.cif-dark .share-link-result button.share-link-close {
    color: #9e9e9e;
}

html.cif-dark .share-link-result .share-link-meta {
    color: #9e9e9e;
}

@media (max-width: 768px) {
    html.cif-dark .precision-side-col {
        border-top: 1px solid #292c30;
    }
}

html.cif-dark .play-row-label {
    color: #9e9e9e;
}

html.cif-dark .social-proof-line {
    color: #bebebe;
}

html.cif-dark .ocr-intro {
    color: #959da7;
}

html.cif-dark .ocr-adv {
    border: 1px solid #282d33;
    background: #181e23;
}

html.cif-dark .ocr-adv > summary {
    color: #bcc5d1;
}

html.cif-dark .ocr-adv-field {
    color: #bcc5d1;
}

html.cif-dark .ocr-adv-check {
    color: #bcc5d1;
}

html.cif-dark .ocr-adv-hint {
    color: #959da7;
}

html.cif-dark .ocr-adv-group {
    border-top: 1px solid #282d33;
    color: #bcc5d1;
}

html.cif-dark .ocr-modal h3 {
    color: #bcc5d1;
}

html.cif-dark .ocr-progress {
    background: #21272e;
}

html.cif-dark .ocr-progress-label {
    color: #bcc5d1;
}

html.cif-dark .ocr-progress-eta,
html.cif-dark .ocr-stats {
    color: #959da7;
}

html.cif-dark .ocr-message {
    color: #b3ebcf;
}

html.cif-dark .ocr-review-intro {
    color: #afb7c3;
}

html.cif-dark .ocr-review-item {
    border: 1px solid #232931;
    background: #1b2024;
}

html.cif-dark .ocr-review-item.changed {
    background: #14221a;
}

html.cif-dark .ocr-review-item img {
    background: #202327;
}

html.cif-dark .ocr-review-meta {
    color: #969da7;
}

html.cif-dark .ocr-secondary-btn {
    border: 1px solid #292f37;
    color: #bcc5d1;
}

html.cif-dark .ocr-output-btn {
    border: 1px solid #292f37;
    background: #202327;
    color: #bcc5d1;
}

html.cif-dark .ocr-output-btn span {
    color: #959da7;
}

html.cif-dark .pv-stage {
    background: #202327;
    border: 1px solid #282d33;
}

html.cif-dark .pv-thumb {
    border: 1px solid #292f37;
    background: #21272e;
}

html.cif-dark .pv-field {
    color: #bcc5d1;
}

@media (max-width: 800px) {
    html.cif-dark .pv-left {
        background: #202327;
    }
}

/* ── kézi finomítások (css/theme-dark-manual.css) ── */
/* Kézi finomítások a generált sötét témához. */

/* A szürke (kevés kontrasztú) ikonok kivilágosítása a sötét gombokon. */
html.cif-dark .icon-btn img[src$="undo.svg"],
html.cif-dark .icon-btn img[src$="reset-zoom.svg"],
html.cif-dark .icon-btn img[src$="zoom-reset.svg"],
html.cif-dark .icon-btn img[src$="reset.svg"] {
    filter: brightness(1.9) drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
}

/* A Sell With boost jelvény (a partner kódját nem módosítjuk) világos "kártyán" jelenik meg,
   hogy a sötét háttéren is jól olvasható legyen. */
html.cif-dark .external-badge-row a {
    background: #f4f6f8;
    border-radius: 8px;
    padding: 4px 8px;
    display: inline-flex;
}
html.cif-dark .external-badge-row { opacity: 0.9; }

/* Beviteli mezők, választók: sötét felület, világos szöveg. */
html.cif-dark input,
html.cif-dark select,
html.cif-dark textarea {
    color: #e3e6ea;
    caret-color: #e3e6ea;
}
html.cif-dark ::placeholder { color: #8b929a; opacity: 1; }
html.cif-dark option { background: #1e2227; color: #e3e6ea; }

/* Az oldalra visszaugrás gomb, kapcsolat gomb: marad az akcentus-színe. */

/* A téma-váltó gomb a sötét fejlécben. */
html.cif-dark .theme-switch { background: #1f242a; color: #9cc4ff; }
html.cif-dark .theme-switch:hover { background: #1a73e8; color: #fff; }
html.cif-dark .lang-switch { background: #1f242a; color: #9cc4ff; }
html.cif-dark .lang-switch:hover { background: #1a73e8; color: #fff; }

/* A PDF-oldal (dokumentum) fehér marad - csak a környezete sötét. */
html.cif-dark .pdf-canvas-wrapper canvas,
html.cif-dark .page-canvas canvas { background: #ffffff; }

/* előnézet: a minta-kép marad fehér papír, a pillanatnyi jelzés kontrasztos */
html.cif-dark .pv-stage { background: #ffffff; }