/* Spiffy owned application surfaces. Creator storefront customization is excluded. */
body.spiffy-refresh {background:#f8f9fc;color:#20212b}
.spiffy-refresh :is(main,section,form,[role="dialog"],#root) :is(div,section,aside)[class*="bg-blue-50"],
.spiffy-refresh :is(div,section,aside)[class*="bg-purple-50"],
.spiffy-refresh :is(div,section,aside)[class*="bg-green-50"],
.spiffy-refresh :is(div,section,aside)[class*="bg-red-50"],
.spiffy-refresh :is(div,section,aside)[class*="bg-yellow-50"],
.spiffy-refresh :is(div,section,aside)[class*="bg-pink-50"],
.spiffy-refresh :is(div,section,aside)[class*="bg-orange-50"] {background:#fafafb!important;border-color:#e0e2e8!important;border-radius:14px;box-shadow:none!important}
.spiffy-refresh :is(div,section,aside)[class*="bg-blue-50"] :is(p,li,h3,h4,span),
.spiffy-refresh :is(div,section,aside)[class*="bg-purple-50"] :is(p,li,h3,h4,span) {color:#464957}
/* Match actual background utilities, never hover: or data-[state=active]: tokens. */
.spiffy-refresh :is(button,a):where(:not(.spiffy-creator-button):not(.button):not([role="tab"])):is([class^="bg-blue-"],[class*=" bg-blue-"],[class~="bg-primary"],[class^="bg-green-"],[class*=" bg-green-"],[class^="bg-purple-"],[class*=" bg-purple-"],[class^="bg-violet-"],[class*=" bg-violet-"],[class^="bg-pink-"],[class*=" bg-pink-"]) {background:linear-gradient(180deg,#9474f5 0%,#7549e5 46%,#6337cf 100%)!important;color:white!important;border:1px solid #7043d2!important;box-shadow:inset 0 1px 0 #ffffff60,0 3px 7px #42237c20!important;border-radius:11px;transition:box-shadow .15s,filter .15s}
.spiffy-refresh button:is([class^="bg-red-"],[class*=" bg-red-"]):not(.spiffy-creator-button):not(.button) {background:linear-gradient(#42434d,#252630)!important;border:1px solid #34353f!important;color:#fff!important;border-radius:11px;box-shadow:inset 0 1px 0 #ffffff25,0 3px 7px #20212b18!important}
.spiffy-refresh button[class*="border-green-"] {background:linear-gradient(#fff,#f2eefb)!important;color:#6337cf!important;border-color:#c9b9ec!important;border-radius:11px;box-shadow:inset 0 1px 0 white,0 2px 5px #30205012}
.spiffy-refresh button:disabled {opacity:.5;cursor:not-allowed;box-shadow:none!important}
.spiffy-refresh button:focus-visible,.spiffy-refresh a:focus-visible {outline:3px solid #a68be9;outline-offset:3px}
.spiffy-refresh button:not(:disabled):hover {filter:brightness(1.035)}
.spiffy-refresh [role="dialog"] {border:1px solid #e0e2e8;border-radius:20px;background:#fff;box-shadow:0 24px 80px #20212b24}
/* Approved raised pearl controls, with violet reserved for the selected tab. */
.spiffy-refresh {
  --spiffy-control-surface:linear-gradient(180deg,#fff 0%,#fdfdff 48%,#edf0f6 100%);
  --spiffy-control-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #dbe0eb,0 3px 2px -1px #2633501a,0 6px 12px -4px #26335035;
  --spiffy-selected-surface:linear-gradient(180deg,#9878ff 0%,#7854f4 28%,#633ce4 68%,#532dcf 100%);
  --spiffy-selected-shadow:inset 0 1px 1px #ffffffb3,inset 0 -2px 1px #38208066,0 3px 2px -1px #492ca133,0 7px 15px -5px #603ac970;
}
.spiffy-refresh .navbar-enhanced .glass-radio-group {
  gap:8px;padding:5px 0;background:none;border:0;border-radius:0;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;
}
.spiffy-refresh .navbar-enhanced .glass-radio-group > .glass-glider {display:none}
.spiffy-refresh .navbar-enhanced .glass-radio-group > label {
  min-width:0;padding:0;font-size:13px;letter-spacing:0;font-weight:600;
  overflow:visible;text-shadow:none;transition:box-shadow .16s,transform .16s;
}
.spiffy-refresh .navbar-enhanced .glass-radio-group > label > a {
  padding:10px 15px;min-height:42px;border-radius:10px;color:inherit;
}
.spiffy-refresh [role="tablist"] {
  height:auto;gap:8px;padding:5px;background:transparent!important;
  border:0!important;box-shadow:none!important;backdrop-filter:none;
}
.spiffy-refresh [role="tab"],
.spiffy-refresh .navbar-enhanced .glass-radio-group > label,
.spiffy-refresh .navbar-enhanced button:not([aria-label="Toggle menu"]):not([class~="bg-primary"]),
.spiffy-refresh .spiffy-analytics-actions > button,
.spiffy-refresh .spiffy-date-range > button,
.spiffy-refresh button[class~="border-input"]:not(.spiffy-creator-button):not(.button) {
  background:var(--spiffy-control-surface)!important;color:#263047!important;
  border:1px solid #dfe4ee!important;border-radius:10px;
  box-shadow:var(--spiffy-control-shadow)!important;min-height:40px;
  text-shadow:none;transition:box-shadow .16s,transform .16s,border-color .16s;
}
.spiffy-refresh [role="tab"] {padding:11px 16px;min-width:0}
.spiffy-refresh [role="tab"][data-state="active"],
.spiffy-refresh .navbar-enhanced .glass-radio-group > input:checked + label,
.spiffy-refresh .spiffy-date-range > button[class~="bg-blue-600"] {
  background:var(--spiffy-selected-surface)!important;color:#fff!important;
  border-color:#7952e8!important;box-shadow:var(--spiffy-selected-shadow)!important;
}
.spiffy-refresh .navbar-enhanced .glass-radio-group > label > a:focus-visible {outline-offset:3px}
.spiffy-refresh :is([role="tab"],.spiffy-analytics-actions > button,.spiffy-date-range > button,button[class~="border-input"]):not(:disabled):not(.spiffy-creator-button):not(.button):hover,
.spiffy-refresh .navbar-enhanced .glass-radio-group > label:hover {
  transform:translateY(-1px);border-color:#c2b7e2!important;filter:none;
}
.spiffy-refresh :is([role="tab"],.spiffy-analytics-actions > button,.spiffy-date-range > button,button[class~="border-input"]):not(:disabled):not(.spiffy-creator-button):not(.button):active,
.spiffy-refresh .navbar-enhanced .glass-radio-group > label:active {transform:translateY(1px)}
.spiffy-refresh .spiffy-analytics-actions {flex-wrap:wrap;gap:10px}
.spiffy-refresh .spiffy-analytics-actions > * {margin-left:0!important}
.spiffy-refresh .spiffy-date-range {
  display:flex;gap:7px;background:transparent!important;border:0!important;
  box-shadow:none!important;backdrop-filter:none;
}
.spiffy-refresh .spiffy-date-range > button {white-space:nowrap;padding:9px 12px}
.spiffy-refresh .spiffy-analytics-actions > button {padding:9px 15px}
.spiffy-refresh button:disabled {box-shadow:none!important;transform:none!important}
@media (min-width:1024px) and (max-width:1279px) {
  .spiffy-refresh .navbar-enhanced .glass-radio-group {gap:5px}
  .spiffy-refresh .navbar-enhanced .glass-radio-group > label > a {padding:10px;font-size:12px}
  .spiffy-refresh .navbar-enhanced .ml-8 {margin-left:12px}
  .spiffy-refresh .navbar-enhanced .ml-6 {margin-left:12px}
}
@media (max-width:640px) {
  .spiffy-refresh [role="tablist"]:not([aria-orientation="vertical"]) {
    display:flex;justify-content:flex-start;max-width:100%;overflow-x:auto;padding:5px 3px 10px;
  }
  .spiffy-refresh [role="tab"] {flex:0 0 auto;padding:10px 13px}
  .spiffy-refresh .spiffy-analytics-actions {align-items:center}
  .spiffy-refresh .spiffy-date-range {gap:5px;max-width:100%}
  .spiffy-refresh .spiffy-date-range > button {padding:9px;font-size:12px}
}
.spiffy-brand-link {display:inline-flex!important;align-items:center;min-width:110px}
.spiffy-brand-link > * {display:none!important}
.spiffy-brand-link::after {content:"";display:block;width:128px;height:48px;background:url('/brand/spiffy-wordmark.svg') center/contain no-repeat}
img.spiffy-wordmark {width:156px!important;height:58px!important;object-fit:contain}
@media(prefers-reduced-motion:reduce){.spiffy-refresh *{transition:none!important;animation:none!important}}