/* PhotoBridge v795 — requested mobile print/PWA/AI/Instagram refinements. */

/* 1) Print: one invoice action only. In upload it disappears; invoice view reuses its slot as Back. */
.photographerMain.photographerPrintWorkspace .pb795LowerFinanceHidden,
.photographerMain.photographerPrintWorkspace .pb795InvoiceHidden,
.photographerMain.photographerPrintWorkspace .pb795DuplicateBackHidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
.photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance.pb795FinanceBack{
  width:auto!important;min-width:72px!important;max-width:none!important;padding:0 10px!important;gap:5px!important;border-color:#c7d7fe!important;background:#f5f8ff!important;color:#244ea2!important
}
.photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance.pb795FinanceBack>span{font-size:16px!important;line-height:1!important}
.photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance.pb795FinanceBack>em{display:inline!important;font-style:normal!important;font-size:9.5px!important;font-weight:900!important;white-space:nowrap!important}
@media(max-width:820px){
  .photographerMain.photographerPrintWorkspace .photographerPrintModeUtilityCluster>.photographerPrintCommonAction.finance.pb795FinanceBack{min-width:68px!important;height:31px!important;padding-inline:8px!important}
}

/* 2) Installed PWA: never offer "Install app" inside the installed app or after installation is known. */
html.pb795Installed body .mobileHeaderInstall,
html.pb795Installed body .pb710InstallButton{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* 3) Photographer AI section tabs: active/inactive state must be unmistakable. */
.photographerAiSectionNav{
  padding:6px!important;gap:8px!important;border:1px solid #d7dfeb!important;background:#eef2f7!important;box-shadow:0 10px 30px rgba(15,23,42,.07)!important
}
.photographerAiSectionNav>button{
  position:relative!important;border:1px solid #d8e0ea!important;background:#fff!important;color:#344054!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important
}
.photographerAiSectionNav>button:hover{border-color:#aab8d2!important;box-shadow:0 4px 12px rgba(15,23,42,.05)!important}
.photographerAiSectionNav>button.active{
  background:linear-gradient(135deg,#315efb 0%,#4758d6 100%)!important;border-color:#315efb!important;color:#fff!important;box-shadow:0 8px 20px rgba(49,94,251,.24)!important;transform:translateY(-1px)!important
}
.photographerAiSectionNav>button.active::after{
  content:"فعال";position:absolute;left:9px;top:8px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:7.5px;font-weight:950;line-height:1.5
}
.photographerAiSectionNav>button.active>span{background:#fff!important;border-color:#fff!important;color:#315efb!important}
.photographerAiSectionNav>button.active small{color:rgba(255,255,255,.84)!important}
.photographerAiSectionNav>button:not(.active)>span{background:#f8fafc!important;color:#667085!important}
@media(max-width:820px){
  .photographerAiSectionNav{width:calc(100% - 14px)!important;padding:5px!important;gap:6px!important;border-radius:14px!important}
  .photographerAiSectionNav>button{min-height:68px!important;padding:9px 8px!important;border-radius:11px!important}
  .photographerAiSectionNav>button.active::after{left:6px;top:5px;font-size:6.8px!important;padding:2px 5px!important}
  .photographerAiSectionNav>button b{font-size:11px!important}.photographerAiSectionNav>button small{font-size:7.8px!important}
}

/* 4) Instagram mobile catalog: larger centered grid icons + breathing room around Filter. */
@media(max-width:820px),(pointer:coarse){
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar.pb795InstagramToolbar{gap:10px!important;padding:5px 8px!important;min-height:48px!important}
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar.pb795InstagramToolbar .albumDesignMobileGridToggle{gap:5px!important;margin-inline-start:0!important}
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar.pb795InstagramToolbar .albumDesignMobileGridToggle button{
    width:42px!important;min-width:42px!important;height:40px!important;min-height:40px!important;padding:0!important;display:grid!important;place-items:center!important;text-align:center!important;font-family:Arial,sans-serif!important;font-size:22px!important;line-height:1!important;border-radius:10px!important
  }
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar.pb795InstagramToolbar .albumDesignMobileGridToggle button.active{background:#e9efff!important;border-color:#6d86f7!important;color:#315efb!important;box-shadow:inset 0 0 0 1px rgba(49,94,251,.08)!important}
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar.pb795InstagramToolbar .albumDesignMobileTopFilter{
    flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0 7px!important;border-radius:10px!important
  }
  .photographerAlbumDesignCatalog .albumDesignModelViewToolbar.pb795InstagramToolbar .albumDesignMobileTopFilter svg{width:20px!important;height:20px!important;margin:auto!important}
}