.acc-period-management { flex: 0 0 auto; min-width: 0; margin-bottom: 12px; border: 1px solid var(--acc-stroke); background: var(--acc-panel-bg); }
.acc-period-management > summary { cursor: pointer; padding: 12px; font-weight: 600; }
.acc-period-management > form, .acc-period-management > .acc-period-commands, .acc-period-history { padding: 12px; }
.acc-period-commands { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.acc-period-management label { display: grid; gap: 6px; min-width: 0; }
.acc-period-management input, .acc-period-management textarea { padding: 8px; border: 1px solid var(--acc-stroke); border-radius: 2px; background: var(--acc-bg); color: var(--acc-text); font: inherit; }
.acc-period-management textarea { width: 100%; resize: vertical; }
.acc-period-management fieldset { margin: 14px 0 0; padding: 12px; border: 1px solid var(--acc-stroke); min-width: 0; }
.acc-period-management fieldset .acc-period-commands { margin-top: 10px; }
.acc-period-management legend { white-space: normal; max-width: 100%; }
.acc-period-management [hidden] { display: none !important; }
.acc-period-history { overflow-x: auto; }
.acc-period-history table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; }
.acc-period-history th, .acc-period-history td { padding: 8px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--acc-stroke); overflow-wrap: anywhere; }
.acc-period-history th { background: var(--acc-surface-bg); }
.acc-period-history td:last-child { min-width: 150px; }
.acc-period-management [role="status"] { overflow-wrap: anywhere; }