/* hk-level-card.css: the one level card (card 5764, LIQ-3). Pairs with hk-level-card.js.
   Three sizes (Mobile 2): 22 px value, 15 px title and action, 13 px chips and captions. No mono.
   Dashboard (customer MAPS and the owner LIQ tab): the card replaces the actionability check on
   phones only (max-width 767px); wider screens keep the current panel and never see the card. */
.hk-lc{--hk-lc-ink:var(--ink,var(--text,#e8eef4));--hk-lc-muted:var(--muted,#9aa7b4);--hk-lc-line:var(--line-2,rgba(148,163,184,.22));
  --hk-lc-above:var(--hk-m-wall-above,#73d7ee);--hk-lc-below:var(--hk-m-wall-below,#f19aab);--hk-lc-accent:var(--hk-accent,#73d7ee);
  display:block;box-sizing:border-box;min-width:0;color:var(--hk-lc-ink);font:400 15px/1.45 var(--sans,system-ui,-apple-system,"Segoe UI",sans-serif)}
.hk-lc *,.hk-lc *::before,.hk-lc *::after{box-sizing:border-box}
.hk-lc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.hk-lc-title{margin:0;font-weight:650;font-size:15px;line-height:1.3;color:var(--hk-lc-ink);letter-spacing:0;text-transform:none}
.hk-lc-age{flex:none;padding:1px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hk-lc-line);font-weight:500;font-size:13px;line-height:1.45;color:var(--hk-lc-muted);white-space:nowrap}
.hk-lc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,auto) minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none}
.hk-lc-cell{display:flex;min-width:0;margin:0;padding:0;list-style:none}
.hk-lc-level{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-width:0;min-height:44px;margin:0;padding:8px;
  border:1px solid var(--hk-lc-line);border-top:3px solid var(--hk-lc-above);border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;
  padding:8px 6px;
  text-transform:none;letter-spacing:0;box-shadow:none}
.hk-lc-cell[data-side="below"] .hk-lc-level{border-top-color:var(--hk-lc-below)}
.hk-lc-level[aria-pressed="true"]{border-color:var(--hk-lc-accent);background:rgba(115,215,238,.07)}
.hk-lc-cell[data-side="below"] .hk-lc-level[aria-pressed="true"]{border-color:var(--hk-lc-below);border-top-color:var(--hk-lc-below);background:rgba(241,154,171,.07)}
.hk-lc-level:focus-visible,.hk-lc-chip:focus-visible,.hk-lc-action:focus-visible{outline:2px solid var(--hk-lc-ink);outline-offset:2px}
.hk-lc-side{display:inline-flex;max-width:100%;margin:0 0 2px;padding:0 6px;border-radius:999px;background:var(--hk-lc-above);color:#06222b;font-weight:650;font-size:13px;line-height:1.45;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-lc-cell[data-side="below"] .hk-lc-side{background:var(--hk-lc-below);color:#2a0d14}
.hk-lc-value{display:block;max-width:100%;font-weight:700;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--hk-lc-ink);white-space:nowrap;overflow:hidden;text-overflow:clip}
.hk-lc-dist{display:block;max-width:100%;font-weight:400;font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--hk-lc-muted);overflow-wrap:anywhere}
.hk-lc-here{flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:84px;padding:8px 0;text-align:center}
.hk-lc-here-lbl{font-weight:600;font-size:13px;line-height:1.4;color:var(--hk-lc-accent)}
.hk-lc-here .hk-lc-value{font-size:15px;line-height:1.3}
.hk-lc-cell.is-empty{align-items:center;padding:8px;border:1px dashed var(--hk-lc-line);border-radius:10px}
.hk-lc-none{margin:0;font-weight:400;font-size:13px;line-height:1.45;font-style:normal;color:var(--hk-lc-muted)}
.hk-lc-bar{margin:12px 0 0}
.hk-lc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0}
.hk-lc-chip{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--hk-lc-line);
  color:var(--hk-lc-ink);font-weight:600;font-size:13px;line-height:1.3;letter-spacing:0;text-transform:none;cursor:pointer}
.hk-lc-chip::after{content:"";width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.7}
.hk-lc-chip[data-evidence="validated"]{box-shadow:inset 0 0 0 1px #34d399;color:#34d399}
.hk-lc-bar{display:flex;height:6px;overflow:hidden;border-radius:3px;background:var(--hk-lc-line)}
.hk-lc-bar-a{background:var(--hk-lc-above)}
.hk-lc-bar-b{background:var(--hk-lc-below)}
.hk-lc-bal-cap{min-width:0;font-weight:400;font-size:13px;line-height:1.35;color:var(--hk-lc-muted);text-align:right}
.hk-lc-act{margin:10px 0 0}
.hk-lc-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:8px 14px;border:0;border-radius:10px;background:var(--hk-lc-accent);color:#06222b;
  font-weight:650;font-size:15px;line-height:1.3;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer}
.hk-lc-action:disabled{opacity:.6;cursor:default}
.hk-lc-note{margin:6px 0 0;font-weight:400;font-size:13px;line-height:1.45;color:var(--hk-lc-muted)}
/* the sheet (HKMobile.sheet body) and its in-place twin on wider screens */
/* the gutter beats hk-mobile.css .hk-m-sheet-body{padding:8px 0} wherever that file loads later */
.hk-m-sheet-body.hk-lc-sheet{padding-left:var(--hk-m-gutter,16px);padding-right:var(--hk-m-gutter,16px)}
.hk-lc-sheet{font:400 15px/1.5 var(--sans,system-ui,-apple-system,"Segoe UI",sans-serif);color:var(--ink,var(--text,#e8eef4))}
.hk-lc-sheet .hk-lc-s-p{margin:0 0 10px}
.hk-lc-sheet .hk-lc-s-h{margin:14px 0 6px;font-weight:650;font-size:15px;line-height:1.3;letter-spacing:0;text-transform:none}
.hk-lc-sheet .hk-lc-s-list{margin:0 0 10px;padding-left:20px}
.hk-lc-sheet .hk-lc-s-list li{margin:2px 0}
.hk-lc-sheet .hk-lc-s-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:13px}
.hk-lc-sheet .hk-lc-s-dl dt{color:var(--muted,#9aa7b4)}
.hk-lc-sheet .hk-lc-s-dl dd{margin:0}
.hk-lc-sheet .hk-lc-s-link{display:inline-flex;align-items:center;min-height:44px;color:var(--hk-accent,#73d7ee)}
.hk-lc-inline.hk-lc-sheet{margin:10px 0 0;padding:12px;border:1px solid var(--line-2,rgba(148,163,184,.22));border-radius:10px}
.hk-lc-inline .hk-lc-s-h:first-child{margin-top:0}

/* dashboard.html (#liqDecisionRibbon): phones get the card in place of the actionability check */
#liqDecisionRibbon .hk-lc{display:none}
@media (max-width:767px){
  #liqDecisionRibbon .ldr-head,#liqDecisionRibbon .ldr-grid,#liqDecisionRibbon .ldr-detail,#liqDecisionRibbon .ldr-gates,
  #liqDecisionRibbon #ldrAlertBtn,#liqDecisionRibbon .ldr-foot{display:none!important}
  #liqDecisionRibbon .hk-lc{display:block;margin:0 0 4px}
  #liqDecisionRibbon .hk-lc:empty{min-height:252px}
  #liqDecisionRibbon .ldr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
  #liqDecisionRibbon .ldr-actions #ldrTradeBtn{min-height:44px;font:600 15px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:0;text-transform:none}
  #liqDecisionRibbon .ldr-actions a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:0;background:none;font:500 15px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:0;text-transform:none;text-decoration:underline}
}

/* card 5842 (ruling 7, L4): the short ladder under the three cells (/liq Levels); card 5867 compacts it below */
.hk-lc-ladder{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--hk-line,#323b43)}
.hk-lc-lrow{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:8px;min-height:32px;padding:6px 0;border-bottom:1px solid var(--hk-line,#323b43);
  font:400 13px/1.4 var(--hk-font-text,system-ui,sans-serif);color:var(--hk-muted,#b5bec7)}
.hk-lc-lpx{font:650 15px/1.3 var(--hk-font-text,system-ui,sans-serif);color:var(--hk-ink,#f2f5f7);font-variant-numeric:tabular-nums}
.hk-lc-lside{font-size:13px;letter-spacing:.02em}
.hk-lc-lrow[data-side="above"] .hk-lc-lside{color:#73d7ee}
.hk-lc-lrow[data-side="below"] .hk-lc-lside{color:#f28b9b}
.hk-lc-ldist,.hk-lc-lusd{font-variant-numeric:tabular-nums}
/* card 5842: the honesty chip stays one line beside the balance caption */
.hk-lc-meta .hk-lc-chip{white-space:nowrap;flex:none}
.hk-lc-meta .hk-lc-bal-cap{flex:1 1 0;min-width:0;text-align:right}

/* card 5867 (LIQ-7 leftovers, ruling 7): the short ladder in two compact columns, shorts above on the left,
   longs below on the right. Every row keeps its price, distance and size on one line; the side names its
   column once (the repeated label stays for assistive tech). About 60 px instead of about 140 on a phone. */
.hk-lc-ladder{display:grid;grid-template-columns:max-content max-content;justify-content:space-between;grid-auto-flow:row dense;column-gap:12px;row-gap:2px;padding-top:6px}
.hk-lc-lrow{display:block;white-space:nowrap;min-height:0;padding:1px 0;border-bottom:0;line-height:1.35}
.hk-lc-lrow>span{margin-right:5px}
.hk-lc-lrow>span:last-child{margin-right:0}
.hk-lc-lrow[data-side="above"]{grid-column:1}
.hk-lc-lrow[data-side="below"]{grid-column:2}
.hk-lc-lside{display:block}
.hk-lc-lside-rep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hk-lc-lrow .hk-lc-lpx{font-size:13px;line-height:1.35}
@media (max-width:340px){.hk-lc-ladder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hk-lc-lrow{white-space:normal}}