.invoice-reminder-button{margin-left:auto}.reminder-bg{padding:12px}.reminder-modal{width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.reminder-body{padding:14px}.reminder-template{display:grid;gap:6px}.reminder-template textarea{min-height:125px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);font:inherit}.reminder-toolbar{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.reminder-toolbar>span{flex:1}.reminder-toolbar small{display:block;margin-top:2px;color:var(--muted)}.reminder-list{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:11px}.reminder-row{display:grid;grid-template-columns:24px minmax(0,1fr) 100px 110px;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);cursor:pointer}.reminder-row:last-child{border-bottom:0}.reminder-row input{width:18px;height:18px}.reminder-row span b,.reminder-row span small{display:block}.reminder-row span small{margin-top:2px;color:var(--muted);font-size:11px}.reminder-row strong{text-align:right}.reminder-row em{font-size:11px;font-style:normal}.reminder-row em.ok{color:var(--green)}.reminder-row em.bad{color:#c94557}.reminder-body footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.reminder-body button{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:8px 11px;cursor:pointer}.reminder-body button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800}@media(max-width:700px){.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-reminder-button{margin-left:0}.reminder-bg{padding:0}.reminder-modal{width:100%;max-height:100vh;min-height:100vh;border-radius:0}.reminder-toolbar{align-items:stretch;flex-direction:column}.reminder-toolbar>span{display:none}.reminder-row{grid-template-columns:22px 1fr auto}.reminder-row em{grid-column:2/-1}.reminder-body footer{position:sticky;bottom:-14px;padding:10px 0 2px;background:var(--surface)}.reminder-body footer .primary{flex:1}}
