.period-cleanup{margin:20px 0 8px;padding:22px;border:1px solid var(--brm);border-radius:14px;background:var(--s1)}
.period-cleanup h3{font:600 17px var(--heading);margin:0 0 8px;color:var(--t1)}
.period-cleanup p{font-size:12px;color:var(--t3);line-height:1.7;margin:0 0 16px}
.period-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin-bottom:16px}
.period-controls .fi{min-width:0}.period-controls select{width:100%;min-width:0}
.period-cleanup .period-summary{color:var(--t1);font-weight:600}
.period-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.period-cleanup .period-note{margin:0;font-size:11px}
.period-confirm{display:grid;gap:12px;margin:18px 0 22px;color:var(--t2);font-size:12px;line-height:1.6}
.period-confirm input[type="text"]{width:100%;min-width:0;padding:12px;border:1px solid var(--brm);border-radius:9px;background:var(--s1);color:var(--t1);font:14px var(--ff)}
.period-confirm label{display:block}.period-confirm .period-backup{display:flex;align-items:flex-start;gap:9px}.period-backup input{margin-top:4px;accent-color:var(--acc)}
#mExtra[hidden]{display:none}
@media(max-width:760px){.period-cleanup{padding:18px}.period-actions{display:grid;grid-template-columns:1fr}.period-actions button{width:100%}.period-confirm input[type="text"]{font-size:16px}}