@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/inter-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/inter-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-800.ttf) format('truetype');
}

/* Couleurs d’accent et hiérarchie communes, sans toucher à l’impression A4. */
@media screen {
 :root{--ink:#172d55;--muted:#52627a;--text:#334155;--accent:#2854dc}
 body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text)}
 h1,h2,h3,.brand{font-family:Manrope,Inter,sans-serif;color:#172d55;font-weight:800;letter-spacing:-.025em}
 h1{line-height:1.2}h2,h3{line-height:1.35}
 .btn,.tabs button,.nav button{font-weight:600}
 .metric-value{font-family:Manrope,Inter,sans-serif;font-weight:800;color:#2854dc;font-variant-numeric:tabular-nums}
 .metric[data-inbox-target="conges"] .metric-value{color:#a65312}
 .metric[data-inbox-target="Vacances"] .metric-value{color:#7352b8}
 .metric[data-inbox-target="modifications"] .metric-value{color:#087f8c}
 .metric-top{font-weight:700;color:#334155}
 .phone-week-total{background:#edf2ff;color:#334155}.phone-week-total strong,.phone-week-total b{color:#2854dc;font-weight:800}
 #svc-week{color:#2854dc;font-weight:700;font-variant-numeric:tabular-nums}
 .team-week-person b,.phone-group h3{font-weight:700;color:#334155}
 .team-slot,.calendar-block,.phone-event{background:#f1f5fb;background:color-mix(in srgb,var(--activity-color) 10%,white);color:#172d55;border-left-color:var(--activity-color);font-family:Inter,system-ui,sans-serif}
 .team-slot strong,.calendar-block strong,.phone-event-time{color:#172d55;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em}
 .team-slot span,.calendar-block b,.phone-event>strong{color:#172d55;color:color-mix(in srgb,var(--activity-color) 30%,#172d55);font-weight:700;line-height:1.4}
 .team-slot strong{font-size:13px}.team-slot span{font-size:12px;margin-top:3px}
 .calendar-block strong{font-size:12px}.calendar-block b{font-size:12px}.calendar-block small{color:#334155;font-weight:600;opacity:1}
 .phone-event-time{font-size:17px}.phone-event>strong{font-size:17px}.phone-event>span:not(.phone-event-time){color:#52627a;font-size:14px}.phone-event>small{color:#334155;font-size:14px;font-weight:600}
 .phone-event.is-pause,.team-slot.pause,.calendar-block.pause{background:#edf0f5;border-left-color:#81919b}
 .phone-event.is-pause>strong,.team-slot.pause span,.calendar-block.pause b{color:#46556b}
 .chat-contacts button{font-weight:600}.chat-contacts button.selected{color:#2854dc;background:#edf2ff;font-weight:700}
 .chat-bubble small{color:#52627a}.chat-bubble p{color:#334155}
 .chip.warn{color:#a65312;background:#fff1df}
}