2 lines
9.5 KiB
CSS
2 lines
9.5 KiB
CSS
.profile-page[data-v-ae8a86d0]{background:var(--color-primary)}.hero[data-v-ae8a86d0]{color:#fff;text-align:center;background:linear-gradient(145deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 78%, #0a1f18) 100%);padding:0 0 28px}.hero__pin[data-v-ae8a86d0]{z-index:3;padding:12px var(--page-padding) 10px;background:linear-gradient(145deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 78%, #0a1f18) 100%);position:sticky;top:0}.hero__top[data-v-ae8a86d0]{grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:12px;display:grid}.hero__top h1[data-v-ae8a86d0]{margin:0;font-size:1rem;font-weight:700}.icon-btn[data-v-ae8a86d0]{cursor:pointer;color:#fff;background:0 0;border:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-btn__badge[data-v-ae8a86d0]{top:4px;color:#fff;text-align:center;background:#f59e0b;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:16px;position:absolute;inset-inline-start:4px}.hero__avatar[data-v-ae8a86d0]{color:#fff;border:3px solid #ffffff59;margin:0 auto}.hero__meta[data-v-ae8a86d0]{padding:10px var(--page-padding) 0}.hero h2[data-v-ae8a86d0]{margin:0;font-size:1.2rem;font-weight:700}.hero p[data-v-ae8a86d0]{opacity:.88;margin:6px 0 12px;font-size:.85rem}.level-pill[data-v-ae8a86d0]{border:1px solid var(--color-level-gold);background:color-mix(in srgb, var(--color-level-gold) 16%, transparent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.8125rem;display:inline-flex}.level-pill__crown[data-v-ae8a86d0]{width:14px;height:14px;color:var(--color-level-gold)}.profile-scroll[data-v-ae8a86d0]{background:0 0;flex:1;min-height:0;padding:0}.profile-sheet[data-v-ae8a86d0]{z-index:1;padding:20px var(--page-padding) 24px;background:var(--color-bg);border-radius:24px 24px 0 0;flex-direction:column;gap:18px;margin-top:-20px;display:flex;position:relative;box-shadow:0 -4px 16px #0000000f}.profile-sheet[data-v-ae8a86d0]>*{flex-shrink:0}.panel__head[data-v-ae8a86d0],.section-head[data-v-ae8a86d0]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel__head h3[data-v-ae8a86d0],.section-head h3[data-v-ae8a86d0],.section-title[data-v-ae8a86d0]{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.section-title[data-v-ae8a86d0]{margin-bottom:12px}.panel__period[data-v-ae8a86d0]{color:var(--color-text-muted);align-items:center;gap:2px;font-size:.8rem;display:inline-flex}.link[data-v-ae8a86d0]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;font-weight:600}.stats[data-v-ae8a86d0]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card[data-v-ae8a86d0]{background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:14px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.stat-card__text[data-v-ae8a86d0]{text-align:start;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stat-card__icon[data-v-ae8a86d0]{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.stat-card__icon--orders[data-v-ae8a86d0],.stat-card__icon--customers[data-v-ae8a86d0]{background:color-mix(in srgb, var(--color-success) 14%, transparent);color:var(--color-success)}.stat-card__icon--profit[data-v-ae8a86d0]{background:color-mix(in srgb, var(--color-info) 14%, transparent);color:var(--color-info)}.stat-card__icon--sales[data-v-ae8a86d0]{background:color-mix(in srgb, var(--color-level-gold) 22%, transparent);color:#b8860b}.stat-card__label[data-v-ae8a86d0]{color:var(--color-text-muted);font-size:.75rem}.stat-card__value[data-v-ae8a86d0]{color:var(--color-text);font-size:1.05rem;font-weight:700;line-height:1.3}.stat-card__hint[data-v-ae8a86d0]{color:var(--color-text-muted);font-size:.7rem;font-style:normal}.loyalty[data-v-ae8a86d0]{background:var(--color-primary-soft);border-radius:14px;padding:14px}.loyalty__row[data-v-ae8a86d0]{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.loyalty__crown[data-v-ae8a86d0]{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.loyalty__text[data-v-ae8a86d0]{color:var(--color-text);text-align:center;margin:0;font-size:.75rem;font-weight:700;line-height:1.75}.loyalty__text-next[data-v-ae8a86d0]{display:block}.loyalty__bar[data-v-ae8a86d0]{background:rgba(var(--color-primary-rgb), .15);border-radius:999px;height:8px;overflow:hidden}.loyalty__bar span[data-v-ae8a86d0]{background:var(--color-primary);border-radius:inherit;height:100%;display:block}.quick-grid[data-v-ae8a86d0]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-item[data-v-ae8a86d0]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-height:88px;padding:14px 8px 12px;font-family:inherit;font-size:.72rem;line-height:1.4;display:flex}.quick-item__icon[data-v-ae8a86d0]{width:40px;height:40px;color:var(--color-primary);place-items:center;display:grid}.orders-box[data-v-ae8a86d0]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-shrink:0;padding:4px 0 0;overflow:hidden}.orders-box .section-head[data-v-ae8a86d0]{margin:0;padding:12px 14px 10px}.order-row[data-v-ae8a86d0]{border:none;border-top:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:0;grid-template-columns:1fr auto 16px;align-items:center;gap:8px;margin:0;padding:12px 14px;display:grid}.orders-all[data-v-ae8a86d0]{border:none;border-top:1px solid var(--color-border);width:100%;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:0;margin:0;padding:12px 14px;font-size:.875rem;font-weight:600}.order-row__meta[data-v-ae8a86d0]{text-align:start;min-width:0}.order-row__date[data-v-ae8a86d0]{color:var(--color-text-muted);margin-bottom:2px;font-size:.75rem;display:block}.order-row__title[data-v-ae8a86d0]{font-size:.875rem;display:block}.order-row__customer[data-v-ae8a86d0]{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.order-row__chevron[data-v-ae8a86d0]{color:var(--color-text-muted)}.tone[data-v-ae8a86d0]{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.7rem}.tone--warning[data-v-ae8a86d0]{background:var(--color-warning-light);color:#b45309}.tone--success[data-v-ae8a86d0]{background:var(--color-success-light);color:var(--color-success)}.tone--info[data-v-ae8a86d0]{background:var(--color-info-light);color:var(--color-info)}.tone--danger[data-v-ae8a86d0]{background:var(--color-danger-light);color:var(--color-danger)}.price-section[data-v-ae8a86d0]{flex-shrink:0}.price-section .section-title[data-v-ae8a86d0]{margin-bottom:10px}.price-card[data-v-ae8a86d0]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.price-card__body[data-v-ae8a86d0]{grid-template-columns:1fr 88px;align-items:start;gap:12px;padding:12px;display:grid}.price-card__image[data-v-ae8a86d0]{background:linear-gradient(145deg, var(--color-primary), var(--color-primary-dark));background-position:50%;background-size:cover;border-radius:12px;min-height:88px}.price-card__info[data-v-ae8a86d0]{text-align:start}.price-card__info strong[data-v-ae8a86d0]{margin-bottom:4px;font-size:.9rem;display:block}.price-card__info p[data-v-ae8a86d0]{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.price-card footer[data-v-ae8a86d0]{border-top:1px solid var(--color-border);background:var(--color-elevated);text-align:start;padding:10px 12px;font-size:.8rem;font-weight:600}.hero__desk-actions[data-v-ae8a86d0]{display:none}@media (width>=768px){.profile-page[data-v-ae8a86d0]{max-width:var(--content-max-width);background:0 0;margin-inline:auto;padding:8px 0 28px}.profile-scroll[data-v-ae8a86d0]{flex-direction:column;gap:0;display:flex;overflow:visible}.hero[data-v-ae8a86d0]{text-align:start;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 28px;display:grid;overflow:hidden}.hero__pin[data-v-ae8a86d0]{background:0 0;padding:0;display:block;position:static}.hero__avatar[data-v-ae8a86d0]{margin:0;width:88px!important;height:88px!important}.hero__meta[data-v-ae8a86d0]{padding:0}.hero h2[data-v-ae8a86d0]{font-size:1.5rem}.hero__desk-btn[data-v-ae8a86d0]{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:600}.hero__desk-btn[data-v-ae8a86d0]:hover{background:#fff3}.hero__desk-actions[data-v-ae8a86d0]{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:280px}.profile-sheet[data-v-ae8a86d0]{box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:20px;gap:22px;margin-top:18px;padding:22px 24px 28px}.stats[data-v-ae8a86d0]{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid[data-v-ae8a86d0]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-item[data-v-ae8a86d0]{min-height:88px}}@media (width>=1100px){.profile-sheet[data-v-ae8a86d0]{grid-template-columns:1.2fr .8fr;grid-template-areas:"panel panel""loyalty loyalty""quick quick""orders price";align-items:start;display:grid}.profile-sheet>.panel[data-v-ae8a86d0]{grid-area:panel}.profile-sheet>.loyalty[data-v-ae8a86d0]{grid-area:loyalty}.profile-sheet>.quick-section[data-v-ae8a86d0]{grid-area:quick}.profile-sheet>.orders-box[data-v-ae8a86d0]{grid-area:orders}.profile-sheet>.price-section[data-v-ae8a86d0]{grid-area:price}.quick-grid[data-v-ae8a86d0]{grid-template-columns:repeat(6,minmax(0,1fr))}}
|