/* VF Editor Theme – VF Dark V42
   Ugyanaz az elv, mint a Calm Dark V41:
   - document.php és dramaturgy.php oldalon a theme CSS a helyi <style> után töltődik be.
   - A sötét UI megmarad.
   - A kéziratkártya világos, olvasható.
   - A dramaturgia KPI-k nem vakító fehérek.
*/

:root{
    --vf-bg:#07111f;
    --vf-bg-soft:#0b1424;
    --vf-card:#101d31;
    --vf-card-2:#162844;
    --vf-text:#eef4ff;
    --vf-text-soft:#bfd0ea;
    --vf-muted:#91a8c7;
    --vf-border:rgba(255,255,255,.12);
    --vf-accent:#38bdf8;
    --vf-accent-2:#7c3aed;
    --vf-danger:#fb7185;
    --vf-success:#22c55e;
    --vf-shadow:0 18px 46px rgba(0,0,0,.34);
    --vf-glow:0 0 0 4px rgba(56,189,248,.16);
    --vf-ok-bg:#123524;
    --vf-ok-text:#bbf7d0;
    --vf-error-bg:#3f1518;
    --vf-error-text:#fecdd3;
}

*{box-sizing:border-box}

body{
    background:
        radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 34%),
        radial-gradient(circle at top right,rgba(124,58,237,.12),transparent 30%),
        var(--vf-bg)!important;
    color:var(--vf-text)!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
}

a{
    color:#8fd3ff!important;
}

/* Header */
.vf-topbar,
.header{
    background:linear-gradient(180deg,#07111f,#0b1424)!important;
    color:var(--vf-text)!important;
    border-bottom:1px solid var(--vf-border)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.34)!important;
}

.vf-topbar h1,
.header h1{
    color:#f8fbff!important;
}

.header a,
.vf-topbar a{
    color:#bfe7ff!important;
}

/* Header gombok */
.header-btn,
.vf-btn,
.btn,
button{
    border-radius:14px!important;
    border:1px solid var(--vf-border)!important;
    font-weight:800!important;
}

.header .header-btn,
.header a.header-btn,
.vf-topbar .header-btn,
.vf-topbar a.header-btn,
a.header-btn{
    background:rgba(22,40,68,.96)!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    text-decoration:none!important;
    opacity:1!important;
}

.header .header-btn *,
.header a.header-btn *,
.vf-topbar .header-btn *,
.vf-topbar a.header-btn *,
a.header-btn *{
    color:#f8fbff!important;
    opacity:1!important;
}

.header .header-btn:hover,
.header a.header-btn:hover,
a.header-btn:hover{
    background:#1e3a5f!important;
    color:#ffffff!important;
}

/* Gombok */
.vf-btn-primary,
.btn:not(.secondary):not(.danger):not(.green),
button:not(.secondary):not(.danger):not(.green){
    background:linear-gradient(135deg,var(--vf-accent),var(--vf-accent-2))!important;
    color:#ffffff!important;
    box-shadow:var(--vf-glow)!important;
}

.vf-btn-secondary,
.btn.secondary,
button.secondary{
    background:#162844!important;
    color:#f8fbff!important;
}

.btn.danger,
button.danger{
    background:linear-gradient(135deg,#fb7185,#dc2626)!important;
    color:#ffffff!important;
}

.btn.green,
button.green{
    background:linear-gradient(135deg,#22c55e,#16a34a)!important;
    color:#ffffff!important;
}

/* Általános kártyák */
.vf-card,
.card,
.doc-card{
    background:linear-gradient(180deg,#101d31,#0d182a)!important;
    color:var(--vf-text)!important;
    border:1px solid var(--vf-border)!important;
    border-radius:22px!important;
    box-shadow:var(--vf-shadow)!important;
}

/* Form mezők sötét felületeken */
input,
textarea,
select{
    background:#0b1424!important;
    border:1px solid var(--vf-border)!important;
    color:var(--vf-text)!important;
    border-radius:14px!important;
}

input::placeholder,
textarea::placeholder{
    color:#91a8c7!important;
}

/* Alap badge sötét felületen */
.badge,
.thread-badge{
    background:rgba(255,255,255,.08)!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:999px!important;
}

/* ------------------------------------------------------------------
   document.php sajátosságok
   ------------------------------------------------------------------ */

.paragraph,
.paragraph-card{
    background:#ffffff!important;
    color:#0b2f73!important;
    border:1px solid #d7deea!important;
    border-radius:22px!important;
    box-shadow:0 16px 42px rgba(0,0,0,.26)!important;
}

.paragraph p,
.paragraph .ptext,
.paragraph .content,
.paragraph .paragraph-content,
.paragraph .paragraph-body,
.paragraph-card p,
.paragraph-card .ptext,
.paragraph-card .content,
.paragraph-card .paragraph-content,
.paragraph-card .paragraph-body{
    color:#0b2f73!important;
    opacity:1!important;
}

/* Meta sor és badge-ek világos bekezdéskártyán */
.paragraph .meta,
.paragraph-card .meta{
    color:#334155!important;
}

.paragraph .badge,
.paragraph .thread-badge,
.paragraph-card .badge,
.paragraph-card .thread-badge{
    background:#eef4ff!important;
    color:#0f172a!important;
    border:1px solid #cbd5e1!important;
    opacity:1!important;
}

.paragraph .badge *,
.paragraph .thread-badge *,
.paragraph-card .badge *,
.paragraph-card .thread-badge *{
    color:#0f172a!important;
    opacity:1!important;
}

.paragraph .badge.status,
.paragraph-card .badge.status,
.paragraph .status-draft,
.paragraph-card .status-draft{
    background:#dcfce7!important;
    color:#14532d!important;
    border-color:#bbf7d0!important;
}

/* Bal oldali szál-sáv */
.paragraph::before,
.paragraph-card::before{
    background:var(--thread-color,#cbd5e1)!important;
}

/* Header/legenda */
.legend .thread-badge{
    background:rgba(255,255,255,.08)!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.14)!important;
}

.legend .thread-badge *{
    color:#f8fbff!important;
}

/* Szálak szerkesztése link */
a[href*="document_threads.php"],
a[href*="document_threads.php"] *{
    color:#f8fbff!important;
    opacity:1!important;
}

/* Szűrők summary világos gombként */
.filterBox summary{
    background:#ffffff!important;
    color:#111827!important;
}

/* Jobb oldali editor panel */
.editor{
    background:#ffffff!important;
    color:#0f172a!important;
    border:1px solid #d7deea!important;
}

.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor label,
.editor p,
.editor div,
.editor span,
.editor small{
    color:#0f172a!important;
    opacity:1!important;
}

.editor textarea,
.editor input,
.editor select{
    background:#ffffff!important;
    color:#0f172a!important;
    border:1px solid #cbd5e1!important;
}

.editor button{
    color:#ffffff!important;
}

.editor button.secondary{
    background:#e5e7eb!important;
    color:#111827!important;
}

.chapter h2,
.chapter-title{
    color:#f8fbff!important;
}

.wrap > details.card{
    background:#0b1424!important;
    color:#f8fbff!important;
    border-color:rgba(255,255,255,.12)!important;
}

/* ------------------------------------------------------------------
   dramaturgy.php sajátosságok
   ------------------------------------------------------------------ */

.analysis-box .kpi,
.kpi{
    background:#101d31!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.12)!important;
}

.kpi strong,
.kpi div,
.kpi span,
.kpi small{
    color:#f8fbff!important;
    opacity:1!important;
}

.dram-card{
    background:#101d31!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:var(--vf-shadow)!important;
}

.dram-card *,
.dram-name,
.preview,
.meta{
    color:#f8fbff!important;
    opacity:1!important;
}

.toolbar input,
.toolbar select{
    background:#0b1424!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.12)!important;
}

/* Táblázatok */
table{
    background:transparent!important;
    color:var(--vf-text)!important;
}

td,
th{
    border-bottom:1px solid var(--vf-border)!important;
}

th{
    color:var(--vf-text-soft)!important;
}

/* Notice doboz */
.notice{
    background:#101d31!important;
    color:#f8fbff!important;
    border:1px solid rgba(255,255,255,.12)!important;
}


/* V46 – Profile settings mentés gomb kattinthatóság */
html body.profile-settings button[type="submit"],
html body.profile-settings input[type="submit"],
html body.profile-settings .save-theme-btn,
html body.profile-settings .theme-save-btn,
html body.profile-settings .btn-save,
html body.profile-settings form button,
html body.profile-settings form .btn{
    min-height:42px !important;
    padding:10px 18px !important;
    line-height:1.2 !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:800 !important;
    cursor:pointer !important;
}

/* Ha nincs body class, akkor a profile_settings oldal jellegzetes kártyája alatt is fogjuk meg */
html body form button[type="submit"],
html body form input[type="submit"]{
    min-height:42px !important;
    padding:10px 18px !important;
    line-height:1.2 !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:800 !important;
    cursor:pointer !important;
}

/* A Megjelenés mentése gomb ne tapadjon rá a kártyákra */
html body.profile-settings form button[type="submit"],
html body.profile-settings form input[type="submit"]{
    margin-top:14px !important;
}


/* V47 – Profile settings fejléc menü egységes jobb oldal */
html body.profile-settings .header,
html body.profile-settings .vf-topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    flex-wrap:nowrap !important;
}

html body.profile-settings .header > div:first-child,
html body.profile-settings .vf-topbar > div:first-child{
    flex:1 1 auto !important;
    min-width:0 !important;
}

html body.profile-settings .header > div:last-child,
html body.profile-settings .vf-topbar > div:last-child{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
}

/* Fallback arra az esetre, ha nincs body profile-settings class */
html body .header.profile-settings-header,
html body .vf-topbar.profile-settings-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    flex-wrap:nowrap !important;
}

html body .header.profile-settings-header > div:last-child,
html body .vf-topbar.profile-settings-header > div:last-child{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    white-space:nowrap !important;
}