.topbar{grid-template-columns:44px minmax(0,1fr) 94px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.topbar .notification-bell{position:relative;border:1px solid #415750;background:linear-gradient(145deg,#213e3e,#183138);overflow:visible}.notification-bell img{display:block;width:35px;height:35px;object-fit:contain}.notification-bell .notification-badge{position:absolute;right:-5px;top:-4px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border-radius:7px;background:#f5cd79;color:#183038;border:2px solid #152d36;font-size:10px;font-weight:900;box-shadow:0 3px 8px #0003}.notification-badge[hidden]{display:none}.topbar .brand img{max-width:100%;object-fit:contain}.inbox-dialog{width:min(465px,calc(100vw - 22px))}.inbox-dialog .modal-head{background:linear-gradient(120deg,#26463f,#1c343f)}.inbox-title{display:flex;align-items:center;gap:11px}.inbox-title>img{width:43px;height:43px;object-fit:contain}.inbox-title h2{font-size:21px}.inbox-toolbar{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:8px}.inbox-toolbar .text-btn{font-size:11px;min-height:35px;margin:0}.inbox-status{color:var(--muted);font-size:11px;min-height:16px;margin:0 0 9px}.inbox-status.error{color:#ffb3a5}.inbox-list{display:flex;flex-direction:column;gap:12px}.inbox-item{padding:15px 16px;background:#1b3540;border:1px solid #34515b;border-radius:17px;position:relative;overflow:hidden}.inbox-item.unread{border-color:#a4915a;background:linear-gradient(135deg,#263e3f,#1b3540)}.inbox-item.unread::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f5cd79;top:18px;left:7px}.inbox-item-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px}.inbox-type{font-size:9px;font-weight:900;letter-spacing:.09em;color:#a1d9d0}.inbox-type.grant{color:#f5cd79}.inbox-type.invite{color:#b6c6ff}.inbox-item time{font-size:10px;color:var(--muted)}.inbox-item h3{font-size:16px;line-height:1.25;margin:0 0 7px!important}.inbox-item p{font-size:12px;color:#bed0d5;margin:0;line-height:1.5}.inbox-reward{display:flex;align-items:center;gap:8px;background:#17312e;border:1px solid #365950;border-radius:11px;margin-top:12px;padding:9px 10px;flex-wrap:wrap}.inbox-reward img{width:26px;height:26px;object-fit:contain}.inbox-reward>span{color:#f5cd79;font-size:25px}.inbox-reward strong{font-size:13px;color:#f5dd9d}.inbox-reward small{font-size:9px;color:#a0c8bc;margin-left:auto}.inbox-item .inbox-action{width:100%;padding:10px;font-size:12px;margin:12px 0 0;min-height:42px}.inbox-empty{text-align:center;padding:22px 8px 26px}.inbox-empty img{width:80px;height:80px;object-fit:contain;opacity:.8;margin-bottom:12px}.inbox-empty h3{font-size:19px;margin:0 0 10px}.inbox-empty p{font-size:13px;color:var(--muted);line-height:1.6}.inbox-empty .primary-btn{margin-top:15px}.invite-note{font-size:11px;color:var(--muted)}.room-invite-form{padding:13px;background:#142b34;border:1px solid #35545f;border-radius:15px;margin-top:12px}.room-invite-form label{font-size:12px;display:block;margin-bottom:7px}.room-invite-form .input-line{gap:8px}.room-invite-form input{min-width:0}.room-invite-form button{font-size:12px;white-space:nowrap}.shop-account-note{padding:12px 14px;margin:12px 0;border:1px solid #59715f;border-radius:12px;background:#203c34;color:#c2ddd0;font-size:12px;line-height:1.5}.shop-account-note button{color:#f5ce79;display:block;border:0;background:none;font:inherit;font-weight:800;margin-top:5px;padding:4px 0;cursor:pointer}
@media(max-width:380px){.topbar{gap:4px;grid-template-columns:42px minmax(0,1fr) 90px}.topbar-actions{gap:3px}.inbox-item{padding:14px}.inbox-reward small{width:100%;margin-left:34px}.room-invite-form .input-line{flex-wrap:wrap}.room-invite-form button{width:100%}.room-invite-form input{width:100%}}
.inbox-cup-result .inbox-type{display:flex;gap:6px;align-items:center;color:#efd18d;letter-spacing:.02em;}.inbox-cup-result .inbox-type img{width:24px;height:24px;object-fit:contain;}