body #app #monthlyDigestCard[hidden]{display:none!important}body #app #monthlyDigestCard{margin-top:24px}#monthlyDigestCard p{line-height:1.7}#monthlyDigestCard fieldset{border:1px solid #cedfd9;border-radius:12px;margin:16px 0;padding:16px}#monthlyDigestCard legend{font-weight:700;padding:0 6px}#monthlyDigestCard .monthly-toggle,#monthlyDigestCard .monthly-confirm,#monthlyDigestCard .monthly-recipient{display:flex;gap:12px;align-items:flex-start;line-height:1.6;margin:12px 0;font-size:13px}body #app #monthlyDigestCard input[type="checkbox"]{width:20px!important;height:20px!important;flex:0 0 20px!important;margin:3px 0!important}#monthlyDigestCard .monthly-recipient{border:1px solid #d9e6e0;border-radius:10px;padding:12px;background:#f6faf8;overflow-wrap:anywhere}#monthlyDigestCard .monthly-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#monthlyDigestCard #monthlyFeedback{font-size:13px;color:#123f4c;padding:10px 0}#monthlyDigestCard summary{cursor:pointer;font-weight:600;padding:10px 0}#monthlyPreviewDialog{width:min(760px,calc(100% - 24px));height:min(850px,90dvh);max-height:90dvh;padding:0;border:1px solid #bedbd2;border-radius:16px;overflow:hidden}#monthlyPreviewDialog header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 20px;background:#123f4c;color:white}#monthlyPreviewDialog h2{font-size:16px;line-height:1.4;margin:0}#monthlyPreviewDialog button{min-width:44px;min-height:44px;border-radius:10px;border:1px solid #cadfd9;background:white;color:#123f4c;font-size:22px}#monthlyPreviewDialog iframe{width:100%;flex:1;min-height:0;height:auto;border:0;background:#edf5f2}#monthlyPreviewDialog::backdrop,.monthly-retry-dialog::backdrop{background:#123f4c88}.monthly-retry-dialog{max-width:520px;padding:24px;border:1px solid #cadfd9;border-radius:16px;font:14px/1.7 Montserrat,Arial;color:#123f4c}.monthly-retry-dialog button{min-height:44px;padding:9px 14px}.monthly-retry-dialog label{display:flex;gap:12px;align-items:flex-start}@media(max-width:600px){#monthlyDigestCard .monthly-actions{flex-direction:column}#monthlyDigestCard .cardhead{align-items:flex-start;gap:12px;flex-direction:column}}

#monthlyPreviewDialog[open]{display:flex;flex-direction:column}#monthlyPreviewDialog header{flex:0 0 auto}#monthlyPreviewDialog :focus-visible,.monthly-retry-dialog :focus-visible{outline:3px solid #087f78;outline-offset:3px}.monthly-retry-dialog{box-sizing:border-box;width:min(520px,calc(100% - 28px))}
@media(pointer:coarse){body #app #monthlyDigestCard button,#monthlyPreviewDialog button,.monthly-retry-dialog button{min-height:44px!important}}

/* v242: outrank the legacy settings label/block and input margin rules. */
body #app #view-settings #monthlyDigestCard .monthly-toggle,
body #app #view-settings #monthlyDigestCard .monthly-confirm,
body #app #view-settings #monthlyDigestCard .monthly-recipient{display:flex!important;align-items:flex-start!important;gap:14px!important;margin:0!important;font-size:14px!important;line-height:1.6!important;cursor:pointer}
body #app #view-settings #monthlyDigestCard input[type="checkbox"]{appearance:auto!important;display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex:0 0 20px!important;margin:3px 0 0!important;padding:0!important;accent-color:#0f817b!important;align-self:flex-start!important}
body #app #view-settings #monthlyDigestCard .monthly-toggle{padding:18px!important;background:#eef8f6;border:1px solid #c6e2dc;border-radius:12px;margin-top:24px!important}
body #app #view-settings #monthlyDigestCard .monthly-toggle>span{color:#123f4c!important;font-weight:600!important}
body #app #monthlyDigestCard fieldset{min-width:0;margin:24px 0!important;padding:20px!important}
body #app #monthlyDigestCard #monthlyRecipients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
body #app #monthlyDigestCard .monthly-recipient{padding:16px!important;min-height:96px;background:#fff!important;transition:background .15s,border-color .15s}
body #app #monthlyDigestCard .monthly-recipient:has(input:checked){background:#eef8f6!important;border-color:#0f817b!important}
body #app #monthlyDigestCard .monthly-recipient-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
body #app #monthlyDigestCard .monthly-recipient-copy strong{font-weight:650!important;color:#123f4c}
body #app #monthlyDigestCard .monthly-recipient-copy small{margin:3px 0 0!important;color:#0f756e!important;font-size:12px!important}
body #app #view-settings #monthlyDigestCard .monthly-confirm{padding:18px!important;border:1px solid #d9e6e0;border-radius:12px;background:#f7faf9;margin:20px 0!important}
body #app #monthlyDigestCard .monthly-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:stretch!important;margin:0 0 18px!important}
body #app #monthlyDigestCard .monthly-actions button{margin:0!important;min-height:48px!important;white-space:normal!important;line-height:1.4!important;padding:12px 18px!important}
body #app #monthlyDigestCard #monthlyNext{padding:12px 16px;background:#f3f7f5;border-radius:10px}
body #app #monthlyDigestCard .cardhead{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:20px!important}
body #app #monthlyDigestCard #monthlyReload{flex:0 0 auto;min-height:44px!important;margin:0!important}
body #app #monthlyDigestCard #monthlyFeedback:empty{display:none}
body #app #view-settings>.heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;justify-content:normal!important;gap:12px!important}
body #app #view-settings>.heading>#clientSaveSettings{grid-column:2;grid-row:1;margin:0!important}
body #app #view-settings>.heading>.tour-help{grid-column:3;grid-row:1;margin:0!important}
@media(max-width:760px){
body #app #monthlyDigestCard #monthlyRecipients{grid-template-columns:minmax(0,1fr)}
body #app #view-settings>.heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
body #app #view-settings>.heading>div{grid-column:1/-1}
body #app #view-settings>.heading>#clientSaveSettings{grid-column:1;grid-row:2;width:100%}
body #app #view-settings>.heading>.tour-help{grid-column:2;grid-row:2;width:100%}
body #app #monthlyDigestCard .cardhead{align-items:flex-start!important;flex-direction:column!important}
body #app #monthlyDigestCard fieldset{padding:14px!important}
body #app #monthlyDigestCard .monthly-actions{flex-direction:column!important}
body #app #monthlyDigestCard .monthly-actions button{width:100%!important}
}
