.points-account{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid rgba(167,139,250,.22);font-size:12px}
#pointsDialog .points-tabs{flex-wrap:wrap}#pointsDialog .points-tabs button{min-width:calc(50% - 6px)}
#pointsDialog .points-video{border:1px solid #493554;border-radius:12px;margin:12px 0;padding:12px;overflow-wrap:anywhere}
#pointsDialog .points-video small{display:block;color:#bdafc9;font-size:11px}
#pointsDialog .points-video video{display:block;width:100%;max-width:100%;height:auto;max-height:min(400px,50dvh);margin:12px 0;background:#09070d;border-radius:10px;object-fit:contain}
#pointsDialog .points-video a{color:#efd392}#pointsDialog .points-video-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:12px}
.points-account .points-balance{margin-left:auto;color:#f5dfa0;flex:0 1 auto;min-width:0;font-size:12px}
.points-account button{border:1px solid #544063;border-radius:10px;padding:7px 11px;background:#231b33;color:#e6d6fa;font:inherit;cursor:pointer;min-height:36px}
.points-fashion{background:rgba(255,255,255,.025);border:1px solid #41304e;border-radius:14px;padding:12px}
.points-fashion #accountName{min-width:0;flex:1 1 45%}.points-fashion #historyOpen{margin-right:auto}.points-fashion .points-balance{flex:1 1 40%;text-align:right}
.points-cost{display:block;font-size:11px;line-height:1.5;color:#c6b4dc;font-weight:400}.points-note{font-size:11px;color:#b8a6cd;line-height:1.6;margin:5px 0 12px}.points-status{color:#e8c87a}
#pointsDialog{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px;background:#191522;color:#f4f0ea;border:1px solid #5c496d;border-radius:18px;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
#pointsDialog *{box-sizing:border-box}#pointsDialog::backdrop{background:#07060dc9}#pointsDialog h2{color:#f0d493;font-size:20px;margin:0 30px 18px 0}#pointsDialog button{font:inherit;cursor:pointer;border:1px solid #584465;background:#271e35;color:#eadff3;border-radius:11px;padding:9px 12px;min-height:40px}#pointsDialog button:disabled{opacity:.5;cursor:wait}#pointsDialog .points-close{position:absolute;right:12px;top:12px;background:transparent;border:0;font-size:22px;padding:0 9px}#pointsDialog .points-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}#pointsDialog .points-packages button{padding:14px 3px}#pointsDialog .points-packages strong{display:block;color:#f5dfa0;font-size:20px}#pointsDialog .points-packages small{display:block;font-size:11px;margin-top:7px}#pointsDialog button[aria-pressed=true]{border-color:#e8c87a;background:#342b30;color:#f5dfa0}#pointsDialog .points-summary{border-top:1px solid #42334d;padding:10px 0}#pointsDialog .points-summary>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}#pointsDialog .points-summary b{color:#efd392}#pointsDialog .points-primary{width:100%;background:linear-gradient(115deg,#f4dda1,#d9b76b);color:#291e12;border-color:#efd590;font-weight:600;min-height:48px}#pointsDialog .points-muted{font-size:12px;color:#b3a6c1}#pointsDialog .points-notice{font-size:12px;color:#d1bce5;background:#2b203a;padding:10px;border-radius:10px}#pointsDialog .points-tabs{display:flex;gap:6px;margin-bottom:14px}#pointsDialog .points-tabs button{flex:1;padding:8px 4px;font-size:12px}#pointsDialog .points-entry{border-bottom:1px solid #3d3048;padding:10px 0;overflow-wrap:anywhere}#pointsDialog .points-entry small{display:block;color:#b3a6c1;font-size:11px}#pointsDialog .points-entry b{color:#e8c87a;font-weight:500}#pointsDialog .points-error{color:#ffb3c2;font-size:12px}#pointsDialog .points-pay-amount{text-align:center;color:#f0d493;font-size:30px;margin:26px 0}#pointsDialog p{margin:10px 0}#pointsDialog .points-secondary{width:100%;margin-top:10px}@media(max-width:360px){#pointsDialog{padding:18px 12px}.points-account{gap:6px}.points-account button{padding:7px 9px}}@media(pointer:coarse){.points-account button,#pointsDialog button{min-height:44px}}

/* Account identity first; all three actions share a balanced second row. */
.points-account{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:8px;row-gap:12px}
.points-account>:first-child{grid-column:1 / 4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.points-account>.points-balance{grid-column:4 / -1;margin-left:0;text-align:right;white-space:nowrap}
.points-account>button[data-points]{grid-column:span 2;grid-row:2;min-width:0;width:100%;min-height:40px;padding:9px 6px;text-align:center;background:linear-gradient(135deg,#2d223d,#211a30);border-color:#574369;transition:border-color .15s,background .15s}
.points-account>button[data-points]:hover{border-color:#b89b66;background:#35283f}
.points-account>button[data-points]:focus-visible{outline:2px solid #efd392;outline-offset:3px}
@media(pointer:coarse){.points-account>button[data-points]{min-height:44px}}

/* Circular invoice multi-select: native checkbox semantics, touchable order row. */
#invoiceDialog label.inv-order{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;min-height:64px;box-sizing:border-box;padding:14px 10px;margin:8px 0;border:1px solid #44334f;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}
#invoiceDialog label.inv-order small{grid-column:2;min-width:0;overflow-wrap:anywhere;word-break:break-word}
#invoiceDialog label.inv-order input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block;grid-column:1;grid-row:1 / span 2;align-self:center;box-sizing:border-box;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;margin:0;padding:0;border:1.5px solid #8a789b;border-radius:50%;background:#211a2d;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
#invoiceDialog label.inv-order input[type=checkbox]:checked{border-color:#f0d493;background:radial-gradient(circle,#f4d58b 0 5px,transparent 6px),#35293c;box-shadow:0 0 10px #edc97b38}
#invoiceDialog label.inv-order:has(input:checked){border-color:#b69a62;background:#302536}
#invoiceDialog label.inv-order input[type=checkbox]:focus-visible{outline:2px solid #f0d493;outline-offset:4px}
@media(forced-colors:active){#invoiceDialog label.inv-order input[type=checkbox]{appearance:auto}}

#pointsDialog a.points-primary{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:11px;text-decoration:none}#browserTransferLink{background:#211a2c;color:#c7b9d6;border:1px solid #584465;border-radius:8px;padding:8px;resize:none}

/* Keep player full-width inside the card; summary flex must not affect media. */
#pointsDialog .points-video > video,#pointsDialog .points-video > a{display:block;width:100%;max-width:100%}
#pointsDialog .points-video > a{margin-top:4px}

/* My Videos list thumbnails (aligned with FashionShow history-preview). */
#pointsDialog .points-video summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;color:#efcf8b}
#pointsDialog .points-video summary::-webkit-details-marker{display:none}
#pointsDialog .points-video-meta{min-width:0;flex:1}
#pointsDialog .points-thumb{width:56px;height:68px;flex-shrink:0;border-radius:8px;background:#282234;display:flex;align-items:center;justify-content:center;color:#bdafc9;font-size:11px;overflow:hidden}
#pointsDialog .points-thumb img{width:100%;height:100%;object-fit:contain;background:#09090d}
#pointsDialog .points-thumb.is-pending{opacity:.7}