.hr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.hr-summary>div{background:#fff;border:1px solid #dce4eb;border-radius:10px;padding:17px 19px;box-shadow:0 3px 10px rgba(17,38,61,.04);display:flex;flex-direction:column;gap:5px}.hr-summary small{color:#63758a}.hr-summary b{font-size:21px;color:#11263d}.hr-summary span{font-size:12px;color:#168352}.hr-clock-card,.hr-card-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.hr-clock-card h2,.hr-card-title h2{margin-bottom:5px}.hr-clock-card p,.hr-card-title p{margin:0;color:#63758a}.hr-filters,.hr-payroll-toolbar{display:flex;align-items:center;gap:10px}.hr-filters label,.hr-payroll-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#536273}.hr-filters input[type=month],.hr-payroll-toolbar input[type=month],.hr-filters select{width:auto;min-width:150px}.hr-warning{margin:0 0 14px;border-left:4px solid #e9ae3d;background:#fff8e8;padding:12px 15px;border-radius:5px;color:#536273}.payroll-preview{margin-top:16px;background:#f3f6f8;border:1px solid #dce4eb;border-radius:8px;padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payroll-preview>div{background:white;padding:10px;border-radius:6px;display:flex;flex-direction:column;gap:4px}.payroll-preview span{font-size:11px;color:#63758a}.payroll-preview b{font-size:14px;color:#11263d}.nav-section-title{letter-spacing:.08em}
@media(max-width:900px){.hr-summary{grid-template-columns:1fr}.payroll-preview{grid-template-columns:1fr 1fr}.hr-clock-card,.hr-card-title{align-items:flex-start;flex-direction:column}.hr-filters{width:100%;flex-wrap:wrap}.hr-filters .search{width:100%}}
@media(max-width:520px){.payroll-preview{grid-template-columns:1fr}.hr-summary>div{padding:14px}.hr-clock-card .primary,.hr-card-title button{width:100%}}

/* Choix personnel du statut avant le pointage : visible pour chaque collaborateur. */
.hr-clock-card>div:last-child{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.hr-status-choice{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#536273}.hr-status-choice select{min-width:170px}