/* v2.99.59 – one final, purpose-scoped layer. Preserve data, actions, and layouts. */
/* Master action cards: horizontal compact maroon/gold style based on approved reference. */
body.documents-screen #documents-ui .documents-master-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;margin:12px 0 17px!important;align-items:stretch!important;
}
body.documents-screen #documents-ui .documents-master-actions .documents-master-action{
  display:grid!important;grid-template-columns:clamp(32px,4vw,54px) minmax(0,1fr) 20px!important;
  grid-template-rows:1fr!important;align-items:center!important;
  justify-content:stretch!important;gap:9px!important;
  min-height:69px!important;height:auto!important;max-height:none!important;
  padding:9px 12px!important;position:relative!important;
  border:1px solid #c69b58!important;border-bottom:3px solid #b98945!important;
  border-radius:16px!important;
  background:linear-gradient(125deg,#a1193e 0%,#7a0d2b 65%,#550720 100%)!important;
  color:#fff8eb!important;text-align:left!important;text-decoration:none!important;
  font-size:clamp(10px,1.12vw,16px)!important;font-weight:750!important;
  box-shadow:inset 0 2px 1px #ffffff42,0 5px 12px #4b0b1c30!important;
  overflow:hidden!important;
}
body.documents-screen #documents-ui .documents-master-actions .documents-master-action::before{
  content:"";position:absolute;right:4px;top:0;bottom:0;width:30%;pointer-events:none;
  background:url('/images/landing-motif-v2603.svg') right center/auto 115% no-repeat;
  opacity:.115;
}
body.documents-screen #documents-ui .documents-master-action .staff-action-icon{
  grid-column:1;grid-row:1;display:grid!important;place-items:center!important;
  width:clamp(32px,4vw,54px)!important;height:clamp(32px,4vw,54px)!important;
  flex-basis:auto!important;border-radius:50%!important;
  background:linear-gradient(145deg,#fffdf4,#f2d49b)!important;
  box-shadow:inset 0 2px 1px #ffffffc4,0 2px 4px #24030f4b!important;
  color:#801333!important;
}
body.documents-screen #documents-ui .documents-master-action .staff-action-icon svg,
body.documents-screen #documents-ui .documents-master-action .staff-action-icon .luxury-icon,
body.documents-screen #documents-ui .documents-master-action .staff-action-icon .document-art-icon{
  width:clamp(20px,2.7vw,31px)!important;height:clamp(20px,2.7vw,31px)!important;
  max-width:100%!important;max-height:100%!important;
}
body.documents-screen #documents-ui .documents-master-action>span:nth-child(2){
  grid-column:2;grid-row:1;min-width:0;font-size:inherit!important;
  line-height:1.26!important;text-align:left!important;position:relative;z-index:1;
}
body.documents-screen #documents-ui .documents-master-action .staff-action-chevron{
  grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
  position:relative!important;right:auto!important;bottom:auto!important;top:auto!important;
  font-size:28px!important;line-height:1!important;color:#ffe7aa!important;
  padding-left:4px!important;border-left:1px solid #d3ad6a73!important;z-index:1;
}
body.documents-screen #documents-ui .documents-master-action .staff-action-pending{
  right:6px!important;top:4px!important;z-index:2;
  width:auto!important;min-width:22px!important;height:22px!important;
  border-radius:100px!important;font-size:12px!important;
}
body.documents-screen #documents-ui .documents-master-action[aria-expanded="true"]{
  background:linear-gradient(125deg,#b42b51,#7b0e2d 90%)!important;
}
@media(max-width:640px){
 body.documents-screen #documents-ui .documents-master-actions{gap:5px!important;}
 body.documents-screen #documents-ui .documents-master-actions .documents-master-action{
  grid-template-columns:minmax(0,1fr) 10px!important;grid-template-rows:27px auto!important;
  justify-items:center!important;align-content:center!important;gap:4px 2px!important;
  min-height:84px!important;padding:8px 4px!important;border-radius:12px!important;
  font-size:clamp(9px,2.5vw,11px)!important;text-align:center!important;
 }
 body.documents-screen #documents-ui .documents-master-action .staff-action-icon{
  grid-column:1/-1!important;grid-row:1!important;width:27px!important;height:27px!important;
 }
 body.documents-screen #documents-ui .documents-master-action .staff-action-icon svg,
 body.documents-screen #documents-ui .documents-master-action .staff-action-icon .luxury-icon,
 body.documents-screen #documents-ui .documents-master-action .staff-action-icon .document-art-icon{width:17px!important;height:17px!important;}
 body.documents-screen #documents-ui .documents-master-action>span:nth-child(2){grid-column:1/-1!important;grid-row:2!important;text-align:center!important;padding:0 6px;}
 body.documents-screen #documents-ui .documents-master-action .staff-action-chevron{
  grid-column:2!important;grid-row:2!important;font-size:15px!important;
  padding:0!important;border:0!important;align-self:end!important;
 }
 body.documents-screen #documents-ui .documents-master-action .staff-action-pending{right:3px!important;top:3px!important;min-width:18px!important;height:18px!important;font-size:10px!important;}
}
/* Explicitly style the separate /master/staff and /outlet/.../staff pages;
   the prior compact fix only applied to #documents-ui, which isn't on those pages. */
body.documents-screen .staff-page-workspace .staff-directory-controls{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;align-items:stretch!important;width:100%!important;min-width:0;
}
body.documents-screen .staff-page-workspace .staff-directory-controls.staff-directory-outlet{grid-template-columns:minmax(0,1fr)!important;}
body.documents-screen .staff-page-workspace .staff-directory-controls .staff-directory-card{
 display:grid!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
 max-width:100%!important;grid-template-columns:42px minmax(0,1fr) 15px!important;
 grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:2px!important;
 align-items:center!important;align-content:center!important;min-height:88px!important;
 padding:12px!important;text-decoration:none!important;border:2px solid #76102f!important;
 border-radius:18px!important;box-shadow:0 5px 10px #54132d1c!important;
}
body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-icon{
 display:grid!important;place-items:center!important;grid-column:1!important;grid-row:1/3!important;
 width:42px!important;height:48px!important;flex:none!important;min-width:0!important;
 border:1px solid #961c43!important;border-radius:12px!important;
 background:linear-gradient(145deg,#fffaf0,#f6e7cf)!important;
}
body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-icon svg{
 width:29px!important;height:29px!important;max-width:100%!important;max-height:100%!important;
}
body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-title{
 grid-column:2!important;grid-row:1!important;align-self:end!important;min-width:0!important;
 display:block!important;font-size:clamp(13px,1.8vw,19px)!important;line-height:1.2!important;
 color:inherit!important;text-align:left!important;text-decoration:none!important;
}
body.documents-screen .staff-page-workspace .staff-directory-card strong{
 grid-column:2!important;grid-row:2!important;align-self:start!important;justify-self:start!important;
 font-size:clamp(22px,3vw,36px)!important;line-height:1.1!important;
 color:inherit!important;text-decoration:none!important;
}
body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-arrow{
 grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;
 position:static!important;font-size:29px!important;line-height:1!important;text-decoration:none!important;
}
body.documents-screen .staff-page-workspace .staff-directory-controls .staff-directory-search{
 grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-auto-flow:row!important;gap:11px!important;align-content:start!important;
 width:100%!important;min-width:0!important;height:auto!important;
 padding:14px!important;box-sizing:border-box!important;
 border:1px solid #8c1638!important;border-radius:18px!important;
 background:#fff8eb!important;
}
body.documents-screen .staff-page-workspace .staff-directory-search>strong{
 display:block!important;line-height:1.25!important;font-size:clamp(17px,2vw,23px)!important;
 font-weight:800!important;margin:0!important;color:#5d0c28!important;
}
body.documents-screen .staff-page-workspace .staff-directory-search>div{
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
 align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important;
}
body.documents-screen .staff-page-workspace .staff-directory-search>div:first-of-type{gap:13px!important;flex-wrap:wrap!important;}
body.documents-screen .staff-page-workspace .staff-directory-search label{
 display:inline-flex!important;flex-direction:row!important;align-items:center!important;
 width:auto!important;min-width:0!important;gap:6px!important;margin:0!important;
 white-space:nowrap!important;font-size:14px!important;font-weight:700!important;
}
body.documents-screen .staff-page-workspace .staff-directory-search input[type=radio]{
 appearance:auto!important;-webkit-appearance:radio!important;accent-color:#7b1031!important;
 display:inline-block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;
 min-width:20px!important;max-width:20px!important;min-height:20px!important;
 margin:0!important;padding:0!important;
}
body.documents-screen .staff-page-workspace .staff-directory-search input[type=search]{
 display:block!important;flex:1 1 0!important;width:100%!important;min-width:0!important;
 max-width:100%!important;height:46px!important;min-height:46px!important;
 padding:8px 12px!important;font-size:16px!important;box-sizing:border-box!important;
}
body.documents-screen .staff-page-workspace .staff-directory-search button{
 display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:78px!important;
 max-width:none!important;min-height:46px!important;margin:0!important;padding:8px 13px!important;
 font-size:15px!important;justify-content:center!important;
}
@media(max-width:600px){
 body.documents-screen .staff-page-workspace .staff-directory-controls{gap:9px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-controls .staff-directory-card{padding:10px 8px!important;min-height:75px!important;grid-template-columns:35px minmax(0,1fr) 11px!important;column-gap:7px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-icon{width:35px!important;height:40px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-icon svg{width:25px!important;height:25px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-card .directory-card-title{font-size:13px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-card strong{font-size:24px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-search{padding:12px 11px!important;gap:9px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-search>div{gap:7px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-search label{font-size:13px!important;}
 body.documents-screen .staff-page-workspace .staff-directory-search button{min-width:73px!important;font-size:14px!important;padding:8px 11px!important;}
}
/* Banner arrows: 10% larger than the prior 34 / 30px; always render up and down.
   Direction and performance colors continue to come from trend-arrow.ejs. */
body .sales-banner .sales-banner-stats>.banner-stat .banner-stat-label>.trend-badge{
 display:grid!important;visibility:visible!important;opacity:1!important;
 width:37.4px!important;height:37.4px!important;min-width:37.4px!important;
 background:transparent!important;background-color:transparent!important;
 box-shadow:none!important;border:0!important;padding:0!important;overflow:visible!important;
}
body .sales-banner .sales-banner-stats>.banner-stat .banner-stat-label>.trend-badge svg{
 display:block!important;visibility:visible!important;
 width:28.6px!important;height:28.6px!important;min-width:28.6px!important;
 stroke:currentColor!important;fill:none!important;overflow:visible!important;
 animation:bc-arrow-visible-29959 2.7s ease-in-out infinite!important;
}
body .sales-banner .banner-stat .trend-badge-good{color:#14864b!important;}
body .sales-banner .banner-stat .trend-badge-bad{color:#d92750!important;}
body .sales-banner .banner-stat .trend-badge-neutral{color:#987e62!important;}
@keyframes bc-arrow-visible-29959{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.045)}}
@media(max-width:600px){
 body .sales-banner .sales-banner-stats>.banner-stat .banner-stat-label>.trend-badge{
  width:33px!important;height:33px!important;min-width:33px!important;right:6px!important;top:7px!important;
 }
 body .sales-banner .sales-banner-stats>.banner-stat .banner-stat-label>.trend-badge svg{
  width:25.3px!important;height:25.3px!important;min-width:25.3px!important;
 }
 body .sales-banner .banner-stat .banner-stat-label{padding-right:35px!important;}
}
@media(prefers-reduced-motion:reduce){body .sales-banner .banner-stat .trend-badge svg{animation:none!important;opacity:1!important;}}
/* Selected roster must retain the original dark-maroon Active Staff treatment. */
body.documents-screen .staff-page-workspace .staff-directory-controls .staff-directory-card.selected{
 background:linear-gradient(125deg,#4f071d,#880e32 94%)!important;
 color:#ffe6a8!important;border-color:#a87146!important;
 box-shadow:inset 0 1px 1px #ffffff30,0 5px 10px #54132d28!important;
}
body.documents-screen .staff-page-workspace .staff-directory-card.selected .directory-card-title,
body.documents-screen .staff-page-workspace .staff-directory-card.selected strong,
body.documents-screen .staff-page-workspace .staff-directory-card.selected .directory-card-arrow{
 color:#ffe6a8!important;
}