.period-recovery-badge{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;min-width:1.2rem;min-height:1.2rem;padding:0;margin-left:.18rem;border:1px solid #93bcdf;border-radius:50%;background:#edf6ff;color:#205c8e;font:700 .64rem/1 system-ui;vertical-align:middle;cursor:pointer}
.period-recovery-badge.is-applied{color:#8a4b0a;border-color:#ddba88;background:#fff4e2}
.period-recovery-badge:focus-visible,.period-recovery-dialog :focus-visible{outline:2px solid #1784d7;outline-offset:2px}
.period-recovery-dialog{box-sizing:border-box;width:min(46rem,calc(100% - 1rem));max-height:90dvh;padding:0;border:1px solid #b7d0e7;border-radius:.9rem;background:#fff;color:#173f5f;box-shadow:0 18px 55px #102c4540;overflow:auto;font:400 .9rem/1.45 system-ui}
.period-recovery-dialog::backdrop{background:#102c4575}
.period-recovery-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:2;padding:.8rem 1rem;border-bottom:1px solid #d5e4f1;background:#f1f7fd}
.period-recovery-brand{display:block;font-size:.65rem;letter-spacing:.08em;color:#31668e}
.period-recovery-dialog h2{margin:.15rem 0 0;font-size:1.1rem}
.period-recovery-dialog h3{margin:0;font-size:.95rem}
.period-recovery-dialog button,.period-recovery-dialog a{color:#155889}
.period-recovery-dialog button{min-height:2rem;padding:.35rem .65rem;border:1px solid #a9c9e7;border-radius:.45rem;background:#edf6fe;cursor:pointer;font:inherit}
.period-recovery-dialog>header button{width:2rem;min-width:2rem;padding:0;font-size:1.25rem}
.period-recovery-dialog .button-primary{background:#0968b9;color:#fff;border-color:#0968b9}
.period-recovery-dialog button:disabled{opacity:.55;cursor:default}
.period-recovery-content{padding:1rem;display:grid;gap:.75rem}
.period-recovery-content p{margin:.2rem 0;overflow-wrap:anywhere;white-space:pre-wrap}
.period-recovery-person{position:relative;display:flex;align-items:center;gap:.65rem;min-height:2.4rem}
.period-recovery-avatar,.period-recovery-person img{box-sizing:border-box;width:2.4rem;height:2.4rem;border:1px solid #bfd6e9;border-radius:.55rem;background:#e9f2fa;object-fit:cover;flex:0 0 2.4rem}
.period-recovery-avatar{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#225d89}
.period-recovery-person img{position:absolute;left:0;top:0}
.period-recovery-person strong{font-size:.85rem}
.period-recovery-original,.period-recovery-notice,.period-recovery-reversal{padding:.7rem;border:1px solid #c6dced;border-radius:.6rem;background:#f2f8fe}
.period-recovery-original>strong{display:block;font-size:1.3rem}
.period-recovery-notice[role=alert]{border-color:#e0bb87;background:#fff6e8}
.period-recovery-event{display:grid;gap:.45rem;padding:.8rem;border:1px solid #cbdfee;border-radius:.65rem}
.period-recovery-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.2rem 0}
.period-recovery-values dt{font-size:.72rem;color:#456885}.period-recovery-values dd{margin:0;font-weight:700}
.period-recovery-dialog form{display:grid;gap:.7rem;padding:.8rem;border:1px solid #b4cee5;border-radius:.65rem;background:#f8fbff}
.period-recovery-dialog fieldset{display:grid;gap:.65rem;min-width:0;margin:0;padding:0;border:0}.period-recovery-dialog legend{font-weight:600;margin-bottom:.5rem}
.period-recovery-dialog label{display:grid;gap:.3rem}.period-recovery-dialog input:not([type=checkbox]),.period-recovery-dialog textarea{box-sizing:border-box;width:100%;padding:.5rem;border:1px solid #acc9e6;border-radius:.45rem;background:#fff;color:#173f5f;font:inherit}
.period-recovery-modalities{grid-template-columns:repeat(2,minmax(0,1fr))}.period-recovery-modalities label{display:flex;align-items:center;gap:.35rem}.period-recovery-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.period-recovery-actions,.period-recovery-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem}.period-recovery-pager{font-size:.75rem}
@media(max-width:560px){.period-recovery-dialog{max-height:95dvh}.period-recovery-content{padding:.7rem}.period-recovery-form-grid,.period-recovery-modalities{grid-template-columns:1fr}.period-recovery-values{font-size:.8rem}}
