.auth-slot{display:flex;align-items:center}.profile-auth{position:relative}.profile-btn{height:48px;min-width:144px;padding:6px 12px 6px 7px;border:1px solid rgba(46,63,35,.15);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(43,70,25,.07);display:flex;align-items:center;gap:10px;color:#172015;font-family:inherit;font-size:13px;font-weight:900;line-height:1;cursor:pointer;transition:.18s}.profile-btn:hover,.profile-btn[aria-expanded="true"]{transform:translateY(-1px);border-color:rgba(83,126,40,.28);box-shadow:0 12px 28px rgba(43,70,25,.11)}.profile-btn__head,.profile-btn__empty{width:34px;height:34px;border-radius:9px;border:1px solid rgba(64,80,53,.14);background:#f4f7ed;display:block;object-fit:cover;image-rendering:pixelated}.profile-btn__empty{background:linear-gradient(145deg,#f5f7ef,#eaf0de)}.profile-btn__chevron{margin-left:auto;font-size:15px;opacity:.55;transition:transform .2s}.profile-btn[aria-expanded="true"] .profile-btn__chevron{transform:rotate(180deg)}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:250;width:274px;padding:8px;border:1px solid rgba(54,74,41,.16);border-radius:18px;background:rgba(251,252,247,.98);box-shadow:0 22px 60px rgba(31,44,22,.17);backdrop-filter:blur(18px)}.profile-menu[hidden]{display:none}.profile-menu__who{padding:12px 12px 13px;border-bottom:1px solid rgba(55,72,43,.1);margin-bottom:6px}.profile-menu__who small{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:900;color:#87927e}.profile-menu__who strong{display:block;margin-top:5px;font-size:15px}.profile-menu__who span{display:block;margin-top:2px;font-size:11px;color:#85907e}.profile-menu__item{min-height:43px;padding:0 11px;border-radius:11px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;color:#263021;text-decoration:none;font-size:12px}.profile-menu__item:hover{background:#eef6df}.profile-menu__item span:first-child{font-size:16px;color:#7b8970}.profile-menu__item b{font-weight:850}.profile-menu__item em{font-style:normal;font-size:9px;color:#9ba392}.profile-menu__item--accent{background:#eef8dc;color:#4c7c22}.profile-menu__item--accent span:first-child{color:#68a72d}.profile-menu__item--danger{color:#bd493d}.profile-menu__item--danger span:first-child{color:#bd493d}.profile-menu__item.is-disabled{opacity:.45;cursor:not-allowed}.profile-menu__divider{height:1px;background:rgba(55,72,43,.1);margin:6px}.portal-login-button{text-decoration:none}@media(max-width:900px){.profile-auth,.portal-login-button{display:none!important}} [data-mobile-auth-slot]{display:contents} /* ========================================================= kirsrv-profile-menu-custom-icons-v1 ========================================================= */ .profile-menu a[href], .profile-menu__link { position: relative; min-height: 44px; display: flex; align-items: center; padding-left: 56px !important; } .profile-menu__icon, .account-nav__icon, .menu-link__icon { display: none !important; } .profile-menu a[href]::before, .profile-menu__link::before { content: ""; position: absolute; left: 14px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; filter: drop-shadow(0 0 10px rgba(130, 238, 84, .10)) drop-shadow(0 4px 10px rgba(0, 0, 0, .22)); transition: transform .16s ease, filter .16s ease, opacity .16s ease; opacity: .98; pointer-events: none; } .profile-menu a[href]:hover::before, .profile-menu__link:hover::before, .profile-menu a[href][aria-current="page"]::before, .profile-menu__link[aria-current="page"]::before, .profile-menu__item.is-active .profile-menu__link::before, .profile-menu .is-active > a::before { transform: translateY(-50%) scale(1.055); filter: drop-shadow(0 0 14px rgba(130, 238, 84, .18)) drop-shadow(0 8px 16px rgba(0, 0, 0, .28)); } /* Profile */ .profile-menu a[href*="/profile"]::before, .profile-menu__link[href*="/profile"]::before { background-image: url('/assets/menu-icons/profile.svg?v=20260922-menuicons1'); } /* Settings */ .profile-menu a[href*="/settings"]::before, .profile-menu__link[href*="/settings"]::before { background-image: url('/assets/menu-icons/settings.svg?v=20260922-menuicons1'); } /* Minecraft */ .profile-menu a[href*="/minecraft"]::before, .profile-menu__link[href*="/minecraft"]::before { background-image: url('/assets/menu-icons/minecraft.svg?v=20260922-menuicons1'); } /* Sessions */ .profile-menu a[href*="/sessions"]::before, .profile-menu__link[href*="/sessions"]::before { background-image: url('/assets/menu-icons/sessions.svg?v=20260922-menuicons1'); } /* Security */ .profile-menu a[href*="/security"]::before, .profile-menu__link[href*="/security"]::before { background-image: url('/assets/menu-icons/security.svg?v=20260922-menuicons1'); } /* History */ .profile-menu a[href*="/history"]::before, .profile-menu__link[href*="/history"]::before { background-image: url('/assets/menu-icons/history.svg?v=20260922-menuicons1'); } /* Create support */ .profile-menu a[href*="/support/create"]::before, .profile-menu a[href*="/support/new"]::before, .profile-menu a[href*="/complaint/create"]::before, .profile-menu__link[href*="/support/create"]::before, .profile-menu__link[href*="/support/new"]::before, .profile-menu__link[href*="/complaint/create"]::before { background-image: url('/assets/menu-icons/support-create.svg?v=20260922-menuicons1'); } /* My tickets */ .profile-menu a[href*="/support"]::before, .profile-menu a[href*="/complaints"]::before, .profile-menu__link[href*="/support"]::before, .profile-menu__link[href*="/complaints"]::before { background-image: url('/assets/menu-icons/support-list.svg?v=20260922-menuicons1'); } /* Admin */ .profile-menu a[href*="/admin"]::before, .profile-menu__link[href*="/admin"]::before { background-image: url('/assets/menu-icons/admin.svg?v=20260922-menuicons1'); } /* Logout */ .profile-menu a[href*="/logout"]::before, .profile-menu__link[href*="/logout"]::before { background-image: url('/assets/menu-icons/logout.svg?v=20260922-menuicons1'); } @media (max-width: 720px) { .profile-menu a[href], .profile-menu__link { padding-left: 52px !important; min-height: 42px; } .profile-menu a[href]::before, .profile-menu__link::before { left: 13px; width: 22px; height: 22px; } } /* ========================================================= kirsrv-profile-menu-custom-icons-v2 Real SVG icons in markup. Legacy ::before icon layer is disabled. ========================================================= */ /* Kill v1 pseudo-icons completely */ .profile-menu .profile-menu__item::before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; background: none !important; background-image: none !important; } /* Consistent item layout */ .profile-menu a.profile-menu__item, .profile-menu span.profile-menu__item { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto !important; align-items: center !important; column-gap: 10px !important; min-height: 46px !important; padding: 6px 10px !important; } /* Real icon container */ .profile-menu .profile-menu__item > .profile-menu__icon { display: grid !important; place-items: center !important; width: 28px !important; height: 28px !important; min-width: 28px !important; margin: 0 !important; padding: 0 !important; color: inherit !important; line-height: 0 !important; background: transparent !important; } /* SVG itself */ .profile-menu .profile-menu__item > .profile-menu__icon > img { display: block !important; width: 28px !important; height: 28px !important; max-width: none !important; object-fit: contain; user-select: none; pointer-events: none; transform: translateZ(0); filter: drop-shadow( 0 4px 8px rgba(0,0,0,.20) ); transition: transform .16s ease, filter .16s ease, opacity .16s ease; } /* Text */ .profile-menu .profile-menu__item > b { grid-column: 2; min-width: 0; } /* Secondary text for disabled items */ .profile-menu .profile-menu__item > em { grid-column: 3; margin: 0; } /* Hover */ @media (hover: hover) and (pointer: fine) { .profile-menu a.profile-menu__item:hover > .profile-menu__icon > img { transform: translateY(-1px) scale(1.065); filter: drop-shadow( 0 0 9px rgba(137, 244, 77, .14) ) drop-shadow( 0 6px 11px rgba(0,0,0,.24) ); brightness: 1.06; } } /* Logout stays red via its own SVG */ .profile-menu .profile-menu__item--danger > .profile-menu__icon > img { filter: drop-shadow( 0 0 7px rgba(255, 102, 76, .12) ) drop-shadow( 0 4px 8px rgba(0,0,0,.20) ); } /* Disabled */ .profile-menu .profile-menu__item.is-disabled > .profile-menu__icon > img { opacity: .48; filter: grayscale(.18) drop-shadow( 0 3px 7px rgba(0,0,0,.17) ); } @media (max-width: 720px) { .profile-menu a.profile-menu__item, .profile-menu span.profile-menu__item { grid-template-columns: 26px minmax(0, 1fr) auto !important; column-gap: 9px !important; min-height: 44px !important; padding: 6px 8px !important; } .profile-menu .profile-menu__item > .profile-menu__icon, .profile-menu .profile-menu__item > .profile-menu__icon > img { width: 26px !important; height: 26px !important; min-width: 26px !important; } } @media (prefers-reduced-motion: reduce) { .profile-menu .profile-menu__item > .profile-menu__icon > img { transition: none !important; } }