/* Appraisal sheets, ledger controls, receipts and dialogs. */
.grid { gap: clamp(15px, 1.6vw, 23px); }
.grid.credit { grid-template-columns: minmax(0, 1.28fr) minmax(330px, .72fr); }
.card {
  --card-bg: rgba(249,245,237,.86);
  --card-fg: var(--ink);
  --card-muted: var(--muted);
  --card-line: var(--line);
  overflow: hidden;
  color: var(--card-fg);
  background: var(--card-bg);
  border: 1px solid var(--card-line);
  border-radius: 3px;
  box-shadow: 0 12px 26px rgba(75,53,45,.055);
  animation: sheet-in .58s var(--ease) both;
  transition: box-shadow .25s ease, transform .25s var(--ease);
}
@keyframes sheet-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.card:hover { border-color: var(--card-line); box-shadow: 0 17px 33px rgba(75,53,45,.10); transform: translateY(-2px); }
.card-head {
  min-height: 67px;
  padding: 16px clamp(18px, 2vw, 26px);
  border-bottom: 3px double var(--card-line);
}
.card-head h2, .card-head h3 {
  font-family: var(--display);
  font-size: clamp(21px, 1.8vw, 28px);
  font-weight: 550;
  letter-spacing: -.03em;
}
.card-body { padding: clamp(20px, 2.4vw, 32px); }
.card-foot {
  padding: 14px clamp(18px, 2vw, 26px);
  border-top: 1px solid var(--card-line);
  font-size: 12px;
}
main[data-view='credit'] .grid.credit > .card:first-child {
  --card-bg: #f8f1e5; --card-fg: var(--ink); --card-muted: var(--muted); --card-line: var(--line);
  min-height: 650px; border-radius: 3px; border-top: 5px solid var(--violet);
}
main[data-view='credit'] .grid.credit > .grid > .card:first-child {
  --card-bg: var(--violet); --card-fg: var(--paper); --card-muted: #d8c4ba; --card-line: rgba(244,237,223,.24);
  border-radius: 3px;
}
main[data-view='credit'] .grid.credit > .grid > .card:last-child {
  --card-bg: #dfcba9; --card-fg: var(--ink); --card-muted: #685748; --card-line: rgba(39,28,24,.25);
  border-radius: 3px;
}
main[data-view='reserves'] > .grid.four .card,
main[data-view='chain'] > .grid.four .card,
main[data-view='portfolio'] .portfolio-score .card {
  --card-bg: rgba(249,245,237,.9); --card-fg: var(--ink); --card-muted: var(--muted); --card-line: var(--line);
  min-height: 205px; border-radius: 3px; border-top: 3px solid var(--line);
}
main[data-view='reserves'] > .grid.four .card:nth-child(1),
main[data-view='chain'] > .grid.four .card:nth-child(1),
main[data-view='portfolio'] .portfolio-score .card:nth-child(1) { border-top-color: var(--violet); }
main[data-view='reserves'] > .grid.four .card:nth-child(2),
main[data-view='chain'] > .grid.four .card:nth-child(2),
main[data-view='portfolio'] .portfolio-score .card:nth-child(2) { border-top-color: var(--acid-2); }
main[data-view='reserves'] > .grid.four .card:nth-child(3),
main[data-view='chain'] > .grid.four .card:nth-child(3),
main[data-view='portfolio'] .portfolio-score .card:nth-child(3) { border-top-color: #6b5144; }
main[data-view='portfolio'] .portfolio-policy .card:last-child {
  --card-bg: #dfcba9; --card-fg: var(--ink); --card-muted: #685748; --card-line: rgba(39,28,24,.25);
}
.metric { gap: 10px; }
.metric .value { font-family: var(--mono); font-size: clamp(27px, 3vw, 43px); font-weight: 500; letter-spacing: -.055em; }
.metric .sub { font-size: 12px; }
.stat-row { padding: 12px 0; font-size: 13.5px; }
.stat-row dt { color: var(--card-muted); }
.stat-row dd { color: inherit; font-family: var(--mono); font-size: 12.5px; font-weight: 500; }

.seal {
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .025em;
}
.seal::before { width: 5px; height: 5px; border-radius: 50%; }
.seal[data-tone='verify'] { color: #8a5e26; border-color: rgba(138,94,38,.52); }
.seal[data-tone='warn'] { color: var(--warn); border-color: rgba(185,101,50,.5); }
.seal[data-tone='seal'] { color: var(--violet); border-color: rgba(116,31,50,.45); }
main[data-view='credit'] .grid.credit > .grid > .card:first-child .seal,
.site-footer .seal { color: #e4c98f; }
.tier-tag {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 9px;
  letter-spacing: .07em;
}
.tier-tag[data-tier='cash'] { color: #8b642b; border-color: rgba(139,100,43,.5); }
.tier-tag[data-tier='core'] { color: var(--violet); border-color: rgba(116,31,50,.5); }
.tier-tag[data-tier='listed'] { color: var(--warn); border-color: rgba(185,101,50,.5); }
.tier-tag[data-tier='margin'] { color: var(--alarm); border-color: rgba(158,53,47,.5); }

.control {
  min-height: 56px;
  color: var(--card-fg);
  background: rgba(255,255,255,.34);
  border: 1px solid var(--card-line);
  border-radius: 2px;
  font-family: var(--sans);
}
.control:hover { border-color: var(--violet); }
.control:focus-visible { border-color: var(--violet); outline-color: var(--violet); }
input.control { font-family: var(--mono); }
input[type='range'] { accent-color: var(--violet); }
.button {
  min-height: 52px;
  color: var(--paper);
  background: var(--violet);
  border-color: var(--violet);
  border-radius: 2px;
  font-family: var(--sans);
  font-weight: 700;
}
.button:hover:not(:disabled) { color: var(--paper); background: var(--ink); border-color: var(--ink); }
.button:disabled { color: #cbbdb1; background: #5c4f48; border-color: #5c4f48; }
.button.ghost { color: var(--card-fg); background: transparent; border-color: var(--card-line); }
.button.ghost:hover:not(:disabled) { color: var(--paper); background: var(--violet); border-color: var(--violet); }

.borrowing-receipt {
  margin-top: 25px;
  color: var(--ink);
  background: #fffaf0;
  border: 1px solid var(--ink);
  box-shadow: 0 8px 18px rgba(39,28,24,.13);
  transform: rotate(-.28deg);
}
.borrowing-receipt::before, .borrowing-receipt::after { width: 22px; height: 5px; background: #dfcba9; border: 0; }
.borrowing-receipt::before { left: 11%; transform: translateY(-50%) rotate(-3deg); }
.borrowing-receipt::after { right: 11%; transform: translateY(-50%) rotate(3deg); }
.borrowing-receipt > header { color: var(--paper); background: var(--violet-2); font-family: var(--sans); }
.borrowing-receipt > header b { color: #e7c985; }
.borrowing-receipt > footer { color: #685748; border-top-color: rgba(39,28,24,.35); }
@keyframes receipt-update { 0% { transform: rotate(-.28deg) translateY(7px); } 55% { transform: rotate(.2deg) translateY(-2px); } 100% { transform: rotate(-.28deg); } }

.register-tools { padding: 16px; background: rgba(233,221,200,.52); border: 1px solid var(--card-line); }
.register-result { font-family: var(--sans); letter-spacing: .09em; }
table.register { font-size: 13px; }
table.register th { color: var(--card-muted); font-size: 9px; letter-spacing: .1em; }
table.register td { padding: 14px 13px; }
table.register tbody tr:nth-child(even) { background: rgba(233,221,200,.26); }
table.register tbody tr:hover { background: rgba(180,134,59,.13); }
table.register .num, table.register .sym { font-family: var(--mono); }
.asset-open:hover .sym, .asset-open:focus-visible .sym { color: var(--violet); }
.asset-open:focus-visible { outline-color: var(--violet); }

.gauge-track { height: 8px; background: rgba(39,28,24,.1); }
.gauge-fill, .gauge-fill[data-tone='verify'] { background: var(--violet); }
.gauge-fill[data-tone='warn'] { background: var(--warn); }
.gauge-scale { font-family: var(--mono); }
.block-tape {
  grid-template-columns: minmax(190px,.55fr) minmax(0,1.45fr);
  margin-bottom: 28px;
  background: #e9ddc8;
  border: 1px solid var(--line);
  border-left: 6px solid var(--violet);
}
.block-tape > div span { color: var(--ink); }
.block-tape > div b, .block-tape li { color: var(--muted); }
.block-tape li { border-color: var(--line); font-family: var(--mono); }
.block-tape li.is-newest { color: var(--violet); }

.portfolio-identity { color: var(--paper); background: var(--violet-2); border-color: var(--violet-2); border-radius: 2px; }
.portfolio-identity a { color: #e7c985; }
.asset-detail-lead { color: var(--paper); background: var(--violet); border-bottom-color: var(--ink); }
.asset-detail-lead b { font-family: var(--display); }
.asset-detail-lead .tier-tag { color: var(--paper); border-color: rgba(244,237,223,.55); }
.asset-detail-score .metric { color: var(--paper); background: var(--violet-2); border-color: var(--violet-2); }
.asset-detail-score .metric:nth-child(2) { color: var(--ink); background: #dfcba9; border-color: #dfcba9; }

.state-block { border: 1px dashed var(--card-line); }
.state-block::before { content: 'H'; color: var(--paper); background: var(--violet); font-family: var(--display); }
.state-block b { font-family: var(--display); font-size: 21px; }
.alert { border-left-color: var(--violet); }
.alert[data-tone='verify'] { border-left-color: var(--acid-2); }
.skeleton-line { background: var(--line); }

.modal-scrim { background: rgba(39,28,24,.72); backdrop-filter: blur(8px); }
.modal {
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--ink);
  border-radius: 3px;
  box-shadow: 0 24px 70px rgba(28,13,10,.3);
}
.modal-head { border-bottom: 3px double var(--line); }
.modal-head h2 { font-family: var(--display); }
.modal-close { color: var(--muted); }
.modal-close:hover, .modal-close:focus-visible { color: var(--violet); border-color: var(--line); }
.wallet-option { color: var(--ink); background: #fbf6ed; border-color: var(--line); border-radius: 2px; }
.wallet-option:hover { color: var(--paper); background: var(--violet); border-color: var(--violet); }
.wallet-option .rdns { color: var(--muted); font-family: var(--mono); }
.wallet-option:hover .rdns { color: #decac0; }

.prose { color: var(--muted); }
.prose h3, .prose h4, .prose b { color: var(--ink); }
.prose code { color: var(--paper); background: var(--ink); border-color: var(--ink); }
.pull { color: var(--paper); background: var(--violet); border-radius: 2px; font-family: var(--display); font-weight: 480; line-height: 1.14; }
.faq-item summary::before { color: var(--violet); }

.site-footer { color: var(--paper); background: #2d1d18; border-top: 8px solid var(--violet); }
.footer-signal { height: 5px; }
.footer-signal span:nth-child(1) { background: #d2aa65; }
.footer-signal span:nth-child(2) { background: var(--paper); }
.footer-signal span:nth-child(3) { background: var(--violet); }
.footer-lockup b, .footer-giant { font-family: var(--display); }
.footer-lockup span, .footer-col .label, .footer-legal { color: #bdaaa0; }
.footer-note, .footer-col a, .footer-col span { color: #d8cac0; }
.footer-col a:hover { color: #e7c985; }
.footer-giant { color: #e9ddc8; font-weight: 500; letter-spacing: -.065em; }