.salon-logo{display:block;object-fit:contain;background:#080808;border-radius:12px;flex-shrink:0}
.nav-logo{width:57px;height:57px}
.brand{gap:10px;padding-left:18px;padding-right:18px}
.auth-card .salon-logo{width:108px;height:108px;margin:0 auto 20px;border-radius:22px}
.profile-logo{width:35px;height:35px;border-radius:9px}
.footer-brand{display:flex;align-items:center;gap:9px}
.footer-logo{width:28px;height:28px;border-radius:7px}
.duty-person{display:flex;align-items:center;justify-content:space-between;gap:12px}
.duty-remove{width:30px;height:30px;flex-shrink:0;color:var(--red)}
.duty-remove:hover{background:var(--soft)}
.duty-role-tag.rental{background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.account-watermark{position:fixed;inset:0 0 0 236px;z-index:45;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden;pointer-events:none!important;user-select:none!important;color:var(--ink);opacity:.035}
.account-watermark[hidden]{display:none!important}
.watermark-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;line-height:1.5;white-space:nowrap;font-weight:500;letter-spacing:.025em}
.watermark-label b{font-size:10px;letter-spacing:.04em;font-weight:600}
.watermark-logo{display:block;width:88px;height:112px;object-fit:contain;background:transparent;border-radius:0;margin-bottom:3px;filter:brightness(0)}
[data-theme="dark"] .watermark-logo{filter:brightness(0) invert(1)}
.modal-watermark{position:absolute;inset:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
@media(min-width:731px) and (max-width:1150px){.account-watermark:not(.modal-watermark){left:211px}}
@media(max-width:730px){.account-watermark:not(.modal-watermark){left:0;grid-template-columns:repeat(2,minmax(0,1fr))}.watermark-label,.watermark-label b{font-size:9px}.footer-brand{max-width:65%;font-size:10px}.nav-logo{width:52px;height:52px}}
@media print{.account-watermark{position:fixed;left:0;opacity:.05}}

/* Short, finite motion using compositor-friendly properties only. */
@keyframes mm-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes mm-dialog{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){
  #main>:not(.account-watermark){animation:mm-arrive .26s ease-out backwards}
  #main>:nth-child(2){animation-delay:35ms}
  #main>:nth-child(3){animation-delay:65ms}
  #main>:nth-child(n+4){animation-delay:90ms}
  dialog[open]{animation:mm-dialog .18s ease-out}
  .auth-card{animation:mm-arrive .3s ease-out}
  .scripts-topic[open] .scripts-cards{animation:mm-arrive .18s ease-out}
  .nav-item,.theme-choice,.filter,.icon-btn{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .14s ease}
  .btn:active,.theme-choice:active,.icon-btn:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}