body:has(#friend-toolbar){padding-top:62px}body:has(#friend-toolbar)>.app-shell{min-height:calc(100vh - 62px)}
.friend-toolbar{position:fixed;inset:0 0 auto;z-index:250;height:62px;padding:8px 28px;display:flex;align-items:center;justify-content:flex-end;gap:16px;background:#020c14f5;border-bottom:1px solid #16475a;box-shadow:0 6px 28px #0005;color:#d9efff}
.friend-toolbar-control{position:relative}.friend-notification-toggle{position:relative;display:flex;align-items:center;gap:9px;background:#082638;color:#a3efff;border:1px solid #007da4;border-radius:10px;padding:8px 15px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:42px}.friend-notification-toggle svg{width:23px;height:23px}.friend-notification-toggle:hover,.friend-notification-toggle[aria-expanded=true]{background:#103c53}
.friend-notification-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:#e4314c;color:#fff;border-radius:20px;font-weight:800;font-size:12px;box-shadow:0 0 0 2px #082638}.friend-notification-count[hidden],.friend-notification-panel[hidden]{display:none}
.friend-notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(410px,calc(100vw - 28px));max-height:calc(100dvh - 90px);overflow:auto;background:#061521;border:1px solid #1d6078;border-radius:14px;box-shadow:0 18px 60px #000a;padding:16px}
.friend-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:15px}.friend-notification-heading a{font-size:12px;color:#8be8ff}.friend-notification-item{padding:13px 0;border-top:1px solid #183748;display:grid;gap:8px;overflow-wrap:anywhere}.friend-notification-item a{color:#d8efff;font-size:14px}.friend-notification-item small,.friend-notification-note,.friend-notification-empty{color:#9cb4c5;font-size:12px}.friend-notification-item strong{color:#8ceaff}.friend-notification-actions{display:flex;gap:8px;flex-wrap:wrap}.friend-notification-actions button{font:inherit;font-size:12px;font-weight:700;background:#006d9b;border:1px solid #159bc2;color:white;border-radius:7px;padding:7px 12px;cursor:pointer}.friend-notification-actions button.secondary{background:#102333;border-color:#365366}.friend-notification-note{margin:10px 0 0;line-height:1.5}.friend-notification-empty{padding:18px 0}.friend-notification-panel [role=status]{font-size:13px;color:#ffbdc9}
.friend-notification-toggle:focus-visible,.friend-notification-panel a:focus-visible,.friend-notification-panel button:focus-visible{outline:2px solid #a5f2ff;outline-offset:3px}.friend-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.friend-toolbar{padding:8px 14px}.friend-notification-toggle{padding:8px 12px}}
.friend-toolbar{gap:10px}.friend-settings-toggle{font-size:12px;min-height:40px}.friend-settings-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #24617c;border-radius:18px;background:#061521;color:#d9efff;padding:24px;box-sizing:border-box}.friend-settings-dialog::backdrop{background:#000b}.friend-settings-dialog h2{font-size:21px;margin:0;text-transform:none;letter-spacing:0}.friend-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.friend-settings-dialog button,.friend-incoming-call button{border:1px solid #2584a8;background:#07384e;color:#e1faff;border-radius:8px;padding:9px 13px;font:inherit;cursor:pointer;min-height:40px}.friend-settings-dialog select{display:block;width:100%;background:#04111b;color:#e1faff;border:1px solid #24617c;border-radius:8px;padding:10px;font:inherit;margin-top:6px}.friend-settings-dialog p{color:#abc6d7;font-size:13px;line-height:1.6;margin:10px 0 18px}.friend-settings-dialog label{font-size:14px;color:#d2e8f3}.friend-settings-dialog fieldset{border:1px solid #24617c;border-radius:10px;padding:14px}.friend-settings-dialog fieldset label{display:flex;align-items:center;gap:10px;margin:10px 0}.friend-settings-dialog input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}.friend-settings-dialog input[type=file]{display:block;max-width:100%;font:inherit;margin-top:6px;color:#9ebdd0}.friend-settings-actions,.friend-profile-photo{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.friend-profile-photo>label{flex:1 1 200px;min-width:0}.friend-profile-avatar{display:grid;place-items:center;width:64px;height:64px;border:1px solid #24617c;border-radius:14px;background:#0a293a;overflow:hidden}.friend-profile-avatar img,.profile-icon img{width:100%;height:100%;object-fit:cover}.profile-icon{overflow:hidden}.friend-incoming-call{position:fixed;right:24px;top:78px;width:min(380px,calc(100vw - 32px));box-sizing:border-box;z-index:280;padding:24px;background:linear-gradient(140deg,#0c374a,#04131f);border:1px solid #36c2df;border-radius:18px;box-shadow:0 12px 65px #0009;color:#e2f7ff}.friend-incoming-call[hidden]{display:none}.friend-call-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#08697c;color:#b4ffff;font-size:25px;margin-bottom:14px}.friend-incoming-call h2{font-size:22px;margin:0 0 10px;letter-spacing:0;text-transform:none}.friend-incoming-call p{font-size:14px;line-height:1.6;margin:10px 0}.friend-incoming-call #friend-incoming-actions{display:flex;flex-wrap:wrap;gap:8px}.friend-incoming-call button:first-child{background:#087152;border-color:#37c799}.friend-incoming-call button:focus-visible,.friend-settings-dialog button:focus-visible{outline:2px solid #a5f2ff;outline-offset:3px}@media(max-width:600px){.friend-incoming-call{right:16px}.friend-settings-dialog{padding:18px}.friend-profile-photo>button{flex:1 1 40%}}