/* Veyl Layer wallet: page styles on top of base.css. Same tokens, same restraint: greys and black,
   violet only for action and state. Live money, so the risk notices are first-class components. */
.page { max-width: 1280px; }
.mono { font-family: var(--mono); }
.muted-dk { color: var(--muted-dk); }
.linkbtn { padding: 0; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 600; color: inherit; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; cursor: pointer; white-space: nowrap; }
.linkbtn:hover { color: var(--v); }
.linkbtn svg { display: inline-block; vertical-align: -1px; }
.hash__ext { display: inline-block !important; margin-left: 3px; vertical-align: -1px; opacity: .6; }
.is-spin svg { animation: spin .8s linear infinite; }

/* ---------- shell additions ---------- */
.chip-live i { background: var(--v-dk); animation: blink 1.6s steps(2, start) infinite; }
.rail__live p { color: #bdbdbd; }
.rail__links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 12px !important; }
.rail__links a { display: inline-flex; align-items: center; gap: 4px; color: #fff; font-weight: 600; font-size: 13px; text-decoration: underline; text-decoration-color: #5c5c5c; text-underline-offset: 4px; }
.rail__links a:hover { text-decoration-color: var(--v-dk); }
.rail__links svg { display: inline-block; }
.wsw__av { overflow: hidden; background: #000; }
.wsw__av img { width: 100%; height: 100%; object-fit: cover; }
.menu { min-width: 320px; padding-bottom: 8px; }
.menu__row { padding: 2px 16px 10px; color: #fff; }
.menu__row .hash a, .menu__row .hash span { color: #fff; }
.menu__row .copy { color: #8f8f8f; }
.menu__row .toggle__l { color: #fff; }
.menu__row .toggle__track { background: #3a3a3a; }
.menu__i svg { flex: none; width: 18px; height: 18px; color: var(--muted-dk); }
@media (max-width: 1023px) { .rail__links { display: none; } }
@media (max-width: 759px) {
  .strip__connect-x { display: none; }
  .metric--l1 { display: none; }
  .strip .metric--seq { padding-left: 12px; }
}

/* ---------- banners and notices ---------- */
.banner { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 22px; padding: 12px 16px; background: var(--g0); box-shadow: inset 3px 0 0 #000, inset 0 0 0 1px var(--line); font-size: 14px; line-height: 1.45; }
.banner svg { flex: none; margin-top: 1px; }
.banner b { font-weight: 700; }
.banner--err { background: var(--v-err); color: #fff; box-shadow: none; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); }
.custody { position: relative; margin: 20px 0 16px; padding: 16px 18px 16px; background: #000; color: #d6d6d6; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%); font-size: 13.5px; line-height: 1.5; }
.custody::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--v); }
.custody__t { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; color: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.custody__t svg { flex: none; color: var(--v-dk); }
.custody__l { display: grid; gap: 6px; }
.custody__l li { position: relative; padding-left: 16px; }
.custody__l li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; background: #5c5c5c; }
.custody__l b, .custody__b b { color: #fff; font-weight: 600; }
.custody__ack { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-dk); color: #fff; font-weight: 600; cursor: pointer; }
.custody__ack input { appearance: none; flex: none; width: 20px; height: 20px; margin: 1px 0 0; border: 1.5px solid #fff; background: transparent; cursor: pointer; display: grid; place-items: center; }
.custody__ack input:checked { background: var(--v); border-color: var(--v); }
.custody__ack input:checked::after { content: ""; width: 10px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-1px) rotate(-45deg); }
.custody__ack input:focus-visible { outline: 3px solid var(--v-dk); outline-offset: 2px; }
.custody--compact { margin: 18px 0; }
.gas { display: flex; gap: 12px; align-items: flex-start; margin: 18px 0 4px; padding: 12px 14px; background: var(--v-tint); box-shadow: inset 0 0 0 1px rgba(102, 0, 255, .28); font-size: 13.5px; line-height: 1.5; }
.gas svg { flex: none; margin-top: 2px; color: var(--v); }
.gas b { font-weight: 700; }
.gas .linkbtn { display: inline-block; margin-left: 6px; color: var(--v); }

/* ---------- setup ---------- */
.setup { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; max-width: 880px; padding: clamp(22px, 3vw, 36px) clamp(18px, 3vw, 40px) clamp(22px, 3vw, 34px); background: #000; color: var(--g1); clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%); overflow: hidden; }
.setup::after { content: ""; position: absolute; right: -60px; bottom: -80px; width: 280px; height: 280px; background: radial-gradient(closest-side, rgba(102, 0, 255, .45), transparent); pointer-events: none; }
.setup__mark { color: #fff; margin-bottom: 18px; }
.setup__t { font-stretch: 125%; font-weight: 600; font-size: clamp(26px, 3vw, 40px); letter-spacing: -0.03em; line-height: 1; color: #fff; }
.setup__lede { margin-top: 12px; max-width: 40em; color: #bdbdbd; font-size: 15px; }
.setup__steps { margin-top: 26px; display: grid; gap: 0; position: relative; z-index: 1; }
.setup__step { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 12px; padding: 18px 0; border-top: 1px solid var(--line-dk); }
.setup__n { font-family: var(--mono); font-size: 13px; color: #6f6f6f; padding-top: 3px; }
.setup__step[data-state="active"] .setup__n { color: var(--v-dk); }
.setup__step[data-state="done"] .setup__n::after { content: " ✓"; color: #fff; }
.setup__step[data-state="todo"] .setup__h { color: #8a8a8a; }
.setup__h { font-stretch: 112%; font-weight: 600; font-size: 17px; color: #fff; }
.setup__s { margin-top: 4px; font-size: 13.5px; color: var(--muted-dk); overflow-wrap: anywhere; }
.setup__wallets { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.wbtn { display: inline-flex; align-items: center; gap: 12px; min-width: 220px; height: 52px; padding: 0 16px 0 10px; border: 0; background: #fff; color: #000; font-weight: 600; font-size: 15px; font-stretch: 110%; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); transition: background-color .2s var(--ease), color .2s; }
.wbtn img, .wbtn__ph { width: 30px; height: 30px; flex: none; background: var(--g2); }
.wbtn svg { margin-left: auto; }
.wbtn:hover { background: var(--v); color: #fff; }
.wbtn[disabled] { opacity: .6; cursor: progress; }
.setup__row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 16px; }
.setup .toggle__l { color: #fff; }
.setup .toggle__track { background: #3a3a3a; }
.setup .linkbtn { margin-top: 14px; color: #fff; font-size: 12.5px; }
.setup__msg { margin-top: 10px; padding: 12px 14px; background: #111; color: #e6e6e6; font-family: var(--mono); font-size: 12.5px; line-height: 1.6; white-space: pre-wrap; box-shadow: inset 2px 0 0 var(--v); }
.setup .field__err { color: #c7a3ff; }
.setup :focus-visible { outline-color: var(--v-dk); }

/* ---------- account: the two shores ---------- */
.shores { display: grid; grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); align-items: stretch; }
.shore { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 20px clamp(18px, 2vw, 26px) 18px; container-type: inline-size; }
.shore--l1 { background: var(--g0); box-shadow: inset 0 0 0 1px var(--line); }
.shore--l2 { background: #000; color: var(--g1); clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%); }
.shore__h { display: flex; align-items: center; gap: 10px; }
.shore__tag { padding: 2px 6px; border: 1.5px solid currentColor; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; line-height: 1.3; }
.shore--l2 .shore__tag { background: var(--v); border-color: var(--v); color: #fff; }
.shore__t { font-stretch: 125%; font-weight: 600; font-size: clamp(22px, 2vw, 28px); letter-spacing: -0.03em; line-height: 1; }
.shore__h .iconbtn { margin-left: auto; }
.shore__m { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 8px; font-family: var(--mono); font-size: 11.5px; color: var(--muted); }
.shore--l2 .shore__m, .shore--l2 .hash a { color: var(--muted-dk); }
.shore--l2 .hash a { border-bottom-color: var(--line-dk); }
.shore--l2 .copy:hover { color: #fff; }
.shore__bal { margin-top: 16px; border-top: 1px solid var(--line-2); }
.shore--l2 .shore__bal { border-top-color: rgba(255, 255, 255, .3); }
.bal { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.shore--l2 .bal { border-bottom-color: var(--line-dk); }
.bal__k { display: grid; gap: 1px; font-size: 13px; font-weight: 700; letter-spacing: .04em; white-space: nowrap; }
.bal__k small { font-family: var(--mono); font-size: 10.5px; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.shore--l2 .bal__k small { color: var(--muted-dk); }
.bal__v { min-width: 0; overflow: hidden; text-overflow: ellipsis; text-align: right; font-stretch: 112%; font-weight: 600; font-size: clamp(18px, 6.6cqi, 26px); letter-spacing: -0.01em; }
.bal--big .bal__v { font-stretch: 125%; font-size: clamp(24px, 10cqi, 44px); letter-spacing: -0.03em; }
.bal .amount__frac { color: var(--g4); }
.shore--l2 .amount__frac { color: #6f6f6f; }
.shore__err { margin-top: 10px; font-size: 12.5px; font-weight: 600; color: var(--v-err); }
.shore--l2 .shore__err { color: #c7a3ff; }
.shore__f { margin-top: auto; padding-top: 12px; font-family: var(--mono); font-size: 11px; color: var(--muted); }
.shore--l2 .btn--ghost { --bg: #000; --fg: #fff; --bd: #fff; }
.shore__acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 16px; }
.shores__mid { position: relative; display: grid; place-items: center; }
.shores__line { position: absolute; left: 0; right: 0; top: 50%; height: 2px; overflow: hidden; }
.shores__line i { position: absolute; inset: 0 -12px; background: repeating-linear-gradient(90deg, #000 0 6px, transparent 6px 12px); animation: march 1.2s linear infinite; }
@keyframes march { from { transform: translateX(-12px); } to { transform: none; } }
.shores__x { position: relative; padding: 3px 6px; background: var(--v); color: #fff; font-family: var(--mono); font-size: 11px; font-weight: 600; }
@media (max-width: 899px) {
  .shores { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 40px auto; }
  .shores__line { left: 50%; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  .shores__line i { inset: -12px 0; background: repeating-linear-gradient(180deg, #000 0 6px, transparent 6px 12px); animation-name: marchv; }
  @keyframes marchv { from { transform: translateY(-12px); } to { transform: none; } }
}
.acct__grid { margin-top: clamp(28px, 3vw, 44px); }
.act { display: grid; }
.act__i { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.act__l { font-weight: 600; font-size: 14px; display: flex; gap: 8px; align-items: center; min-width: 0; }
.act__t { font-family: var(--mono); font-size: 11.5px; color: var(--muted); min-width: 56px; text-align: right; }
.keybox { display: grid; gap: 12px; }
.keybox__row { display: flex; gap: 10px; align-items: center; }
.keybox__d summary { cursor: pointer; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.keybox__d .setup__msg { background: #000; }

/* ---------- tickets (deposit, send, withdraw) ---------- */
.ticket { padding: 20px clamp(16px, 2vw, 26px) 24px; background: var(--g0); box-shadow: inset 0 0 0 1px var(--line), inset 0 3px 0 var(--v); }
.ticket__h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 22px; }
.ticket__from { font-family: var(--mono); font-size: 11.5px; color: var(--muted); }
.ticket .amt input { font-size: clamp(30px, 3vw, 44px); }
.ticket__kv { margin-top: 18px; }
.ticket__kv dd { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.ticket__tx { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; }
.ticket__tx summary { cursor: pointer; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.ticket__tx .kv { margin-top: 10px; }
.ticket__tx .fine { margin-top: 10px; }
.memo { display: inline-block; max-width: 100%; padding: 3px 7px; background: #000; color: #fff; font-family: var(--mono); font-size: 12px; overflow-wrap: anywhere; }
.recv { margin-top: 6px; padding: 16px 18px; background: #000; color: #fff; clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); }
.recv__k { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted-dk); }
.recv__v { margin-top: 4px; font-stretch: 125%; font-weight: 600; font-size: clamp(26px, 2.8vw, 40px); letter-spacing: -0.03em; line-height: 1.1; overflow-wrap: anywhere; }
.recv__v .amount__frac { color: #7a7a7a; }
.recv__v .amount__unit { color: var(--v-dk); }
.recv__m { margin-top: 6px; font-size: 11.5px; color: var(--muted-dk); overflow-wrap: anywhere; }
.dep__aside { display: grid; align-content: start; gap: 0; }
.how { padding-top: 14px; border-top: 2px solid #000; }
.how__t { font-stretch: 118%; font-weight: 600; font-size: 19px; letter-spacing: -0.015em; }
.how__l { margin-top: 14px; display: grid; gap: 12px; counter-reset: hw; font-size: 14px; line-height: 1.5; }
.how__l li { position: relative; padding-left: 36px; counter-increment: hw; color: #2a2a2a; }
.how__l li::before { content: counter(hw, decimal-leading-zero); position: absolute; left: 0; top: 1px; font-family: var(--mono); font-size: 11.5px; color: var(--v); }
.how__l--plain li::before { content: ""; top: .6em; width: 8px; height: 8px; background: #000; }
.how__l b { font-weight: 600; color: #000; }
.how__kv { margin-top: 6px; }
.how .fine { margin-top: 14px; }

/* ---------- tracked rows (deposits, exits) ---------- */
.rows { display: grid; gap: 12px; }
.row { padding: 14px 16px 16px; background: var(--g0); box-shadow: inset 0 0 0 1px var(--line); }
.row[data-phase="credited"], .row[data-status="released"] { background: transparent; }
.row__h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-bottom: 12px; }
.row__kind { display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.row__amt { font-family: var(--mono); font-size: 13px; }
.row__amt .amount__unit { font-family: var(--sans); }
.row__arrow { color: var(--v); padding: 0 2px; }
.row__links { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.row__links .linkbtn { font-size: 12px; }
.row .steps { margin-top: 4px; }
.row__err { margin-top: 12px; padding: 10px 12px; background: var(--v-err); color: #fff; font-size: 13px; line-height: 1.45; }
.row__prog { margin-top: 12px; }

/* ---------- exit split: a receipt, one line per leg ---------- */
.split { margin-top: 6px; padding: 6px 0 0; background: #000; color: #fff; clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); }
.split__c { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; padding: 11px 18px; border-bottom: 1px solid var(--line-dk); min-width: 0; }
.split__k { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted-dk); }
.split__v { margin-left: auto; font-stretch: 115%; font-weight: 600; font-size: clamp(16px, 1.5vw, 20px); letter-spacing: -0.01em; text-align: right; overflow-wrap: anywhere; }
.split__v .amount__frac { color: #8a8a8a; }
.split__c--hot { position: relative; padding-top: 14px; padding-bottom: 14px; }
.split__c--hot::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--v); }
.split__c--hot .split__k { color: #fff; }
.split__c--hot .split__v { font-stretch: 125%; font-size: clamp(22px, 2.2vw, 30px); letter-spacing: -0.03em; }
.split__c--hot .amount__unit { color: var(--v-dk); }
.split__c--rem .split__k { color: #c7a3ff; }
.split__c--rem .split__v { color: #c7a3ff; }
.split__m { padding: 10px 18px 12px; font-size: 11.5px; color: var(--muted-dk); overflow-wrap: anywhere; }
.split__note { display: flex; gap: 10px; align-items: flex-start; padding: 0 18px 14px; font-size: 12.5px; line-height: 1.5; color: #d6d6d6; }
.split__note svg { flex: none; margin-top: 2px; color: var(--v-dk); }
.modal .split { margin-top: 0; }

/* ---------- private ---------- */
.soon { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px 28px; align-items: start; max-width: 880px; padding: clamp(22px, 3vw, 36px); background: #000; color: var(--g1); clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%); }
.soon__eye { display: grid; place-items: center; width: 76px; height: 76px; background: var(--v); color: #fff; clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); }
.soon__eye svg { width: 40px; height: 40px; }
.soon__k { font-family: var(--mono); font-size: 12px; color: var(--v-dk); }
.soon__t { margin-top: 4px; font-stretch: 125%; font-weight: 600; font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -0.03em; line-height: 1.05; color: #fff; }
.soon__b { margin-top: 12px; max-width: 42em; color: #bdbdbd; font-size: 15px; }
.soon__a { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 18px; }
.soon .btn--quiet { --fg: #fff; }
.soon .btn--ghost { --bg: #000; --fg: #fff; --bd: #fff; }
@media (max-width: 599px) { .soon { grid-template-columns: minmax(0, 1fr); } }
.prv__mount:empty { display: none; }

/* ---------- activity ---------- */
.actp__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-bottom: 24px; }
.actp__addr { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-family: var(--mono); font-size: 12px; color: var(--muted); }
.act__type { font-weight: 600; }

/* ---------- phones ---------- */
@media (max-width: 759px) {
  .ph__title { font-size: 40px; }
  .setup { clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }
  .setup__step { grid-template-columns: 30px minmax(0, 1fr); }
  .wbtn { width: 100%; }
  .ticket__h .seg { width: 100%; }
  .ticket__h .seg button { flex: 1; }
  .row__links { margin-left: 0; }
  .act__i { grid-template-columns: minmax(0, 1fr) auto; }
  .act__i .hash { display: none; }
  .actp__addr { margin-left: 0; }
  .acct .ph__actions { display: none; }
}

/* ---------- round 2 ---------- */
.act__i { grid-template-columns: minmax(0, 1fr) auto auto auto; }
.act__dir { display: inline-block; flex: none; width: 8px; height: 8px; margin-right: 10px; vertical-align: 1px; background: var(--g3); }
.act__dir--in { background: var(--v); }
.act__dir--out { background: #000; }
.act__l { gap: 0; }
.act__amt { font-family: var(--mono); font-size: 12.5px; white-space: nowrap; text-align: right; }
.act__amt--in { color: var(--v); }
.row__rel { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; }
.how__h { margin-top: 26px; padding-top: 12px; border-top: 1px solid var(--line-2); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.fact { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; }
.fact::before { content: ""; flex: none; width: 8px; height: 8px; }
.fact--warn::before { background: var(--v); }
.fact--ok::before { background: #000; }
@media (max-width: 759px) { .act__i { grid-template-columns: minmax(0, 1fr) auto; } .act__i .act__t { display: none; } }

/* ---------- round 3: compact lifecycle, phone tables ---------- */
.stepbar { display: none; }
.stepbar__segs { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 3px; }
.stepbar__segs i { height: 4px; background: var(--g3); }
.stepbar__segs i[data-state="done"] { background: #000; }
.stepbar__segs i[data-state="active"] { background: var(--v); animation: blink 1.2s steps(2, start) infinite; }
.stepbar__segs i[data-state="failed"] { background: var(--v-err); }
.stepbar__l { margin-top: 8px; font-size: 13px; }
.stepbar__l .mono { font-size: 11px; color: var(--muted); margin-right: 4px; }
.stepbar__l b { font-weight: 600; }
.row[data-final] .row__steps, .row[data-final] .row__prog { display: none; }
.row[data-final] .stepbar { display: block; }
.row[data-final] .stepbar__l b::after { content: " ✓"; color: var(--v); }
.bal { flex-wrap: wrap; }
.bal__v { margin-left: auto; overflow: visible; white-space: nowrap; }
@media (max-width: 759px) {
  .row__steps { display: none; }
  .row .stepbar { display: block; }
  .ticket__kv, .how__kv { grid-template-columns: minmax(0, auto) minmax(0, 1fr); }
  .ticket__kv > dd, .how__kv > dd { justify-content: flex-end; text-align: right; border-top: 1px solid var(--line); padding-top: 10px; }
  .ticket__kv > dt, .how__kv > dt { padding-right: 16px; }
  .bal--big .bal__v { font-size: clamp(26px, 11cqi, 40px); }
  .row { padding: 12px 14px 14px; }
  .row__h { gap: 6px 12px; }
  .tbl .hash { max-width: 140px; }
}
