/* Shahr Vam v533 — Root top-bar continuity and unified subpage headers */

/* Standardize custom page-level headers without changing their native content/actions. */
#page-content .so-full-detail-head.tiam-v533-topbar,
#page-content .v513-dashboard-head.tiam-v533-topbar{
  box-sizing:border-box!important;
  width:100%!important;
  margin:0 0 12px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:var(--tiam-v298-radius,20px)!important;
  background:linear-gradient(125deg,var(--tiam-v298-navy,#0d355b) 0%,var(--tiam-v298-navy-2,#123f6e) 72%,var(--tiam-v298-navy-3,#18558e) 100%)!important;
  color:#fff!important;
  box-shadow:var(--tiam-v298-shadow,0 12px 30px rgba(8,39,72,.14))!important;
  position:relative!important;
  overflow:hidden!important;
}
#page-content .so-full-detail-head.tiam-v533-topbar::after,
#page-content .v513-dashboard-head.tiam-v533-topbar::after{
  content:"";position:absolute;inset:auto -40px -75px auto;width:190px;height:190px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);pointer-events:none;
}

/* Sales/referral/refund full detail headers become the same navy top-bar language. */
#page-content .so-full-detail-head.tiam-v533-topbar{
  min-height:92px!important;max-height:108px!important;padding:14px 20px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;
}
#page-content .so-full-detail-head.tiam-v533-topbar .so-full-detail-title,
#page-content .so-full-detail-head.tiam-v533-topbar .page-actions{position:relative;z-index:1}
#page-content .so-full-detail-head.tiam-v533-topbar .so-full-detail-title{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important}
#page-content .so-full-detail-head.tiam-v533-topbar .so-full-detail-icon{
  width:58px!important;height:58px!important;min-width:58px!important;display:grid!important;place-items:center!important;
  border-radius:16px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;
}
#page-content .so-full-detail-head.tiam-v533-topbar .so-full-detail-icon svg{width:30px!important;height:30px!important;stroke:#fff!important;color:#fff!important}
#page-content .so-full-detail-head.tiam-v533-topbar :is(h1,h2,h3,b,strong){color:#fff!important;text-shadow:none!important}
#page-content .so-full-detail-head.tiam-v533-topbar :is(p,small){color:rgba(255,255,255,.76)!important;text-shadow:none!important}
#page-content .so-full-detail-head.tiam-v533-topbar h1{margin:0!important;font-size:21px!important;line-height:1.45!important}
#page-content .so-full-detail-head.tiam-v533-topbar p{display:none!important}
#page-content .so-full-detail-head.tiam-v533-topbar .page-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important}
#page-content .so-full-detail-head.tiam-v533-topbar .page-actions :is(button,a,.btn){
  min-height:38px!important;padding:7px 12px!important;border:1px solid rgba(255,255,255,.34)!important;background:#fff!important;
  color:var(--tiam-v298-navy,#0d355b)!important;border-radius:10px!important;box-shadow:none!important;white-space:nowrap!important;
}

/* Management dashboard keeps its filters, but its head is now the same top-bar visually. */
#page-content .v513-dashboard-head.tiam-v533-topbar{
  min-height:92px!important;max-height:none!important;padding:13px 18px!important;
  display:grid!important;grid-template-columns:minmax(250px,.65fr) minmax(560px,1.35fr)!important;align-items:center!important;gap:16px!important;
}
#page-content .v513-dashboard-head.tiam-v533-topbar>.v513-title,
#page-content .v513-dashboard-head.tiam-v533-topbar>.v513-dashboard-controls{position:relative;z-index:1}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-title :is(h1,h2,h3,b,strong){color:#fff!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-title :is(p,span,small){color:rgba(255,255,255,.78)!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-eyebrow{color:rgba(255,255,255,.7)!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-live-chip{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-dashboard-controls{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;padding:8px!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-dashboard-controls label>span{color:rgba(255,255,255,.78)!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-dashboard-controls :is(input,select){background:#fff!important;color:#163a5d!important;border-color:rgba(255,255,255,.35)!important}
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-apply-filter,
#page-content .v513-dashboard-head.tiam-v533-topbar .v513-refresh-button{background:#fff!important;color:var(--tiam-v298-navy,#0d355b)!important;border-color:rgba(255,255,255,.4)!important}

/* Case workspaces are subpages too: use the same navy/readable top-bar without changing their workflow layout. */
.t466-workspace>.t466-workspace-head{
  background:linear-gradient(125deg,#0d355b 0%,#123f6e 72%,#18558e 100%)!important;
  border-bottom-color:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:0 8px 22px rgba(8,39,72,.14)!important;
}
.t466-workspace>.t466-workspace-head .t466-head-icon{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.t466-workspace>.t466-workspace-head .t466-head-copy h2{color:#fff!important}
.t466-workspace>.t466-workspace-head .t466-head-copy small,
.t466-workspace>.t466-workspace-head .t466-head-meta{color:rgba(255,255,255,.76)!important}
.t466-workspace>.t466-workspace-head .t466-head-meta i{background:rgba(255,255,255,.45)!important}
.t466-workspace>.t466-workspace-head .t466-chip{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.t466-workspace>.t466-workspace-head :is(.t466-icon-btn,.t466-soft-btn){background:#fff!important;border-color:rgba(255,255,255,.4)!important;color:#153b61!important;box-shadow:none!important}

/* Fallback top bar inserted by v533 is always the first route-level element. */
#page-content>.tiam-page-hero.tiam-v533-topbar-fallback{animation:tiamV533TopbarIn .18s ease-out both}
@keyframes tiamV533TopbarIn{from{opacity:.72;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#page-content>.tiam-page-hero.tiam-v533-topbar-fallback{animation:none}}

/* Loading/error state stays below the top-bar and never visually replaces it. */
#page-content>.tiam-page-hero + .loading,
#page-content>.tiam-page-hero + .page-error-state,
#page-content>.tiam-page-hero + .v513-dashboard-shell-loading,
#page-content>.tiam-page-hero + .v513-dashboard-error{margin-top:0!important}

@media(max-width:1100px){
  #page-content .v513-dashboard-head.tiam-v533-topbar{grid-template-columns:1fr!important}
  #page-content .v513-dashboard-head.tiam-v533-topbar .v513-dashboard-controls{width:100%!important}
}
@media(max-width:760px){
  #page-content .so-full-detail-head.tiam-v533-topbar{grid-template-columns:1fr!important;max-height:none!important;padding:12px 14px!important}
  #page-content .so-full-detail-head.tiam-v533-topbar .page-actions{justify-content:flex-start!important;overflow:auto!important}
  .t466-workspace>.t466-workspace-head{grid-template-columns:1fr!important;gap:10px!important}
  .t466-workspace>.t466-workspace-head .t466-head-actions{justify-content:flex-start!important;overflow:auto!important}
}