2 lines
16 KiB
CSS
2 lines
16 KiB
CSS
.tracking-timeline[data-v-603b6d66]{flex-direction:column;display:flex}.tracking-timeline__item[data-v-603b6d66]{grid-template-columns:28px minmax(0,1fr);align-items:start;column-gap:12px;min-height:44px;display:grid}.tracking-timeline__marker-wrap[data-v-603b6d66]{justify-content:center;align-self:stretch;width:28px;display:flex;position:relative}.tracking-timeline__line[data-v-603b6d66]{background:var(--color-border);z-index:0;width:2px;position:absolute;top:22px;bottom:0;left:50%;transform:translate(-50%)}.tracking-timeline__item:last-child .tracking-timeline__line[data-v-603b6d66]{display:none}.tracking-timeline__item--done .tracking-timeline__line[data-v-603b6d66]{background:var(--color-success)}.tracking-timeline__item--current .tracking-timeline__line[data-v-603b6d66]{background:color-mix(in srgb, var(--color-primary) 35%, var(--color-border))}.tracking-timeline__marker[data-v-603b6d66]{z-index:1;background:var(--color-border);border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex;position:relative}.tracking-timeline__item--done .tracking-timeline__marker[data-v-603b6d66]{background:var(--color-success);border-color:var(--color-success)}.tracking-timeline__item--current .tracking-timeline__marker[data-v-603b6d66]{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 28%, transparent)}.tracking-timeline__item--pending .tracking-timeline__marker[data-v-603b6d66]{background:var(--color-elevated);border-color:var(--color-border)}.tracking-timeline__check[data-v-603b6d66]{color:var(--color-surface);font-size:.75rem;font-weight:700;line-height:1}.tracking-timeline__content[data-v-603b6d66]{min-width:0;padding:2px 0 14px}.tracking-timeline__content--current[data-v-603b6d66]{background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:12px;padding:10px 14px 12px}.tracking-timeline__label[data-v-603b6d66]{color:var(--color-text-muted);margin-bottom:2px;font-size:.875rem;font-weight:600;line-height:1.45;display:block}.tracking-timeline__item--done .tracking-timeline__label[data-v-603b6d66],.tracking-timeline__item--current .tracking-timeline__label[data-v-603b6d66]{color:var(--color-text)}.tracking-timeline__time[data-v-603b6d66]{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.75rem;display:block}.status-hero[data-v-896684d9]{text-align:center;flex-direction:column;align-items:center;gap:0;padding:8px 12px 20px;display:flex}.status-hero__icon[data-v-896684d9]{width:64px;height:64px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.status-hero--waiting .status-hero__icon[data-v-896684d9]{background:var(--color-primary-soft);color:var(--color-primary)}.status-hero--success .status-hero__icon[data-v-896684d9]{background:var(--color-primary-soft);color:var(--color-success)}.status-hero--info .status-hero__icon[data-v-896684d9]{background:var(--color-primary-light);color:var(--color-primary)}.status-hero__copy[data-v-896684d9]{min-width:0}.status-hero__title[data-v-896684d9]{color:var(--color-text);margin:0 0 8px;font-size:1.0625rem;font-weight:700}.status-hero--success .status-hero__title[data-v-896684d9]{color:var(--color-success)}.status-hero__desc[data-v-896684d9]{max-width:320px;color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.7}@media (width>=768px){.status-hero[data-v-896684d9]{text-align:start;flex-direction:row;align-items:flex-start;gap:16px;padding:0}.status-hero__icon[data-v-896684d9]{width:52px;height:52px;margin-bottom:0}.status-hero__title[data-v-896684d9]{margin-bottom:6px}.status-hero__desc[data-v-896684d9]{max-width:none}}.tracking-summary[data-v-b22cc5d6]{background:var(--color-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px}.tracking-summary__row[data-v-b22cc5d6]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:.875rem;display:flex}.tracking-summary__row[data-v-b22cc5d6]:last-child{border-bottom:none;padding-bottom:0}.tracking-summary__row span[data-v-b22cc5d6]{color:var(--color-text-muted)}.tracking-summary__row strong[data-v-b22cc5d6]{color:var(--color-text);text-align:left;font-weight:700}.order-detail-page[data-v-7d9d2f9d]{height:100%;min-height:0;padding:12px var(--page-padding) 0;background:var(--color-bg);color:var(--color-text);flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width>=768px){.order-detail-page[data-v-7d9d2f9d]{padding:20px var(--page-padding) 28px;max-width:var(--content-max-width);box-sizing:border-box;background:0 0;width:100%;margin-inline:auto}}.order-detail-back[data-v-7d9d2f9d]{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.order-detail-back[data-v-7d9d2f9d]:hover{color:var(--color-primary-hover)}.order-detail-page__nav[data-v-7d9d2f9d]{flex-shrink:0;grid-template-columns:40px 1fr 40px;align-items:center;gap:4px;margin-bottom:16px;display:grid}.order-detail-page__nav-center[data-v-7d9d2f9d]{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.order-detail-page__title[data-v-7d9d2f9d]{text-align:center;color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.35}.order-detail-page__order-id[data-v-7d9d2f9d]{text-align:center;color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.nav-btn[data-v-7d9d2f9d]{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-btn--ghost[data-v-7d9d2f9d]{visibility:hidden;pointer-events:none}.nav-btn__flip[data-v-7d9d2f9d]{transform:scaleX(-1)}.order-detail-page__body[data-v-7d9d2f9d]{-webkit-overflow-scrolling:touch;flex:1;width:100%;min-height:0;padding-bottom:28px;overflow-y:auto}.order-info-card[data-v-7d9d2f9d]{background:var(--color-elevated);box-shadow:var(--shadow-sm);border-radius:20px;padding:20px 18px 8px}.order-info-card__head[data-v-7d9d2f9d]{border-bottom:1px solid var(--color-border);margin-bottom:4px;padding-bottom:16px}.order-info-card__label[data-v-7d9d2f9d]{color:var(--color-text-muted);margin-bottom:6px;font-size:.8125rem;display:block}.order-info-card__number[data-v-7d9d2f9d]{color:var(--color-text);font-size:1.125rem;font-weight:700;line-height:1.4;display:block}.order-info-card__row[data-v-7d9d2f9d]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.order-info-card__row--last[data-v-7d9d2f9d]{border-bottom:none;padding-bottom:10px}.order-info-card__key[data-v-7d9d2f9d]{color:var(--color-primary);flex-shrink:0;font-size:.875rem;font-weight:600}.order-info-card__value[data-v-7d9d2f9d]{text-align:left;font-size:.875rem}.order-info-card__value--accent[data-v-7d9d2f9d]{color:var(--color-primary);font-weight:500}.order-info-card__amount[data-v-7d9d2f9d]{color:var(--color-text);text-align:left;font-size:.9375rem;font-weight:700}.order-next-action[data-v-7d9d2f9d]{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:16px;flex-direction:column;gap:10px;margin-top:12px;padding:16px;display:flex}.order-next-action__text[data-v-7d9d2f9d]{color:var(--color-primary);font-size:.8125rem;line-height:1.6}@media (width>=768px){.order-next-action[data-v-7d9d2f9d]{flex-direction:row;justify-content:space-between;align-items:center}.order-next-action__btn[data-v-7d9d2f9d]{flex-shrink:0;width:auto}}.order-detail-page__footer[data-v-7d9d2f9d]{background:var(--color-bg);border-top:1px solid var(--color-border);margin:0 calc(-1 * var(--page-padding));padding:12px 0;padding-left:var(--page-padding);padding-right:var(--page-padding);flex-shrink:0;box-shadow:0 -4px 16px #0f172a0f}.order-detail-page__footer[data-v-7d9d2f9d] .btn{border-radius:12px;font-size:.9375rem}.order-detail-page__tracking[data-v-7d9d2f9d]{flex-direction:column;gap:12px;width:100%;margin-top:8px;padding-bottom:12px;display:flex}.order-detail-page__tracking-hero[data-v-7d9d2f9d],.order-detail-page__tracking-main[data-v-7d9d2f9d]{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.tracking-card[data-v-7d9d2f9d]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:16px}.tracking-card--hero[data-v-7d9d2f9d]{flex-direction:column;gap:12px;display:flex}.order-detail-page__tracking[data-v-7d9d2f9d] .status-hero{padding:4px 0 8px}.order-detail-page__tracking[data-v-7d9d2f9d] .tracking-summary{border:none;border-top:1px solid var(--color-border);box-shadow:none;background:0 0;border-radius:0;margin:0;padding:12px 0 0}@media (width>=768px){.order-detail-page__tracking[data-v-7d9d2f9d] .status-hero{padding:0}.order-detail-page__tracking[data-v-7d9d2f9d] .status-hero__desc{max-width:42rem}}.tracking-card__title[data-v-7d9d2f9d]{margin:0 0 12px;font-size:.9375rem;font-weight:700}.tracking-collapse[data-v-7d9d2f9d]{padding:0;overflow:hidden}.tracking-collapse__trigger[data-v-7d9d2f9d]{width:100%;color:var(--color-text);text-align:start;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:.9375rem;font-weight:700;transition:background .15s;display:flex}.tracking-collapse__trigger[data-v-7d9d2f9d]:hover{background:var(--color-bg)}.tracking-collapse__chevron[data-v-7d9d2f9d]{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s;transform:rotate(-90deg)}.tracking-collapse__chevron--open[data-v-7d9d2f9d]{color:var(--color-primary);transform:rotate(90deg)}.tracking-collapse__body[data-v-7d9d2f9d]{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.tracking-collapse__section[data-v-7d9d2f9d]{padding-top:12px}.tracking-collapse__section--flush[data-v-7d9d2f9d]{padding-top:8px}@media (width>=768px){.order-detail-page__desktop-head[data-v-7d9d2f9d]{margin-bottom:8px}.order-detail-page__body[data-v-7d9d2f9d]{min-height:auto;padding-bottom:8px;overflow:visible}.order-detail-page__tracking[data-v-7d9d2f9d]{gap:16px;margin-top:8px}.order-detail-page__tracking-main[data-v-7d9d2f9d]{gap:14px}.tracking-card--hero[data-v-7d9d2f9d]{grid-template-columns:1fr;align-items:stretch;gap:16px;padding:22px 24px;display:grid}.order-detail-page__tracking[data-v-7d9d2f9d] .tracking-summary{border-inline-start:none;border-top:1px solid var(--color-border);padding-inline-start:0;padding-top:16px}.tracking-collapse[data-v-7d9d2f9d]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.tracking-collapse__trigger[data-v-7d9d2f9d]{padding:16px 20px}.tracking-collapse__body[data-v-7d9d2f9d]{gap:16px;padding:0 20px 20px}.tracking-collapse__section--flush[data-v-7d9d2f9d]{max-width:520px}.tracking-collapse__section+.tracking-collapse__section[data-v-7d9d2f9d],.tracking-collapse__section+.tracking-alert[data-v-7d9d2f9d],.tracking-alert+.tracking-collapse__section[data-v-7d9d2f9d]{border-top:1px solid var(--color-border);padding-top:16px}.order-detail-page__footer[data-v-7d9d2f9d]{display:none}}@media (width>=1000px){.tracking-card--hero[data-v-7d9d2f9d]{grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr);gap:20px}.order-detail-page__tracking[data-v-7d9d2f9d] .tracking-summary{border-top:none;border-inline-start:1px solid var(--color-border);padding-top:0;padding-inline-start:20px}}@media (width>=1200px){.tracking-card--hero[data-v-7d9d2f9d]{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:28px;padding:24px 28px}.tracking-collapse__section--flush[data-v-7d9d2f9d]{max-width:560px}}.tracking-alert[data-v-7d9d2f9d]{background:var(--color-info-light);color:var(--color-primary);border-radius:12px;padding:12px 14px;font-size:.875rem}.item-row[data-v-7d9d2f9d]{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:10px 0;font-size:.875rem;display:flex}.item-row[data-v-7d9d2f9d]:last-child{border-bottom:none}.item-row__meta[data-v-7d9d2f9d]{color:var(--color-text-muted);margin:4px 0 0;font-size:.8125rem}.item-row--summary[data-v-7d9d2f9d]{border-bottom:none;margin-top:4px;padding-top:12px}.detail-row[data-v-7d9d2f9d]{justify-content:space-between;padding:6px 0;font-size:.875rem;display:flex}.bank-row[data-v-7d9d2f9d]{border-bottom:1px solid var(--color-border);padding:10px 0}.bank-row[data-v-7d9d2f9d]:last-child{border-bottom:none}.bank-row__meta[data-v-7d9d2f9d]{color:var(--color-text-muted);margin:4px 0 0;font-size:.8125rem}.rass-display[data-v-7d9d2f9d]{color:var(--color-purple);font-size:1.5rem;font-weight:700}.rass-date[data-v-7d9d2f9d]{color:var(--color-text-muted);margin:6px 0 0;font-size:.8125rem}.check-img[data-v-7d9d2f9d]{border-radius:var(--radius-sm);max-width:100%;max-height:100px;margin-top:8px}.dialog-overlay[data-v-7d9d2f9d]{z-index:200;background:#0f172a66;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.dialog[data-v-7d9d2f9d]{width:100%;max-width:min(480px,100vw - 32px);max-height:90vh;overflow-y:auto}.receipt-modal-overlay[data-v-7d9d2f9d]{z-index:1100;-webkit-backdrop-filter:blur(8px);background:#0f172a85;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.receipt-modal[data-v-7d9d2f9d]{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);width:100%;max-height:92dvh;box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.receipt-modal__header[data-v-7d9d2f9d]{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.receipt-modal__title[data-v-7d9d2f9d]{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.receipt-modal__close[data-v-7d9d2f9d]{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.receipt-modal__close[data-v-7d9d2f9d]:hover{background:var(--color-bg);color:var(--color-text)}.receipt-modal__body[data-v-7d9d2f9d]{min-height:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex:auto;overflow-y:auto}@media (width>=768px){.receipt-modal-overlay[data-v-7d9d2f9d]{align-items:center;padding:24px}.receipt-modal[data-v-7d9d2f9d]{border-radius:var(--radius-lg);width:min(100%,520px);max-height:min(90dvh,760px)}.receipt-modal__header[data-v-7d9d2f9d]{padding:16px 20px}.receipt-modal__body[data-v-7d9d2f9d]{padding:20px}}.select-input[data-v-7d9d2f9d]{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:12px;font-family:inherit}.select-input--error[data-v-7d9d2f9d]{border-color:var(--color-danger)}.upload-box[data-v-7d9d2f9d]{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative;overflow:hidden}.upload-box--error[data-v-7d9d2f9d]{border-color:var(--color-danger)}.upload-box__input[data-v-7d9d2f9d]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-box__placeholder[data-v-7d9d2f9d]{color:var(--color-text-muted);font-size:.875rem}.upload-box__preview[data-v-7d9d2f9d]{object-fit:contain;max-width:100%;max-height:140px}.input-error-text[data-v-7d9d2f9d]{color:var(--color-danger);margin:4px 0 0;font-size:.8125rem}.empty-state[data-v-7d9d2f9d]{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;display:flex}
|