/* Mi Diario de Pensamientos. Identidad visual por rol, sin cambiar la paleta
 * oscura original. Todas las superficies nuevas se controlan con variables. */
:root {
    --diary-page:#F1F5F7;
    --diary-card:#EAF2F5;
    --diary-welcome:#B8D2D9;
    --diary-guide:#DCD8F4;
    --diary-stat-blue:#B8D2D9;
    --diary-stat-private:#C5DAE2;
    --diary-stat-shared:#C5C0EF;
    --diary-mood:#D5E4EA;
    --diary-calendar:#DDE9EE;
    --diary-recents:#E3DFF6;
    --diary-thought:#EDF3F6;
    --diary-writing:#EAF2F5;
    --diary-mood-card:#E3DFF6;
    --diary-card-ink:#2B2B2B;
    --diary-card-muted:#43535D;
    --diary-card-title:#304D5C;
    --diary-sharing:#575A8B;
    --diary-sharing-ink:#FFFFFF;
    --diary-sharing-muted:#F0EFFA;
    --diary-write-button:#555781;
    --diary-write-hover:#444669;
    --diary-write-ink:#FFFFFF;
    --diary-art-soft:#91B8C7;
    --diary-art-line:#476C7D;
    --diary-art-line-soft:#688B9C;
    --diary-art-accent:#7A7EB7;
    --diary-art-book:#DCE9ED;
    --diary-art-pen:#688B9C;
    --diary-radius:18px;
    --diary-sharing-shadow:0 12px 30px rgba(87,90,139,.17);
}
:root[data-tema="oscuro"] {
    --diary-page:var(--bg); --diary-card:var(--surface);
    --diary-welcome:var(--surface); --diary-guide:var(--surface-soft);
    --diary-stat-blue:var(--blue-soft); --diary-stat-private:var(--surface-soft);
    --diary-stat-shared:var(--surface); --diary-mood:var(--surface);
    --diary-calendar:var(--surface); --diary-recents:var(--surface-soft);
    --diary-thought:var(--surface); --diary-writing:var(--surface);
    --diary-mood-card:var(--surface); --diary-card-ink:var(--text);
    --diary-card-muted:var(--muted); --diary-card-title:var(--blue);
    --diary-sharing:var(--dark-brown-deep); --diary-sharing-ink:var(--text);
    --diary-sharing-muted:var(--brown); --diary-sharing-shadow:var(--shadow);
    --diary-write-button:var(--brown); --diary-write-hover:var(--text);
    --diary-write-ink:var(--bg);
    --diary-art-soft:var(--blue-soft); --diary-art-line:var(--blue);
    --diary-art-line-soft:var(--brown); --diary-art-accent:var(--brown);
    --diary-art-book:var(--surface-soft); --diary-art-pen:var(--blue);
}
@media (prefers-color-scheme:dark) {
    :root:not([data-tema]) {
        --diary-page:var(--bg); --diary-card:var(--surface);
        --diary-welcome:var(--surface); --diary-guide:var(--surface-soft);
        --diary-stat-blue:var(--blue-soft); --diary-stat-private:var(--surface-soft);
        --diary-stat-shared:var(--surface); --diary-mood:var(--surface);
        --diary-calendar:var(--surface); --diary-recents:var(--surface-soft);
        --diary-thought:var(--surface); --diary-writing:var(--surface);
        --diary-mood-card:var(--surface); --diary-card-ink:var(--text);
        --diary-card-muted:var(--muted); --diary-card-title:var(--blue);
        --diary-sharing:var(--dark-brown-deep); --diary-sharing-ink:var(--text);
        --diary-sharing-muted:var(--brown); --diary-sharing-shadow:var(--shadow);
        --diary-write-button:var(--brown); --diary-write-hover:var(--text);
        --diary-write-ink:var(--bg); --diary-art-soft:var(--blue-soft);
        --diary-art-line:var(--blue); --diary-art-line-soft:var(--brown);
        --diary-art-accent:var(--brown); --diary-art-book:var(--surface-soft);
        --diary-art-pen:var(--blue);
    }
}
:root body.agenda-theme:is(.pages-theme,.dashboard-page) { background:var(--diary-page); }
:root .agenda-theme:is(.pages-theme,.dashboard-page) .card { background:var(--diary-card); border-radius:var(--diary-radius); }
:root .agenda-theme:is(.pages-theme,.dashboard-page) .card {
    color:var(--diary-card-ink); --muted:var(--diary-card-muted);
    --blue:var(--diary-card-title); --brown:var(--diary-card-title);
}
:root .agenda-theme.dashboard-page .dashboard-welcome {
    background:var(--diary-welcome); border-color:var(--border);
    grid-template-columns:minmax(0,1fr) minmax(205px,.56fr); gap:14px;
}
:root .agenda-theme.dashboard-page :is(.guide-card,.dashboard-companion) { background:var(--diary-guide); }
:root .agenda-theme.dashboard-page .stat-blue { background:var(--diary-stat-blue); }
:root .agenda-theme.dashboard-page .stat-peach { background:var(--diary-stat-private); }
:root .agenda-theme.dashboard-page .stat-lavender { background:var(--diary-stat-shared); }
:root .agenda-theme.dashboard-page .mood-trend { background:var(--diary-mood); }
:root .agenda-theme.dashboard-page .dashboard-calendar { background:var(--diary-calendar); }
:root .agenda-theme.dashboard-page .dashboard-recents { background:var(--diary-recents); }
:root .agenda-theme:is(.pages-theme,.dashboard-page) .card.thought-card { background:var(--diary-thought); }
:root .agenda-theme.pages-theme .writing-card { background:var(--diary-writing); }
:root .agenda-theme.pages-theme .card.mood-card { background:var(--diary-mood-card); }
:root .agenda-theme:is(.pages-theme,.dashboard-page) .thought-card-bottom { justify-content:flex-end; }

/* Compartir es una decisión explícita. El bloque queda siempre visible y
 * contrastado, tanto si la casilla está marcada como si permanece privada. */
:root .agenda-theme.pages-theme .card.sharing-card {
    background:var(--diary-sharing); color:var(--diary-sharing-ink);
    border-color:var(--diary-sharing-muted); border-width:2px;
    box-shadow:var(--diary-sharing-shadow); position:relative;
}
:root .agenda-theme.pages-theme .sharing-card :is(h2,label,.sharing-option,.sharing-symbol) { color:var(--diary-sharing-ink); }
:root .agenda-theme.pages-theme .sharing-card .field-help { color:var(--diary-sharing-muted); }
:root .agenda-theme.pages-theme .sharing-card input[type="checkbox"] { accent-color:var(--diary-sharing-ink); }
:root .agenda-theme.pages-theme .sharing-card input:focus-visible { outline:3px solid var(--diary-sharing-ink); outline-offset:5px; }
:root .agenda-theme.dashboard-page .welcome-copy .button.button-write {
    background:var(--diary-write-button); border-color:var(--diary-write-button);
    color:var(--diary-write-ink); box-shadow:var(--diary-sharing-shadow);
}
:root .agenda-theme.dashboard-page .welcome-copy .button.button-write:hover {
    background:var(--diary-write-hover); border-color:var(--diary-write-hover);
}

/* La referencia del autor se traduce a cuadrados, círculos, cuaderno y pluma.
 * La psicóloga conserva trazos redondos y un lavanda más presente. */
.diary-art { display:block; width:100%; max-width:350px; height:auto; }
.diary-art .art-soft { fill:var(--diary-art-soft); opacity:.4; }
.diary-art .art-line { stroke:var(--diary-art-line); stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; }
.diary-art .art-line-soft { stroke:var(--diary-art-line-soft); stroke-width:1.5; opacity:.5; }
.diary-art .art-accent { fill:var(--diary-art-accent); }
.diary-art .art-book { fill:var(--diary-art-book); stroke:var(--diary-art-line); stroke-width:2.6; }
.diary-art .art-pen { fill:var(--diary-art-pen); }
:root .agenda-theme.dashboard-page .welcome-illustration {
    display:flex; flex-direction:column; align-items:flex-end; justify-content:center;
    position:relative; min-height:240px;
}
:root .agenda-theme.dashboard-page .welcome-illustration .diary-art { width:265px; max-width:120%; }
:root .agenda-theme.dashboard-page .welcome-illustration .handwritten { align-self:flex-end; margin:0 14px 0 0; font-size:25px; }
:root .agenda-theme.pages-theme .diary-auth-art { display:grid; place-items:center; min-height:240px; margin-top:12px; }
:root .agenda-theme.rol-psicologa { --diary-radius:26px; }
:root[data-tema="claro"] .agenda-theme.rol-psicologa,
:root:not([data-tema]) .agenda-theme.rol-psicologa {
    --diary-welcome:#DAD5F3; --diary-guide:#E6E1F7;
    --diary-card:#E8E4F8; --diary-thought:#F0EDF9;
    --diary-art-soft:#C5C0EF; --diary-art-book:#F0EDF9;
    --diary-art-line:#575A8B; --diary-art-line-soft:#7A7EB7;
    --diary-art-accent:#91B8C7; --diary-art-pen:#7A7EB7;
}
@media(prefers-color-scheme:dark) {
    :root:not([data-tema]) .agenda-theme.rol-psicologa {
        --diary-welcome:var(--surface); --diary-guide:var(--surface-soft);
        --diary-card:var(--surface); --diary-thought:var(--surface);
        --diary-art-soft:var(--blue-soft); --diary-art-book:var(--surface-soft);
        --diary-art-line:var(--blue); --diary-art-line-soft:var(--brown);
        --diary-art-accent:var(--brown); --diary-art-pen:var(--blue);
    }
}
@media(max-width:900px) {
    :root .agenda-theme.dashboard-page .dashboard-welcome { grid-template-columns:minmax(0,1fr) 190px; }
    :root .agenda-theme.dashboard-page .welcome-copy h1 { font-size:39px; }
}
@media(max-width:640px) {
    :root .agenda-theme.dashboard-page .dashboard-welcome { display:block; }
    :root .agenda-theme.dashboard-page .welcome-copy h1 { font-size:36px; }
    :root .agenda-theme.dashboard-page .welcome-copy > p { max-width:none; }
    :root .agenda-theme.dashboard-page .welcome-illustration {
        position:relative; right:auto; top:auto; bottom:auto; width:100%;
        min-height:120px; height:120px; opacity:1; margin-top:6px;
        flex-direction:row; justify-content:space-between; align-items:center;
    }
    :root .agenda-theme.dashboard-page .welcome-illustration .diary-art { width:150px; max-width:50%; order:2; }
    :root .agenda-theme.dashboard-page .welcome-illustration .handwritten { display:block; margin:0; align-self:center; font-size:24px; }
}
@media(prefers-reduced-motion:no-preference) {
    .diary-art .art-accent { animation:diary-breathe 6s ease-in-out infinite alternate; transform-box:fill-box; transform-origin:center; }
    @keyframes diary-breathe { to { transform:scale(.94); opacity:.8; } }
}

/* Conserva el acento arena original dentro de las tarjetas oscuras. */
:root[data-tema="oscuro"] .agenda-theme .card { --brown:inherit; }
@media(prefers-color-scheme:dark) { :root:not([data-tema]) .agenda-theme .card { --brown:inherit; } }

:root .agenda-theme.dashboard-page .dashboard-recents .thought-card-bottom { justify-content:flex-end; padding-right:0; }