/* Accepted navy / parchment art direction, integrated with existing functional controls. */
header,main,footer{max-width:1152px}
.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--line)}
.account-actions .address{flex:1;min-width:120px;margin:0}
.account-picker{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}
.account-picker select{width:100%;min-width:0}
.account-picker .address{min-height:3em;overflow-wrap:anywhere}
.account-picker button{width:100%;margin-block:var(--space-2)}
header .brand svg{border-radius:50%}
#notice{font-size:var(--text-xs);margin-block:var(--space-3)}
.hero{grid-template-columns:1fr 1fr;gap:var(--space-12)}
.hero h1{font-size:clamp(2.5rem,4.5vw,3.75rem)}
.public-record{border:1px solid var(--line);background:var(--panel);padding:var(--space-6);border-radius:5px;min-width:0}
.panel-heading{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}
.public-numbers{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-4);margin-block:var(--space-6)}
.public-numbers strong{display:block;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}
#public-return{color:var(--gold)}
#performance-chart{width:100%;height:90px;display:block}
.strategy-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8);padding:var(--space-8) 0;border-block:1px solid var(--line)}
.strategy-summary h2{font-family:var(--font-body);font-size:var(--text-lg)}
.strategy-summary p{font-size:var(--text-sm);color:var(--muted)}
.public-access{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.public-access article{display:grid;grid-template-columns:130px 1fr;border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden}
.public-access img{width:130px;height:100%;object-fit:cover}
.public-access article>div{padding:var(--space-5)}
.public-access p{font-size:var(--text-sm)}
.gift-note{display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-sm);color:var(--muted);margin-block:var(--space-6)}
.gift-note img{width:44px;height:44px;border-radius:50%;object-fit:cover}
section[data-page=holder]{position:relative;isolation:isolate}
.holder-backdrop{position:absolute;right:0;top:0;width:65%;height:600px;object-fit:cover;opacity:.18;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000),linear-gradient(#000,transparent);mask-composite:intersect}
.holder-main{max-width:none}
.integrated-signals{order:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.signal-caption{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;border-bottom:1px solid var(--line);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}
.signal-caption strong{font-size:var(--text-lg)}
.signal-caption span{max-width:23ch;text-align:right}
.signal-date{display:block}
.action-record{border-radius:5px;min-width:0}
.action-record .eyebrow{display:none}
.action-record h2{font-size:var(--text-lg)}
.action-record .allocation{display:flex;gap:var(--space-4);flex-wrap:wrap}
.action-record .allocation>div{display:flex;flex:1;flex-direction:column-reverse;align-items:start;min-width:65px;border-bottom:0;border-top:3px solid var(--gold)!important;padding-top:var(--space-3)}
.action-record .allocation>div:nth-child(2){border-color:#8fa7b3!important}
.action-record .allocation>div:nth-child(3){border-color:#cad2d5!important}
.action-record .allocation span{font-size:var(--text-xs);color:var(--muted)}
.holder-streams small{display:block;font-size:var(--text-xs);margin-top:var(--space-1)}
.performance-heading{order:3;display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;margin-top:var(--space-6)}
.performance-heading h2{font-size:var(--text-base);font-family:var(--font-body)}
.holder-main .holder-metrics{order:4;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--bg);margin-top:var(--space-3);border-radius:5px}
.holder-metrics strong{font-size:var(--text-xl);overflow-wrap:anywhere}
#metric-date{order:5}
.holder-main .holding{order:6;padding-top:0}
.holder-main #read-permission-status{order:7}
.holder-main #read-status{order:8}
.holder-main #read-debug{order:9}
.holder-main .manage{order:10}
.notifications{margin-top:0;border:0}
#notification-settings{margin:var(--space-4) 0 0;padding:0;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:5px;background:var(--panel)}
#holder-identity[hidden]+#notification-settings{display:none}
#notification-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4);list-style:none;cursor:pointer}
#notification-settings>summary::-webkit-details-marker{display:none}
#notification-settings>summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.notification-entry-copy{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.notification-entry-copy strong{color:var(--gold);font-size:var(--text-base);font-weight:600}
.notification-entry-action{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;font-size:var(--text-sm);color:var(--gold)}
.notification-entry-symbol{font-size:var(--text-xl);line-height:1;transition:transform .15s}
#notification-settings[open] .notification-entry-symbol{transform:rotate(45deg)}
#notification-settings .notifications{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-6);padding:var(--space-5);border-top:1px solid var(--line)}
#notification-settings .email-settings label{margin-top:0}
#notification-settings .email-settings input{width:100%;min-width:0}
.notification-email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}
.notification-help>p:first-child{margin-top:0}
#notification-settings .notification-push-options{margin:var(--space-4) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--line)}
.notification-push-options summary{font-size:var(--text-sm)}
.notification-push-options button,.notification-push-options a{margin-top:var(--space-3)}
@media(max-width:700px){
 #notification-settings>summary{align-items:flex-start;gap:var(--space-3)}
 .notification-entry-action{font-size:var(--text-xs);padding-top:var(--space-1)}
 .notification-entry-copy .fine{max-width:25ch}
 #notification-settings .notifications{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}
 .notification-email-actions .primary{width:100%}
}
@media(prefers-reduced-motion:reduce){.notification-entry-symbol{transition:none}}
#connected-view .escrows{order:5}
.escrows h2{font-family:var(--font-body);font-size:var(--text-lg)}
@media(max-width:950px){header nav{order:3}.hero{gap:var(--space-6)}}
@media(max-width:700px){
 .hero,.public-access{grid-template-columns:1fr}
 .hero{padding-block:var(--space-6)}
 .public-record{padding:var(--space-5)}
 .public-access article{grid-template-columns:90px 1fr}
 .public-access img{width:90px}
 .strategy-summary{grid-template-columns:1fr 1fr;gap:var(--space-4)}
 .strategy-summary>div:first-child{grid-column:1/-1}
 .holder-backdrop{width:100%;height:420px}
 .integrated-signals{grid-template-columns:1fr}
 #other-signal{display:none}
 .holder-main .holder-metrics{grid-template-columns:1fr 1fr}
 .holder-metrics>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
 .holder-metrics strong{font-size:1.7rem}
 .signal-caption{padding-bottom:var(--space-3);margin-bottom:var(--space-3)}
 #theme{font-size:0}#theme:after{content:'Theme';font-size:var(--text-xs)}
 .brand{font-size:var(--text-sm)}.brand svg{width:24px;height:24px;margin-right:var(--space-1)}
 nav{gap:var(--space-6)}
}
@media(max-width:360px){.brand>span{display:none}.public-numbers{gap:var(--space-2)}header .header-actions{gap:var(--space-1)}}
.pass-choice{position:relative;margin-bottom:var(--space-5)}
.pass-choice details{margin:0;padding:0;border:0}
.pass-choice details[open] summary{margin-bottom:var(--space-3)}
.pass-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3)}
.pass-choice-card{display:flex;align-items:center;gap:var(--space-3);min-height:88px;padding:var(--space-3);text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}
.pass-choice-card[aria-pressed="true"]{border-color:var(--gold);outline:1px solid var(--gold);outline-offset:-2px}
.pass-choice-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pass-choice-card img{width:56px;height:56px;object-fit:cover;border-radius:5px;flex-shrink:0}
.pass-choice-card>span{display:grid;gap:4px;min-width:0}
.pass-choice-card strong{font-size:var(--text-sm)}
.pass-choice-card code{font-size:var(--text-xs);overflow-wrap:anywhere}
.pass-choice-card .fine{margin:0}
.identity-id{font-family:monospace;font-size:var(--text-xs);min-height:36px;padding:0 4px;background:transparent;border:0;color:inherit;text-decoration:underline;text-underline-offset:3px}
.identity-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}
.identity-actions button{min-height:44px}
body[data-view="holder"]:has(#holder-identity:not([hidden])) #account-actions{display:none}
body[data-view="holder"]:has(#holder-identity:not([hidden])) #pass-choice:has(details:not([open])){display:none}