/* RALUVAAA Wish UX layer over the historical v03 canvas renderer. */
#veil{display:none!important}
#dock{display:none!important}

#quickActions{position:fixed;z-index:14;right:16px;top:371px;display:grid;gap:7px}
.quickbtn{position:relative;width:43px;height:43px;border:1px solid rgba(184,214,255,.14);border-radius:12px;background:rgba(3,10,20,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;cursor:pointer;padding:0}
.quickbtn:active{transform:scale(.97)}
.quickbtn svg{width:19px;height:19px;stroke:#eaf5ff;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.quickbtn.createWishIcon svg circle{transform-origin:12px 12px;animation:wishPulse 3.4s ease-out infinite}
.quickbtn.createWishIcon svg circle:nth-child(2){animation-delay:.75s}
@keyframes wishPulse{0%,45%{opacity:.32;transform:scale(.82)}85%,100%{opacity:.06;transform:scale(1.18)}}
.quickbtn::after{content:attr(data-tooltip);position:absolute;right:52px;top:50%;transform:translateY(-50%) translateX(4px);padding:6px 8px;border:1px solid rgba(184,214,255,.13);border-radius:8px;background:rgba(3,10,20,.95);box-shadow:0 8px 28px rgba(0,0,0,.28);color:#edf6ff;font-size:9px;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}
.quickbtn:hover::after,.quickbtn:focus-visible::after,.quickbtn.tip-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}

#entrusted{left:50%;right:auto;transform:translateX(-50%);bottom:max(16px,env(safe-area-inset-bottom));width:min(610px,calc(100vw - 32px));padding:10px 11px;border-radius:17px;transition:width .18s ease,padding .18s ease}
.entrusted-head{margin:0;gap:10px}
.entrusted-head strong{font-size:10px;letter-spacing:.13em}
#entrustedCollapse{margin-left:auto;width:28px;height:28px;border:0;background:transparent;color:rgba(225,236,250,.66);cursor:pointer;display:grid;place-items:center;padding:0}
#entrustedCollapse svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
#entrusted.collapsed #entrustedCollapse svg{transform:rotate(180deg)}
#entrusted.collapsed .entrusted-grid{display:none}
#entrusted.collapsed{width:auto;min-width:220px}

.entrusted-grid{display:grid;grid-template-columns:1fr;gap:4px;margin-top:7px}
.entrusted-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:9px 10px;border-radius:10px}
.entrusted-item .t{font-size:11px;line-height:1.38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entrusted-item .m{margin:0;display:block;white-space:nowrap;font-size:12px;font-weight:720;letter-spacing:.035em;color:rgba(235,242,250,.86);font-variant-numeric:tabular-nums}
.entrusted-item.urgent .m{color:#ff7373;text-shadow:0 0 10px rgba(255,90,90,.14)}

.action.active{background:rgba(228,238,241,.92)!important;border-color:rgba(238,247,250,.96)!important;color:#07111b!important;font-weight:700}
.action.active .ico{color:#07111b!important}
.action.done,.action:disabled{cursor:default!important;color:rgba(220,229,239,.42)!important;background:rgba(145,158,173,.07)!important;border-color:rgba(181,195,211,.08)!important;box-shadow:none!important}
.action.done .ico,.action:disabled .ico{color:rgba(220,229,239,.38)!important;filter:none!important}
.action.done:hover,.action:disabled:hover{background:rgba(145,158,173,.07)!important;border-color:rgba(181,195,211,.08)!important}

@media(max-width:760px){
  #quickActions{right:10px;top:318px}
  .quickbtn:hover::after{opacity:0}
  .quickbtn.tip-visible::after{opacity:1}
  #entrusted{left:10px;right:10px;transform:none;bottom:max(10px,env(safe-area-inset-bottom));width:auto;padding:9px 10px}
  #entrusted.collapsed{left:auto;right:10px;width:auto;min-width:205px}
  .entrusted-head strong{font-size:9px;letter-spacing:.12em}
  .entrusted-grid{gap:3px;margin-top:6px}
  .entrusted-item{padding:8px 9px;gap:10px}
  .entrusted-item .t{font-size:10px}
  .entrusted-item .m{font-size:11px}
  #detail{bottom:10px}
}
