/* ============================================================
   Megkímélt.hu brand-réteg — a layout.html a teljes elastic CSS
   UTÁN tölti be ezt a fájlt (csak ebben a skinben létezik).
   Paletta: #533afd (accent), #4434d4 (hover), #061b31 (heading)
/* ============================================================
   Megkímélt.hu skin — az elastic-ra épülő brand-réteg.
   Paletta: #533afd (accent), #4434d4 (hover), #061b31 (heading)
   ============================================================ */

:root {
    --mk-accent: #533afd;
    --mk-accent-hover: #4434d4;
    --mk-accent-soft: rgba(83, 58, 253, 0.09);
}

/* Linkek */
a, .listing li > a.button.icon:not(.disabled) { color: var(--mk-accent); }
a:hover { color: var(--mk-accent-hover); }

/* Elsődleges gombok (bejelentkezés, mentés, küldés) */
.btn-primary, button.mainaction, .button.mainaction, input.mainaction {
    background-color: var(--mk-accent) !important;
    border-color: var(--mk-accent) !important;
    color: #fff !important;
}
.btn-primary:hover, button.mainaction:hover, .button.mainaction:hover, input.mainaction:hover,
.btn-primary:focus, button.mainaction:focus {
    background-color: var(--mk-accent-hover) !important;
    border-color: var(--mk-accent-hover) !important;
}

/* Bal oldali feladat-menü (ikonsáv) */
#taskmenu a.selected, #taskmenu a:hover:not(.disabled) { color: #b6a7ff; }
#taskmenu a.selected { background: rgba(83, 58, 253, 0.28); }

/* Mappa- és üzenetlista kijelölés */
.listing li.selected > a, .listing tr.selected td,
.listing li.selected, .listing tr.selected { color: var(--mk-accent) !important; }
.listing li.selected, .listing tr.selected { background-color: var(--mk-accent-soft) !important; }

/* Olvasatlan-számláló pasztilla */
.listing li > a span.badge, span.unreadcount {
    background: var(--mk-accent) !important;
    color: #fff !important;
}

/* Kapcsolók, jelölők, fókusz */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--mk-accent);
    border-color: var(--mk-accent);
}
.form-control:focus {
    border-color: var(--mk-accent);
    box-shadow: 0 0 0 0.2rem rgba(83, 58, 253, 0.2);
}

/* Bejelentkező oldal */
body.task-login { background: #f5f7fb; }
#login-form { border-radius: 14px; }
#login-form .box-inner { border-radius: 14px; box-shadow: 0 18px 50px rgba(6, 27, 49, 0.10); }
#logo { max-height: 48px; margin-bottom: 6px; }

/* Betöltés-csík és kiemelések */
.text-primary { color: var(--mk-accent) !important; }
.bg-primary { background-color: var(--mk-accent) !important; }
#messagestack div.loading:before { border-top-color: var(--mk-accent); }

/* Dátum/piros törlés gomb marad, minden más accent lilára áll. */
.toolbar a.button:not(.disabled):hover { color: var(--mk-accent); }