/* UNINI Network Aşama 15 · Bildirim merkezi ve duyuru zili */
.un-topbar{position:relative;display:flex;gap:10px;align-items:center}
.un-topbar .un-message-trigger,.un-topbar .un15-bell-trigger{flex:0 0 auto;justify-self:auto}
.un-topbar .un-menu-trigger{margin-left:auto;flex:0 0 auto}
.un-topbar .un-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-self:auto;max-width:calc(100% - 250px);z-index:0}
.un-topbar .un-wordmark:hover{transform:translate(-50%,-50%) scale(1.02)}
.un15-icon,.un15-icon svg{display:inline-grid;width:22px;height:22px;flex:none;place-items:center}
.un15-bell-trigger{position:relative;color:#ffe6a9;border-color:rgba(255,209,132,.43)}
.un15-bell-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:2px 5px;border-radius:999px;background:#ffdf8e;border:1px solid #9b5f57;color:#371638;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 0 9px #e9b56b60}
.un15-quick-panel{position:fixed;z-index:100;left:max(22px,calc((100vw - 1480px)/2));top:104px;width:min(380px,calc(100vw - 28px));max-height:min(70vh,620px);overflow-y:auto;border-radius:20px;border:1px solid rgba(240,196,255,.65);padding:16px;background:linear-gradient(135deg,rgba(61,22,85,.98),rgba(23,10,41,.98));box-shadow:0 20px 65px #050008bf;color:#fff;scrollbar-width:thin;scrollbar-color:#9063ac transparent;animation:un15-appear .23s cubic-bezier(.2,.82,.18,1) both}
.un15-quick-panel[hidden]{display:none!important}
@keyframes un15-appear{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.un15-quick-head,.un15-notification-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
.un15-quick-head{border-bottom:1px solid #c995dd55;padding:0 2px 13px}
.un15-quick-head h2{font-size:17px;margin:0;color:#ffe5a4}
.un15-quick-close,.un15-settings-close{border:1px solid #d9b3ef66;background:#51276e;color:#fff;cursor:pointer;border-radius:12px;font-size:24px;line-height:1;width:36px;height:36px}
.un15-quick-list{display:grid;gap:9px;padding:12px 0}
.un15-quick-card{border:1px solid #e5b4fa44;border-radius:13px;background:#ffffff0a;padding:13px;display:flex;flex-direction:column;gap:7px;transition:background .2s,border-color .2s;text-decoration:none;color:#fff}
.un15-quick-card:hover{background:#9544bc39;border-color:#efc9ff9b}
.un15-quick-card.is-unread{border-color:#ffd48396}
.un15-quick-card strong{font-size:13px;overflow-wrap:anywhere}
.un15-quick-card small{font-size:11px;color:#cdb5da}
.un15-quick-all{display:block;text-align:center;border-radius:13px;padding:12px;background:linear-gradient(110deg,#8232b9,#632691);color:#fff;font-size:12px;font-weight:900;text-decoration:none}
.un15-quick-all:hover{filter:brightness(1.15)}
/* three panels desktop: People / Chat / Notifications */
.un-full-messages .un-full-message-layout.un9-social-layout{grid-template-columns:minmax(170px,23%) minmax(260px,49%) minmax(225px,28%)!important;min-height:560px;height:min(76vh,740px)}
.un15-notification-column{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,rgba(65,26,87,.47),rgba(25,11,39,.71));border-left:1px solid rgba(220,160,249,.35);color:white}
.un15-notification-head{padding:18px 14px 13px;border-bottom:1px solid #d2a2e349}
.un15-notification-head small,.un15-settings-head small{display:block;font-weight:900;letter-spacing:.17em;color:#ffe29a;font-size:9px;margin-bottom:5px}
.un15-notification-head h2{margin:0;font-size:19px;color:#fff}
.un15-head-actions{display:flex;align-items:center;gap:6px}
.un15-mark-all,.un15-settings-button{border:1px solid #d8b7e26f;border-radius:11px;background:#5d317b66;color:#f6eafa;font-weight:700;cursor:pointer;padding:8px 9px;font-size:10px;transition:background .15s}
.un15-mark-all:hover,.un15-settings-button:hover{background:#9d4cb374}
.un15-settings-button{padding:6px}.un15-settings-button .un15-icon,.un15-settings-button svg{height:19px;width:19px}
.un15-notifications-list{min-height:0;overflow-y:auto;flex:1;padding:10px;display:grid;align-content:start;gap:8px;scrollbar-color:#9663a1 transparent;scrollbar-width:thin}
.un15-notification{position:relative;display:flex;align-items:flex-start;gap:9px;text-decoration:none;color:#fff;border-radius:13px;padding:11px 9px;background:#ffffff0a;border:1px solid #c48edd35;transition:background .18s,border-color .18s;min-width:0}
.un15-notification:hover{background:#9b55bc2e;border-color:#dfaaec74}
.un15-notification.is-unread{background:#8b43a72d;border-color:#ffd38669}
.un15-notification>.un15-icon{color:#ffd88e;background:#9b4ac02d;border-radius:8px;padding:5px;height:34px;width:34px}
.un15-notification-text{min-width:0;display:grid;gap:4px;flex:1}
.un15-notification-text strong{font-size:12px;line-height:1.35}
.un15-notification-text span{font-size:11px;line-height:1.55;color:#e0cde6;overflow-wrap:anywhere}
.un15-notification-text small{font-size:10px;color:#ba9ec8}
.un15-unread-dot{height:7px;width:7px;border-radius:50%;background:#ffdb86;box-shadow:0 0 9px #f7ce77;flex:0 0 auto;margin-top:4px}
.un15-inbox-foot{border-top:1px solid #d2a2e32c;color:#bda7ca;font-size:10px;line-height:1.5;padding:12px;margin:0}
.un15-empty{padding:35px 14px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}
.un15-empty>.un15-icon{color:#ffdf9e}.un15-empty strong{font-size:12px}.un15-empty p{font-size:11px;line-height:1.7;margin:0;color:#cdb6d8}
.un15-mobile-trigger{display:none}
/* Preferences */
.un15-settings-dialog{max-width:min(610px,calc(100vw - 22px));width:610px;max-height:min(87vh,900px);overflow:auto;box-sizing:border-box;color:#fff;padding:22px;border-radius:22px;border:1px solid #d6a5efa6;background:linear-gradient(145deg,#481e5e,#1d102c);box-shadow:0 32px 120px #000b}
.un15-settings-dialog::backdrop{background:#0a0519ba;backdrop-filter:blur(4px)}
.un15-settings-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #dba8e34a}
.un15-settings-head h2{margin:0;font-size:23px}
.un15-settings-group{padding:15px 0 4px}
.un15-settings-group h3{margin:0 0 9px;font-size:14px;color:#ffdf99}
.un15-setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dba8e331;padding:11px 14px;border-radius:11px;margin-bottom:7px;cursor:pointer;font-size:13px;font-weight:650}
.un15-setting-input{accent-color:#c25dec;width:18px;height:18px;flex:none;cursor:pointer}
.un15-settings-note{color:#dfc5e8;font-size:12px;line-height:1.7}
.un15-settings-status{min-height:18px;font-size:12px;color:#ffdb86}
.un15-save-preferences{padding:14px 18px;width:100%;border:1px solid #c881ed;border-radius:12px;font-weight:900;color:white;background:linear-gradient(100deg,#a044dc,#702baf);cursor:pointer}
.un15-save-preferences:disabled{opacity:.55;cursor:wait}
.un15-focus{outline:2px solid #ffdc8b70;outline-offset:2px}
@media(max-width:1050px){
 .un-full-messages .un-full-message-layout.un9-social-layout{grid-template-columns:minmax(150px,34%) minmax(0,66%)!important}
 .un-full-messages .un-full-message-layout{position:relative}
 .un15-notification-column{display:none;position:absolute;top:0;right:0;bottom:0;width:min(360px,100%);z-index:92;border:1px solid #bb89db;border-radius:18px;box-shadow:0 16px 60px #0009}
 .un15-mobile-show .un15-notification-column{display:flex;animation:un15-mobile-in .3s ease-out both}
 .un15-mobile-trigger{display:inline-flex;align-items:center;gap:8px;margin:10px 0;padding:10px 14px;border:1px solid #e5bbef66;border-radius:12px;color:#fff;background:#6f329258;font-weight:750;cursor:pointer}
 .un15-mobile-trigger .un15-icon{color:#ffe1a1}
 @keyframes un15-mobile-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
}
@media(max-width:720px){
 .un-topbar{gap:7px;padding-left:9px;padding-right:9px}
 .un-topbar .un-wordmark{max-width:calc(100% - 155px);font-size:clamp(11px,3.1vw,17px);gap:4px;letter-spacing:-.01em}
 .un-topbar .un-message-trigger,.un-topbar .un15-bell-trigger,.un-topbar .un-menu-trigger{height:41px;width:41px;border-radius:13px}
 .un15-quick-panel{top:79px;left:8px;width:calc(100vw - 16px);box-sizing:border-box}
 .un-full-messages .un-full-message-layout.un9-social-layout{grid-template-columns:36% 64%!important}
 .un15-mark-all{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.un15-quick-panel,.un15-mobile-show .un15-notification-column{animation:none!important}}