#monthly-proofs-screen { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
.monthly-proof-card { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; background: #fff; border: 1px solid #d9e3dd; border-radius: 16px; padding: 14px; }
.monthly-proof-card > div { flex: 1 1 190px; min-width: 0; }
.monthly-proof-card h2 { margin: 0 0 6px; font-size: 1.08rem; overflow-wrap: anywhere; }
.monthly-proof-card p { margin: 4px 0; overflow-wrap: anywhere; }
.monthly-proof-card button { min-height: 44px; }
.monthly-proof-tag { display: inline-block; background: #edf3f0; color: #385c4c; padding: 4px 10px; margin-top: 5px; border-radius: 18px; font-size: .83rem; }
#monthly-proofs-list { display: grid; gap: 12px; margin: 14px 0; }
#monthly-proof-detail { scroll-margin-top: 90px; background: #fff; border: 1px solid #cbdcd2; border-radius: 18px; padding: 14px; }
#monthly-proof-detail .dialog-header { gap: 10px; }
#monthly-proof-heading { font-size: 1.15rem; overflow-wrap: anywhere; margin-block: 6px; }
#monthly-proof-meta p { overflow-wrap: anywhere; margin: 6px 0; font-size: .9rem; }
.monthly-proof-postal-note, .monthly-proof-warning { border-radius: 12px; padding: 12px; background: #fcf3e8; color: #694622; font-size: .9rem; overflow-wrap: anywhere; }
.monthly-proof-day { border: 1px solid #dce5df; border-radius: 12px; margin: 8px 0; overflow: hidden; }
.monthly-proof-day summary { padding: 13px; cursor: pointer; min-height: 44px; font-weight: 650; background: #f3f6f4; }
.monthly-proof-day ul { list-style: none; margin: 0; padding: 0 12px; }
.monthly-proof-day li { border-top: 1px solid #e1e8e3; padding: 12px 0; overflow-wrap: anywhere; }
.monthly-proof-day li:first-child { border: 0; }
.monthly-proof-day p { margin: 5px 0; white-space: pre-wrap; }
.monthly-proof-day small { display: block; color: #586b5e; }
#monthly-proof-pages { margin: 14px 0; }
#monthly-proof-pages figure { border: 1px solid #d5dfd9; border-radius: 12px; margin: 12px 0; background: #f3f5f4; overflow: auto; }
#monthly-proof-pages img { display: block; width: 100%; height: auto; }
#monthly-proof-pages figcaption { padding: 10px; font-size: .84rem; color: #465d50; }
#monthly-proof-pages figcaption button { display: block; min-height: 44px; }
#monthly-proof-pages .monthly-proof-zoomed img { width: 1400px; max-width: none; }
.monthly-proof-sign-fields { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.monthly-proof-sign-fields label { min-width: 0; }
.monthly-proof-sign-fields input, .monthly-proof-sign-fields select { width: 100%; min-width: 0; }
#monthly-proof-representation-label { grid-column: 1 / -1; }
.monthly-proof-confirm { display: flex; gap: 10px; align-items: start; margin: 16px 0; font-size: .92rem; }
.monthly-proof-confirm input { width: 22px; height: 22px; min-height: 22px; flex: 0 0 22px; accent-color: #3b6653; }
#monthly-proof-canvas { display: block; width: 100%; height: auto; aspect-ratio: 5 / 2; border: 2px solid #7e998a; border-radius: 12px; background: #fff; touch-action: none; }
#monthly-proof-canvas[aria-disabled="true"] { border-style: dashed; background: #f0f2f1; }
.monthly-proof-ink-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.monthly-proof-ink-toolbar p { flex: 1 1 180px; margin: 0; font-size: .85rem; color: #536759; }
#monthly-proof-submit { min-height: 48px; width: 100%; white-space: normal; scroll-margin-block: 100px; }
#monthly-proof-signatures { margin: 14px 0; font-size: .9rem; overflow-wrap: anywhere; }
@media (max-width: 400px) { .monthly-proof-sign-fields { grid-template-columns: minmax(0, 1fr); } .monthly-proof-card button { width: 100%; } }
@media (min-width: 760px) { #monthly-proofs-list { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } #monthly-proof-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; } }
@media (prefers-reduced-motion: no-preference) { .monthly-proof-card { transition: border-color 150ms ease; } }