/* Seizoenskleuren voor de navigatie; zakelijke statuskleuren blijven intact. */
.panthera-theme-mark {display:none;vertical-align:middle;margin-right:6px}
.panthera-theme-pumpkin {display:block;flex:0 0 26px}
html[data-panthera-theme="halloween"] .panthera-theme-mark {display:inline-flex}
html[data-panthera-theme="halloween"] .header .black-bg {
    background: linear-gradient(115deg, #241b35, #49305e) !important;
    background-color: #241b35 !important;
    box-shadow: 0 3px 0 #f8a14b, 0 8px 22px rgba(40,25,55,.18);
}
html[data-panthera-theme="halloween"] .topbar-user-name { background: rgba(255,190,120,.15); }
html[data-panthera-theme="halloween"] #filterunit .unit-select-button.selected,
html[data-panthera-theme="halloween"] #filterunit .unit-select-button.selected:hover {
    background: #ffd09b !important;
    color: #382344 !important;
}
html[data-panthera-theme="halloween"] #sidebar-wrapper .sidebar-nav > a.menuicon.btn.btn-default.active {
    background: #694480 !important;
    box-shadow: 0 2px 7px rgba(70,35,90,.22) !important;
}
html[data-panthera-theme="halloween"] #sidebar-wrapper .sidebar-nav > a.menuicon.btn.btn-default:hover,
html[data-panthera-theme="halloween"] #sidebar-wrapper .home-rail-group:hover,
html[data-panthera-theme="halloween"] #sidebar-wrapper .home-rail-group[aria-expanded="true"] {
    background: #eee5f3 !important;
}
@media print {
    .panthera-theme-mark { display: none !important; }
    html[data-panthera-theme="halloween"] .header .black-bg { box-shadow: none; }
}

/* Een lichte werkomgeving met seizoensdecoratie langs de rand. */
html[data-panthera-theme="halloween"] body {
    background-color:#f8f4fa !important;
    background-image:url('../img/halloween-corner.svg'),radial-gradient(ellipse at 8% 5%,#fff0de 0,transparent 50%),linear-gradient(135deg,#faf7fc,#f3edf8) !important;
    background-position:right bottom,left top,left top !important;
    background-size:min(420px,35vw) auto,100% 100%,100% 100% !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}
html[data-panthera-theme="halloween"] #sidebar-wrapper,
html[data-panthera-theme="halloween"] #sidebar-wrapper .sidebar-nav {background:#fdfaff !important;border-right-color:#e7dceb}
html[data-panthera-theme="halloween"] #monitor .dev-shell {background:transparent}
html[data-panthera-theme="halloween"] #monitor .dev-page-title {background:linear-gradient(115deg,#322240,#634377);box-shadow:0 6px 20px #38204416}
html[data-panthera-theme="halloween"] #monitor .dev-card {border-color:#e4d9eb;box-shadow:0 6px 20px #3820440a}
html[data-panthera-theme="halloween"] #monitor .dev-card-header {background:#f7f2fa;border-bottom-color:#e4d9eb}
html[data-panthera-theme="halloween"] #sidebar-wrapper .home-rail-group {background:#f0e9f6;color:#543565}

/* Het inlogscherm krijgt een eigen nachtlandschap. */
html[data-panthera-theme="halloween"] #login-page {
    position:relative;
    isolation:isolate;
    min-height:100vh;
    min-height:100svh;
    padding:48px 24px;
    background:#241831 url('../img/halloween-night.svg') center bottom / cover no-repeat;
    color:#3c2949;
}
html[data-panthera-theme="halloween"] #login-page::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(ellipse at center,transparent 20%,#100b2033 100%);
    pointer-events:none;
}
html[data-panthera-theme="halloween"] #login-page .container {max-width:420px;position:relative}
html[data-panthera-theme="halloween"] #login-page .login-card {
    border:1px solid #ffffffab;
    border-top:3px solid #f4b469;
    border-radius:22px;
    background:linear-gradient(145deg,#fffcf8fa,#faf4fffa);
    box-shadow:0 28px 90px #100a2566,0 0 0 7px #ffffff08;
}
html[data-panthera-theme="halloween"] #login-page .login-wrap {padding:32px 34px 34px}
html[data-panthera-theme="halloween"] #login-page .login-brand {margin-bottom:27px;color:#3d294d}
html[data-panthera-theme="halloween"] #login-page .login-brand::before {
    content:"";
    display:block;
    width:66px;
    height:66px;
    margin:0 auto 14px;
    background:url('../img/halloween-pumpkin.svg') center / contain no-repeat;
}
html[data-panthera-theme="halloween"] #login-page .login-brand::after {
    content:"HALLOWEEN";
    display:block;
    margin-top:15px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.25em;
    color:#925a32;
}
html[data-panthera-theme="halloween"] #login-page .login-brand h1 {font-size:32px;letter-spacing:-.025em;color:#3d294d}
html[data-panthera-theme="halloween"] #login-page .login-brand p {color:#786982}
html[data-panthera-theme="halloween"] #login-page .login-field i {color:#96613b}
html[data-panthera-theme="halloween"] #login-page .login-field .form-control {height:48px;border-color:#ddd2e4;border-radius:10px;background:#fff;color:#352440}
html[data-panthera-theme="halloween"] #login-page .login-field .form-control:focus {border-color:#bd854e;box-shadow:0 0 0 3px #eaa65c26}
html[data-panthera-theme="halloween"] #login-page .btaanmelden {height:48px;background:#f5b66e !important;color:#3b2445 !important;border-radius:10px;font-size:14px;box-shadow:0 4px 12px #a4622720}
html[data-panthera-theme="halloween"] #login-page .btaanmelden:hover,
html[data-panthera-theme="halloween"] #login-page .btaanmelden:focus {background:#ffc784 !important}
html[data-panthera-theme="halloween"] #login-page .btaanmelden:focus-visible {outline:3px solid #75538c;outline-offset:3px}
html[data-panthera-theme="halloween"] #login-page .environment-warning,
html[data-panthera-theme="halloween"] #login-page .maintenanceresponse {border-color:#eee1f4;border-radius:14px;background:#fffcf9f2;box-shadow:0 10px 28px #150c2b26;color:#4a3459}
html[data-panthera-theme="halloween"] #login-page .login-footer {color:#71617d}
@media(max-width:600px) {
    html[data-panthera-theme="halloween"] body {background-size:240px auto,100% 100%,100% 100% !important}
    html[data-panthera-theme="halloween"] #login-page {padding:28px 20px;background-position:90% bottom}
    html[data-panthera-theme="halloween"] #login-page .login-wrap {padding:26px 24px 28px}
    html[data-panthera-theme="halloween"] #login-page .login-brand::before {width:56px;height:56px}
}
@media print {
    html[data-panthera-theme="halloween"] body {background:#fff !important}
}

/* Feestdagen: alleen navigatie, decoratie en login; statuskleuren blijven intact. */
html[data-panthera-theme="valentine"],.theme-admin-preview[data-preview="valentine"] {
    --holiday-dark:#742b4b;--holiday-secondary:#a74268;--holiday-accent:#e79bb4;--holiday-tint:#fff2f6;--holiday-soft:#f8dfeb;
    --holiday-art:url('../img/holiday-valentine.svg');--holiday-icon:"❤️";--holiday-label:"VALENTIJN";
}
html[data-panthera-theme="easter"],.theme-admin-preview[data-preview="easter"] {
    --holiday-dark:#435138;--holiday-secondary:#66704a;--holiday-accent:#f3d47a;--holiday-tint:#fcfaee;--holiday-soft:#eaf0db;
    --holiday-art:url('../img/holiday-easter.svg');--holiday-icon:"🐣";--holiday-label:"PASEN";
}
html[data-panthera-theme="kingsday"],.theme-admin-preview[data-preview="kingsday"] {
    --holiday-dark:#713c1d;--holiday-secondary:#a95221;--holiday-accent:#ffbd6b;--holiday-tint:#fff6ea;--holiday-soft:#ffead3;
    --holiday-art:url('../img/holiday-kingsday.svg');--holiday-icon:"🧡";--holiday-label:"KONINGSDAG";
}
html[data-panthera-theme="mothersday"],.theme-admin-preview[data-preview="mothersday"] {
    --holiday-dark:#63415d;--holiday-secondary:#956287;--holiday-accent:#e8adcb;--holiday-tint:#fcf3f9;--holiday-soft:#f3e0ef;
    --holiday-art:url('../img/holiday-mothersday.svg');--holiday-icon:"💐";--holiday-label:"MOEDERDAG";
}
html[data-panthera-theme="sinterklaas"],.theme-admin-preview[data-preview="sinterklaas"] {
    --holiday-dark:#752e39;--holiday-secondary:#a94550;--holiday-accent:#edca7a;--holiday-tint:#fff7ef;--holiday-soft:#f7e7dc;
    --holiday-art:url('../img/holiday-sinterklaas.svg');--holiday-icon:"🎁";--holiday-label:"SINTERKLAAS";
}
html[data-panthera-theme="christmas"],.theme-admin-preview[data-preview="christmas"] {
    --holiday-dark:#183f36;--holiday-secondary:#2b6451;--holiday-accent:#e6c888;--holiday-tint:#f2f7f1;--holiday-soft:#deeee3;
    --holiday-art:url('../img/holiday-christmas.svg');--holiday-icon:"🎄";--holiday-label:"KERST";
}
html[data-panthera-theme="newyear"],.theme-admin-preview[data-preview="newyear"] {
    --holiday-dark:#252b46;--holiday-secondary:#414a6b;--holiday-accent:#e4c879;--holiday-tint:#f6f5fb;--holiday-soft:#e8e8f4;
    --holiday-art:url('../img/holiday-newyear.svg');--holiday-icon:"✨";--holiday-label:"JAARWISSELING";
}

.panthera-theme-mark {font-size:24px;line-height:1}
html[data-panthera-festive="true"] .panthera-theme-mark {display:inline-flex}
html[data-panthera-festive="true"] body {
    background-color:var(--holiday-tint) !important;
    background-image:var(--holiday-art),radial-gradient(ellipse at top left,#fff 0,transparent 60%),linear-gradient(135deg,#fff,var(--holiday-tint)) !important;
    background-position:right bottom,left top,left top !important;
    background-size:min(380px,30vw) auto,100% 100%,100% 100% !important;
    background-repeat:no-repeat !important;background-attachment:fixed !important;
}
html[data-panthera-festive="true"] .header .black-bg {
    background:linear-gradient(115deg,var(--holiday-dark),var(--holiday-secondary)) !important;
    box-shadow:0 3px 0 var(--holiday-accent),0 8px 22px #20203018;
}
html[data-panthera-festive="true"] .topbar-user-name {background:#ffffff20}
html[data-panthera-festive="true"] #filterunit .unit-select-button.selected,
html[data-panthera-festive="true"] #filterunit .unit-select-button.selected:hover {background:var(--holiday-soft) !important;color:var(--holiday-dark) !important}
html[data-panthera-festive="true"] #sidebar-wrapper,
html[data-panthera-festive="true"] #sidebar-wrapper .sidebar-nav {background:#fff !important;border-right-color:var(--holiday-soft)}
html[data-panthera-festive="true"] #sidebar-wrapper .sidebar-nav>a.menuicon.btn.btn-default.active {background:var(--holiday-dark) !important;color:#fff !important}
html[data-panthera-festive="true"] #sidebar-wrapper .sidebar-nav>a.menuicon.btn.btn-default:hover,
html[data-panthera-festive="true"] #sidebar-wrapper .home-rail-group {background:var(--holiday-soft) !important;color:var(--holiday-dark)}
html[data-panthera-festive="true"] #monitor .dev-shell {background:transparent}
html[data-panthera-festive="true"] #monitor .dev-page-title {background:linear-gradient(115deg,var(--holiday-dark),var(--holiday-secondary))}
html[data-panthera-festive="true"] #monitor .dev-card {border-color:var(--holiday-soft)}
html[data-panthera-festive="true"] #monitor .dev-card-header {background:var(--holiday-tint);border-bottom-color:var(--holiday-soft)}
html[data-panthera-festive="true"] #login-page {
    position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:48px 24px;
    background-color:var(--holiday-dark);
    background-image:var(--holiday-art),radial-gradient(ellipse at 40% 20%,#ffffff18,transparent 65%),linear-gradient(135deg,var(--holiday-dark),var(--holiday-secondary));
    background-position:right bottom,center,center;background-size:min(600px,48vw) auto,cover,cover;background-repeat:no-repeat;
}
html[data-panthera-festive="true"] #login-page .container {max-width:420px;position:relative}
html[data-panthera-festive="true"] #login-page .login-card {border:1px solid #ffffffa0;border-top:3px solid var(--holiday-accent);border-radius:22px;background:#fffffff5;box-shadow:0 28px 90px #10102055}
html[data-panthera-festive="true"] #login-page .login-wrap {padding:32px 34px 34px}
html[data-panthera-festive="true"] #login-page .login-brand {margin-bottom:27px;color:var(--holiday-dark)}
html[data-panthera-festive="true"] #login-page .login-brand::before {content:var(--holiday-icon);display:block;font-size:48px;line-height:1.25;margin:0 auto 14px}
html[data-panthera-festive="true"] #login-page .login-brand::after {content:var(--holiday-label);display:block;margin-top:15px;font-size:10px;font-weight:800;letter-spacing:.23em;color:var(--holiday-dark)}
html[data-panthera-festive="true"] #login-page .login-brand h1 {font-size:32px;color:var(--holiday-dark)}
html[data-panthera-festive="true"] #login-page .login-brand p,
html[data-panthera-festive="true"] #login-page .login-footer {color:#626579}
html[data-panthera-festive="true"] #login-page .login-field i {color:var(--holiday-secondary)}
html[data-panthera-festive="true"] #login-page .login-field .form-control {height:48px;border-color:#d5d9e1;border-radius:10px;background:#fff;color:#263449}
html[data-panthera-festive="true"] #login-page .login-field .form-control:focus {border-color:var(--holiday-secondary);box-shadow:0 0 0 3px var(--holiday-soft)}
html[data-panthera-festive="true"] #login-page .btaanmelden {height:48px;background:var(--holiday-dark) !important;color:#fff !important;border-radius:10px;font-size:14px}
html[data-panthera-festive="true"] #login-page .btaanmelden:hover {background:var(--holiday-secondary) !important}
html[data-panthera-festive="true"] #login-page .btaanmelden:focus-visible {outline:3px solid var(--holiday-accent);outline-offset:3px}
html[data-panthera-festive="true"] #login-page .environment-warning,
html[data-panthera-festive="true"] #login-page .maintenanceresponse {border-color:var(--holiday-soft);border-radius:14px;background:#fffffff2;color:var(--holiday-dark)}
@media(max-width:600px) {
    html[data-panthera-festive="true"] body {background-size:220px auto,100% 100%,100% 100% !important}
    html[data-panthera-festive="true"] #login-page {padding:28px 20px;background-size:280px auto,cover,cover}
    html[data-panthera-festive="true"] #login-page .login-wrap {padding:26px 24px 28px}
}
@media print {
    html[data-panthera-festive="true"] body {background:#fff !important}
    html[data-panthera-festive="true"] .header .black-bg {box-shadow:none}
    html[data-panthera-festive="true"] .panthera-theme-mark {display:none !important}
}

/* Panthera 2026: kleuren, logo's en patroon uit de aangeleverde huisstijl. */
html[data-panthera-theme="panthera"],.theme-admin-preview[data-preview="panthera"] {
    --panthera-green:#006633;--panthera-leaf:#3aaa35;--panthera-lime:#95c11f;
    --panthera-pink:#ec619a;--panthera-orange:#ec671a;--panthera-red:#9a1915;
    --holiday-dark:var(--panthera-green);--holiday-secondary:var(--panthera-green);--holiday-accent:var(--panthera-lime);
    --panthera-font:"Azo Sans","Segoe UI",Arial,sans-serif;
}
html[data-panthera-theme="panthera"] body {
    font-family:var(--panthera-font);background-color:#f5f8f2 !important;
    background-image:linear-gradient(#ffffffed,#ffffffed),url('../img/panthera-brand-pattern.webp') !important;
    background-size:100% 100%,800px auto !important;background-position:center,right bottom !important;
    background-repeat:no-repeat,repeat !important;background-attachment:fixed !important;
}
html[data-panthera-theme="panthera"] .header .black-bg {
    background:var(--panthera-green) !important;
    box-shadow:0 3px 0 var(--panthera-lime),0 6px 18px #00663318;
}
html[data-panthera-theme="panthera"] .topbar-user-name {background:#ffffff14}
html[data-panthera-theme="panthera"] .panthera-theme-mark {
    display:inline-block;width:112px;height:36px;margin-right:10px;flex-shrink:0;
    background:url('../img/panthera-brand-logo-light.png') center / contain no-repeat;
}
html[data-panthera-theme="panthera"] #filterunit .unit-select-button.selected,
html[data-panthera-theme="panthera"] #filterunit .unit-select-button.selected:hover {
    background:var(--panthera-lime) !important;color:#16311d !important;border-color:var(--panthera-lime);
}
html[data-panthera-theme="panthera"] #sidebar-wrapper,
html[data-panthera-theme="panthera"] #sidebar-wrapper .sidebar-nav {background:#fff !important;border-right-color:#dce7d7}
html[data-panthera-theme="panthera"] #sidebar-wrapper .sidebar-nav>a.menuicon.btn.btn-default.active {
    background:var(--panthera-green) !important;color:#fff !important;box-shadow:0 2px 8px #00663320 !important;
}
html[data-panthera-theme="panthera"] #sidebar-wrapper .sidebar-nav>a.menuicon.btn.btn-default:hover,
html[data-panthera-theme="panthera"] #sidebar-wrapper .home-rail-group {background:#edf4e8 !important;color:var(--panthera-green)}
html[data-panthera-theme="panthera"] #sidebar-wrapper .home-rail-group[aria-expanded="true"] {background:#e2eccb !important;color:#173b27}
html[data-panthera-theme="panthera"] .btn-primary {
    background:var(--panthera-green);border-color:var(--panthera-green);color:#fff;
}
html[data-panthera-theme="panthera"] .btn-primary:hover,
html[data-panthera-theme="panthera"] .btn-primary:focus {background:#004d26;border-color:#004d26;color:#fff}
html[data-panthera-theme="panthera"] .btn-primary:focus-visible {outline:3px solid var(--panthera-lime);outline-offset:2px}
html[data-panthera-theme="panthera"] #monitor .dev-shell {background:transparent}
html[data-panthera-theme="panthera"] #monitor .dev-page-title {background:var(--panthera-green);box-shadow:0 3px 0 var(--panthera-lime);border-top-right-radius:28px}
html[data-panthera-theme="panthera"] #monitor .dev-card {border-color:#dce7d7}
html[data-panthera-theme="panthera"] #monitor .dev-card-header {background:#f1f6ed;border-bottom-color:#dce7d7}
html[data-panthera-theme="panthera"] #login-page {
    position:relative;min-height:100vh;min-height:100svh;padding:40px 24px;
    font-family:var(--panthera-font);background-color:var(--panthera-green);
    background-image:linear-gradient(110deg,#003d27b8,#00663326),url('../img/panthera-brand-pattern.webp');
    background-size:cover,1100px auto;background-position:center,center;background-repeat:no-repeat,repeat;
}
html[data-panthera-theme="panthera"] #login-page .container {max-width:420px;position:relative}
html[data-panthera-theme="panthera"] #login-page .login-card {
    border:1px solid #e0e8dc;border-top:4px solid var(--panthera-lime);
    border-radius:6px 36px 6px 36px;background:#fffffff7;box-shadow:0 24px 70px #00241445;
}
html[data-panthera-theme="panthera"] #login-page .login-wrap {padding:28px 34px 32px}
html[data-panthera-theme="panthera"] #login-page .login-brand {position:relative;margin:0 0 22px;color:var(--panthera-green)}
html[data-panthera-theme="panthera"] #login-page .login-brand::before {
    content:"";display:block;width:136px;height:194px;margin:0 auto 18px;
    background:url('../img/panthera-brand-logo-stacked.png') center / contain no-repeat;
}
html[data-panthera-theme="panthera"] #login-page .login-brand h1 {
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
html[data-panthera-theme="panthera"] #login-page .login-brand p {color:#4c6353;font-size:13px}
html[data-panthera-theme="panthera"] #login-page .login-field i {color:var(--panthera-green)}
html[data-panthera-theme="panthera"] #login-page .login-field .form-control {
    height:46px;background:#fff;color:#173b27;border:1px solid #cfdecb;border-radius:6px;font-family:var(--panthera-font);
}
html[data-panthera-theme="panthera"] #login-page .login-field .form-control:focus {border-color:var(--panthera-green);box-shadow:0 0 0 3px #95c11f25}
html[data-panthera-theme="panthera"] #login-page .btaanmelden {
    min-height:46px;background:var(--panthera-green) !important;color:#fff !important;border:1px solid var(--panthera-green);
    border-radius:6px;font-size:14px;font-family:var(--panthera-font);box-shadow:0 3px 0 var(--panthera-lime);
}
html[data-panthera-theme="panthera"] #login-page .btaanmelden:hover {background:#004d26 !important;border-color:#004d26}
html[data-panthera-theme="panthera"] #login-page .btaanmelden:focus-visible {outline:3px solid var(--panthera-lime);outline-offset:3px}
html[data-panthera-theme="panthera"] #login-page .environment-warning,
html[data-panthera-theme="panthera"] #login-page .maintenanceresponse {border:1px solid #dce7d7;border-radius:6px 20px 6px 20px;background:#fffffff5;color:var(--panthera-green)}
html[data-panthera-theme="panthera"] #login-page .login-footer {color:#4c6353}
@media(max-width:600px) {
    html[data-panthera-theme="panthera"] #login-page {padding:26px 20px;background-size:cover,760px auto}
    html[data-panthera-theme="panthera"] #login-page .login-wrap {padding:25px 24px 28px}
    html[data-panthera-theme="panthera"] #login-page .login-brand::before {width:118px;height:168px;margin-bottom:14px}
    html[data-panthera-theme="panthera"] .panthera-theme-mark {width:88px;height:29px;margin-right:4px}
}
@media print {
    html[data-panthera-theme="panthera"] body {background:#fff !important}
    html[data-panthera-theme="panthera"] .panthera-theme-mark {display:none !important}
    html[data-panthera-theme="panthera"] .header .black-bg {box-shadow:none}
}