/* Shift24 mobile contrast layer. Loaded last so every mobile page is readable. */
@media (max-width:800px){
  .dashboard{color:#f5fbff}
  .dashboard p,.dashboard small,.dashboard label,.dashboard dt,.dashboard li{color:#b9cbd5}
  .dashboard a{color:#55e0ab}
  .dashboard h1,.dashboard h2,.dashboard h3,.dashboard strong,.dashboard b,.dashboard legend{color:#f7fbff}

  .dashboard input:not([type=checkbox]):not([type=radio]),
  .dashboard select,.dashboard textarea{
    background:#071b2a!important;border-color:#355568!important;color:#f7fbff!important;
  }
  .dashboard input::placeholder,.dashboard textarea::placeholder{color:#91a6b3!important;opacity:1}
  .dashboard option{background:#071b2a;color:#f7fbff}
  .dashboard fieldset{border-color:#355568}

  .dashboard .form-card,.dashboard .request-card,
  .dashboard .expense-summary article,.dashboard .expense-list>article,
  .dashboard .expense-review{
    background:#0c2232!important;border-color:#294a5c!important;color:#f5fbff!important;
  }
  .dashboard .form-card p,.dashboard .request-card small,
  .dashboard .expense-summary span,.dashboard .expense-main p,
  .dashboard .expense-meta{color:#b9cbd5!important}
  .dashboard .expense-review{box-shadow:inset 0 0 0 1px #294a5c}

  .clock-warning{background:#332918!important;border-color:#7a5b22!important;color:#ffd98d!important}
  .clock-warning strong{color:#ffe7ae!important}

  .function-lane{border-color:#294a5c}
  .function-lane>span,.function-lane article small{color:#b9cbd5!important}
  .function-lane article{background:#102a3d!important;border-color:#3970a1!important;color:#f5fbff!important}
  .function-lane article.present{background:#0c332b!important;border-color:#20a879!important}
  .today-actions>a small{color:#b9cbd5!important}

  .dashboard .day-nav a,.dashboard .day-nav input,
  .dashboard .reservation-summary article,.dashboard .room-tabs a{
    background:#0c2232!important;border-color:#294a5c!important;color:#f5fbff!important;
  }
  .dashboard .reservation-summary span,.dashboard .room-tabs small,.dashboard .table-legend{color:#b9cbd5!important}
  .dashboard .floor-table:not(.occupied){color:#102336!important}

  .dashboard .filters input,.dashboard .filters select{max-width:none}
  .dashboard .tags i{background:#183448;color:#dceaf0}
  .dashboard .status.actief{background:#0d4938;color:#66e7b7}
  .dashboard .status.geblokkeerd{background:#4a3515;color:#ffd083}
  .dashboard .status.gearchiveerd{background:#293b47;color:#d4e0e5}

  .dashboard .error-box,.dashboard .flash.error{background:#421f25!important;border-color:#a94b5b!important;color:#ffd7dc!important}
  .dashboard .success-box,.dashboard .flash.success{background:#0d3e31!important;border-color:#168d69!important;color:#baf5df!important}
  .dashboard .danger{background:#321b20!important;border-color:#9f4a58!important;color:#ffb8c2!important}
  .dashboard .secondary{background:#10283a!important;border-color:#3a5b6d!important;color:#f2f8fb!important}

  .dashboard a.button,.dashboard button.button,.dashboard .button,
  .dashboard a.mobile-primary,.dashboard button.mobile-primary,
  .mobile-dark a.button,.mobile-dark button.button,.mobile-dark .mobile-primary{
    color:#04261d!important;font-weight:800!important;text-shadow:none!important;
  }
  .dashboard a.button:hover,.dashboard button.button:hover,
  .dashboard a.mobile-primary:hover,.dashboard button.mobile-primary:hover{color:#031d17!important}
  .dashboard button:disabled,.dashboard .button[aria-disabled=true]{color:#365d52!important;opacity:.72}

  .mobile-dark,.mobile-dark .mobile-shell{color:#f5fbff}
  .mobile-dark p,.mobile-dark small,.mobile-dark label{color:#b9cbd5}
  .mobile-dark input:not([type=checkbox]):not([type=radio]),
  .mobile-dark select,.mobile-dark textarea{background:#071b2a;border-color:#355568;color:#f7fbff}
  .mobile-dark input::placeholder,.mobile-dark textarea::placeholder{color:#91a6b3;opacity:1}
}

@media (max-width:480px){
  .dashboard p,.dashboard small,.dashboard label,.mobile-dark p,.mobile-dark small,.mobile-dark label{font-weight:500}
  .dashboard input,.dashboard select,.dashboard textarea,.mobile-dark input,.mobile-dark select,.mobile-dark textarea{font-size:16px}
}

.reservation-roster-row{background:#fbfffd;min-height:104px}
.reservation-initials{background:#e7f8f1;color:#07865b}
.reservation-day-cell{padding:8px 5px!important;justify-content:center}
.reservation-roster-card{display:grid;gap:2px;padding:8px;border:1px solid #75d5b0;border-left:4px solid #10b981;border-radius:8px;background:#ebfaf4;color:#123c32;text-decoration:none;font-size:10px}
.reservation-roster-card strong{font-size:12px;color:#073f30}
.reservation-roster-card span{font-weight:700}
.reservation-roster-card small{color:#45675e;white-space:normal}
.reservation-none{align-self:center;color:#8a9ba3;font-size:9px}

@media (max-width:800px){
  .reservation-roster-row{background:#0a1e2d}
  .reservation-roster-card{background:#0d382e;border-color:#20a879;color:#eafff7}
  .reservation-roster-card strong{color:#f5fffb!important}
  .reservation-roster-card small{color:#add8c9!important}
  .reservation-none{color:#91a6b3}
}

@media (min-width:801px){
  .app-shell{grid-template-columns:255px minmax(0,1fr)}
  .app-sidebar{padding-top:24px}
  .sidebar-brand{display:flex;align-items:center;min-height:60px;padding:0 5px 23px}
  .sidebar-brand img{display:block;width:225px;max-width:100%;height:auto}
}

.auth-page .auth-brand img{
  width:285px;max-width:calc(100vw - 72px);box-sizing:border-box;
  margin:0 auto 12px;padding:11px 16px;background:#fff;border:1px solid #ffffff70;
  border-radius:15px;box-shadow:0 10px 28px #020b1240;
}
@media (max-width:430px){.auth-page .auth-brand img{width:265px;padding:9px 14px}}

.agenda-header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.agenda-header h1{margin:4px 0 0}
.agenda-export-all{flex:0 0 auto;padding:10px 12px;border:1px solid #16c784;border-radius:9px;background:#0d382e;color:#72e8ba!important;font-size:10px;font-weight:800;text-decoration:none}
.agenda-export-help{margin:9px 0 0;color:#9fb3bf;font-size:10px;line-height:1.45}
.agenda-shift-export{display:inline-flex;margin-top:4px;color:#55e0ab!important;font-size:9px;font-weight:700;text-decoration:none}
.agenda-tabs.team-enabled{grid-template-columns:repeat(4,1fr)}
.team-agenda{display:grid;gap:12px}.team-day{overflow:hidden;border:1px solid #294a5c;border-radius:12px;background:#0c2232}.team-day>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:2px solid #294a5c;background:#10283a}.team-day>header div{display:grid;gap:2px}.team-day>header small{text-transform:capitalize;color:#7de2bd}.team-day>header span{padding:5px 8px;border-radius:15px;background:#18394a;color:#c4d5dc;font-size:9px;font-weight:700}.team-day.today{border-color:#16c784}.team-day.today>header{box-shadow:inset 4px 0 #16c784}.team-day-shifts{display:grid}.team-shift{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:14px;min-height:62px;padding:10px 14px;border-bottom:1px solid #294a5c}.team-shift:last-child{border-bottom:0}.team-shift.is-mine{background:#0b342b;box-shadow:inset 4px 0 #16c784}.team-time{display:flex;align-items:center;gap:5px;padding-right:14px;border-right:1px solid #294a5c;color:#f5fbff;font-size:11px;font-weight:800;white-space:nowrap}.team-time i{color:#6e8794;font-style:normal}.team-shift>div{display:grid;gap:4px}.team-shift>div small{color:#a9bdc7}.team-shift em{padding:5px 7px;border:1px solid #16c784;border-radius:8px;color:#71e3b8;font-size:8px;font-style:normal;font-weight:800}.team-day-shifts>p{margin:0;padding:16px 14px;color:#91a6b3}
@media(max-width:380px){.agenda-header{align-items:flex-start;flex-direction:column}.agenda-export-all{align-self:stretch;text-align:center}}

.mail-test-card dl{display:grid;gap:8px;margin:0 0 14px}
.mail-test-card dl>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #dce9e4}
.mail-test-card dt{color:#718096;font-size:10px}.mail-test-card dd{margin:0;font-weight:700;overflow-wrap:anywhere}
@media(max-width:800px){.mail-test-card dl>div{border-color:#294a5c}.mail-test-card dt{color:#9fb3bf}.mail-test-card button{width:100%}}

.activity-count{margin-top:18px!important}.activity-count strong{font-size:24px;color:#08774f}.activity-log-list{display:grid;gap:7px;max-height:540px;overflow:auto;padding-right:4px}.activity-log-list article{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #dce9e4;border-radius:10px;background:#f8fbfa}.activity-log-list time{display:grid}.activity-log-list time strong{font-size:16px}.activity-log-list time span,.activity-log-list small{color:#718096;font-size:9px}.activity-log-list div{display:grid;gap:3px}.activity-ip{padding:5px 7px;border-radius:12px;background:#e8f5f0;color:#32715c;font-size:8px;white-space:nowrap}
@media(max-width:800px){.activity-count strong{color:#55e0ab!important}.activity-log-list{max-height:480px}.activity-log-list article{grid-template-columns:58px 1fr;background:#10283a;border-color:#294a5c}.activity-log-list time span,.activity-log-list small{color:#a9bdc7!important}.activity-ip{grid-column:2;justify-self:start;background:#153b34;color:#74dfb7}.activity-log-card{padding:16px!important}}

/* De medewerkeromgeving blijft ook op een brede desktop donker en in verhouding. */
@media(min-width:801px){body.mobile-dark .app-shell,body.mobile-dark .app-content{background:#061725}body.mobile-dark .mobile-shell{width:min(100%,1120px);padding:34px 40px 54px;color:#f5fbff}body.mobile-dark .news-page{width:min(100%,1240px)}body.mobile-dark .mobile-shell h1,body.mobile-dark .mobile-shell h2,body.mobile-dark .mobile-shell h3,body.mobile-dark .mobile-shell strong{color:#f7fbff}body.mobile-dark .mobile-shell p,body.mobile-dark .mobile-shell small{color:#b9cbd5}}

/* Desktop is licht; alleen de echte mobiele weergave gebruikt het donkere thema. */
@media(min-width:801px){
  body.mobile-dark{background:#f7f9fa;color:#071b4b}
  body.mobile-dark .app-shell,body.mobile-dark .app-content{background:#f7f9fa}
  body.mobile-dark .mobile-shell{width:min(100%,1120px);padding:34px 40px 54px;color:#071b4b}
  body.mobile-dark .news-page{width:min(100%,1240px)}
  body.mobile-dark .mobile-shell h1,body.mobile-dark .mobile-shell h2,body.mobile-dark .mobile-shell h3,body.mobile-dark .mobile-shell strong{color:#071b4b}
  body.mobile-dark .mobile-shell p,body.mobile-dark .mobile-shell small,body.mobile-dark .mobile-shell label{color:#61758a}
  body.mobile-dark .next-shift-card>div,body.mobile-dark .workday-row,body.mobile-dark .featured-open,body.mobile-dark .workday-news,body.mobile-dark .mobile-empty,body.mobile-dark .mobile-card,body.mobile-dark .news-post,body.mobile-dark .new-post,body.mobile-dark .news-overview{background:#fff;border-color:#c9eedf;color:#071b4b}
  body.mobile-dark .workday-row>div span,body.mobile-dark .featured-open small,body.mobile-dark .workday-news small,body.mobile-dark .news-content>p,body.mobile-dark .news-meta small{color:#52687a}
  body.mobile-dark .workday-news>div em{color:#718096}
  body.mobile-dark .news-content h2,body.mobile-dark .news-overview h2,body.mobile-dark .news-overview>div strong,body.mobile-dark .news-overview dd{color:#071b4b}
  body.mobile-dark .news-overview dt,body.mobile-dark .news-overview>p:last-child{color:#61758a}
  body.mobile-dark .news-overview>div,body.mobile-dark .news-overview dl>div{border-color:#e2ece8}
  body.mobile-dark input:not([type=checkbox]):not([type=radio]),body.mobile-dark select,body.mobile-dark textarea{background:#fff;border-color:#cfdde2;color:#071729}
  body.mobile-dark .agenda-tabs{border-color:#8ca9b5;background:#fff}body.mobile-dark .agenda-tabs a{color:#52687a;border-right:1px solid #d6e2e6;font-weight:700}body.mobile-dark .agenda-tabs a:last-child{border-right:0}body.mobile-dark .agenda-tabs a.active{background:#0cad78;color:#fff}body.mobile-dark .agenda-week>div strong{color:#071b4b}body.mobile-dark .agenda-week span{color:#61758a}body.mobile-dark .agenda-week>a{border:2px solid #7893a1;background:#fff;color:#079f6c}body.mobile-dark .agenda-list article,body.mobile-dark .team-day{background:#fff;border-color:#b8d9ce}body.mobile-dark .agenda-list article{border-left-color:#16c784}body.mobile-dark .agenda-list article small{color:#52687a}body.mobile-dark .team-day>header{background:#eff8f4;border-color:#b8d9ce}body.mobile-dark .team-day>header small{color:#087d57}body.mobile-dark .team-day>header span{background:#dff5ec;color:#0b684b}body.mobile-dark .team-shift{border-color:#d6e6e0}body.mobile-dark .team-shift.is-mine{background:#e7f8f1}body.mobile-dark .team-time{border-color:#d6e6e0;color:#071b4b}body.mobile-dark .team-time i{color:#718096}body.mobile-dark .team-shift>div small{color:#52687a}body.mobile-dark .team-shift em{color:#087d57}body.mobile-dark .team-day-shifts>p{color:#61758a}
}

@media(max-width:800px){.agenda-tabs.team-enabled{grid-template-columns:repeat(2,1fr)}.agenda-tabs.team-enabled a{border-right:1px solid #294a5c;border-bottom:1px solid #294a5c}.agenda-tabs.team-enabled a:nth-child(2n){border-right:0}.agenda-tabs.team-enabled a:nth-last-child(-n+2){border-bottom:0}.team-shift{grid-template-columns:96px 1fr;gap:11px}.team-shift em{grid-column:2;justify-self:start}.team-time{gap:4px;padding-right:10px;font-size:10px}.team-time i{display:inline}}