2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
.reminders-page[data-v-5b2cf3dd]{background:var(--color-bg)}.top[data-v-5b2cf3dd]{padding:10px var(--page-padding);background:var(--color-surface);color:var(--color-text);grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.top h1[data-v-5b2cf3dd]{text-align:center;margin:0;font-size:1rem;font-weight:700}.icon-btn[data-v-5b2cf3dd]{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;place-items:center;display:grid}.reminders-scroll[data-v-5b2cf3dd]{padding:0 var(--page-padding) 24px;flex-direction:column;gap:12px;display:flex}.tabs[data-v-5b2cf3dd]{width:100%;margin:0 calc(-1 * var(--page-padding));padding:0 var(--page-padding);border-bottom:1px solid var(--color-border);align-items:stretch;display:flex}.tab[data-v-5b2cf3dd]{appearance:none;color:#9ca3af;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:10px 0 0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5;display:flex}.tab__text[data-v-5b2cf3dd]{align-items:center;gap:4px;padding-bottom:11px;display:inline-flex;position:relative}.tab--active[data-v-5b2cf3dd]{color:var(--color-text);font-weight:700}.tab--active .tab__text[data-v-5b2cf3dd]:after{content:"";inset-inline:0;background:var(--color-primary);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px}.tab__badge[data-v-5b2cf3dd]{background:var(--color-danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:inline-grid}.error-text[data-v-5b2cf3dd]{color:var(--color-danger);margin:0;font-size:.85rem}.summary[data-v-5b2cf3dd]{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);flex-direction:column;gap:8px;margin-top:4px;padding:16px;display:flex}.summary__top[data-v-5b2cf3dd]{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary__label[data-v-5b2cf3dd]{font-size:.875rem;font-weight:600}.summary__calendar[data-v-5b2cf3dd]{color:#fff;flex-shrink:0;width:34px;height:34px;position:relative}.summary__calendar svg[data-v-5b2cf3dd]{width:100%;height:100%;display:block}.summary__calendar span[data-v-5b2cf3dd]{place-items:center;padding-top:7px;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.summary__count[data-v-5b2cf3dd]{align-items:baseline;gap:6px;display:flex}.summary__count strong[data-v-5b2cf3dd]{font-size:2.25rem;font-weight:700;line-height:1}.summary__count span[data-v-5b2cf3dd]{font-size:1rem;font-weight:600}.summary__sub[data-v-5b2cf3dd]{opacity:.88;margin:0;font-size:.78rem;line-height:1.5}.empty-state[data-v-5b2cf3dd]{text-align:center;color:var(--color-text-muted);margin:0;padding:8px 0;font-size:.85rem}.reminder-row[data-v-5b2cf3dd]{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.reminder-row__check[data-v-5b2cf3dd]{cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:999px;flex-shrink:0;width:22px;height:22px;margin-top:14px}.reminder-row__check--done[data-v-5b2cf3dd]{border-color:var(--color-primary);background:var(--color-primary);display:block;box-shadow:inset 0 0 0 3px #fff}.reminder-card[data-v-5b2cf3dd]{border-radius:var(--radius-md);cursor:pointer;background:#fff;padding:12px 14px;box-shadow:0 1px 2px #1018280a,0 6px 16px #1018280d}.reminder-card--done[data-v-5b2cf3dd]{opacity:.72}.reminder-card__header[data-v-5b2cf3dd]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reminder-card__time[data-v-5b2cf3dd]{color:var(--color-text-muted);flex-shrink:0;font-size:.8125rem;font-weight:700}.reminder-card__title-row[data-v-5b2cf3dd]{flex:1;justify-content:flex-end;align-items:flex-start;gap:6px;min-width:0;display:flex}.reminder-card__title-row strong[data-v-5b2cf3dd]{text-align:end;font-size:.9rem;font-weight:700;line-height:1.4}.reminder-card__menu[data-v-5b2cf3dd]{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.reminder-card__body[data-v-5b2cf3dd]{grid-template-columns:auto 1fr;align-items:start;gap:8px 10px;margin-top:8px;display:grid}.tag[data-v-5b2cf3dd]{white-space:nowrap;border-radius:6px;align-items:center;height:24px;padding:0 10px;font-size:.7rem;font-weight:600;display:inline-flex}.tag--green[data-v-5b2cf3dd]{background:var(--color-primary-soft);color:var(--color-primary)}.tag--blue[data-v-5b2cf3dd]{color:#0369a1;background:#e0f2fe}.tag--purple[data-v-5b2cf3dd]{color:#6d28d9;background:#ede9fe}.reminder-card__customer[data-v-5b2cf3dd]{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.reminder-card__customer-text[data-v-5b2cf3dd]{text-align:end;min-width:0}.reminder-card__name[data-v-5b2cf3dd]{margin:0;font-size:.875rem;font-weight:700;line-height:1.35}.reminder-card__contact[data-v-5b2cf3dd]{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem;line-height:1.35}.reminder-card__avatar[data-v-5b2cf3dd]{color:#111;border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:grid}.reminder-card__desc[data-v-5b2cf3dd]{color:var(--color-text-muted);margin:10px 0 0;font-size:.75rem;line-height:1.55}.completed-section[data-v-5b2cf3dd]{flex-direction:column;gap:10px;display:flex}.completed-bar[data-v-5b2cf3dd]{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);text-align:start;background:#e4e8e6;border:none;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:14px 16px;font-family:inherit;font-size:.875rem;font-weight:600;display:grid}.completed-bar__chevron[data-v-5b2cf3dd]{width:12px;height:12px;color:var(--color-text-muted);transition:transform .15s}.completed-bar__chevron.is-open[data-v-5b2cf3dd]{transform:rotate(180deg)}.completed-bar__label[data-v-5b2cf3dd]{line-height:1.4}.completed-bar__count[data-v-5b2cf3dd]{font-weight:700}.completed-list[data-v-5b2cf3dd]{flex-direction:column;gap:10px;display:flex}.completed-empty[data-v-5b2cf3dd]{text-align:center;color:var(--color-text-muted);margin:0;font-size:.8rem}.new-btn[data-v-5b2cf3dd]{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;margin-top:4px;font-size:.95rem;font-weight:700;display:flex}.create-panel[data-v-5b2cf3dd]{border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:10px;margin-top:4px;padding:14px;display:flex;box-shadow:0 1px 2px #1018280a,0 6px 16px #1018280d}.create-panel h3[data-v-5b2cf3dd]{margin:0;font-size:.95rem}.create-panel label[data-v-5b2cf3dd]{color:var(--color-text-muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.create-panel input[data-v-5b2cf3dd],.create-panel textarea[data-v-5b2cf3dd]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--color-text);padding:0 14px;font-size:.9375rem;transition:border-color .15s}.create-panel input[data-v-5b2cf3dd]{height:var(--btn-height)}.create-panel textarea[data-v-5b2cf3dd]{resize:vertical;min-height:72px;padding:12px 14px}.create-panel input[data-v-5b2cf3dd]:focus,.create-panel textarea[data-v-5b2cf3dd]:focus{border-color:var(--color-primary);outline:none}.field-select[data-v-5b2cf3dd]{position:relative}.field-select__trigger[data-v-5b2cf3dd]{width:100%;height:var(--btn-height);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-size:.9375rem;transition:border-color .15s;display:flex}.field-select__trigger.is-open[data-v-5b2cf3dd]{border-color:var(--color-primary)}.field-select__trigger .is-placeholder[data-v-5b2cf3dd]{color:var(--color-text-muted)}.field-select__chevron[data-v-5b2cf3dd]{width:12px;height:12px;color:var(--color-text-muted);flex-shrink:0}.field-select__trigger.is-open .field-select__chevron[data-v-5b2cf3dd]{transform:rotate(180deg)}.field-select__menu[data-v-5b2cf3dd]{inset-inline:0;z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 8px 24px #10182814}.field-select__option[data-v-5b2cf3dd]{border-radius:var(--radius-sm);width:100%;color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;padding:10px 12px;font-size:.875rem;display:block}.field-select__option.is-active[data-v-5b2cf3dd]{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.create-row[data-v-5b2cf3dd]{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.create-panel[data-v-5b2cf3dd] .create-date.form-group{margin-bottom:0}.create-panel[data-v-5b2cf3dd] .create-date .form-label{color:var(--color-text-muted);margin-bottom:4px;font-size:.8rem;font-weight:400}.create-actions[data-v-5b2cf3dd]{grid-template-columns:1fr 1.2fr;gap:8px;display:grid}.btn-cancel[data-v-5b2cf3dd],.btn-save[data-v-5b2cf3dd]{cursor:pointer;border-radius:12px;min-height:44px;font-family:inherit;font-weight:700}.btn-cancel[data-v-5b2cf3dd]{border:1px solid var(--color-border);background:var(--color-surface)}.btn-save[data-v-5b2cf3dd]{background:var(--color-primary);color:#fff;border:none}.btn-save[data-v-5b2cf3dd]:disabled{opacity:.7}.create-error[data-v-5b2cf3dd]{color:#b42318;margin:0;font-size:.8rem}.reminders-desk-head[data-v-5b2cf3dd]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reminders-desk-head__actions[data-v-5b2cf3dd]{flex-shrink:0;align-items:center;gap:10px;display:flex}.desk-icon-btn[data-v-5b2cf3dd]{border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);cursor:pointer;border-radius:12px;place-items:center;display:grid}.desk-new-btn[data-v-5b2cf3dd]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex}@media (width>=768px){.reminders-page[data-v-5b2cf3dd]{max-width:var(--content-max-width);padding:20px var(--page-padding) 28px;box-sizing:border-box;margin-inline:auto}.reminders-scroll[data-v-5b2cf3dd]{gap:14px;padding:0}.tabs[data-v-5b2cf3dd]{margin:0}.reminder-card[data-v-5b2cf3dd]{box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.create-panel[data-v-5b2cf3dd]{max-width:560px}}
|