/* SYSTJEM 11.18.0 — drie sprints: mailknoppen, dashboard/navigatie en opslagstatus. */

/* Sprint 16 — agenda-acties in mailvoorbeelden zijn compacte knoppen, geen lange URL's. */
.communication-message-preview{
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.65;
  color:var(--ink,#252a24);
}
.calendar-action-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 4px;
  padding:15px;
  border:1px solid var(--line,#d9ddd5);
  border-radius:14px;
  background:#f4f6f1;
}
.calendar-action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border:1px solid #cdd7ca;
  border-radius:10px;
  background:#fff;
  color:#234d35;
  font-weight:800;
  text-decoration:none;
  line-height:1.2;
}
.calendar-action-button:hover,
.calendar-action-button:focus-visible{
  border-color:#8fa291;
  background:#fbfdf9;
  color:#173c29;
}
.calendar-action-primary{
  border-color:#234d35;
  background:#234d35;
  color:#fff;
}
.calendar-action-primary:hover,
.calendar-action-primary:focus-visible{
  background:#173c29;
  color:#fff;
}
.outbox-detail>.communication-message-preview{
  margin:0;
  padding:0;
}
.outbox-detail>.calendar-action-buttons+small{
  display:block;
  margin-top:12px;
}

/* Sprint 17 — dashboard start met open navigatie en een compactere lege dag. */
@media (min-width:901px){
  body.admin-sidebar-on.admin-view-overview:not(.butcher-original-layout):not(.sidebar-collapsed) .admin-wrap{
    transition:none!important;
  }
}
body.admin-view-overview .dashboard-today .empty-state{
  min-height:128px!important;
  margin-top:18px!important;
  padding:24px!important;
  border:1px dashed #d7d1c5!important;
  border-radius:12px!important;
  background:#fbfaf7!important;
}
body.admin-view-overview .dashboard-today:has(.empty-state){
  align-self:start;
}
body.admin-view-overview .dashboard-grid{
  align-items:start!important;
}
body.admin-view-overview .dashboard-panel{
  min-height:0!important;
}
body.admin-view-overview .dashboard-intro{
  padding-top:4px!important;
}

/* Sprint 18 — autosave en back-upstatus horen onder de inhoud, niet bovenaan. */
.admin-storage-footer{
  margin:34px 0 6px;
  padding-top:18px;
  border-top:1px solid var(--line,#ddd9d0);
}
.admin-storage-footer .autosave-footer-status{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid #d9ddd5!important;
  border-radius:12px!important;
  background:#f4f5f1!important;
  box-shadow:none!important;
  color:#596259!important;
  font-size:12px!important;
}
.admin-storage-footer .autosave-footer-status strong{
  color:#293229!important;
  font-size:12px!important;
}
.admin-storage-footer .autosave-footer-status span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border:1px solid #dfe3dc;
  border-radius:8px;
  background:#fff;
  white-space:nowrap;
}
.admin-storage-footer .autosave-footer-status a{
  margin-left:auto;
  color:#345c40;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid #9db0a0;
}
.admin-storage-footer .autosave-footer-status a:hover{
  color:#1f472e;
  border-bottom-color:#1f472e;
}

/* Back-uppagina: compactere bovenkant en logische verticale flow. */
body.admin-view-backup .backup-hero,
body.admin-view-backup .backup-summary,
body.admin-view-backup .backup-layout{
  margin-bottom:16px!important;
}
body.admin-view-backup .backup-list-card{
  margin-top:18px!important;
}
body.admin-view-backup .backup-summary article{
  min-height:0!important;
}

@media (max-width:900px){
  .calendar-action-buttons{
    display:grid;
    grid-template-columns:1fr;
    padding:12px;
  }
  .calendar-action-button{
    width:100%;
    min-height:48px;
  }
  body.admin-view-overview .dashboard-today .empty-state{
    min-height:104px!important;
    padding:20px 16px!important;
  }
  .admin-storage-footer{
    margin-top:24px;
  }
  .admin-storage-footer .autosave-footer-status{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .admin-storage-footer .autosave-footer-status span{
    white-space:normal;
  }
  .admin-storage-footer .autosave-footer-status a{
    margin-left:0;
    justify-self:start;
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
}

/* Gebruik de vrije ruimte in de desktopzijbalk: Back-up blijft onderaan bereikbaar. */
@media (min-width:901px){
  body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav .nav-main{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav .nav-backup-link{
    margin-top:auto!important;
  }
}
@media (max-width:900px){
  body.admin-sidebar-on:not(.butcher-original-layout) > #primaryAdminNav .nav-backup-link{
    margin-top:8px!important;
    border-top-color:rgba(255,255,255,.14)!important;
  }
}