/* Local navigation and numbered pattern directory. */
/* One aligned desktop toolbar; secondary appearance controls live in a menu. */
.cloud-ledger.review-enabled .topbar{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:16px;height:82px;min-height:82px;padding:10px 0;align-items:center}
.cloud-ledger .topbar-left{gap:12px;white-space:nowrap;flex:0 0 auto}
.cloud-ledger .brand{font-size:18px;gap:8px}
.cloud-ledger .brand-mark{width:32px;height:32px}
.cloud-ledger .appearance-menu{position:relative;z-index:20}
.cloud-ledger .appearance-menu>summary{list-style:none;cursor:pointer;font-size:12px;color:#536359;padding:8px;border-radius:7px;background:#ffffff80}
.cloud-ledger .appearance-menu>summary::-webkit-details-marker{display:none}
.cloud-ledger .appearance-actions{position:absolute;left:0;top:calc(100% + 10px);display:grid;gap:8px;width:150px;padding:12px;background:#fbfbf9;border:1px solid #dfe3de;border-radius:10px;box-shadow:0 8px 24px #15251a20}
.cloud-ledger.review-enabled .topbar-center{min-width:0;width:auto;gap:8px;flex-wrap:nowrap;order:initial;flex:0 1 auto}
.cloud-ledger .tabs{gap:2px;padding:4px}
.cloud-ledger.review-enabled .nav-tab{font-size:13px;padding:9px 10px;white-space:nowrap}
.cloud-ledger.review-enabled .topbar-right{display:grid;grid-template-columns:auto auto auto;gap:4px 6px;align-items:center;flex:0 0 auto}
.cloud-ledger #whopStatus{grid-row:2;grid-column:1/-1;max-width:280px;white-space:nowrap;font-size:10px;line-height:1.4;font-weight:500;overflow:hidden;text-overflow:ellipsis}
.cloud-ledger .topbar .background-picker,.cloud-ledger .topbar .clear-background,.cloud-ledger .topbar .whop-sync,.cloud-ledger .topbar .whop-disconnect,.cloud-ledger .topbar .data-transfer>summary,.cloud-ledger .topbar .whitelist-menu>summary{font-size:11px;padding:8px 9px;white-space:nowrap;border-radius:7px}
#patternSummary .daily-summary-toolbar{gap:12px}
#patternSummary .pattern-fields{grid-template-columns:120px 190px minmax(0,1fr)}
#patternSummary .pattern-directory-row{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;text-align:left;padding:20px;margin-bottom:10px;background:#ffffff90;border:1px solid #dde5de;border-radius:12px;cursor:pointer}
#patternSummary .pattern-directory-row:hover{background:#edf5ef;border-color:#9cbaa7}
#patternSummary .pattern-directory-row:focus-visible{outline:3px solid #257b58;outline-offset:2px}
.pattern-number{min-width:76px;white-space:nowrap;font:600 17px 'Noto Sans SC',sans-serif;color:#257b58}
.pattern-directory-row strong{font-size:17px;overflow-wrap:anywhere}
.pattern-directory-row time{font-size:13px;color:#67786d}
#patternSummary .pattern-back{margin-bottom:14px;cursor:pointer}
#patternStatus{margin:0;color:#536359;font-size:14px}
#patternStatus button{margin-left:10px}
@media(max-width:1050px){
 .cloud-ledger.review-enabled .topbar{display:grid;grid-template-columns:auto 1fr;height:auto;min-height:76px;gap:10px;padding:10px 0}
 .cloud-ledger.review-enabled .topbar-center{grid-column:1/-1;grid-row:2;justify-self:start;justify-content:flex-start}
 .cloud-ledger.review-enabled .topbar-right{grid-column:2;grid-row:1;justify-self:end}
}
@media(max-width:680px){
 .cloud-ledger .topbar-left{gap:6px}
 .cloud-ledger.review-enabled .topbar-center{flex-wrap:wrap;gap:8px}
 .cloud-ledger .tabs{max-width:100%;flex-wrap:wrap}
 .cloud-ledger.review-enabled .nav-tab{font-size:12px;padding:8px}
 .cloud-ledger #whopStatus{max-width:220px}
 #patternSummary .daily-summary-toolbar{flex-wrap:wrap;gap:10px}
 #patternSummary .pattern-fields{grid-template-columns:1fr}
 #patternSummary .pattern-directory-row{grid-template-columns:max-content minmax(0,1fr);gap:12px;padding:16px}
 .pattern-directory-row time{grid-column:2}
}

/* Appearance popover: lightweight menu rows, aligned text and restrained focus. */
.cloud-ledger .appearance-menu>summary{display:flex;align-items:center;gap:6px;border:1px solid transparent;transition:background .15s}
.cloud-ledger .appearance-menu>summary::after{content:none}
.cloud-ledger .appearance-menu[open]>summary{background:#edf2ee;color:#294a38;border-color:#d5dfd7}
.cloud-ledger .appearance-menu>summary:focus:not(:focus-visible){outline:none}
.cloud-ledger .appearance-menu>summary:focus-visible{outline:2px solid #548168;outline-offset:2px}
.cloud-ledger .appearance-actions{top:calc(100% + 6px);width:max-content;min-width:112px;padding:4px;gap:0;border:1px solid #e0e5df;border-radius:10px;background:#fffffff5;box-shadow:0 8px 24px #172b1e18;backdrop-filter:blur(12px)}
.cloud-ledger .topbar .appearance-actions>button{display:block;width:100%;margin:0;border:0;border-radius:6px;background:transparent;box-shadow:none;text-align:left;padding:7px 10px;font:400 12px 'Noto Sans SC',sans-serif;color:#34463b;cursor:pointer}
.cloud-ledger .topbar .appearance-actions>button:hover{background:#edf3ee;color:#21573b}
.cloud-ledger .topbar .appearance-actions>button:focus-visible{outline:2px solid #548168;outline-offset:-2px;background:#edf3ee}

body.public-view .appearance-menu{display:none!important}