/* Archive is a quiet secondary destination, separate from chat folders and spam. */
.archive-icon{display:block;flex:none;width:20px;height:20px}
.topnav .desktop-app-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;padding:3px;border:0;font-size:24px;line-height:1;color:var(--muted)}
.mobile-app-menu [data-mobile-action="archive"]>span:first-child{display:flex;justify-content:center}
.archive-folder-hint{padding:8px 14px;color:var(--muted);font-size:11px;line-height:1.45;border-bottom:1px solid var(--theme-border,var(--border));background:var(--theme-panel-soft,#f7f9f8)}
.conversation-archive-notice{flex:none;display:flex;align-items:flex-start;gap:9px;padding:9px 14px;border-bottom:1px solid var(--theme-border,var(--border));background:var(--theme-panel-soft,#f7f9f8);color:var(--muted);font-size:11px;line-height:1.4}
.conversation-archive-notice[hidden]{display:none}
.conversation-archive-notice>.archive-icon{width:18px;height:18px;margin-top:1px}
.conversation-archive-notice>div{display:grid;gap:2px;min-width:0}
.conversation-archive-notice b{font-weight:600;color:var(--theme-text,var(--text))}
.chat-app .reply-actions{flex-wrap:wrap}
.chat-app .reply-actions .ignore-reply-btn{min-height:40px}
.chat-app .archive-conversation-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:40px;max-width:100%;padding:7px 10px;border:1px solid var(--theme-border,var(--border));border-radius:10px;background:var(--theme-panel,#fff);color:var(--muted);font:inherit;font-size:12px;font-weight:500;line-height:1.3;cursor:pointer}
.chat-app .archive-conversation-btn:hover{color:var(--theme-accent,var(--accent));background:var(--theme-hover,#f0f4f2)}
.chat-app .archive-conversation-btn.is-archived{color:var(--theme-accent,var(--accent))}
.chat-app .archive-conversation-btn:disabled{opacity:.55;cursor:wait}
.chat-app .archive-conversation-btn:focus-visible,.desktop-app-menu-btn:focus-visible,.archive-notice-close:focus-visible{outline:2px solid var(--theme-accent,var(--accent));outline-offset:2px}
.archive-action-notice{position:fixed;z-index:1900;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:8px 9px 8px 14px;border-radius:12px;background:var(--theme-accent,#315f50);color:#fff;box-shadow:0 6px 24px #0003;font-size:13px;line-height:1.4}
.archive-notice-close{display:flex;align-items:center;justify-content:center;flex:none;min-width:36px;min-height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;cursor:pointer}
@media(min-width:961px){
  .mobile-app-menu-modal{align-items:flex-start;justify-content:flex-end;padding:64px 22px 22px}
  .mobile-app-menu{width:360px;max-height:calc(100dvh - 90px);overflow-y:auto;border-width:1px;border-radius:16px;box-shadow:0 15px 45px #0003}
}
@media(max-width:960px){
  .topnav .desktop-app-menu-btn{display:none}
  .chat-app .reply-actions{gap:5px}
  .chat-app .reply-actions .ignore-reply-btn,.chat-app .reply-actions .archive-conversation-btn,.chat-app .reply-actions .chat-note-btn{min-height:44px;font-size:11px;line-height:1.3;padding:6px 7px;flex-shrink:1}
  .chat-app .reply-actions .ignore-reply-btn{gap:4px;max-width:calc(100% - 93px)}
  .chat-app .reply-actions .archive-conversation-btn{gap:4px}
  .chat-app .reply-actions .archive-conversation-btn .archive-icon{width:16px;height:16px}
  .chat-app .reply-actions .chat-note-btn{max-width:114px;margin-left:auto}
  .conversation-archive-notice{padding:7px 10px;font-size:10px;gap:7px}
  .archive-folder-hint{font-size:10px;padding:7px 12px}
}
