/* PhotoBridge v821 — store owner header/layout polish + Print finance statement automation UI. */

/* Store owner portal */
body.rentalAppReady .rentalShopIdentityBar{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 14px!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
}
body.rentalAppReady .rentalShopIdentityBar span,
body.rentalAppReady .rentalShopIdentityBar b{
  font:950 12.5px/1.15 Vazirmatn,Tahoma,Arial,sans-serif!important;
  opacity:1!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.rentalAppReady .rentalShopIdentityBar b{
  max-width:min(72vw,620px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.rentalAppReady .shell{
  width:min(1440px,calc(100% - 16px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(min-width:851px){
  body.rentalAppReady{padding-top:150px!important}
  body.rentalAppReady .rentalShopIdentityBar{top:64px!important}
  body.rentalAppReady .rentalDesktopPrimaryNav{top:106px!important}
  body.rentalAppReady .dashboardCards{top:150px!important}
  body.rentalAppReady .shell{margin-top:0!important}
}

@media(max-width:850px){
  body.rentalAppReady{padding-top:102px!important}
  body.rentalAppReady .rentalShopIdentityBar{
    top:60px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0 10px!important;
  }
  body.rentalAppReady .rentalShopIdentityBar span,
  body.rentalAppReady .rentalShopIdentityBar b{font-size:12px!important}
  body.rentalAppReady .shell{
    width:calc(100% - 8px)!important;
    margin-top:0!important;
    margin-bottom:84px!important;
  }
  body.rentalAppReady .dashboardCards{
    top:102px!important;
    margin:0 0 6px!important;
    padding:0 2px 6px!important;
    background:#f6f8fc!important;
  }
  body.rentalAppReady .rentalMobileDrawer{
    top:106px!important;
    right:6px!important;
    left:6px!important;
    max-height:calc(100dvh - 116px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:129!important;
  }
}

/* Print finance — make the laboratory identity truly viewport-centered. */
@media(max-width:820px){
  html.pb821PrintFinance body #root .photographerMain .photographerPrintModeNav{
    position:relative!important;
  }
  html.pb821PrintFinance body #root .photographerMain .photographerPrintModeNav>.photographerPrintTopLab{
    grid-area:lab!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0 10px!important;
    text-align:center!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }
  html.pb821PrintFinance body #root .photographerMain .photographerPrintModeNav>.photographerPrintTopLab::before{
    content:"لابراتوار"!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin:0!important;
    font:950 12px/1 Vazirmatn,Tahoma,Arial,sans-serif!important;
    opacity:1!important;
    white-space:nowrap!important;
  }
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabStatic,
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabSelect,
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabSelect .pbSelect,
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabSelect .pbSelectTrigger,
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabSelect .pbSelectButton{
    width:auto!important;
    min-width:0!important;
    max-width:min(72vw,560px)!important;
    margin:0!important;
    text-align:center!important;
    justify-content:center!important;
    font:950 12px/1.2 Vazirmatn,Tahoma,Arial,sans-serif!important;
    box-shadow:none!important;
  }
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabSelect .pbSelectTrigger>span,
  html.pb821PrintFinance body #root .photographerMain .photographerPrintTopLabSelect .pbSelectButton>span{
    text-align:center!important;
    width:100%!important;
  }

  /* Customer statement range: from/to in one row, auto-load, no manual display button. */
  html.pb821PrintFinance body #root .financeWorkspace .statementToolbar .statementFilters.pb821AutoStatement{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }
  html.pb821PrintFinance body #root .financeWorkspace .statementToolbar .statementFilters.pb821AutoStatement>.statementDateLabel{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  html.pb821PrintFinance body #root .financeWorkspace .statementToolbar .statementFilters.pb821AutoStatement .statementDateControl,
  html.pb821PrintFinance body #root .financeWorkspace .statementToolbar .statementFilters.pb821AutoStatement .persianDateField,
  html.pb821PrintFinance body #root .financeWorkspace .statementToolbar .statementFilters.pb821AutoStatement .persianDateTrigger{
    width:100%!important;
    min-width:0!important;
  }
  html.pb821PrintFinance body #root .financeWorkspace .statementToolbar .statementFilters>.pb821StatementDisplayButton{
    display:none!important;
  }
}