.monthly-publication{margin:0 0 20px;padding:20px;border:1px solid #d9e6ef;background:#fff;border-radius:16px;color:var(--text,#17323d)}
.monthly-publication>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
.monthly-publication>summary::-webkit-details-marker{display:none}
.monthly-publication-heading{display:grid;gap:5px;min-width:0}
.monthly-publication-heading strong{font-size:16px;line-height:1.4}
.monthly-publication-heading small,.monthly-publication-note{font-size:12px;line-height:1.6;color:#596e7c}
.monthly-publication-chevron{font-size:20px;flex:0 0 auto}
.monthly-publication[open]>summary .monthly-publication-chevron{transform:rotate(180deg)}
.monthly-publication-body{margin-top:18px}
.monthly-publication-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.monthly-publication-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.monthly-publication-month{border:1px solid #dce6ee;border-radius:12px;padding:12px;display:grid;gap:9px;align-content:start;min-width:0;background:#f9fbfd}
.monthly-publication-month.is-published{border-color:#9ccbb4;background:#f4fbf6}
.monthly-publication-month.is-stale{border-color:#e8c893;background:#fffaf1}
.monthly-publication-month-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.monthly-publication-month-heading strong{font-size:13px;line-height:1.5}
.monthly-publication-status{display:inline-flex;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:650;line-height:1.35;background:#e9eff4;color:#42586a;max-width:100%;overflow-wrap:anywhere}
.is-published .monthly-publication-status{background:#dceee3;color:#256643}
.is-stale .monthly-publication-status{background:#fff0d3;color:#875d1b}
.monthly-publication-month .btn{white-space:normal;width:100%;min-height:38px;font-size:12px;line-height:1.4;text-align:center;justify-content:center;padding:8px}
.monthly-publication-month small{font-size:11px;line-height:1.5;color:#596e7c;overflow-wrap:anywhere}
.monthly-publication-preview{margin-top:16px;padding:18px;border:1px solid #b9d4e7;border-radius:12px;background:#f6fafe}
.monthly-publication-preview h3{font-size:16px;line-height:1.4;margin:0 0 8px}
.monthly-publication-preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.monthly-publication-preview-metrics>div{background:#fff;border:1px solid #e0e8ef;border-radius:9px;padding:12px;min-width:0}
.monthly-publication-preview-metrics span{display:block;font-size:12px;line-height:1.5;color:#596e7c}
.monthly-publication-preview-metrics strong{display:block;font-size:17px;line-height:1.7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.monthly-publication-record-counts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.6;margin:10px 0}
.monthly-publication-confirmation{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:18px 0}
.monthly-publication-confirmation input{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#0879b7}
.monthly-publication-actions{display:flex;flex-wrap:wrap;gap:10px}
.monthly-publication-actions .btn{white-space:normal;min-height:42px;line-height:1.45}
.monthly-publication-notice{padding:14px 16px;margin:0 0 16px;border:1px solid #bfd9eb;border-radius:11px;background:#f0f8fd;font-size:13px;line-height:1.6;color:#275775}
.monthly-publication-notice.is-warning,.monthly-publication-error{border-color:#e4c68b;background:#fff9ed;color:#73541c}
.monthly-publication-error{padding:12px;border:1px solid #e4c68b;border-radius:8px;font-size:13px;line-height:1.6;margin:12px 0}
.monthly-publication-status-message{margin:12px 0;font-size:13px;line-height:1.6;color:#256643}
@media(max-width:1100px){.monthly-publication-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.monthly-publication{padding:15px}.monthly-publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-publication-preview-metrics{grid-template-columns:1fr}.monthly-publication-preview{padding:14px}.monthly-publication-actions{flex-direction:column}.monthly-publication-actions .btn,.monthly-publication-month .btn{min-height:44px}.monthly-publication-heading strong{font-size:15px}}
@media(max-width:380px){.monthly-publication-grid{gap:8px}.monthly-publication-month{padding:10px}.monthly-publication-month-heading{gap:5px}}
@media print{.monthly-publication{display:none!important}.monthly-publication-notice{border:0;padding:0;background:none;color:#222}}
