.msg-app{position:relative;display:grid;grid-template-columns:20rem minmax(0,1fr);block-size:min(68vh,620px);min-block-size:360px;border:1px solid var(--line);border-radius:var(--radius-m,12px);background:var(--surface);overflow:hidden}.msg-copy-tip{--tip-bg:var(--ink,#1f2937);position:fixed;z-index:9999;padding:0.42rem 0.7rem;border-radius:8px;background:var(--tip-bg);color:var(--paper,#fff);font-size:0.78rem;font-weight:600;line-height:1.35;white-space:nowrap;box-shadow:0 10px 28px -14px rgba(15,24,40,0.65);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity 0.14s ease,transform 0.14s ease}.msg-copy-tip.is-visible{opacity:1;transform:translate(-50%,0)}.msg-copy-tip.is-error{--tip-bg:var(--danger,#b91c1c)}.msg-copy-tip[hidden]{display:none}.msg-copy-tip::after{content:"";position:absolute;inset-inline-start:50%;inset-block-end:-5px;margin-inline-start:-5px;border-inline-start:5px solid transparent;border-inline-end:5px solid transparent;border-block-start:5px solid var(--tip-bg)}.msg-copy-tip.is-below::after{inset-block-start:-5px;inset-block-end:auto;border-block-start:0;border-block-end:5px solid var(--tip-bg)}.msg-bubble-action.is-copied{color:var(--accent);background:var(--accent-tint,var(--sunk))}.msg-bubble-action:focus-visible,.msg-tool:focus-visible,.msg-compose textarea:focus-visible,.msg-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.msg-side{display:flex;flex-direction:column;min-block-size:0;border-inline-end:1px solid var(--line);background:var(--surface)}.msg-side-head{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.55rem 0.8rem;border-block-end:1px solid var(--line);font-size:var(--fs-s,0.875rem)}.msg-side-tools{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0.45rem;min-inline-size:0}.msg-side-tools form{display:inline-flex;margin:0 !important}.msg-side-count{color:var(--ink-soft,var(--muted))}.msg-mark-all{padding:0.18rem 0.5rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft,var(--muted));font:inherit;font-size:0.72rem;font-weight:650;line-height:1.5;white-space:nowrap;cursor:pointer}.msg-mark-all:hover{background:var(--sunk);color:var(--ink)}.msg-search{display:flex;align-items:center;gap:0.35rem;padding:0.5rem 0.7rem;border-block-end:1px solid var(--line);margin:0 !important}.msg-search input[type="search"]{flex:1 1 auto;min-inline-size:0;block-size:2.1rem;padding:0 0.55rem;border:1px solid var(--line);border-radius:var(--radius-s,8px);background:var(--surface);color:var(--ink);font:inherit;font-size:0.82rem}.msg-search .msg-tool{flex:0 0 auto}.msg-filters{display:flex;align-items:center;gap:0.3rem;padding:0.4rem 0.7rem;border-block-end:1px solid var(--line);font-size:0.76rem}.msg-filters a{padding:0.18rem 0.55rem;border-radius:999px;color:var(--ink-soft,var(--muted));text-decoration:none;white-space:nowrap}.msg-filters a:hover{background:var(--sunk);color:var(--ink)}.msg-filters a.is-on{background:var(--accent-tint,var(--sunk));color:var(--accent);font-weight:650}.msg-filter-clear{margin-inline-start:auto;text-decoration:underline !important}.msg-list-region{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;overflow:hidden}.msg-list-region .msg-list{flex:1 1 auto}.msg-live-more{margin:0;padding:0.35rem 0.75rem;border-block-start:1px solid var(--line);color:var(--muted);font-size:0.72rem}.msg-live-more a{color:var(--accent);font-weight:600;text-decoration:none}.msg-live-more a:hover{text-decoration:underline}.msg-search.is-loading .msg-tool{position:relative;color:transparent}.msg-search.is-loading .msg-tool::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:0.9rem;block-size:0.9rem;margin-block-start:-0.45rem;margin-inline-start:-0.45rem;border:2px solid var(--line);border-block-start-color:var(--accent);border-radius:50%;animation:msg-spin 0.7s linear infinite}@keyframes msg-spin{to{transform:rotate(360deg)}}.msg-list{flex:1 1 auto;min-block-size:0;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain}.msg-item a{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;grid-template-areas:"avatar who meta" "avatar item meta" "avatar snippet meta";gap:0.08rem 0.55rem;padding:0.6rem 0.8rem;border-block-end:1px solid var(--line);color:inherit;text-decoration:none}.msg-item a:hover{background:var(--sunk)}.msg-item.is-on a{background:var(--sunk);box-shadow:inset 3px 0 0 var(--accent)}.msg-avatar{grid-area:avatar;inline-size:2.25rem;block-size:2.25rem;border-radius:50%;object-fit:cover;background:var(--sunk);align-self:start}.msg-who{grid-area:who;font-weight:600;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-item-title{grid-area:item;display:flex;align-items:center;gap:0.25rem;min-inline-size:0;color:var(--accent);font-size:0.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-item-title .gi{inline-size:0.8rem;block-size:0.8rem;flex:0 0 auto}.msg-snippet{grid-area:snippet;color:var(--ink-soft,var(--muted));font-size:var(--fs-s,0.875rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-meta{grid-area:meta;display:flex;flex-direction:column;align-items:flex-end;gap:0.2rem;color:var(--ink-soft,var(--muted));font-size:var(--fs-xs,0.75rem)}.msg-unread .msg-who,.msg-unread .msg-snippet{color:var(--ink);font-weight:600}.msg-count{min-inline-size:1.35rem;padding:0.05rem 0.35rem;border-radius:999px;background:var(--accent);color:var(--accent-ink,#fff);font-weight:700;text-align:center}.msg-match-badge{padding:0.05rem 0.4rem;border-radius:999px;background:var(--accent-tint,var(--sunk));color:var(--accent);font-size:0.64rem;font-weight:700;line-height:1.5}.msg-body mark,.msg-snippet mark{padding:0 0.1rem;border-radius:2px;background:var(--accent-tint,#e6f4f2);color:inherit}.msg-empty{margin:0;padding:1.25rem 1rem;color:var(--ink-soft,var(--muted));font-size:0.85rem}.msg-pager{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.4rem 0.75rem;border-block-start:1px solid var(--line);font-size:0.75rem}.msg-pager a{color:var(--accent);text-decoration:none}.msg-pager a:hover{text-decoration:underline}.msg-notify{border-block-start:1px solid var(--line);padding:0.35rem 0.75rem 0.55rem}.msg-notify-toggle{display:flex;align-items:center;gap:0.35rem;list-style:none;cursor:pointer;color:var(--ink-soft,var(--muted));font-size:0.75rem}.msg-notify-toggle::-webkit-details-marker{display:none}.msg-notify-toggle .gi{inline-size:0.9rem;block-size:0.9rem}.msg-notify-state{margin-inline-start:auto;font-weight:650;color:var(--ink-soft,var(--muted))}.msg-notify-form{display:grid;gap:0.4rem;padding-block-start:0.45rem;font-size:0.78rem;margin:0 !important}.msg-notify-form label{display:flex;align-items:center;gap:0.35rem}.msg-notify-note{margin:0;color:var(--muted);font-size:0.72rem}.msg-notify-form .btn{justify-self:start}.msg-main{display:flex;flex-direction:column;min-block-size:0;padding-block-end:0}.msg-main-head{display:flex;align-items:center;gap:0.6rem;min-block-size:3.6rem;padding:0.55rem 0.8rem;border-block-end:1px solid var(--line)}.msg-back{text-decoration:none;font-size:1.1rem;line-height:1;color:inherit}.msg-main-head .msg-avatar{grid-area:auto;flex:0 0 auto}.msg-main-who{display:flex;flex-direction:column;min-inline-size:0;flex:1 1 auto}.msg-main-who strong{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-main-who strong a{color:inherit;text-decoration:none}.msg-main-who strong a:hover{text-decoration:underline}.msg-about{display:flex;align-items:center;gap:0.25rem;min-inline-size:0;color:var(--accent);font-size:var(--fs-s,0.875rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-about .gi{inline-size:0.85rem;block-size:0.85rem;flex:0 0 auto}.msg-tools{display:flex;align-items:center;gap:0.3rem;margin-inline-start:auto}.msg-inline-form{display:flex;margin:0 !important}.msg-tool{inline-size:2.1rem;block-size:2.1rem;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-s,8px);background:var(--surface);color:var(--ink-soft,var(--muted));cursor:pointer;box-sizing:border-box;line-height:1}.msg-tool:hover{background:var(--sunk);color:var(--ink)}.msg-tool .gi{inline-size:1.05rem;block-size:1.05rem}.msg-tool-danger:hover{color:var(--danger,#b91c1c);border-color:currentColor}.msg-tool.is-static{cursor:default;color:var(--accent);border-color:var(--accent);background:var(--accent-tint,var(--sunk))}.msg-scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.45rem;background:var(--sunk);overscroll-behavior:contain}.msg-older{align-self:center;color:var(--accent);font-size:0.78rem;text-decoration:none}.msg-older:hover{text-decoration:underline}.msg-newer{align-self:center;color:var(--accent);font-size:0.78rem;text-decoration:none}.msg-newer:hover{text-decoration:underline}.msg-day,.msg-unread-divider{display:flex;align-items:center;gap:0.5rem;color:var(--ink-soft,var(--muted));font-size:0.72rem;margin-block:0.3rem}.msg-day::before,.msg-day::after,.msg-unread-divider::before,.msg-unread-divider::after{content:"";flex:1 1 auto;border-block-start:1px solid var(--line)}.msg-unread-divider{color:var(--accent);font-weight:650}.msg-unread-divider::before,.msg-unread-divider::after{border-color:var(--accent);opacity:0.45}.msg-bubble{position:relative;max-inline-size:32rem;padding:0.55rem 0.8rem;border:1px solid var(--line);border-radius:var(--radius-m,12px);background:var(--surface)}.msg-mine{margin-inline-start:auto;background:var(--accent-soft,#eef7f6);border-color:transparent}.msg-search-hit{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint,var(--sunk));scroll-margin-block:1rem}.msg-search-hit-badge{display:inline-block;margin-block-end:0.35rem;padding:0.1rem 0.45rem;border-radius:999px;background:var(--accent);color:var(--accent-ink,#fff);font-size:0.65rem;font-weight:700;line-height:1.5}.msg-body{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.msg-time{margin:0;color:var(--ink-soft,var(--muted));font-size:var(--fs-xs,0.75rem);flex:1 1 auto}.msg-attachments{display:flex;flex-wrap:wrap;gap:0.35rem;margin-block-start:0.45rem}.msg-attachment img{display:block;max-inline-size:14rem;max-block-size:14rem;border-radius:var(--radius-s,8px);border:1px solid var(--line);object-fit:cover}.msg-bubble-foot{display:flex;align-items:center;gap:0.4rem;margin-block-start:0.25rem}.msg-bubble-actions{display:flex;align-items:center;gap:0.1rem;opacity:0.6}.msg-bubble:hover .msg-bubble-actions,.msg-bubble-actions:focus-within{opacity:1}.msg-bubble-action{display:grid;place-items:center;padding:0.1rem;border:0;border-radius:4px;background:none;color:var(--muted);cursor:pointer}.msg-bubble-action:hover{background:var(--sunk);color:var(--ink)}.msg-bubble-action .gi{inline-size:0.9rem;block-size:0.9rem}.msg-report-dialog{inline-size:min(28rem,calc(100vw - 2rem));max-block-size:none;padding:0;border:1px solid var(--line);border-radius:var(--radius-m,12px);background:var(--surface);color:var(--ink);box-shadow:0 28px 80px -30px rgba(15,24,40,0.6);margin:auto;overflow:visible}.msg-report-dialog::backdrop{background:rgba(15,23,42,0.48);backdrop-filter:blur(2px)}.msg-report-dialog-form{display:grid;gap:0.6rem;padding:1rem;margin:0 !important}.msg-report-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.msg-report-dialog-head h2{margin:0;font-size:1.05rem}.msg-report-dialog-close{inline-size:2rem;block-size:2rem;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer}.msg-report-dialog-close:hover{background:var(--sunk);color:var(--ink)}.msg-report-dialog-help{margin:0;color:var(--muted);font-size:0.82rem}.msg-report-dialog .oe-input{inline-size:100%}.msg-report-dialog-actions{display:flex;justify-content:flex-end;gap:0.5rem;margin-block-start:0.25rem}.msg-report-dialog[open]{animation:msg-dialog-in 0.16s ease-out}.msg-report-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes msg-dialog-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.msg-report-dialog[open]{animation:none}.msg-copy-tip{transition:none}}.msg-compose{display:flex;align-items:stretch;gap:0.5rem;padding:0.55rem 0.7rem;margin:0 !important;border-block-start:1px solid var(--line);background:var(--surface)}.msg-compose-main{display:flex;flex-direction:column;gap:0.2rem;flex:1 1 auto;min-inline-size:0}.msg-compose textarea{inline-size:100%;block-size:3.2rem;min-block-size:3.2rem;max-block-size:3.2rem;margin:0;padding:0.55rem 0.7rem;border:1px solid var(--line);border-radius:var(--radius-s,8px);background:var(--surface);color:var(--ink);font:inherit;line-height:1.35;resize:none}.msg-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.msg-attach{display:inline-flex;align-items:center;gap:0.25rem;color:var(--ink-soft,var(--muted));font-size:0.72rem;cursor:pointer;min-inline-size:0}.msg-attach:hover{color:var(--ink)}.msg-attach .gi{inline-size:0.9rem;block-size:0.9rem}.msg-attach input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}.msg-char{color:var(--ink-soft,var(--muted));font-size:0.7rem}.msg-compose .btn{flex:0 0 auto;align-self:stretch;min-inline-size:6rem;padding:0 1.1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-m,10px)}.msg-compose .btn[disabled]{opacity:0.65;cursor:wait}.msg-send-error{margin:0;padding:0.4rem 0.8rem 0.6rem;color:var(--danger,#b91c1c);font-size:0.8rem}.msg-blocked{margin:0;padding:0.75rem 0.9rem;border-block-start:1px solid var(--line);background:var(--surface);color:var(--ink-soft,var(--muted));font-size:0.85rem}.msg-placeholder{margin:auto;padding:2rem;color:var(--ink-soft,var(--muted))}.msg-new{margin:0 auto 0.5rem;padding:0.35rem 0.75rem;border-radius:999px;background:var(--accent-tint,var(--sunk));color:var(--accent);font-size:0.8rem}.msg-new a{color:inherit;font-weight:650}.msg-app.is-empty{grid-template-columns:minmax(0,1fr);background:var(--surface)}.msg-blank{display:grid;justify-items:center;align-content:center;gap:0.6rem;padding:2.5rem 1.5rem;text-align:center}.msg-blank-icon{display:grid;place-items:center;inline-size:3.25rem;block-size:3.25rem;border-radius:50%;background:var(--accent-tint,var(--sunk));color:var(--accent)}.msg-blank-icon .gi{inline-size:1.5rem;block-size:1.5rem}.msg-blank h2{margin:0;font-size:var(--fs-l,1.25rem)}.msg-blank p{margin:0;max-inline-size:34rem;color:var(--ink-soft,var(--muted))}.msg-blank .btn{margin-top:0.5rem}.msg-blank .btn,.msg-blank .btn:hover{color:var(--paper,#fff)}.msg-start{margin:auto;padding:1.5rem 1rem;text-align:center;color:var(--ink-soft,var(--muted))}.msg-start-icon{display:inline-grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:var(--surface);color:var(--accent);margin-block-end:0.5rem}.msg-start p{margin:0}@media (max-width:47.999rem){.msg-app{grid-template-columns:minmax(0,1fr);block-size:var(--msg-h,min(72vh,560px));min-block-size:320px}.msg-app.is-thread .msg-side{display:none}.msg-app:not(.is-thread) .msg-main{display:none}.msg-main-head{gap:0.45rem}.msg-tools{gap:0.2rem}.msg-bubble{max-inline-size:88%}.msg-compose .btn{min-inline-size:4.5rem;padding-inline:0.8rem}}@media (prefers-reduced-motion:no-preference){.msg-item a,.msg-bubble-action,.msg-tool{transition:background-color 0.15s ease,color 0.15s ease}}

.msg-app.is-empty{block-size:auto;min-block-size:0}.msg-app.is-empty .msg-blank{padding:clamp(2rem,8vh,3rem) 1.25rem}.msg-quote{margin:0 0 var(--sp-3);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:var(--radius-l);background:var(--accent-tint);overflow:hidden}.msg-quote-head{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;list-style:none;cursor:pointer;font-size:var(--fs-s);font-weight:700}.msg-quote-head::-webkit-details-marker{display:none}.msg-quote-title{flex:1}.msg-quote-badge{display:inline-flex;padding:.12rem .42rem;border-radius:999px;font-size:var(--fs-2xs);font-weight:700}.msg-quote-badge.is-new{background:#fef3c7;color:#92400e}.msg-quote-badge.is-responded{background:#dbeafe;color:#1d4ed8}.msg-quote-badge.is-closed{background:#dcfce7;color:#166534}.msg-quote-badge.is-cancelled{background:#e2e8f0;color:#475569}.msg-quote-sum{color:var(--accent);font-size:var(--fs-xs);font-weight:700}.msg-quote-body{padding:0 .7rem .7rem;border-top:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.msg-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem;margin:.6rem 0}.msg-quote-grid dt{margin:0;color:var(--muted);font-size:var(--fs-2xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.msg-quote-grid dd{margin:.1rem 0 0;font-size:var(--fs-s);overflow-wrap:anywhere}.msg-quote-note{margin:.2rem 0 .55rem;color:var(--muted);font-size:var(--fs-2xs)}.msg-quote-status{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--muted);font-size:var(--fs-2xs);font-weight:700}.msg-quote-status select{max-width:9rem;padding:.28rem .4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-xs)}@media(max-width:34rem){.msg-quote-grid{grid-template-columns:1fr}}