/* UX35.1: preserve all native functionality while improving dashboard and studio readability. */
#view-dashboard .dashboard-intro-copy h1{max-width:1160px!important;font-size:clamp(27px,3.35vw,47px)!important;line-height:1.105!important;letter-spacing:-.02em!important}
#view-dashboard .ux351-dashboard-lede{max-width:1000px;color:#d9eeff;font-size:clamp(14px,1.4vw,17px);line-height:1.5;margin:13px 0 12px}
#view-dashboard .ux351-dashboard-value{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 13px}
#view-dashboard .ux351-dashboard-value>span{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#e5f7ff;font-weight:750;border:1px solid #3678af;background:linear-gradient(135deg,#11375a,#0b2947);border-radius:9px;min-height:38px;padding:7px 13px}
#view-dashboard .ux351-dashboard-value b{font:900 15px/1 ui-monospace,Consolas,monospace;color:#5cddff}
#view-dashboard .dashboard-alpha-scope.ux351-dashboard-alpha{border-left:3px solid #ffd074;border-radius:6px;background:#152b38b8;color:#e1ecf7;max-width:1100px;padding:9px 13px;font-size:13px;line-height:1.55}
#view-dashboard .ux351-dashboard-more{max-width:1100px;border:1px solid #385875;border-radius:8px;background:#0a1c30a0;color:#ccddeb;margin:11px 0 14px;padding:8px 13px}
#view-dashboard .ux351-dashboard-more summary{cursor:pointer;color:#8ad9ff;font-weight:750;font-size:13px;padding:3px}
#view-dashboard .ux351-dashboard-more p{max-width:100%;font-size:13px;line-height:1.55;margin:12px 0}
#view-dashboard .ux351-dashboard-more p.dashboard-alpha-scope{padding:12px}
#view-dashboard .ux351-dashboard-more:focus-within{border-color:#84dcff}
#view-library>.view-heading,#view-prompt>.view-heading{position:relative;isolation:isolate;overflow:hidden;border:1px solid #3672ac;border-radius:13px;background-image:linear-gradient(90deg,#03172df8 0%,#071e3af3 58%,#0827447d 100%),url("assets/dashboard-images/continuity.webp");background-size:cover;background-position:center 48%;padding:18px 22px 20px;margin:12px 0 22px;box-shadow:inset 0 1px #6acaff4a,0 9px 20px #0004}
#view-prompt>.view-heading{background-image:linear-gradient(90deg,#03172df9 0%,#071e3ae8 60%,#08274486 100%),url("assets/dashboard-images/visual-prompt-ux93.webp")}
#view-library>.view-heading:after,#view-prompt>.view-heading:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#1fd5ff,#347bef,#f5a65a);pointer-events:none}
#view-library>.view-heading>div:first-child,#view-prompt>.view-heading>div:first-child{max-width:760px}
#view-library>.view-heading h2,#view-prompt>.view-heading h2{font-size:clamp(27px,2.8vw,37px)!important;color:#f2fbff;text-shadow:0 2px 12px #001627}
#view-library>.view-heading .muted,#view-prompt>.view-heading .muted{color:#d0eaff;line-height:1.5;font-size:14px;text-shadow:0 1px 8px #00182d}
#view-library>.view-heading .heading-actions,#view-prompt>.view-heading .heading-actions{position:relative;z-index:2}
#view-library .storage-health-panel{border-color:#3f87b5;border-radius:12px}
#view-library .card-grid .card,#view-prompt .prompt-side-panel{border-radius:12px}
#view-prompt .prompt-studio-workspace label,#view-prompt .prompt-studio-workspace select{font-size:max(13px,1rem)}
@media(max-width:800px){#view-dashboard .dashboard-intro-copy h1{font-size:clamp(25px,5.1vw,35px)!important}#view-library>.view-heading,#view-prompt>.view-heading{padding:16px 13px;background-position:70% center}#view-library>.view-heading .heading-actions,#view-prompt>.view-heading .heading-actions{flex-wrap:wrap}#view-dashboard .ux351-dashboard-value>span{flex:1 1 190px}}
@media(max-width:400px){#view-dashboard .ux351-dashboard-value{display:grid;grid-template-columns:1fr}#view-library>.view-heading .heading-actions>*,#view-prompt>.view-heading .heading-actions>*{min-height:39px}}

/* UX35.2: top-level navigation never splits Prompt Studio or Cards & Merch at desktop widths. */
@media (min-width:901px){
 body.v4ux25-ui .ux24-primary-nav>.nav-btn[data-route="prompt"],
 body.v4ux25-ui .ux24-primary-nav>.nav-btn[data-route="cards"]{
  white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;
  min-width:max-content!important;max-width:none!important;width:auto!important;
  flex:0 0 auto!important;padding-inline:9px!important;
 }
}
@media (min-width:901px) and (max-width:1180px){
 body.v4ux25-ui .ux24-primary-nav{overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:thin!important}
}