/* PhotoSales Studio 4.3.24 — Mobile Experience & UI Stabilization
   Isolated compatibility layer. No layout grid or role permissions are changed. */
:root{
  --pss-ui-primary:#2563eb;
  --pss-ui-success:#16a34a;
  --pss-ui-warning:#f59e0b;
  --pss-ui-danger:#dc2626;
  --pss-ui-featured:#fbbf24;
  --pss-ui-ink:#0f172a;
  --pss-ui-muted:#475569;
  --pss-ui-surface:#ffffff;
  --pss-ui-line:#dbe4ef;
}

/* Main gallery photo: readable in Admin, Manager and Photographer photo cards. */
.pss-photo-manager-item .pss-cover-badge,
.pss-photo-manager-item .badge-soft.pss-cover-badge,
.pss-cover-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:.65rem!important;
  padding:.46rem .72rem!important;
  border:1px solid #d97706!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1.2!important;
  box-shadow:0 5px 16px rgba(15,23,42,.22)!important;
}
.pss-photo-manager-item .pss-cover-badge::first-letter,
.pss-cover-badge::first-letter{color:var(--pss-ui-featured)}

/* Set-as-main action follows the same visual language. */
.pss-photo-manager-item .pss-inline-cover-form{display:inline-flex!important;margin:0!important;max-width:100%!important}
.pss-photo-manager-item .pss-inline-cover-form .btn{
  min-height:40px!important;
  border:1px solid #d97706!important;
  background:linear-gradient(135deg,#f59e0b,#d97706)!important;
  color:#111827!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.pss-photo-manager-item .pss-inline-cover-form .btn:hover{filter:brightness(1.04);transform:translateY(-1px)}

/* Consistent action colors in workspace content without changing navigation. */
.pss-admin-context main .btn:not(.light):not(.danger),
.pss-admin-context .admin-main .btn:not(.light):not(.danger){color:#fff}
.pss-admin-context .notice.success{border-color:#86efac;background:#f0fdf4;color:#166534}
.pss-admin-context .notice.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}

/* Prevent forms and action rows from overflowing on narrow screens. */
.pss-photo-manager-item,.pss-photo-manager-grid,.admin-actions,
.pss-photographer-workspace,.pss-manager-workspace{min-width:0}
.pss-photo-manager-item strong,.pss-photo-manager-item small{overflow-wrap:anywhere}
.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.admin-actions>*{max-width:100%}

/* Mobile/tablet usability layer. */
@media (max-width:980px){
  html,body{max-width:100%;overflow-x:hidden}
  input,select,textarea,button{font-size:16px}
  .admin-actions .btn,.admin-actions button,.pss-inline-cover-form,.pss-inline-cover-form .btn{width:100%!important}
  .pss-photo-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .pss-photo-manager-item{padding:12px!important}
  .pss-photo-manager-item>img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .customer-order-photo-grid{grid-template-columns:1fr!important}
  .bar{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;border-radius:18px!important}
  .bar .btn,.bar button,.bar select{min-height:44px}
  table{max-width:100%}
  .table-wrap,.admin-table-wrap,.smart-project-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:640px){
  .pss-photo-manager-grid{grid-template-columns:1fr!important}
  .pss-cover-badge{white-space:normal!important;border-radius:14px!important}
  .gallery-hero{grid-template-columns:1fr!important;padding:16px!important}
  .gallery-hero img{height:auto!important;max-height:300px}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .photo-title{font-size:12px!important}
  .quick-stats{grid-template-columns:1fr!important}
}
@media (max-width:390px){
  .photo-grid{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}