/* These are the supplied portal screenshots, not recreated dashboard controls. */
.artwork-site .portal-stage{height:min(50svh,510px)}
.portal-window{border:1px solid #e7edff!important;background:#f4f6fb!important}
.portal-window-bar{height:28px;background:#edf1fb;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid #dce4f6;color:#68769a;font-size:7px;letter-spacing:.04em}
.portal-window-dots{display:flex;gap:4px;margin-right:3px}.portal-window-dots i{width:4px;height:4px;border-radius:50%;background:#b6c4e5}.portal-window-dots i:first-child{background:#727ddd}.portal-window-label{margin-left:auto;font-size:5px;letter-spacing:.18em;color:#8b98b4}
.portal-viewport{position:relative;width:100%;aspect-ratio:1.52;overflow:hidden;background:#f4f6fb}
.portal-viewport>img{width:100%;height:auto;max-width:none;display:block}
.portal-tabs button:nth-child(4):before{content:'04'}
.portal-crop{position:relative;overflow:hidden;width:100%;background:#f4f6fb;border-radius:inherit}
.portal-crop>img{position:absolute;height:auto;max-width:none;display:block;user-select:none}
.actual-shot-card{padding:0!important;display:block!important;gap:0!important;overflow:hidden;border:1px solid #e4edff65;background:transparent!important;color:inherit;pointer-events:none;border-radius:15px}
.portal-stage .insight-pulse{top:-88px;right:5%;width:245px;border-radius:14px;box-shadow:0 22px 60px #00005055}
.portal-stage .insight-payment{width:252px;left:-48px;bottom:55px;border-radius:16px;box-shadow:3px 5px #a6baf1,0 22px 45px #00004b40}
.portal-stage .insight-history{width:258px;left:8%;bottom:-124px;border-radius:12px;box-shadow:0 15px 35px #00004530}
.artwork-site .portal-stage .floating-search{width:280px;left:10%;bottom:-30px;border-radius:13px}
.artwork-site .portal-stage .floating-balance{width:225px;right:-20px;bottom:-109px;border-radius:18px}
.artwork-site .portal-caption{bottom:-166px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c4d4ff;font-size:8px;line-height:1.5;text-align:left;transform:none}
.portal-caption button{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:32px;padding:0 12px;font-size:8px;color:#e2ecff;border:1px solid #d7e5ff55;border-radius:20px;background:#d4e4ff10;backdrop-filter:blur(12px)}.portal-caption button:hover{background:#d4e4ff25}
.portal-lightbox{width:min(1200px,94vw);max-height:90svh;padding:0;border:1px solid #b7c9ff65;border-radius:16px;background:#eef1f8;box-shadow:0 30px 120px #0009;color:#142042;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6479d1 transparent}
.portal-lightbox::backdrop{background:#050b29c9;backdrop-filter:blur(12px)}
.portal-lightbox-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;border-bottom:1px solid #d8e2f5;background:#f8faffed;backdrop-filter:blur(16px);font-size:12px;font-weight:500}
.portal-lightbox-toolbar button{display:flex;gap:20px;align-items:center;min-height:32px;padding:0 12px;border-radius:20px;background:#0a16c8;color:white;font-size:11px}.portal-lightbox-toolbar button span{font-size:20px}.portal-lightbox>img{width:100%;height:auto;max-width:none}.portal-lightbox>p{padding:16px 20px;text-align:center;font-size:10px;color:#7f8da9}
@media(min-width:1800px){.artwork-site .portal-stage{height:550px}.portal-stage .insight-pulse{width:275px;top:-100px}.portal-stage .insight-payment{width:285px}}
@media(max-width:1100px) and (min-width:681px){.portal-stage .insight-pulse{width:195px;top:-82px;right:3%}.portal-stage .insight-payment{width:205px;left:-20px;bottom:88px}.portal-stage .insight-history{width:210px;left:-10px}.artwork-site .portal-stage .floating-search{width:225px;left:-10px}.artwork-site .portal-stage .floating-balance{width:185px;right:-10px;bottom:-110px}.artwork-site .portal-caption{font-size:6px;bottom:-163px;gap:7px}.portal-caption button{font-size:6px;padding:0 9px;gap:5px;min-height:27px}}
@media(max-width:680px){
 .insights-section .portal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.insights-section .portal-tabs button{justify-content:flex-start;font-size:8px;padding:9px 10px}.artwork-site .portal-stage{height:auto;aspect-ratio:1.52;width:94%;margin:72px auto 0}.portal-window-bar{height:20px;padding:0 8px;font-size:5px;gap:5px}.portal-window-dots{gap:3px;margin-right:2px}.portal-window-dots i{width:3px;height:3px}.portal-window-label{font-size:4px}.portal-stage .insight-pulse{width:145px;top:-58px;right:-3px;border-radius:9px}.portal-stage .insight-payment{width:165px;left:-16px;bottom:22px;border-radius:10px}.portal-stage .insight-history{display:none!important}.artwork-site .portal-stage .floating-search{left:0;bottom:-40px;width:175px;border-radius:8px}.artwork-site .portal-stage .floating-balance{right:-12px;bottom:-94px;width:142px;border-radius:13px}.artwork-site .portal-caption{bottom:-139px;font-size:6px;align-items:center;gap:8px}.portal-caption>span{max-width:160px}.portal-caption button{font-size:6px;min-height:28px;padding:0 10px;gap:6px}.portal-lightbox{width:96vw;max-height:91svh;border-radius:11px}.portal-lightbox-toolbar{padding:10px 12px;font-size:10px}.portal-lightbox-toolbar button{font-size:9px;gap:12px;min-height:30px}.portal-lightbox>p{font-size:8px}
}
@media(max-width:370px){.insights-section .portal-tabs button{font-size:7px;padding:8px}.portal-stage .insight-pulse{width:130px}.portal-stage .insight-payment{width:145px;left:-10px}.artwork-site .portal-stage .floating-search{width:150px}.artwork-site .portal-stage .floating-balance{width:125px;right:-6px}.portal-caption>span{max-width:130px}}