/* Extracted from admin.html inline <style> blocks */

/* Help button styling (shared) */
.btn.btn-help {
  background: #eef6ff !important;
  color: #0b73f7 !important;
  border: 1px solid #cfe3ff !important;
  font-size: 0.7em !important; /* ~30% mindre tekst */
  padding: 4px 8px !important;  /* ~30% mindre padding */
  line-height: 1.1 !important;
}
.btn.btn-help:hover { background: #e3f0ff !important; }

/* Calendar Today card styles */
.cal-list { margin-top:6px; }
.cal-item { padding:6px 0; border-bottom:1px solid #eee; }
.cal-item:last-child{ border-bottom:0; }
.cal-line { display:flex; align-items:center; gap:8px; }
.cal-assign-btn {
  color: white;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  margin-left: 8px;
  cursor: pointer;
  font-size: 14px;
  outline: none !important;
  box-shadow: none !important;
}
.cal-assign-btn:hover { background: #a1cf9a; }
.cal-assign-btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.cal-assigned {
  color: #000000;
  font-size: 16px;
  margin-left: 8px;
  font-weight: 500;
}
.cal-line { display:flex; align-items:center; gap:10px; white-space:nowrap; overflow:hidden; }
.cal-time-inline { color:#9ca3af; font-variant-numeric: tabular-nums; flex:0 0 auto; }
.cal-title { font-weight:600; overflow:hidden; text-overflow:ellipsis; }
.cal-loc { color:#6b7280; margin-top:2px; font-size:13px; }
.cal-header-date { color:#9ca3af; font-weight:700; font-size:22px; }
/* Enter animation for date change */
.cal-anim { transition: transform .18s ease, opacity .18s ease; will-change: transform, opacity; }
.enter-from-right { transform: translateX(20px); opacity: 0; }
.enter-from-left  { transform: translateX(-20px); opacity: 0; }
.enter-active     { transform: translateX(0); opacity: 1; }
/* Static footer hint with arrows */
.cal-footer-hint { 
  margin-top: 14px; 
  padding-top: 10px; 
  border-top: 1px dashed rgba(0,0,0,0.08);
  display: flex; 
  align-items: center; 
  justify-content: center; 
  gap: 18px; 
  color: #9ca3af; 
  font-size: 12px;
  user-select: none;
}
.cal-footer-hint .arrow { 
  font-weight: 300; 
  opacity: .6; 
  letter-spacing: .5px;
}
.cal-footer-hint .label { opacity: .7; }

/* Messages list */
#messagesList .msg { padding:8px 0; border-bottom:1px solid #eee; }
#messagesList .msg:last-child { border-bottom:0; }
#messagesList .title { font-weight:600; }
#messagesList .meta { color:#6b7280; font-size:12px; margin-top:2px; }
#messagesList .unread .title::after { content:' •'; color:#ef4444; }