/* Athar v108 */

/* Notifications: a true full screen, header attached to the top, compact cards near the edges. */
dialog#modal[data-notices107]{inset:0!important;top:0!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;overflow:hidden!important}
@media(min-width:760px){dialog#modal[data-notices107]{top:0!important;height:100dvh!important;border-radius:0!important;transform:none!important}}
dialog#modal[data-notices107] #modalBody{padding:0 0 calc(16px + env(safe-area-inset-bottom))!important;margin:0!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;box-sizing:border-box}
dialog#modal[data-notices107]>.close{top:max(6px,env(safe-area-inset-top))!important;left:8px!important;width:40px;height:40px}
.notices-head107{margin:0 0 6px!important;padding:max(6px,env(safe-area-inset-top)) 8px 6px!important;min-height:52px;box-sizing:border-box;border-bottom:1px solid rgba(127,127,127,.14)}
[data-notices107] .notices6{gap:6px!important;width:100%!important;max-width:none!important;margin:0!important;padding-inline:6px!important}
@media(min-width:900px){[data-notices107] .notices6{max-width:780px!important;margin-inline:auto!important}}
[data-notices107] .notice6{min-height:0!important;padding:9px 11px!important;border-radius:14px!important;gap:4px!important;align-content:start!important}
[data-notices107] .notice6 p{line-height:1.5!important}
[data-notices107] .notice6 footer{min-height:0!important;padding:0!important;margin:0!important;font-size:.78rem;gap:6px!important;opacity:.85}
[data-notices107] .notice6 footer :is(button,a){min-height:28px!important;padding:2px 8px!important;font-size:.78rem!important}

/* Frame picker: icon-only actions, all the same size. */
.frame-actions85{gap:8px!important}
.frame-actions85 button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;gap:0!important}
.frame-actions85 button span{display:none!important}
.frame-actions85 button svg{width:19px!important;height:19px!important}

/* Distinct animated nature/weather and space frames. */
.avatar-frame80[data-edge="spring80"]{background-image:url("frames108/spring80-avatar.svg")!important}
.avatar-frame80[data-edge="forest80"]{background-image:url("frames108/forest80-avatar.svg")!important}
.avatar-frame80[data-edge="rose81"]{background-image:url("frames108/rose81-avatar.svg")!important}
.avatar-frame80[data-edge="fireflies81"]{background-image:url("frames108/fireflies81-avatar.svg")!important}
.avatar-frame80[data-edge="cicada82"]{background-image:url("frames108/cicada82-avatar.svg")!important}
.avatar-frame80[data-edge="desert80"]{background-image:url("frames108/desert80-avatar.svg")!important}
.avatar-frame80[data-edge="alpine80"]{background-image:url("frames108/alpine80-avatar.svg")!important}
.avatar-frame80[data-edge="tornado82"]{background-image:url("frames108/tornado82-avatar.svg")!important}
.avatar-frame80[data-edge="lightning81"]{background-image:url("frames108/lightning81-avatar.svg")!important}
.avatar-frame80[data-edge="thunder82"]{background-image:url("frames108/thunder82-avatar.svg")!important}
.avatar-frame80[data-edge="aurora80"]{background-image:url("frames108/aurora80-avatar.svg")!important}
.avatar-frame80[data-edge="orbit81"]{background-image:url("frames108/orbit81-avatar.svg")!important}
.avatar-frame80[data-edge="planet82"]{background-image:url("frames108/planet82-avatar.svg")!important}
.avatar-frame80[data-edge="moon81"]{background-image:url("frames108/moon81-avatar.svg")!important}
.avatar-frame80[data-edge="crystal81"]{background-image:url("frames108/crystal81-avatar.svg")!important}
.avatar-frame80:is([data-edge="spring80"],[data-edge="forest80"],[data-edge="rose81"],[data-edge="fireflies81"],[data-edge="cicada82"],[data-edge="desert80"],[data-edge="alpine80"],[data-edge="tornado82"],[data-edge="lightning81"],[data-edge="thunder82"],[data-edge="aurora80"],[data-edge="orbit81"],[data-edge="planet82"],[data-edge="moon81"],[data-edge="crystal81"]) :is(.avatar-flicker80,.avatar-float81){display:none!important}
.avatar-frame80:is([data-edge="spring80"],[data-edge="forest80"],[data-edge="rose81"],[data-edge="fireflies81"],[data-edge="cicada82"],[data-edge="desert80"],[data-edge="alpine80"],[data-edge="tornado82"],[data-edge="lightning81"],[data-edge="thunder82"],[data-edge="aurora80"],[data-edge="orbit81"],[data-edge="planet82"],[data-edge="moon81"],[data-edge="crystal81"])::before,
.avatar-frame80:is([data-edge="spring80"],[data-edge="forest80"],[data-edge="rose81"],[data-edge="fireflies81"],[data-edge="cicada82"],[data-edge="desert80"],[data-edge="alpine80"],[data-edge="tornado82"],[data-edge="lightning81"],[data-edge="thunder82"],[data-edge="aurora80"],[data-edge="orbit81"],[data-edge="planet82"],[data-edge="moon81"],[data-edge="crystal81"])::after{display:none!important}

/* Messages page: search and actions live in the top bar; compact rows without card backgrounds. */
body.messages-route108 .chat-side-controls>#newConversation,body.messages-route108 .chat-side-controls>#toggleArchivedChats{display:none!important}
body.messages-route108 .chat-side-controls{margin:0 0 6px!important}
body.messages-route108 .chat-side-controls.search-hidden108{display:none!important}
body.messages-route108 .chat-side-controls #chatSearch{width:100%;min-height:40px;border-radius:12px}
.msg-top108{display:inline-grid;place-items:center;width:40px;height:40px}
.msg-top108 svg{width:21px;height:21px}
#msgSearch108[aria-pressed="true"]{background:var(--accent);color:var(--paper)}
.msg-menu108{position:fixed;z-index:60;min-width:200px;padding:6px;border-radius:16px;background:var(--paper,#fff);color:var(--ink,inherit);border:1px solid var(--line,rgba(0,0,0,.08));box-shadow:0 14px 40px rgba(0,0,0,.18);display:grid;gap:2px;direction:rtl}
.msg-menu108 button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}
.msg-menu108 button:hover,.msg-menu108 button:focus-visible{background:rgba(127,127,127,.12)}
.msg-menu108 svg{width:19px;height:19px;flex:none}
#contactList{display:grid;gap:5px}
#contactList .contact-row8{margin:0!important;padding:8px 10px!important;gap:10px!important;border:0!important;border-radius:14px!important;background:var(--card-paper38,var(--paper))!important;color:var(--card-ink38,inherit)!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;min-height:0}
#contactList .contact-row8 :is(.contact-name8,.contact-preview8,.contact-meta8){color:inherit}
#contactList .contact-row8 .contact-meta8>b{background:var(--card-accent38,var(--accent))!important;color:var(--on-accent40,#fff)!important}
#contactList .contact-avatar8 img{width:44px;height:44px}
#contactList .contact-info8{min-width:0;flex:1;display:grid;gap:1px}
#contactList .contact-name8{display:flex!important;align-items:baseline;gap:6px;min-width:0;padding:0!important;white-space:nowrap;overflow:hidden}
#contactList .contact-name8 small{display:inline!important;margin:0!important;font-size:11px;opacity:.6;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
#contactList .contact-preview8{padding:0!important;font-size:12.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#contactList .contact-meta8{gap:3px!important;align-items:flex-end;min-width:46px}
#contactList .contact-meta8 time{font-size:10.5px}
#contactList .contact-status108{font-size:10px;opacity:.6;white-space:nowrap}
#contactList .contact-meta8>b{min-width:20px;padding:2px 5px;font-size:10.5px;border-radius:10px}
[data-notices107] .notice6{grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important;row-gap:2px!important}
[data-notices107] .notice6>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0!important;padding:0!important}
[data-notices107] .notice6>header img{width:30px!important;height:30px!important}
[data-notices107] .notice6>header button{gap:6px;padding:0!important;min-height:0!important}
[data-notices107] .notice6>header small{font-size:10.5px}
[data-notices107] .notice6>p{grid-column:1;align-self:center;font-size:13.5px}
[data-notices107] .notice6>footer{grid-column:2;align-self:center;border:0!important;flex-direction:row-reverse;justify-content:flex-end!important}
[data-notices107] .notice6>footer :is(button,a){border-radius:999px}
[data-notices107] .notice6>footer .icon{width:28px!important;height:28px!important;padding:0!important}
[data-notices107] .notice6>footer .icon svg{width:15px;height:15px}
body.messages-route108 .conversation-list{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0!important}