.ccu-notif-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ccu-notif-heading h2{margin:0 0 5px}.ccu-notif-heading p{margin:0}
.ccu-notif-filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 12px;padding-bottom:12px;border-bottom:1px solid #dbe6ed}.ccu-notif-filters .selected{background:#1d678e;color:#fff;border-color:#1d678e}
#arenaNotificationList{max-height:min(62vh,600px);overflow-y:auto;overscroll-behavior:contain}
#arenaNotificationList .notification-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;line-height:1.5;padding:13px;margin-bottom:7px;border-radius:9px}
#arenaNotificationList .notification-item>span:nth-child(2){flex:1;min-width:0}
#arenaNotificationList .notification-item small{display:block;color:#728898;font-size:11px;margin-top:5px}
.ccu-notif-symbol{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:8px;background:#eaf3f8;font-size:17px}
.ccu-notif-unread{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#148bc5}
.ccu-mobile-dock{display:none}
@media(max-width:720px){
 body{padding-bottom:69px}.ccu-mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:65;background:#142a3b;color:#fff;border-top:2px solid #d9b349;box-shadow:0 -5px 17px #0d263c28;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}
 .ccu-mobile-dock button{background:transparent;border:0;color:#dce7ef;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;position:relative;min-height:49px;cursor:pointer;border-radius:6px}
 .ccu-mobile-dock button:focus-visible,.ccu-mobile-dock button:hover{background:#2c4b5f;outline:2px solid #e7c563}
 .ccu-mobile-dock button span{font-size:20px;line-height:1.15}.ccu-mobile-dock button small{font-size:10px;font-weight:800}
 .ccu-dock-badge{position:absolute;top:0;right:calc(50% - 23px);background:#dc4d4c;border-radius:10px;padding:1px 4px;min-width:15px;color:#fff;font-size:9px}
 .retro-menu,.ccu-context-nav{scroll-snap-type:x proximity}.retro-menu>button,.ccu-context-nav button{scroll-snap-align:start}
 .main{min-width:0;overflow-wrap:anywhere}.main .panel,.main .card,.main .ccu-work-card{min-width:0}
 .modal{padding:10px}.dialog{max-height:calc(100dvh - 96px);overflow-y:auto;max-width:100%;width:min(100%,620px);margin:0 auto}
 .ccu-create-dialog,.ccu-create-fields,.ccu-create-preview{min-width:0}.ccu-work-actions button,.dashboard-actions button{min-height:36px}
 .ccu-notif-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.ccu-notif-filters button{flex-shrink:0}
}