/* Live List art direction. Scoped to this page so the desk and invoice layout
   retain their existing geometry. Native focus styling comes from style.css. */
.live-list-page { background: var(--paper); }
.live-list-page .shell, .live-list-page .wrap { width: min(1240px, calc(100% - 56px)); max-width: none; padding: 0; margin-inline: auto; }
.live-list-page .topbar { position: static; border-top: 3px solid var(--red); }
.live-list-page .masthead-inner { min-height: 66px; }
.live-list-page .brand { height: 64px; }
.live-list-page .brand .headfish { height: 64px; }
.live-list-page .brand .headtype { height: 44px; }
.live-list-page .brand .wordmark { height: 47px; }
.live-list-page .account-nav a, .live-list-page .headright .headtel { text-decoration: none; color: #475d64; }
.live-list-page .account-nav a.on { color: var(--red); }
.live-list-page .nav-band { background: var(--white); box-shadow: none; border-top: 1px solid #e6e3d9; border-bottom: 1px solid var(--edge); }
.live-list-page .navigation { display: flex; justify-content: flex-end; gap: 30px; }
.live-list-page .navigation a { background: none; border: 0; min-height: 34px; padding: 4px 0; color: #425b64; font-size: 12px; font-weight: 400; }
.live-list-page main { min-height: 0; padding-bottom: 30px; }
.live-list-page #signedin > .head { display: flex; align-items: center; gap: 24px; justify-content: space-between; padding: 14px 0 12px; }
.live-list-page #signedin > .head h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: 42px; letter-spacing: -.04em; line-height: 1; }
.live-list-page #signedin > .head .kicker { order: 2; color: #596a6a; font-size: 10px; letter-spacing: .1em; margin: 0; text-align: right; }
.live-list-page #signedin > .head .live-list-title .kicker { text-align: left; margin-bottom: 6px; }
.live-list-page #signedin > section:not(.head) { padding: 0; }
.live-list-page .week { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: baseline; justify-content: space-between; padding: 0 0 14px; margin: 0; border: 0; }
.live-list-page .week .lands { font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
.live-list-page .week .lands::before { content: 'ARRIVES'; font: 600 10px var(--sans); letter-spacing: .1em; color: #5c6d70; margin-right: 12px; }
.live-list-page .week .cut { font-size: 12px; color: #506368; }
.live-list-page .head .week { display: block; padding: 0; text-align: right; }
.live-list-page .head .week .cut { display: block; margin-top: 3px; }
.live-list-page .lockbar { margin: 0 0 16px; padding: 12px 16px; border-left: 3px solid var(--red); background: #e8e9e0; }
.live-list-page .lockbar .lbl { font-size: 11px; color: var(--ink); margin-bottom: 3px; }
.live-list-page .lockbar .small { font-size: 13px; line-height: 1.5; }
.live-list-page .lockbar .btn { min-height: 36px; padding: 8px 14px; font-size: 12px; }
.live-list-page .lhead { display: none; }
.live-list-page .catch-board { display: grid; grid-template-columns: minmax(0, 1.82fr) minmax(290px, 1fr); gap: 18px 22px; align-items: start; }
.live-list-page .catch-group { padding: 0; margin: 0; min-width: 0; background: var(--white); border: 1px solid var(--edge); }
.live-list-page .catch-live { grid-column: 1; grid-row: 1 / span 2; }
.live-list-page .catch-board:has(.catch-other) .catch-live { grid-row: 1 / span 3; }
.live-list-page .catch-fresh, .live-list-page .catch-frozen, .live-list-page .catch-other { grid-column: 2; }
.live-list-page .catch-heading { min-height: 63px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; background: #c1cac6; border-bottom: 1px solid #aebeb2; }
.live-list-page .catch-heading h2 { font: 400 28px/1 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; }
.live-list-page .catch-heading p { margin-top: 5px; font-size: 12px; color: #4b625a; }
.live-list-page .catch-group:not(.catch-live) .catch-heading { min-height: 54px; padding-block: 12px; }
.live-list-page .catch-group:not(.catch-live) .catch-heading p { display: none; }
.live-list-page .catch-live .catch-heading { background: #b9cec0; color: var(--ink); border-bottom: 3px solid var(--red); min-height: 86px; padding: 0 0 0 18px; }
.live-list-page .catch-live .catch-heading h2 { font-size: 33px; }
.live-list-page .catch-live .catch-heading p { color: var(--ink); font-size: 12px; }
.live-list-page .catch-heading img { width: 154px; height: 86px; object-fit: cover; align-self: stretch; }
.live-list-page .catch-frozen .catch-heading { background: #bcccd8; border-color: #aabfce; }
.live-list-page .catch-frozen .catch-heading p { color: #4b6172; }
.live-list-page .catch-other .catch-heading { background: #cfcabc; }
.live-list-page .catch-columns { display: grid; grid-template-columns: minmax(0, 1fr) 104px 86px 84px; gap: 10px; padding: 7px 14px; border-bottom: 1px solid #3d5b66; background: var(--navy); color: #d8e4e7; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.live-list-page .catch-columns span:not(:first-child) { text-align: right; }
.live-list-page .lrow { display: grid; grid-template-columns: minmax(0, 1fr) 104px 86px 84px; grid-template-areas: 'nm pr qt amt' 'cs pr qt tot'; column-gap: 10px; row-gap: 2px; align-items: center; padding: 9px 14px; margin: 0; min-height: 84px; border: 0; border-bottom: 1px solid var(--edge); background: var(--white); }
.live-list-page .lrow:last-child { border-bottom: 0; }
.live-list-page .lrow:nth-child(odd) { background: var(--white); }
.live-list-page .lrow.out { background: var(--ice); }
.live-list-page .lrow:hover, .live-list-page .lrow.out:hover { background: #d2765c33; }
.live-list-page .lrow > div { min-width: 0; }
.live-list-page .lrow > div:not(:first-child) { border: 0; padding: 0; }
.live-list-page .lrow > div:first-child { grid-area: nm; }
.live-list-page .lcase { grid-area: cs; text-align: left; font: 400 12px/1.35 var(--sans); color: #536267; }
.live-list-page .lcase::before { content: ''; font: inherit; color: inherit; letter-spacing: 0; margin: 0; text-transform: none; }
.live-list-page .lcase::after { content: ''; }
.live-list-page .lrow .pr { grid-area: pr; align-self: center; display: block; font: 600 19px/1.3 var(--sans); color: var(--ink); text-align: right; letter-spacing: -.025em; }
.live-list-page .lrow .pr small { display: inline; font: 400 12px/1.45 var(--sans); letter-spacing: 0; color: #526168; }
.live-list-page .lrow .pr .percase { display: block; font-size: 11px; font-weight: 400; color: #41585f; }
.live-list-page .lrow .pr .pack-price-unit { display: inline; white-space: nowrap; }
/* The next volume break. Quiet, not a badge: it is an offer, and a customer who
   has already reached the top rung is shown nothing at all rather than a
   permanent ornament that stops meaning anything. */
.live-list-page .lrow .pr .pricebreak { display: block; margin-top: 3px; font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--rust, #9c4a2f); white-space: nowrap; }
.live-list-page .runsaved { font-size: 13px; font-weight: 500; color: var(--rust, #9c4a2f); font-variant-numeric: tabular-nums; }

.live-list-page .catch-live .lrow .pr .pack-price-unit { display: block; }
.live-list-page .pack-price-pending { display: block; font: 500 12px/1.35 var(--sans); color: var(--muted); letter-spacing: 0; }
.live-list-page .preorder-intro { font: 400 12px/1.4 var(--sans); color: #52646a; margin: 6px 0 0; }
.live-list-page .review-pack { display: block; margin-top: 3px; font: 400 12px/1.5 var(--sans); color: #52646a; }
.live-list-page .review-delivery { margin: 12px 0 0; }
.live-list-page .lrow input[aria-invalid="true"] { border-color: var(--red); outline: 1px solid var(--red); }
.live-list-page .lqty { grid-area: qt; align-self: center; text-align: right; }
.live-list-page .ltot { grid-area: tot; font: 400 11px/1.3 var(--sans); text-align: right; color: #425b64; }
.live-list-page .ltot::before { content: ''; }
.live-list-page .lamt { grid-area: amt; font: 600 17px/1.3 var(--sans); text-align: right; color: var(--ink); }
.live-list-page .lamt::before { content: ''; }
.live-list-page .lrow .nm, .live-list-page .lrow.out .nm { color: var(--ink); font: 600 17px/1.22 var(--sans); letter-spacing: -.02em; }
.live-list-page .lrow .sub { display: block; color: #52646a; font: 400 12px/1.4 var(--sans); margin-top: 3px; }
.live-list-page .signature-row { box-shadow: inset 3px 0 0 var(--red); }
.live-list-page .signature-row .nm, .live-list-page .signature-row.out .nm { color: var(--red); font-size: 20px; }
.live-list-page .lrow input { display: inline-block; width: 65px; height: 37px; min-height: 37px; padding: 5px 8px; border: 1px solid #849a98; background: #fff; color: var(--ink); font: 600 16px var(--sans); border-radius: 3px; text-align: right; }
.live-list-page .lrow input[readonly] { border-color: transparent; background: #eef1ea; color: var(--ink); }
.live-list-page .lqty .unit { display: block; font: 400 11px/1.3 var(--sans); color: #52666c; margin: 4px 0 0; }
.live-list-page .item-state { display: block; color: #5a574a; font: 600 12px/1.3 var(--sans); }
.live-list-page .item-deadline { display: block; font: 400 12px/1.4 var(--sans); color: #59696e; margin-top: 3px; }
.live-list-page .pr, .live-list-page .lqty, .live-list-page .ltot, .live-list-page .lamt { font-variant-numeric: tabular-nums; }
.live-list-page .is-sold-out .item-state { color: #a63c26; }
.live-list-page .fixed-cases { display: block; font: 600 17px/1.3 var(--sans); color: var(--ink); }
.live-list-page .order-detail-link { font: 600 12px var(--sans); text-decoration: underline; text-underline-offset: 3px; }
.live-list-page .catch-group:not(.catch-live) .catch-columns { display: none; }
.live-list-page .catch-group:not(.catch-live) .lrow { grid-template-columns: 1fr 80px 90px; grid-template-areas: 'nm nm nm' 'cs cs cs' 'pr qt amt' 'pr qt tot'; padding: 12px 17px 14px; row-gap: 3px; min-height: 146px; }
.live-list-page .catch-group:not(.catch-live) .lcase { text-align: left; }
.live-list-page .catch-group:not(.catch-live) .lrow .pr { text-align: left; margin-top: 7px; }
.live-list-page .catch-group:not(.catch-live) .lamt::before { content: 'AMOUNT'; display: block; font: 600 8px var(--sans); letter-spacing: .08em; color: #586d72; margin-bottom: 5px; }
.live-list-page #placewrap { margin-top: 18px; background: var(--white); padding: 18px; border: 1px solid var(--edge); }
.live-list-page .runtot { margin: 0 0 12px; border: 0; padding: 0; }
.live-list-page #place { background: var(--red); }
.live-list-page footer.site { border-top: 3px solid var(--red); }
.live-list-page .footer-inner { padding-block: 22px; }
.live-list-page .footer-seal { background: #f4f0e7; border-radius: 50%; }
@media (min-width: 901px) {
  .live-list-page .topbar { position: relative; }
  .live-list-page .masthead-inner { min-height: 76px; }
  .live-list-page .headright { align-self: flex-start; padding-top: 9px; }
  .live-list-page .nav-band { position: absolute; bottom: 5px; left: 0; right: 0; background: transparent; border: 0; pointer-events: none; }
  .live-list-page .navigation a { min-height: 25px; pointer-events: auto; }
  .live-list-page .navigation { gap: 24px; }
  .live-list-page .catch-live .catch-heading { min-height: 70px; }
  .live-list-page .catch-heading img { height: 70px; }
  .live-list-page .catch-columns { padding-block: 5px; }
  .live-list-page .lockbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 18px; }
  .live-list-page .lockbar > .lbl, .live-list-page .lockbar > .small { grid-column: 1; }
  .live-list-page .lockbar > p:last-child:not(.small):not(.lbl) { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0 !important; }
}
@media (max-width: 1120px) and (min-width: 901px) {
  .live-list-page .shell, .live-list-page .wrap { width: calc(100% - 36px); }
  .live-list-page .catch-board { grid-template-columns: minmax(0, 1.95fr) minmax(285px, 1fr); gap: 16px; }
  .live-list-page .lrow, .live-list-page .catch-columns { grid-template-columns: minmax(0, 1fr) 88px 68px 75px; gap: 4px 8px; padding-inline: 12px; }
  .live-list-page .lrow .nm { font-size: 16px; }
  .live-list-page .signature-row .nm { font-size: 19px; }
  .live-list-page .lrow .pr { font-size: 18px; }
  .live-list-page .catch-heading img { width: 130px; }
}
@media (max-width: 900px) {
  .live-list-page .shell, .live-list-page .wrap { width: calc(100% - 36px); }
  .live-list-page .masthead-note { display: none; }
  .live-list-page .catch-board { display: block; }
  .live-list-page .catch-group { margin-bottom: 18px; }
  .live-list-page .catch-group:not(.catch-live) .catch-columns { display: grid; }
  .live-list-page .catch-group:not(.catch-live) .lrow { grid-template-columns: minmax(0, 1fr) 104px 86px 84px; grid-template-areas: 'nm pr qt amt' 'cs pr qt tot'; padding: 9px 14px; min-height: 84px; }
  .live-list-page .catch-group:not(.catch-live) .lcase { text-align: left; }
  .live-list-page .catch-group:not(.catch-live) .lrow .pr { text-align: right; margin: 0; }
  .live-list-page .catch-group:not(.catch-live) .lamt::before { display: none; }
  .live-list-page .lrow > div:nth-child(6) { display: block; border: 0; margin: 0; padding: 0; }
  .live-list-page #signedin > .head h1 { font-size: 38px; }
  .live-list-page #signedin > .head .kicker { max-width: 220px; }
}
@media (max-width: 580px) {
  .live-list-page .shell, .live-list-page .wrap { width: calc(100% - 28px); }
  .live-list-page .masthead-inner { gap: 16px; min-height: 69px; }
  .live-list-page .brand, .live-list-page .brand .headfish { height: 54px; }
  .live-list-page .brand .headtype { height: 37px; }
  .live-list-page .brand .wordmark { height: 40px; padding-left: 7px; }
  .live-list-page .headright { gap: 10px; flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
  .live-list-page .account-nav { gap: 6px 12px; flex-wrap: wrap; justify-content: flex-end; }
  .live-list-page .account-nav a, .live-list-page .headright .headtel { font-size: 11px; padding-block: 4px; }
  .live-list-page .navigation { justify-content: space-between; gap: 16px; }
  .live-list-page #signedin > .head { align-items: flex-start; flex-direction: column; gap: 8px; padding: 22px 0 14px; }
  .live-list-page #signedin > .head .kicker { order: 0; max-width: none; text-align: left; font-size: 9px; }
  .live-list-page #signedin > .head h1 { font-size: 38px; }
  .live-list-page .week { display: block; }
  .live-list-page .week .lands { font-size: 16px; }
  .live-list-page .week .lands::before { font-size: 9px; margin-right: 8px; }
  .live-list-page .week .cut { display: block; margin-top: 4px; }
  .live-list-page .head .week { text-align: left; }
  .live-list-page .catch-columns, .live-list-page .catch-group:not(.catch-live) .catch-columns { display: none; }
  .live-list-page .lrow, .live-list-page .catch-group:not(.catch-live) .lrow { grid-template-columns: minmax(0, 1fr) 74px 92px; grid-template-areas: 'nm nm nm' 'cs cs cs' 'pr qt amt' 'pr qt tot'; padding: 14px; row-gap: 4px; min-height: 150px; }
  .live-list-page .lrow .pr, .live-list-page .catch-group:not(.catch-live) .lrow .pr { text-align: left; margin-top: 8px; }
  .live-list-page .lcase, .live-list-page .catch-group:not(.catch-live) .lcase { text-align: left; }
  .live-list-page .lrow .pr { font-size: 21px; }
  .live-list-page .lrow .nm { font-size: 19px; }
  .live-list-page .signature-row .nm { font-size: 22px; }
  .live-list-page .lrow .sub { font-size: 12px; }
  .live-list-page .lamt::before, .live-list-page .catch-group:not(.catch-live) .lamt::before { content: 'AMOUNT'; display: block; font: 600 9px var(--sans); letter-spacing: .08em; color: #586d72; margin-bottom: 4px; }
  .live-list-page .lrow input { min-height: 44px; }
  .live-list-page .catch-heading img { width: 122px; }
  .live-list-page .catch-live .catch-heading p { max-width: 165px; }
  .live-list-page .lockbar { padding: 12px; }
}

/* Deliberate color roles: category tints identify handling; navy identifies
   column labels; green indicates available stock. Do not lower row opacity. */
.live-list-page .catch-columns span + span { border-left: 1px solid #3d5b66; padding-left: 5px; }
.live-list-page #signedin > .head h1 { margin: 0; }
.live-list-page .catch-heading h2 { margin: 0; }
.live-list-page .catch-heading p { margin: 5px 0 0; }
.live-list-page .lrow > div:first-child { font-size: 12px; line-height: 1.4; }
.live-list-page .lrow .nm { display: block; margin-bottom: 3px; }
.live-list-page .lrow .sub { display: inline; margin: 0; }
.live-list-page .item-deadline { display: inline; margin-left: 6px; }
.live-list-page .deadline-text { display: inline-block; }
@media (max-width: 360px) {
  .live-list-page .lrow, .live-list-page .catch-group:not(.catch-live) .lrow { grid-template-columns: minmax(0, 1fr) 62px 74px; column-gap: 8px; }
  .live-list-page .lrow input { width: 60px; }
}
.live-list-page .stock-available, .live-list-page .stock-limited { display: inline-block; padding: 2px 6px; font-size: 10px; line-height: 1.25; font-weight: 600; letter-spacing: .01em; }
.live-list-page .stock-available { background: var(--green); color: #fff; }
.live-list-page .stock-limited { background: #ead8a8; color: #594414; }
.live-list-page .is-sold-out .item-state { display: inline-block; padding: 4px 7px; background: #f2d9ce; color: var(--red); }
.live-list-page .catch-group:not(.catch-live) .catch-columns { display: grid; grid-template-columns: 1fr auto; }
.live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(2),
.live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(3) { display: none; }
.live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(4) { font-size: 0; }
.live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(4)::after { content: 'THIS WEEK'; font-size: 10px; }
@media (min-width: 901px) {
  .live-list-page .catch-group:not(.catch-live) .lrow { min-height: 130px; }
  .live-list-page .catch-group:not(.catch-live) .catch-heading { min-height: 48px; padding-block: 8px; }
  .live-list-page .catch-group:not(.catch-live) .lrow { padding-block: 10px; row-gap: 2px; }
  .live-list-page .catch-live .lrow { min-height: 80px; }
}
.live-list-page #placewrap { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 8px 22px; align-items: center; padding: 14px 18px; border-top: 3px solid var(--navy); }
.live-list-page #placewrap[hidden] { display: none; }
.live-list-page .runtot { grid-column: 1; grid-row: 1; justify-content: flex-start; gap: 18px; margin: 0; }
.live-list-page .runtot > span:first-child { color: var(--muted); font-size: 13px; font-weight: 400; }
.live-list-page #runtot { color: var(--ink); font-size: 25px; }
.live-list-page #place { grid-column: 3; grid-row: 1; min-width: 154px; min-height: 44px; }
.live-list-page #skip { grid-column: 2; grid-row: 2; justify-self: end; margin: 0; padding: 0; min-height: 30px; border: 0; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; color: var(--muted); }
.live-list-page #placewrap > .help { grid-column: 1 / -1; grid-row: 3; margin: 0; font-size: 11px; }
.live-list-page #placewrap > .notes-field { grid-column: 1; grid-row: 2; margin: 0; padding: 0; border: 0; }
.live-list-page .notes-field summary { cursor: pointer; font-size: 12px; color: var(--ink); }
.live-list-page .notes-field[open] { grid-column: 1 / -1 !important; }
.live-list-page .notes-field label { margin-top: 10px; }
.live-list-page .notes-field textarea { min-height: 72px; }
.live-list-page #review { grid-column: 1 / -1; grid-row: 4; margin: 8px 0 0; }
@media (max-width: 900px) and (min-width: 581px) {
  .live-list-page .catch-group:not(.catch-live) .catch-columns { grid-template-columns: minmax(0, 1fr) 104px 86px 84px; }
  .live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(2),
  .live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(3) { display: block; }
  .live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(4) { font-size: 10px; }
  .live-list-page .catch-group:not(.catch-live) .catch-columns span:nth-child(4)::after { content: none; }
}
@media (max-width: 580px) {
  .live-list-page .catch-columns, .live-list-page .catch-group:not(.catch-live) .catch-columns { display: none; }
  .live-list-page #placewrap { grid-template-columns: 1fr auto; gap: 12px; padding: 14px; }
  .live-list-page #place { grid-column: 2; min-width: 124px; font-size: 13px; }
  .live-list-page .runtot { display: block; }
  .live-list-page .runtot > span { display: block; }
  .live-list-page #skip { grid-column: 2; font-size: 10px; }
  .live-list-page .review li { flex-wrap: wrap; gap: 4px; padding-block: 8px; }
  .live-list-page .review li .q { font-size: 12px; white-space: normal; }
}