/* UNINI V4 Aşama 2: tutarlı çizgi ikonlar, yumuşak panel hareketleri. */
.un-icon{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.un-nav-symbol{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(167,85,219,.24),rgba(255,203,112,.08));border:1px solid rgba(220,170,245,.18);color:#f5d6ff;flex:none}
.un-nav-symbol .un-icon{width:21px;height:21px}
.un-nav-arrow{display:grid;place-items:center;transition:transform .28s ease;color:#f7d38e}
.un-nav-arrow .un-icon{width:17px;height:17px}
.un-drawer-link:hover .un-nav-arrow{transform:translate(2px,-2px)}
.un-close{display:grid;place-items:center;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}
.un-close .un-icon{width:20px;height:20px}
.un-close:hover{transform:rotate(90deg);background:#813da6;border-color:#ffd987}
.un-chat-art,.un-empty-contacts span{display:inline-grid;place-items:center}
.un-chat-art .un-icon{width:39px;height:39px;color:#f4cbff;filter:drop-shadow(0 0 10px #c45af8)}
.un-empty-contacts .un-icon{width:32px;height:32px;color:#efbdff}
.un-chat-compose button .un-icon{width:18px;height:18px}
.un-view-all{display:inline-flex;align-items:center;gap:5px}
.un-view-all .un-icon,.un-chat-link .un-icon{width:15px;height:15px;display:inline-block;vertical-align:middle}
.un-message-panel,.un-side-menu{will-change:transform,opacity;transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .36s ease,visibility .48s;opacity:0;visibility:hidden}
.un-message-panel{transform:translate3d(calc(-100% - 40px),0,0) scale(.985);transform-origin:left center}
.un-side-menu{transform:translate3d(calc(100% + 40px),0,0) scale(.985);transform-origin:right center}
.un-message-panel.un-open,.un-side-menu.un-open{transform:translate3d(0,0,0) scale(1);opacity:1;visibility:visible}
.un-overlay{transition:opacity .35s ease,visibility .35s ease;opacity:0;visibility:hidden}
.un-overlay[hidden]{display:block!important;pointer-events:none}
.un-overlay.un-visible{opacity:1;visibility:visible;pointer-events:auto}
.un-menu-list .un-drawer-link{opacity:0;transform:translateX(22px);transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .35s ease,background .2s,box-shadow .2s}
.un-side-menu.un-open .un-drawer-link{opacity:1;transform:translateX(0);transition-delay:calc(var(--un-i,0) * 32ms)}
.un-drawer-link:hover{transform:translateX(-3px)!important}
.un-message-panel .un-message-layout{opacity:.65;transform:translateX(-12px);transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.un-message-panel.un-open .un-message-layout{opacity:1;transform:translateX(0);transition-delay:.09s}
.un-round .un-icon{width:27px;height:27px;transition:transform .25s ease}
.un-round:hover .un-icon{transform:scale(1.08)}
.un-round:focus-visible,.un-close:focus-visible,.un-drawer-link:focus-visible{outline:2px solid #ffdc83;outline-offset:3px}
@media(max-width:750px){.un-round .un-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.un-overlay,.un-message-panel,.un-side-menu,.un-menu-list .un-drawer-link,.un-message-panel .un-message-layout{transition:none!important;transition-delay:0ms!important}}
