/* 연애·재회 타로 구매 내역 카드형 (2026-11-08 시안) — /service-reading?view=orders 카드와 같은 결 */
html body .love-orders-screen{padding:40px 20px 56px;background:#fff;color:#111d43}
html body .love-orders-screen h1#purchase-orders-title{margin:0;font-family:inherit;font-size:28px;font-weight:800;line-height:1.35;letter-spacing:-.6px;color:#111d43;text-shadow:none}
html body .love-orders-screen .purchase-orders-help{margin:12px 0 0;font-size:15px;line-height:1.6;color:#3d4659}
html body .love-orders-screen .purchase-orders-note{margin:14px 0 0;font-size:13px;line-height:1.7;color:#6b7385;word-break:keep-all}

html body .love-orders-screen .purchase-orders-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:14px 0 18px}
html body .love-orders-screen .purchase-orders-toolbar [data-orders-refresh]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;margin:0;padding:0 16px;border:1px solid #c9cfdb;border-radius:10px;background:#fff;box-shadow:none;color:#111d43;font-size:14px;font-weight:700;white-space:nowrap}
html body .love-orders-screen .purchase-orders-toolbar [data-orders-refresh] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .love-orders-screen .purchase-orders-toolbar [data-orders-refresh]:disabled{opacity:.55}
html body .love-orders-screen .purchase-order-feedback{margin:0 0 12px;font-size:14px;line-height:1.7;color:#7d3855}
html body .love-orders-screen .purchase-order-feedback:empty{display:none}

html body .love-orders-screen .purchase-orders-list{display:grid;gap:14px;margin:0 0 28px;padding:0;list-style:none}
html body .love-orders-screen .purchase-order{margin:0;padding:16px 18px 18px;border:1px solid #dde2ea;border-radius:16px;background:#fff;font-size:14px;overflow-wrap:anywhere}
html body .love-orders-screen .purchase-order::before,html body .love-orders-screen .purchase-order::marker{content:none}
html body .love-orders-screen .purchase-order p{margin:0}
html body .love-orders-screen .purchase-order-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body .love-orders-screen .purchase-status{display:inline-flex;align-items:center;min-height:24px;padding:2px 11px;border-radius:8px;background:#eef1f6;color:#3d4659;font-size:12.5px;font-weight:600}
html body .love-orders-screen .purchase-status.is-wait{background:#fdf1d8;color:#7a5212}
html body .love-orders-screen .purchase-status.is-paid{background:#e6f3ec;color:#2d6a4a}
html body .love-orders-screen .purchase-status.is-ended{background:#eef0f3;color:#5d6475}
html body .love-orders-screen .purchase-status.is-canceled{background:#f8ecee;color:#8a3a48}
html body .love-orders-screen .purchase-order-price{flex:0 0 auto;font-size:16px;font-weight:700;color:#6b7385;font-variant-numeric:tabular-nums}
html body .love-orders-screen .purchase-order-name{display:block;margin:12px 0 10px;font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.3px;color:#111d43;word-break:keep-all}
html body .love-orders-screen .purchase-order-date{display:flex;align-items:center;gap:7px;font-size:14px;color:#6b7385;font-variant-numeric:tabular-nums}
html body .love-orders-screen .purchase-order-date svg{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .love-orders-screen .purchase-order .purchase-order-id{margin-top:6px;font-family:inherit;font-size:13.5px;line-height:1.5;color:#6b7385;letter-spacing:.1px}

html body .love-orders-screen .purchase-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:16px 0 0}
html body .love-orders-screen .purchase-order-actions .love-secondary{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 18px;border:1px solid #111d43;border-radius:10px;background:#fff;box-shadow:none;color:#111d43;font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap}
html body .love-orders-screen .purchase-order-actions .love-secondary.is-primary{flex:0 1 48%;min-width:150px;background:#111d43;color:#fff}
html body .love-orders-screen .purchase-order-actions .love-secondary:only-child{flex:1 1 100%}
html body .love-orders-screen .purchase-order-actions .love-secondary:disabled{opacity:.55}
html body .love-orders-screen .purchase-order-actions .love-text-button{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 4px;border:0;background:none;color:#1e2a4f;font-size:15px;font-weight:500;text-decoration:none}

html body .love-orders-screen > .love-text-button{display:inline-flex;align-items:center;gap:4px;color:#3d4659;font-size:14px}
@media (max-width:360px){html body .love-orders-screen h1#purchase-orders-title{font-size:25px}html body .love-orders-screen .purchase-order{padding:14px 15px 16px}html body .love-orders-screen .purchase-order-name{font-size:17px}}