.calendar-date-wrap{min-width:0;display:flex;flex-direction:column;gap:3px}.calendar-date-wrap .calendar-cell{width:100%;flex:1}.calendar-date-wrap>button[data-quick-date]{padding:2px;min-height:44px;width:100%;border-radius:5px}.calendar-cell.batch-selected{background:#18513d!important;box-shadow:inset 0 0 0 2px var(--green)}.calendar-quick-panel,#dateSelection{margin-top:14px;display:grid;gap:10px}.calendar-quick-panel{padding:12px;background:var(--card);border:1px solid var(--line);border-radius:12px}.calendar-quick-panel button{white-space:normal;overflow-wrap:anywhere;text-align:left}.calendar-quick-panel [aria-pressed=true]{color:var(--green)}#dateSelection fieldset,#dateSelection label,.batch-group,.batch-range{display:grid;gap:8px;min-width:0}#dateSelection fieldset{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}#dateSelection input,#dateSelection select{width:100%;min-width:0;padding:10px;background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;color-scheme:dark}#dateSelection input[type=checkbox]{width:24px;height:24px;margin:10px 0}#dateSelection label:has(input[type=checkbox]){grid-template-columns:1fr 24px;align-items:center;min-height:44px}#dateSelection p,#dateSelection legend{overflow-wrap:anywhere}#dateSelection button{white-space:normal}.batch-group{padding:8px;border-bottom:1px solid var(--line)}#batchPreview{border-left:3px solid var(--green);padding-left:12px}.payroll-card{border:2px solid var(--green);border-radius:12px;padding:14px;margin:10px 0 20px;background:var(--card2)}.payroll-card h3{margin-top:0}.payroll-card button{width:100%}.employer-payday-link{margin-bottom:12px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
