/* PhotoBridge v904R83 — photographer print/album order status unified with compact lab-code facts. */
html body #root .photographerMain.photographerPrintWorkspace .customerOrderCard.liveOrderCard{
  border:1px solid #e6eaf0!important;
  box-shadow:0 2px 10px rgba(16,24,40,.035)!important;
}
html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts>span,
html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div,
html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline>div{
  border:1px solid #e5e9ef!important;
  background:#f8fafc!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts>span{
  display:grid!important;
  grid-template-rows:auto auto!important;
  place-content:center!important;
  justify-items:center!important;
  text-align:center!important;
}
html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts b,
html body #root .photographerMain.photographerPrintWorkspace .liveTimeline b{
  font-weight:850!important;
  color:#344054!important;
}
html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div.done{
  background:#f2f7ff!important;
  border-color:#cfddf7!important;
}
html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div.current{
  background:#eaf2ff!important;
  border-color:#8eace3!important;
  box-shadow:inset 0 0 0 1px rgba(49,94,251,.06)!important;
}
html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div.current b{
  color:#244e9c!important;
}
@media (min-width:821px){
  html body #root .photographerMain.photographerPrintWorkspace .liveOrderMainRow{
    grid-template-columns:minmax(150px,.58fr) minmax(228px,.82fr) minmax(430px,1.7fr) max-content!important;
    column-gap:10px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts{
    gap:5px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts>span{
    height:38px!important;min-height:38px!important;max-height:38px!important;
    padding:3px 6px!important;
    border-inline-start:1px solid #e5e9ef!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts b{font-size:9.5px!important;line-height:1.1!important}
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts small{font-size:7.5px!important;line-height:1.1!important;color:#8a94a6!important}
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline,
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline{
    height:38px!important;min-height:38px!important;max-height:38px!important;gap:5px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div,
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline>div{
    height:38px!important;min-height:38px!important;max-height:38px!important;
    grid-template-columns:12px minmax(0,1fr)!important;
    gap:4px!important;padding:3px 6px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline .timelineDot{
    width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;max-width:12px!important;max-height:12px!important;line-height:12px!important;font-size:6px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline b{font-size:8.8px!important;line-height:1.15!important}
}
@media (max-width:820px){
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderCard.liveOrderCard{padding:9px!important}
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts>span{
    height:40px!important;min-height:40px!important;max-height:40px!important;padding:3px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts b{font-size:9.2px!important}
  html body #root .photographerMain.photographerPrintWorkspace .customerOrderFacts small{font-size:7.5px!important;color:#8a94a6!important}
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline,
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:40px!important;gap:5px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline>div,
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline.albumCustomerTimeline>div{
    height:40px!important;min-height:40px!important;max-height:40px!important;
    grid-template-columns:13px minmax(0,1fr)!important;gap:5px!important;padding:4px 6px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline .timelineDot{
    width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;line-height:13px!important;font-size:6px!important;
  }
  html body #root .photographerMain.photographerPrintWorkspace .liveTimeline b{font-size:8.8px!important;line-height:1.15!important}
}

/* PhotoBridge R100 — mobile photographer blue wash + shadowless chrome.
   Color-only treatment: keep layout/geometry/buttons untouched. */
@media (max-width:820px){
  :root{
    --pb-r100-blue-top:#e7f4ff;
    --pb-r100-blue-mid:#eef8ff;
    --pb-r100-blue-soft:#f5faff;
    --pb-r100-page:#f5f7fb;
    --pb-r100-accent:#1677ff;
    --pb-r100-accent-2:#315efb;
  }

  /* Photographer portal: one continuous pale-blue wash from the top into the page. */
  html body:has(#root .photographerMain){
    background:linear-gradient(180deg,var(--pb-r100-blue-top) 0,var(--pb-r100-blue-mid) 112px,var(--pb-r100-blue-soft) 210px,var(--pb-r100-page) 360px,var(--pb-r100-page) 100%)!important;
  }
  html body #root .photographerMain.appWorkspacePage{
    background:linear-gradient(180deg,var(--pb-r100-blue-top) 0,var(--pb-r100-blue-mid) 112px,var(--pb-r100-blue-soft) 210px,var(--pb-r100-page) 360px,var(--pb-r100-page) 100%)!important;
  }

  /* Main photographer header: no seam/shadow under it on any module. */
  html body #root .photographerMain>.unifiedRoleHeader.photographerHeaderRefined,
  html body #root .photographerMain>.photographerPrintModeHeader,
  html body #root .photographerMain .photographerPrintModeHeader.photographerHeaderRefined{
    background:linear-gradient(180deg,#e4f3ff 0%,#edf7ff 100%)!important;
    background-color:#eaf6ff!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    filter:none!important;
  }

  /* Context/second header used by Instagram, Album Design, Gallery, AI and related photographer modules. */
  html body #root #pb697PhotographerContextBar,
  html body #root .photographerMain>.unifiedRoleHeader.photographerHeaderRefined>.photographerHeaderNav,
  html body #root .photographerMain .photographerHeaderNav.photographerPrintModeNav,
  html body #root .photographerMain .photographerHeaderNav{
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    filter:none!important;
  }
  html body #root #pb697PhotographerContextBar{
    background:linear-gradient(180deg,#dceeff 0%,#eef8ff 100%)!important;
    color:#173b6c!important;
  }
  html body #root #pb697PhotographerContextBar .pb697ContextTitle b{color:#173b6c!important}
  html body #root #pb697PhotographerContextBar button{
    border-color:rgba(49,94,251,.16)!important;
    background:rgba(255,255,255,.58)!important;
    color:#244ea2!important;
    box-shadow:none!important;
  }
  html body #root #pb697PhotographerContextBar button.active{
    background:linear-gradient(135deg,var(--pb-r100-accent),var(--pb-r100-accent-2))!important;
    border-color:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  /* Remove any historical header/nav seam while preserving sizing/positioning. */
  html body #root .photographerMain.pbFixedRoleHeader>.unifiedRoleHeader.photographerHeaderRefined,
  html body #root .photographerMain.pb697ContextBarActive>.unifiedRoleHeader.photographerHeaderRefined{
    border-bottom:0!important;
    box-shadow:none!important;
  }

  /* Blue accent only; no geometry changes. */
  html body #root .photographerMain .rolePrimaryAction.active,
  html body #root .photographerMain .primaryAction,
  html body #root .photographerMain button.primary,
  html body #root .photographerMain .btn.primary{
    background-color:var(--pb-r100-accent)!important;
    border-color:var(--pb-r100-accent)!important;
  }
}