/* MotoCRM — recordatorios comerciales: mantiene el sistema visual existente. */
.reminders-panel{margin:0 0 15px;overflow:hidden}
.reminders-head{gap:12px;align-items:flex-start}
.reminders-head h2{margin:0}
.reminders-enable{white-space:nowrap;min-height:36px;font-size:11px}
.reminders-enable-on{border-color:#a8dfbf;background:#eefaf2;color:#176b39}
.reminder-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:4px 0 12px}
.reminder-kpi{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#f8faff;text-align:left;cursor:pointer;color:inherit}
.reminder-kpi strong{font-size:21px;line-height:1;color:var(--blue)}
.reminder-kpi span{font-size:11px;font-weight:750;color:var(--muted)}
.reminder-kpi-overdue{background:#fff5f5;border-color:#f3cccc}
.reminder-kpi-overdue strong{color:#b91c1c}
.reminder-kpi-today{background:#fff8e9;border-color:#f4dfb5}
.reminder-kpi-today strong{color:#9a5200}
.reminder-kpi-upcoming{background:#f3f6ff;border-color:#dbe4ff}
.reminder-filter{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.reminder-filter button{border:1px solid var(--line);border-radius:18px;background:#f6f8fc;color:#526078;padding:7px 11px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.reminder-filter button[aria-pressed="true"]{background:#e9efff;border-color:#c4d3ff;color:#214cc4}
.reminder-item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.reminder-item:last-child{border-bottom:0}
.reminder-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#edf2ff;color:#244dc2;font-size:11px;font-weight:850}
.reminder-main{flex:1;min-width:0;padding-top:1px}
.reminder-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.reminder-title strong{font-size:12px;overflow-wrap:anywhere}
.reminder-pill{display:inline-flex;align-items:center;border-radius:15px;padding:4px 7px;font-size:9px;font-weight:850;line-height:1.25}
.reminder-overdue{background:#ffeded;color:#b91c1c}
.reminder-today{background:#fff2d9;color:#8b4b00}
.reminder-upcoming{background:#eaf0ff;color:#234fc9}
.reminder-detail{font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.reminder-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.reminder-actions .small-btn{white-space:nowrap}
.reminders-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:9px}
.reminders-footer .small{font-size:10px}
.reminder-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:auto;border-radius:20px;background:#c62828;color:#fff;font-size:9px;font-weight:900;line-height:1}
.reminder-nav-badge.hidden{display:none}
@media(max-width:760px){.reminders-head{flex-direction:column}.reminders-enable{align-self:flex-start}.reminder-kpis{gap:6px}.reminder-kpi{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 10px}.reminder-kpi strong{font-size:19px}.reminder-kpi span{font-size:10px}.reminder-item{flex-wrap:wrap}.reminder-main{min-width:calc(100% - 48px)}.reminder-actions{width:100%;padding-left:44px;justify-content:flex-start}.reminder-filter button{padding:7px 10px}}
@media(max-width:380px){.reminder-kpi{padding:8px}.reminder-kpi span{font-size:9px}.reminder-title{align-items:flex-start;flex-direction:column;gap:4px}}