/* PhotoSales Studio 4.3.25-4.4.1 — Notification Center 2.0 */
.pss-order-notifications{position:relative;flex:0 0 auto}.pss-order-notification-bell{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;font-size:21px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.08)}.pss-order-notification-bell:hover,.pss-order-notification-bell:focus-visible{background:#eff6ff;border-color:#93c5fd;outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.pss-order-notification-count{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:900}.pss-order-notification-panel{position:absolute;z-index:10150;top:55px;right:0;width:min(460px,calc(100vw - 28px));max-height:min(680px,82vh);overflow:hidden;border:1px solid #dbe3ee;border-radius:18px;background:#fff;color:#0f172a;box-shadow:0 24px 70px rgba(2,6,23,.28)}.pss-order-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.pss-order-notification-head strong,.pss-order-notification-head small{display:block}.pss-order-notification-head small{margin-top:2px;color:#64748b}.pss-order-notification-mark{border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer;white-space:nowrap}.pss-notification-tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid #e2e8f0;overflow-x:auto;background:#fff}.pss-notification-tabs button,.pss-notification-show-unread{min-height:34px;padding:6px 10px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#475569;font-weight:800;white-space:nowrap;cursor:pointer}.pss-notification-tabs button.is-active,.pss-notification-show-unread.is-active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.pss-order-notification-list{max-height:480px;overflow:auto;overscroll-behavior:contain}.pss-order-notification-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 10px;gap:11px;align-items:start;padding:14px 15px;border-bottom:1px solid #edf2f7;color:#0f172a;text-decoration:none}.pss-order-notification-item:hover{background:#f8fafc}.pss-order-notification-item.is-read{background:#fff;opacity:.72}.pss-order-notification-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eff6ff;font-size:19px}.pss-level-success .pss-order-notification-icon{background:#ecfdf5}.pss-level-important .pss-order-notification-icon{background:#fff7ed}.pss-level-danger .pss-order-notification-icon{background:#fef2f2}.pss-order-notification-item strong,.pss-order-notification-item small,.pss-order-notification-item time{display:block;overflow-wrap:anywhere}.pss-order-notification-item small{margin-top:3px;color:#475569}.pss-order-notification-item time{margin-top:5px;color:#94a3b8;font-size:11px}.pss-notification-unread-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#2563eb}.pss-order-notification-item.is-read .pss-notification-unread-dot{background:#cbd5e1}.pss-order-notification-empty{padding:26px 18px;margin:0;text-align:center;color:#64748b}.pss-notification-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid #e2e8f0;background:#f8fafc}.pss-order-notification-all{padding:8px 10px;color:#2563eb;text-align:center;text-decoration:none;font-weight:800}.pss-order-notification-panel[hidden],[data-notification-id][hidden]{display:none!important}@media(max-width:700px){.pss-order-notification-panel{position:fixed;top:66px;right:8px;left:8px;width:auto;max-height:calc(100dvh - 76px);border-radius:16px}.pss-order-notification-list{max-height:calc(100dvh - 250px)}.pss-order-notification-head{align-items:flex-start}.pss-notification-footer{flex-direction:column}.pss-notification-footer>*{width:100%}.pss-order-notification-all{display:block}}

/* PhotoSales Studio 5.0.0-10.1 — Notification Engine accessibility and live refresh */
.pss-notification-head-actions{display:flex;align-items:center;gap:8px}.pss-notification-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#334155;font-size:22px;line-height:1;cursor:pointer}.pss-notification-close:hover,.pss-notification-close:focus-visible{background:#f1f5f9;outline:2px solid rgba(37,99,235,.22)}.pss-notification-sync{display:flex;align-items:center;gap:7px;min-height:25px;padding:4px 14px;border-bottom:1px solid #edf2f7;background:#fff;color:#64748b;font-size:11px}.pss-notification-sync-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}.pss-notification-sync[data-state="loading"] .pss-notification-sync-dot{background:#f59e0b;animation:pssNotificationPulse 1s infinite}.pss-notification-sync[data-state="error"] .pss-notification-sync-dot{background:#dc2626}.pss-notification-main-link{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;color:inherit;text-decoration:none;min-width:0}.pss-order-notification-item{grid-template-columns:minmax(0,1fr) 34px 10px}.pss-notification-read-one{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#2563eb;font-weight:900;cursor:pointer}.pss-notification-read-one:hover,.pss-notification-read-one:focus-visible{background:#eff6ff;outline:2px solid rgba(37,99,235,.18)}.pss-order-notification-item.is-read .pss-notification-read-one{color:#64748b}.pss-order-notification-mark:disabled,.pss-order-notification-mark.is-disabled{opacity:.45;cursor:not-allowed}.pss-order-notification-bell .pss-order-notification-count[hidden]{display:none!important}@keyframes pssNotificationPulse{50%{opacity:.35}}@media(max-width:700px){.pss-notification-sync{padding-inline:12px}.pss-notification-head-actions{align-self:center}.pss-order-notification-item{padding:13px 12px}}


/* PhotoSales Studio 5.0.0-10.4 — Priority & Filters */
.pss-notification-filter-groups{border-bottom:1px solid #e2e8f0;background:#fff}.pss-notification-filter-groups .pss-notification-tabs{border-bottom:0}.pss-notification-priorities{display:flex;gap:6px;padding:0 12px 10px;overflow-x:auto}.pss-notification-priorities button,.pss-activity-prioritybar button{min-height:32px;padding:5px 10px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#475569;font-weight:800;white-space:nowrap;cursor:pointer}.pss-notification-priorities button.is-active,.pss-activity-prioritybar button.is-active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.pss-notification-priority,.pss-activity-priority{display:inline-flex!important;align-items:center;width:max-content;margin-top:6px;padding:3px 7px;border-radius:999px;font-size:10px!important;font-weight:900;line-height:1.2}.pss-priority-urgent{background:#fef2f2;color:#b91c1c}.pss-priority-attention{background:#fffbeb;color:#a16207}.pss-priority-info{background:#eff6ff;color:#1d4ed8}.pss-order-notification-item[data-notification-priority="urgent"]{border-left:3px solid #dc2626}.pss-order-notification-item[data-notification-priority="attention"]{border-left:3px solid #f59e0b}.pss-order-notification-item[data-notification-priority="info"]{border-left:3px solid #3b82f6}@media(max-width:700px){.pss-notification-priorities{padding-inline:10px}.pss-notification-tabs{padding-inline:10px}}


/* PhotoSales Studio 5.2.3a — Notification Bell Scroll Polish
   Notification content stays fixed to the panel width. Only action rows scroll horizontally. */
.pss-order-notification-panel{overflow:hidden}
.pss-order-notification-list{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-y:contain}
.pss-order-notification-item,.pss-notification-main-link,.pss-notification-main-link>span:last-child{min-width:0;max-width:100%}
.pss-notification-main-link strong,.pss-notification-main-link small,.pss-notification-main-link time{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.pss-notification-actions{grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;padding:0 0 2px 53px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.pss-notification-actions .pss-notification-action{flex:0 0 auto;white-space:nowrap}
@media(max-width:700px){
  .pss-order-notification-list{overflow-y:auto;overflow-x:hidden}
  .pss-notification-actions{grid-column:1/-1;padding:0 0 3px 0;scroll-snap-type:x proximity}
  .pss-notification-actions .pss-notification-action{flex:0 0 auto;min-width:max-content;scroll-snap-align:start}
}

/* PhotoSales Studio 5.2.4-5 RC2a — Notification Center natural-width scrolling
   Keep the header and footer fixed. The notification list owns both scroll axes,
   and its rows retain a readable natural desktop width instead of being squeezed. */
.pss-order-notification-panel{
  display:flex;
  flex-direction:column;
  width:min(500px,calc(100vw - 28px));
  max-height:min(720px,86dvh);
  overflow:hidden;
}
.pss-order-notification-head,
.pss-notification-sync,
.pss-notification-filter-groups,
.pss-notification-footer{
  flex:0 0 auto;
}
.pss-notification-tabs,
.pss-notification-priorities{
  display:flex;
  flex-wrap:nowrap;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.pss-notification-tabs::after,
.pss-notification-priorities::after{
  content:"";
  flex:0 0 8px;
}
.pss-notification-tabs button,
.pss-notification-priorities button{
  flex:0 0 auto;
  width:auto;
  min-width:max-content;
  white-space:nowrap;
}
.pss-order-notification-list{
  flex:1 1 auto;
  min-height:180px;
  max-height:none;
  overflow-x:auto!important;
  overflow-y:auto!important;
  padding:0 0 16px;
  scroll-padding-bottom:16px;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.pss-order-notification-item{
  min-width:640px;
  max-width:none;
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr) 34px 10px;
}
.pss-notification-main-link{
  min-width:540px;
  max-width:none;
}
.pss-notification-main-link>span:last-child{
  min-width:0;
  max-width:none;
}
.pss-notification-main-link strong,
.pss-notification-main-link small{
  overflow-wrap:normal;
  word-break:normal;
}
.pss-notification-actions{
  max-width:none;
  overflow:visible;
  padding-bottom:2px;
}
.pss-order-notification-list::after{
  content:"";
  display:block;
  width:1px;
  height:10px;
}
@media(max-width:700px){
  .pss-order-notification-panel{
    width:auto;
    max-height:calc(100dvh - 76px);
  }
  .pss-order-notification-list{
    min-height:140px;
    max-height:none;
    padding-bottom:18px;
    scroll-padding-bottom:18px;
  }
  .pss-order-notification-item{min-width:600px}
  .pss-notification-main-link{min-width:500px}
}