/* BOSTOP glow: a faint violet light inside every box, card, tile and panel. Pure styling: remove this file's <link> to undo. */
:root{--bn-glow:rgba(124,92,255,.10)}
body.dark-mode,html.dark{--bn-glow:rgba(124,92,255,.22)}
.card,.h3-stat,.h3-tile,.action-tile,.product-card,.txn,.helpbox,.promo-banner,.ops-sheet,.product-modal,.popup{
  background-image:radial-gradient(130% 90% at 0% 0%,var(--bn-glow),transparent 58%)!important;
  box-shadow:0 18px 44px -28px var(--bn-glow),inset 0 1px 0 rgba(255,255,255,.05)}
.h3-tile,.action-tile,.product-card{transition:transform .2s ease,box-shadow .2s ease}
.h3-tile:hover,.action-tile:hover,.product-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px -24px rgba(124,92,255,.5),inset 0 1px 0 rgba(255,255,255,.07)}
.pill,.h3-ico{box-shadow:0 0 18px -4px var(--bn-glow)}
@media (prefers-reduced-motion:reduce){.h3-tile,.action-tile,.product-card{transition:none}.h3-tile:hover,.action-tile:hover,.product-card:hover{transform:none}}

/* v49: clearly visible checkboxes in dark and light mode, and a roomier business-logo badge */
input[type=checkbox]{-webkit-appearance:none;appearance:none;width:22px!important;height:22px!important;flex:none;border-radius:7px;border:2px solid #8b93b8;background:rgba(139,147,184,.12);display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;margin:0 8px 0 0;transition:background .15s,border-color .15s,box-shadow .15s}
input[type=checkbox]:hover{border-color:#7c5cff}
input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(124,92,255,.35)}
input[type=checkbox]:checked{background:linear-gradient(135deg,#7c5cff,#3b82f6);border-color:transparent;box-shadow:0 4px 12px -3px rgba(124,92,255,.65)}
input[type=checkbox]:checked::after{content:"\2713";color:#fff;font-size:15px;font-weight:800;line-height:1}
input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
.sidebar .workspace .avatar{width:46px!important;height:46px!important;flex:0 0 46px;border-radius:14px}
.sidebar .workspace .avatar img{object-fit:contain!important}

/* v52: smooth page-to-page cross-fade (Chrome and Safari; other browsers ignore it) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
