2 lines
4.7 KiB
CSS
2 lines
4.7 KiB
CSS
.customers-page[data-v-a6283622]{background:var(--color-bg)}.customers-scroll[data-v-a6283622]{padding:8px var(--page-padding) 24px;flex-direction:column;gap:12px;display:flex}.toolbar[data-v-a6283622]{grid-template-columns:1fr 44px;align-items:center;gap:8px;display:grid}.filter-btn[data-v-a6283622]{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.summary-card[data-v-a6283622]{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);align-items:center;gap:12px;padding:16px;display:flex}.nav-add-btn[data-v-a6283622]{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.summary-card__icon[data-v-a6283622]{background:#ffffff2e;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.summary-card__cols[data-v-a6283622]{flex:1;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;display:grid}.summary-card__divider[data-v-a6283622]{background:#ffffff59;align-self:stretch;width:1px}.summary-card__cols span[data-v-a6283622],.summary-card__cols em[data-v-a6283622]{opacity:.85;font-size:.75rem;font-style:normal;display:block}.summary-card__cols>div[data-v-a6283622]{text-align:center}.summary-card__cols strong[data-v-a6283622]{margin-top:4px;font-size:1.05rem;display:block}.tabs[data-v-a6283622]{border-bottom:1px solid var(--color-border);align-items:stretch;width:100%;display:flex}.tab[data-v-a6283622]{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:.9375rem;font-weight:400;line-height:1.5;display:flex}.tab__text[data-v-a6283622]{padding-bottom:11px;display:inline-block;position:relative}.tab--active[data-v-a6283622]{color:var(--color-text);font-weight:700}.tab--active .tab__text[data-v-a6283622]:after{content:"";background:var(--color-primary);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.customer-card[data-v-a6283622]{background:var(--color-surface);border-radius:var(--radius-md);text-align:start;cursor:pointer;box-shadow:var(--shadow-sm);border:none;grid-template-columns:48px 1fr auto 18px;align-items:center;gap:10px;padding:12px;font-family:inherit;display:grid}.customer-card__avatar[data-v-a6283622]{color:#111;border-radius:999px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.customer-card__top[data-v-a6283622]{justify-content:flex-start;align-items:center;gap:8px;display:flex}.customer-card__body p[data-v-a6283622]{color:var(--color-text-muted);margin:2px 0 0;font-size:.78rem}.status[data-v-a6283622]{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:600;line-height:1}.status--ok[data-v-a6283622]{color:#2e7d32;background:#e8f5e9}.status--off[data-v-a6283622]{color:#757575;background:#f5f5f5}.status--new[data-v-a6283622]{color:#1565c0;background:#e3f2fd}.chevron[data-v-a6283622]{color:var(--color-text-muted);flex-shrink:0}.promo[data-v-a6283622]{background:var(--color-primary-soft);border-radius:var(--radius-md);padding:14px}.promo strong[data-v-a6283622]{margin-bottom:4px;display:block}.promo p[data-v-a6283622]{color:var(--color-text-muted);margin:0;font-size:.8rem}.customers-desk-head[data-v-a6283622]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.desk-add-btn[data-v-a6283622]{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex}@media (width>=768px){.customers-page[data-v-a6283622]{max-width:var(--content-max-width);padding:20px var(--page-padding) 28px;box-sizing:border-box;margin-inline:auto}.customers-scroll[data-v-a6283622]{padding:0}.toolbar[data-v-a6283622]{grid-template-columns:minmax(280px,420px) auto;justify-content:start}.filter-btn[data-v-a6283622]{width:auto;color:var(--color-text-muted);padding:0 14px;font-size:.8125rem;font-weight:600}.customer-card[data-v-a6283622]{box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.customer-card .chevron[data-v-a6283622]{display:none}.customers-scroll>.customer-card[data-v-a6283622]{display:grid}}@media (width>=1200px){.customers-scroll[data-v-a6283622]{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;display:grid}.toolbar[data-v-a6283622],.summary-card[data-v-a6283622],.tabs[data-v-a6283622],.promo[data-v-a6283622],.customers-scroll>p[data-v-a6283622],.customers-scroll[data-v-a6283622]>.page-skeleton{grid-column:1/-1}}
|