2 lines
4.6 KiB
CSS
2 lines
4.6 KiB
CSS
.reminders-page[data-v-89857cb4]{background:var(--color-bg)}.top[data-v-89857cb4]{padding:10px var(--page-padding);background:var(--color-surface);color:var(--color-text);grid-template-columns:40px 1fr auto;align-items:center;display:grid}.top h1[data-v-89857cb4]{text-align:center;margin:0;font-size:1rem}.top__actions[data-v-89857cb4]{align-items:center;display:flex}.icon-btn[data-v-89857cb4]{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;place-items:center;font-size:1.4rem;display:grid}.reminders-scroll[data-v-89857cb4]{padding:12px var(--page-padding) 24px;flex-direction:column;gap:12px;display:flex}.filters[data-v-89857cb4]{gap:12px;display:flex;overflow-x:auto}.filter[data-v-89857cb4]{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 2px;position:relative}.filter--active[data-v-89857cb4]{color:var(--color-primary);font-weight:700}.filter--active[data-v-89857cb4]:after{content:"";inset-inline:0;background:var(--color-primary);border-radius:999px;height:3px;position:absolute;bottom:0}.count-badge[data-v-89857cb4]{background:var(--color-danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-inline-start:4px;font-size:.65rem;display:inline-grid}.summary[data-v-89857cb4]{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:16px;display:flex}.summary__label[data-v-89857cb4]{opacity:.92;font-size:.85rem}.summary__count[data-v-89857cb4]{align-items:baseline;gap:6px;display:flex}.summary__count strong[data-v-89857cb4]{font-size:2rem;line-height:1}.summary__count span[data-v-89857cb4]{font-size:.95rem;font-weight:600}.summary__sub[data-v-89857cb4]{opacity:.88;margin:4px 0 0;font-size:.78rem}.reminder-card[data-v-89857cb4]{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;grid-template-rows:auto 1fr;grid-template-columns:24px 1fr 40px;gap:4px 10px;padding:12px;display:grid}.time[data-v-89857cb4]{color:var(--color-text-muted);grid-area:1/1/auto/3;font-size:.8rem;font-weight:700}.check[data-v-89857cb4]{cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:999px;grid-area:2/1;align-self:start;width:22px;height:22px;margin-top:4px}.reminder-card__body[data-v-89857cb4]{grid-area:2/2}.avatar[data-v-89857cb4]{border-radius:999px;grid-area:1/3/3;place-self:start end;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:grid}.reminder-card__top[data-v-89857cb4]{justify-content:space-between;gap:8px;display:flex}.customer[data-v-89857cb4]{margin:6px 0 0;font-size:.85rem;font-weight:600}.contact[data-v-89857cb4],.desc[data-v-89857cb4]{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.tag[data-v-89857cb4]{border-radius:999px;margin-top:6px;padding:2px 8px;font-size:.65rem;display:inline-block}.tag--green[data-v-89857cb4]{background:var(--color-primary-soft);color:var(--color-primary)}.tag--blue[data-v-89857cb4]{color:#0369a1;background:#e0f2fe}.tag--purple[data-v-89857cb4]{color:#6d28d9;background:#ede9fe}.completed-bar[data-v-89857cb4]{border-radius:var(--radius-md);cursor:pointer;background:#ecefee;border:none;justify-content:space-between;padding:14px;font-weight:600;display:flex}.new-btn[data-v-89857cb4]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-weight:700;display:flex}.create-panel[data-v-89857cb4]{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px;display:flex}.create-panel h3[data-v-89857cb4]{margin:0;font-size:.95rem}.create-panel label[data-v-89857cb4]{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.create-panel input[data-v-89857cb4],.create-panel select[data-v-89857cb4],.create-panel textarea[data-v-89857cb4]{border:1px solid var(--color-border);font:inherit;color:var(--color-text);background:#fff;border-radius:10px;padding:10px 12px}.create-row[data-v-89857cb4]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.create-actions[data-v-89857cb4]{grid-template-columns:1fr 1.2fr;gap:8px;display:grid}.btn-cancel[data-v-89857cb4],.btn-save[data-v-89857cb4]{cursor:pointer;border-radius:12px;min-height:44px;font-weight:700}.btn-cancel[data-v-89857cb4]{border:1px solid var(--color-border);background:#fff}.btn-save[data-v-89857cb4]{background:var(--color-primary);color:#fff;border:none}.btn-save[data-v-89857cb4]:disabled{opacity:.7}.create-error[data-v-89857cb4]{color:#b42318;margin:0;font-size:.8rem}
|