/* BN721 - App depth: three consistent levels (surface, raised, overlay) and press feedback on buttons, so taps visibly register. */
:root{--bn-l1:0 1px 1px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06),0 6px 16px -10px rgba(16,24,40,.14);--bn-l1-hover:0 1px 1px rgba(16,24,40,.05),0 4px 8px -2px rgba(16,24,40,.08),0 16px 28px -14px rgba(16,24,40,.24);--bn-l2:0 2px 4px rgba(16,24,40,.06),0 14px 32px -12px rgba(16,24,40,.3);--bn-l3:0 4px 8px rgba(16,24,40,.08),0 28px 64px -20px rgba(16,24,40,.45);--bn-edge:inset 0 1px 0 rgba(255,255,255,.9)}
/* level 1: surfaces */
.bn-content .panel,.bn-content .bn-card,.bn-content .card,.bn-content .bn-card-soft,.bn-content .tag-toolbar,.bn-content .bn684-card,.bn-content .bn711-hero,.bn-content details.bn711-sec,.bn-content article.bn432-row,.bn-content .bn432-toolbar,.bn-content .bn432-hero,
.bn-content [style*="border:1px solid #e6e8ec"][style*="border-radius:16px"],.bn-content [style*="border:1px solid #e6e8ec"][style*="border-radius:14px"]{box-shadow:var(--bn-edge),var(--bn-l1)!important}
/* clickable surfaces lift on hover (desktop) */
@media (hover:hover) and (pointer:fine){
  .bn-content a[style*="border:1px solid #e6e8ec"][style*="border-radius:16px"],.bn-content a.bn-card,.bn-content article.bn432-row{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}
  .bn-content a[style*="border:1px solid #e6e8ec"][style*="border-radius:16px"]:hover,.bn-content a.bn-card:hover,.bn-content article.bn432-row:hover{transform:translateY(-2px);box-shadow:var(--bn-edge),var(--bn-l1-hover)!important}
}
/* level 2: menus, dropdowns, sticky bars */
.bn711-more[open]>div,.bn432-more[open]>div,[role=menu],.dropdown-menu,.bn684-savebar,.bn691-savebar{box-shadow:var(--bn-l2)!important}
/* level 3: dialogs */
dialog,[role=dialog],.modal,.bn-modal{box-shadow:var(--bn-l3)!important}
/* press feedback */
.bn-content .bn-btn,.bn-content .btn,.bn-content button:not([role=tab]):not(.bn-menu-btn),.bn-content .bn432-mini,.bn-content .bn711-actions a,.bn-content input[type=submit],.bn-pos button,.pos-wrap button,[class*=pos] button{transition:transform .08s ease,box-shadow .12s ease,background-color .15s ease}
.bn-content .bn-btn:active,.bn-content .btn:active,.bn-content button:not([role=tab]):not(.bn-menu-btn):not(:disabled):active,.bn-content .bn432-mini:active,.bn-content .bn711-actions a:active,.bn-content input[type=submit]:active,[class*=pos] button:not(:disabled):active{transform:translateY(1px) scale(.97)}
.bn-content .bn-btn-primary,.bn-content .btn-primary,.bn-content .bn684-save,.bn-content .bn432-mini.sold{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 1px rgba(16,24,40,.18),0 6px 14px -8px rgba(21,128,61,.55)}
.bn-content .bn-btn-primary:active,.bn-content .btn-primary:active,.bn-content .bn684-save:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){.bn-content .bn-btn,.bn-content .btn,.bn-content button,[class*=pos] button{transition:none}.bn-content a[style*="border-radius:16px"]:hover{transform:none}}