.sickness-panel { margin: 0 0 12px; overflow: clip; }
.sickness-panel > summary { cursor: pointer; list-style: none; }
.sickness-panel > summary::-webkit-details-marker { display: none; }
.sickness-panel > summary::before { content: "▸"; margin-right: 8px; }
.sickness-panel[open] > summary::before { content: "▾"; }
.sickness-note { margin: 8px 0; font-size: .82rem; line-height: 1.45; color: var(--muted); overflow-wrap: anywhere; }
.sickness-help > summary { font-size: .82rem; cursor: pointer; padding: 8px 0; }
#sickness-feedback:empty, #sickness-error:empty, #sickness-history-live:empty, #sickness-history-error:empty, #sickness-admin-live:empty { display: none; }
.sickness-form, .sickness-history-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
.sickness-form label { flex: 1 1 140px; min-width: 0; }
.sickness-form input, .sickness-form select, .sickness-history-toolbar input { width: 100%; min-width: 0; }
.sickness-form select { min-height: 48px; }
.sickness-form .sickness-employee-label { flex-basis: 100%; }
.sickness-form .sickness-phone-confirmation { flex-basis: 100%; display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.sickness-phone-confirmation input { width: 24px; height: 24px; flex: 0 0 24px; margin: 10px; }
.sickness-phone-confirmation span { min-width: 0; overflow-wrap: anywhere; font-size: .9rem; line-height: 1.45; }
#sickness-admin-panel { border-left: 3px solid #725388; }
#sickness-admin-refresh { margin-top: 12px; }
.sickness-form button { flex: 1 1 190px; white-space: normal; }
.sickness-history-toolbar label { flex: 1 1 180px; min-width: 0; }
.sickness-history-toolbar button { flex-shrink: 0; }
.sickness-history { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sickness-report { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.sickness-report strong, .sickness-status { overflow-wrap: anywhere; font-size: .86rem; }
.sickness-status { color: var(--muted); margin-left: auto; }
.sickness-report p { flex-basis: 100%; margin: 0; color: var(--muted); font-size: .8rem; }
.sickness-credit { padding: 12px; margin: 12px 0; border: 1px solid var(--line); border-left: 3px solid #927642; border-radius: 10px; background: #faf7f1; }
.sickness-credit h3 { margin-top: 0; }
.sickness-credit p { overflow-wrap: anywhere; font-size: .85rem; line-height: 1.5; }