/* Approved holder hierarchy; no public landing or collection layout overrides. */
.holder-identity{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);min-width:0}
.holder-identity-picture{width:64px;height:64px;flex:0 0 64px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel);display:grid;place-items:center}
.holder-identity-picture img{display:block;width:100%;height:100%;object-fit:cover}
.holder-identity-picture span{text-align:center;font-size:10px;line-height:1.2;padding:4px}
.holder-identity-copy{display:flex;flex-direction:column;min-width:0;line-height:1.45}
.holder-identity-copy>strong{font-size:var(--text-lg);font-weight:600}
.holder-identity-copy code{font-family:monospace;white-space:nowrap}
.holder-identity-copy code:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.holder-identity:not([hidden])+.section-head{padding-top:var(--space-4)}
body[data-view=holder] .section-head{padding:var(--space-6) 0 var(--space-4);align-items:center}
body[data-view=holder] h1{font-family:var(--font-body);font-size:var(--text-xl)}
body[data-view=holder] main{display:flex;flex-direction:column}
body[data-view=holder] #notice{order:2;margin-bottom:var(--space-5)}
section[data-page=holder]{display:flex;flex-direction:column}
section[data-page=holder] #local-controls{order:2;margin-top:var(--space-6)}
#connected-view{display:flex;flex-direction:column}
#connected-view .holder-account{order:3}
#connected-view .holder-grid{order:1}
#connected-view .notifications{order:4}
#connected-view .escrows{order:5}
.holder-grid{display:block;margin-top:var(--space-4)}
.holder-main{max-width:820px;margin:auto;display:flex;flex-direction:column}
.holder-main .holder-streams{order:0}
.holder-main .toolbar{order:1}
.holder-main .action-record{order:2}
.holder-main .holder-metrics{order:3}
.holder-main #read-permission-status{order:4}
.holder-main #read-status{order:5}
.holder-main #read-debug{order:6}
.holder-main .holding{order:7}
.holder-main .manage{order:8}
.holder-account{margin-top:var(--space-6)}
.holder-account aside img{width:120px;float:left;margin-right:var(--space-5)}
.holder-account aside:after{content:'';display:block;clear:both}
.holder-streams{display:flex;gap:var(--space-1);border:1px solid var(--line);padding:var(--space-1);margin-bottom:var(--space-4)}
.holder-streams button{flex:1;min-height:44px;background:transparent;color:var(--muted);border:0;font-family:var(--font-body);font-size:var(--text-sm)}
.holder-streams button.active{background:var(--soft);color:var(--text)}
.holder-main .toolbar{align-items:center;flex-wrap:wrap;margin-bottom:var(--space-3)}
.holder-main .toolbar button{font-size:var(--text-sm);min-height:44px}
.holder-main #read-status{margin:0 0 var(--space-3)}
.holder-main #read-permission-status{font-size:var(--text-xs);margin:var(--space-2) 0 var(--space-3)}
.holder-action-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}
.action-record h2{font-family:var(--font-body);font-size:var(--text-lg);margin:var(--space-2) 0}
#holder-badge:empty{display:none}
#holder-badge[data-quiet=true]{color:var(--gold)}
#holder-summary{margin:var(--space-2) 0 var(--space-4)}
#holder-swaps{padding-left:var(--space-5);margin:var(--space-3) 0}
#holder-swaps li{border-top:1px solid var(--line);padding:var(--space-3) 0}
#holder-swaps strong{font-size:var(--text-lg);font-weight:500}
#holder-swaps p{font-size:var(--text-xs);color:var(--muted);margin:var(--space-1) 0 0}
.holder-allocation-heading{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);padding-top:var(--space-3)}
.action-record .allocation{display:block;margin-top:var(--space-2)}
.action-record .allocation>div{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--line);border-top:0}
.action-record .allocation>div:first-child{border-top:1px solid var(--line)}
.action-record .allocation span{font-weight:500;color:var(--text)}
.action-record .allocation strong{font-size:var(--text-lg);font-variant-numeric:tabular-nums}
#holder-basis{margin:var(--space-3) 0}
#holder-prior table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}
#holder-prior td,#holder-prior th{padding:var(--space-2);border-bottom:1px solid var(--line);text-align:right}
#holder-prior td:first-child,#holder-prior th:first-child{text-align:left}
#holder-prior caption{font-size:var(--text-xs);text-align:left;color:var(--muted)}
.holder-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--space-5);border-block:1px solid var(--line)}
.holder-metrics>div{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}
.holder-metrics>div+div{border-left:1px solid var(--line)}
.holder-metrics span,.holder-metrics small{font-size:var(--text-xs);color:var(--muted)}
.holder-metrics strong{font-size:var(--text-base);font-weight:500}
#local-controls input[type=checkbox]{width:auto;min-height:0;display:inline;margin-right:var(--space-2)}
@media(max-width:650px){
 body[data-view=holder] header{gap:var(--space-2)}
 body[data-view=holder] .brand{font-size:var(--text-sm)}
 body[data-view=holder] .brand svg{width:24px;height:24px;margin-right:var(--space-2)}
 body[data-view=holder] #theme{font-size:0;padding-inline:var(--space-2)}
 body[data-view=holder] #theme:after{content:'Theme';font-size:var(--text-xs)}
 body[data-view=holder] .section-head{padding-block:var(--space-3)}
 .holder-grid{margin-top:var(--space-2)}
 .action-record{padding:var(--space-4)}
 .holder-main #read-debug{font-size:var(--text-xs)}
 body[data-view=holder] .section-head{display:flex}
 body[data-view=holder] .section-head>button{margin:0}
 .holder-main .toolbar{gap:var(--space-2);flex-direction:row;justify-content:space-between}
 .holder-main .toolbar .primary{min-height:44px;padding:var(--space-2) var(--space-3)}
 #holder-date{flex-basis:100%;font-size:var(--text-xs)}
 .holder-streams{margin-bottom:var(--space-2)}
 .action-record .allocation>div{padding:var(--space-1) 0}
 #holder-summary{margin-bottom:var(--space-2)}
 .holder-account aside img{width:90px}
}