/* frontend/styles/shared-wallet-modal.css */
/* Wallet and shared dialogs are used on every route, not only request entry. */
.pass-header-top .pass-user { display:flex; align-items:center; gap:5px; min-width:0; margin-left:auto; }
.pass-header-top .pass-user .pass-concept { display:block; min-width:0; margin:0; }
.site-pass-header .header-star-wallet { display:flex; flex:none; align-items:center; gap:2px; padding:0; border:0; background:transparent; }
.site-pass-header .header-star-wallet .star-balance { padding:2px 3px; color:#563798; font-size:13px; white-space:nowrap; }
.site-pass-header .header-star-wallet .star-help { width:19px; height:19px; font-size:11px; }
.star-wallet .star-balance { border:0; background:transparent; color:#563798; cursor:pointer; font:inherit; font-size:27px; font-weight:750; padding:4px 8px; }
.star-wallet .star-help { display:inline-grid; place-items:center; width:26px; height:26px; border:1px solid #b8adc9; border-radius:50%; background:#fff; color:#66567e; cursor:pointer; font:inherit; font-size:14px; }
.request-modal.lightbox { display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(25,17,38,.5); overflow:auto; }
.request-modal-card { display:flex; flex-direction:column; width:min(720px,100%); max-height:calc(100dvh - 40px); border-radius:18px; background:#fff; color:#242027; box-shadow:0 16px 70px #17102033; overflow:hidden; }
.request-modal-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid #ece8f1; }
.request-modal-head h2 { font-size:19px; margin:0; }
.request-modal-body { padding:20px; overflow:auto; overscroll-behavior:contain; }
.request-modal-body .request-info-panel { padding:0; border:0; box-shadow:none; }
.request-modal-body .request-info-panel > summary { display:none; }
.star-history-balance { margin:0 0 18px; font-size:18px; }
.star-rules { padding-left:20px; margin:0; line-height:1.8; }
.request-phase:focus-visible,.star-balance:focus-visible,.star-help:focus-visible { outline:3px solid #a997dc; outline-offset:3px; }
@media(max-width:380px) {
  .request-modal.lightbox { padding:10px; }
  .request-modal-card { max-height:calc(100dvh - 20px); }
  .request-modal-head,.request-modal-body { padding:15px; }
}

/* The header stays fixed while the visible viewport shrinks for a mobile keyboard. */
.request-modal.lightbox { top:var(--opening-viewport-top,0px); bottom:auto; height:var(--opening-viewport-height,100dvh); box-sizing:border-box; padding:12px; }
.request-modal-card { max-height:calc(var(--opening-viewport-height,100dvh) - 24px); min-height:0; }
.request-modal-head { flex:none; padding:14px 16px; }
.request-modal-head h2 { font-size:17px; }
.request-modal-head .button { min-height:28px; padding:3px 7px; font-size:11px; }
.request-modal-subtitle { margin:5px 0 0; color:#7b7785; font-size:11px; line-height:16px; }
.request-modal-body { min-height:0; flex:1 1 auto; padding:16px; overflow-y:auto; -webkit-overflow-scrolling:touch; touch-action:pan-y; }