/* PhotoBridge v904R66 — desktop-only compact order cards for photographer Print + Album.
   Goal: stage pills match the 30px action-button height and prepaid bank data stays concise. */
@media (min-width:821px){
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderCard.liveOrderCard{
    padding:9px 12px!important;
  }

  /* Keep the whole primary order row on one professional line. */
  html body #root .photographerMain.photographerPrintWorkspace .liveOrderMainRow{
    grid-template-columns:minmax(135px,.52fr) minmax(180px,.70fr) minmax(430px,1.72fr) max-content!important;
    column-gap:9px!important;
    row-gap:6px!important;
    align-items:center!important;
  }

  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts>span{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:1px 5px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts b{
    font-size:9.5px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts small{
    font-size:7.7px!important;
  }

  /* Print has 5 stages, Album has 6. They now use the same compact 30px control height
     as Delete / Details and remain fully inside the order card. */
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline,
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline{
    grid-column:3!important;
    grid-row:1!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(0,1fr)!important;
    gap:3px!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    align-self:center!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div,
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline>div{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0 5px!important;
    border:1px solid #e2e8f0!important;
    border-radius:8px!important;
    background:#fff!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div::before{
    display:none!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline .timelineDot{
    position:static!important;
    transform:none!important;
    flex:0 0 10px!important;
    display:grid!important;
    place-items:center!important;
    width:10px!important;
    height:10px!important;
    min-width:10px!important;
    min-height:10px!important;
    max-width:10px!important;
    max-height:10px!important;
    margin:0!important;
    padding:0!important;
    border-width:1.3px!important;
    font-size:6px!important;
    line-height:10px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline b{
    position:static!important;
    transform:none!important;
    display:block!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:8.6px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-line-clamp:unset!important;
    text-align:center!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline small{
    display:none!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div.done{
    background:#f8faff!important;
    border-color:#d9e3fb!important;
    color:#344054!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div.current{
    background:#eef4ff!important;
    border-color:#8faeee!important;
    color:#244ea2!important;
    box-shadow:none!important;
  }

  /* Action buttons define the shared height. */
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderQuickActions>button{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    min-width:46px!important;
    padding:0 8px!important;
    font-size:8.8px!important;
    border-radius:8px!important;
  }

  /* Pre-payment panel: one compact information strip rather than a tall mini-page. */
  html body #root .photographerMain.photographerPrintWorkspace .prepayOrderCard.prepayPaymentCard{
    display:grid!important;
    grid-template-columns:minmax(190px,.72fr) minmax(0,1.55fr) minmax(220px,.80fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    margin-top:6px!important;
    padding:7px 8px!important;
    border-radius:10px!important;
    overflow:visible!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayOrderCard.prepayPaymentCard>*{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayPaymentHero{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    padding:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayStatusBlock{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayStatusIcon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    font-size:12px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayStatusBlock .eyebrow,
  html body #root .photographerMain.photographerPrintWorkspace .prepayStatusBlock small,
  html body #root .photographerMain.photographerPrintWorkspace .prepayBankPanelHead small{
    display:none!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayStatusBlock b,
  html body #root .photographerMain.photographerPrintWorkspace .prepayBankPanelHead b{
    font-size:9px!important;
    line-height:1.15!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayAmount{
    display:grid!important;
    justify-items:end!important;
    gap:1px!important;
    min-width:max-content!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayAmount small{font-size:7px!important}
  html body #root .photographerMain.photographerPrintWorkspace .prepayAmount strong{font-size:10px!important;line-height:1!important}

  html body #root .photographerMain.photographerPrintWorkspace .prepayBankPanel{
    display:grid!important;
    grid-template-columns:auto minmax(150px,1fr) minmax(230px,1.25fr)!important;
    align-items:center!important;
    gap:6px!important;
    padding:5px 7px!important;
    border-radius:8px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayBankPanelHead{
    min-width:max-content!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayPrimaryPaymentInfo,
  html body #root .photographerMain.photographerPrintWorkspace .prepaySecondaryPaymentInfo{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepaySecondaryPaymentInfo{
    display:grid!important;
    grid-template-columns:minmax(130px,1.2fr) minmax(90px,.8fr)!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepaySecondaryPaymentInfo>div{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayPrimaryPaymentInfo>small,
  html body #root .photographerMain.photographerPrintWorkspace .prepaySecondaryPaymentInfo small{
    flex:0 0 auto!important;
    font-size:7px!important;
    white-space:nowrap!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayPrimaryPaymentValue,
  html body #root .photographerMain.photographerPrintWorkspace .prepaySecondaryValue{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .paymentNumber,
  html body #root .photographerMain.photographerPrintWorkspace .prepayAccountHolder{
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayPrimaryPaymentValue button,
  html body #root .photographerMain.photographerPrintWorkspace .prepaySecondaryValue button{
    height:23px!important;
    min-height:23px!important;
    padding:0 6px!important;
    border-radius:6px!important;
    font-size:7px!important;
  }

  html body #root .photographerMain.photographerPrintWorkspace .prepayUploadBox{
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayUploadBox>div:first-child{
    display:none!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .prepayUploadRow{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .pbFilePickerButton,
  html body #root .photographerMain.photographerPrintWorkspace .prepayUploadRow>button{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:0 8px!important;
    border-radius:7px!important;
    font-size:7.8px!important;
    line-height:1!important;
  }

  html body #root .photographerMain.photographerPrintWorkspace .prepayRejectNote,
  html body #root .photographerMain.photographerPrintWorkspace .prepayPendingReceipt,
  html body #root .photographerMain.photographerPrintWorkspace .prepayPaidConfirmation{
    padding:6px 8px!important;
    margin-top:5px!important;
    border-radius:8px!important;
    min-height:0!important;
  }
}