.outgoing-toolbar { display:flex; align-items:center; gap:11px; min-height:45px; padding:6px 0; }
.outgoing-asset-bubble { display:grid; gap:7px; min-width:170px; background:#fff!important; border-color:#e5e5e5!important; }.outgoing-asset-label { color:#999; font-size:10px; }.outgoing-asset-name { font-weight:500; font-size:13px; overflow-wrap:anywhere; }.outgoing-asset-size { color:#999; font-size:10px; }.outgoing-asset-image { max-width:240px; max-height:200px; border-radius:4px; }
.outgoing-asset-image { width:auto; height:auto; max-width:min(240px,100%); object-fit:contain; }
.outgoing-asset-video { display:block; width:320px; max-width:100%; max-height:320px; border-radius:4px; background:#151515; }
.outgoing-asset-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:3px; }
.outgoing-asset-action { border:1px solid #dedede; border-radius:4px; padding:6px 9px; color:#50835c; background:#f7f7f7; font-size:11px; }
.outgoing-asset-action:hover { background:#edf3ed; }.outgoing-asset-action:disabled { color:#aaa; background:#f5f5f5; cursor:wait; }
.outgoing-asset-status { color:#999; font-size:10px; line-height:1.6; white-space:normal; overflow-wrap:anywhere; }.outgoing-asset-status:empty { display:none; }.outgoing-asset-status.error { color:#b86d5e; }
.outgoing-toolbar > button { display:grid; place-items:center; width:28px; height:30px; padding:3px; border:0; background:transparent; color:#6c6c6c; border-radius:4px; }
.outgoing-toolbar > button:hover { background:#ededed; color:#07a653; }.outgoing-toolbar > button:disabled { opacity:.4; }.outgoing-toolbar svg { width:22px; height:22px; stroke-width:1.5; }
.outgoing-toolbar-spacer { flex:1; }.outgoing-toolbar-label { color:#aaa; font-size:10px; }.outgoing-toolbar > button.capability-unavailable:not(:disabled) { color:#9b9b9b; }
.outgoing-attachments { display:flex; flex-wrap:wrap; gap:8px; padding:3px 0 9px; max-height:155px; overflow:auto; }
.outgoing-attachment { position:relative; display:flex; align-items:center; gap:9px; width:205px; min-width:0; padding:9px 27px 9px 9px; border:1px solid #e2e2e2; border-radius:5px; background:#fafafa; }
.outgoing-attachment img { width:42px; height:42px; object-fit:cover; border-radius:3px; flex-shrink:0; }.outgoing-attachment-icon { display:grid; place-items:center; flex:0 0 38px; height:40px; background:#f0f0f0; color:#999; font-size:26px; border-radius:3px; }
.outgoing-attachment-copy { min-width:0; display:grid; gap:6px; }.outgoing-attachment-copy strong { font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.outgoing-attachment-copy > span { color:#999; font-size:10px; line-height:1.4; }.outgoing-attachment-copy > .failed { color:#bd6758; }
.outgoing-attachment-remove { position:absolute; top:3px; right:4px; width:21px; height:23px; font-size:18px; border:0; background:transparent; color:#999; padding:0; }.outgoing-status { font-size:11px; line-height:1.5; color:#999; margin:0 0 9px; }
.outgoing-dialog { width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 36px); padding:0; border:1px solid #dedede; border-radius:7px; background:#fff; color:#222; box-shadow:0 16px 64px #0003; overflow:hidden; }
.outgoing-dialog::backdrop { background:#0004; }.outgoing-dialog[open] { display:flex; flex-direction:column; }.outgoing-dialog > header { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:20px; padding:14px 20px; border-bottom:1px solid #ededed; background:#fafafa; }.outgoing-dialog h2 { font-size:17px; font-weight:550; margin:0; }.outgoing-dialog > header button { width:30px; height:30px; border:0; background:transparent; font-size:24px; color:#777; border-radius:4px; }.outgoing-dialog > header button:hover { color:#222; background:#e9e9e9; }
.outgoing-panel-search { flex-shrink:0; padding:13px 20px; border-bottom:1px solid #eee; }.outgoing-panel-search input { box-sizing:border-box; width:100%; border:1px solid transparent; border-radius:4px; background:#ededed; padding:9px 12px; color:#222; font-size:13px; outline:none; }.outgoing-panel-search input:focus { background:#fff; border-color:#07c160; box-shadow:0 0 0 2px #07c16012; }
.outgoing-panel-body { overflow-y:auto; padding:10px 20px 18px; min-height:0; }.outgoing-panel-empty { display:flex; flex-direction:column; align-items:center; gap:7px; font-size:12px; line-height:1.8; color:#999; text-align:center; padding:45px 10px; }.outgoing-panel-empty > strong { color:#777; font-size:14px; font-weight:400; }.outgoing-panel-empty > svg { width:35px; height:35px; margin-bottom:9px; color:#bfc1c0; }.outgoing-panel-note { font-size:11px; line-height:1.7; color:#999; margin:14px 0 0; }
.outgoing-dialog--emoji { position:fixed; width:388px; max-width:calc(100vw - 24px); margin:0; left:calc(50vw - 194px); top:max(12px,calc(50dvh - 180px)); border-radius:6px; box-shadow:0 7px 28px #0003; }
.outgoing-dialog--emoji::backdrop { background:transparent; }.outgoing-dialog--emoji > header { padding:8px 13px; background:#fff; border-bottom:0; }.outgoing-dialog--emoji h2 { font-size:14px; }.outgoing-dialog--emoji .outgoing-panel-body { padding:0 12px 10px; }
.outgoing-emoji-tabs { display:flex; gap:17px; margin:0 2px 9px; padding:0; border-bottom:1px solid #ececec; }.outgoing-emoji-tab { position:relative; padding:8px 0 10px; border:0; background:transparent; font-size:12px; color:#888; white-space:nowrap; }.outgoing-emoji-tab.active { color:#07a651; }.outgoing-emoji-tab.active::after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#07c160; }
.outgoing-emoji-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:3px; }.outgoing-emoji { display:grid; place-items:center; min-width:0; height:40px; padding:3px; border:0; border-radius:4px; background:transparent; color:#333; font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif; font-size:25px; line-height:1; }.outgoing-emoji:hover { background:#ededed; }.outgoing-emoji:focus-visible { outline:2px solid #07c160; outline-offset:0; }.outgoing-emoji--text { height:52px; gap:3px; }.outgoing-emoji--text > small { font-family:system-ui,sans-serif; font-size:9px; color:#888; white-space:nowrap; }.outgoing-emoji-hint { border-top:1px solid #f0f0f0; padding-top:8px; margin-top:9px; font-size:10px; }
.outgoing-picker-row { display:flex; align-items:center; gap:11px; padding:13px 0; border-bottom:1px solid #eee; }.outgoing-picker-symbol { display:grid; place-items:center; flex-shrink:0; width:38px; height:38px; background:#f3f3f3; border-radius:5px; font-size:25px; color:#888; }.outgoing-picker-copy { display:grid; flex:1; min-width:0; gap:6px; }.outgoing-picker-copy > strong { overflow-wrap:anywhere; font-size:13px; font-weight:500; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }.outgoing-picker-copy > span { color:#999; font-size:10px; overflow-wrap:anywhere; }
.outgoing-picker-select { flex-shrink:0; border:0; padding:7px 12px; background:#07b75b; color:#fff; border-radius:4px; font-size:12px; }.outgoing-picker-select:disabled { background:#eee; color:#bbb; }.outgoing-picker-remove { flex-shrink:0; padding:5px 0; background:transparent; border:0; color:#999; font-size:10px; }
.outgoing-dialog--favorites { width:min(860px,calc(100vw - 48px)); height:min(690px,calc(100dvh - 64px)); }.outgoing-dialog--favorites > header { padding:17px 23px; }.outgoing-dialog--favorites .outgoing-panel-search { padding:13px 23px; background:#fafafa; }.outgoing-dialog--favorites .outgoing-panel-body { flex:1; overflow:hidden; padding:0; }
.outgoing-favorites-layout { display:grid; grid-template-columns:148px minmax(0,1fr); height:100%; min-height:0; }.outgoing-favorites-sidebar { display:flex; flex-direction:column; gap:3px; padding:17px 9px; border-right:1px solid #e6e6e6; background:#f5f5f5; overflow-y:auto; }
.outgoing-favorites-category { position:relative; display:flex; align-items:center; gap:10px; min-height:40px; flex-shrink:0; padding:8px 10px; border:0; border-radius:4px; background:transparent; color:#5f5f5f; text-align:left; font-size:12px; }.outgoing-favorites-category > svg { flex-shrink:0; width:17px; height:17px; }.outgoing-favorites-category > small { margin-left:auto; font-size:10px; color:#aaa; }.outgoing-favorites-category:hover { background:#eaeaea; }.outgoing-favorites-category.active { background:#e5e5e5; color:#111; }.outgoing-favorites-category.active > svg { color:#07b35b; }.outgoing-favorites-category.active::before { content:""; position:absolute; left:-9px; top:12px; bottom:12px; width:3px; border-radius:0 2px 2px 0; background:#07c160; }
.outgoing-favorites-content { min-width:0; min-height:0; padding:19px 24px 16px; overflow-y:auto; background:#fff; }.outgoing-favorites-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 9px; }.outgoing-favorites-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; }.outgoing-favorites-heading > strong { color:#222; font-size:14px; font-weight:500; }.outgoing-favorites-heading > span { color:#aaa; font-size:10px; }
.outgoing-favorites-refresh,.outgoing-favorites-more,.outgoing-favorites-saved-more,.outgoing-favorites-local-more,.outgoing-favorites-back { border:1px solid #dedede; border-radius:4px; background:#fafafa; color:#555; padding:7px 10px; font-size:11px; }.outgoing-favorites-refresh:hover,.outgoing-favorites-more:hover,.outgoing-favorites-saved-more:hover,.outgoing-favorites-local-more:hover,.outgoing-favorites-back:hover { background:#f0f0f0; border-color:#ccc; }
.outgoing-favorites-refresh:disabled,.outgoing-favorites-more:disabled,.outgoing-favorites-saved-more:disabled { background:#f5f5f5; color:#aaa; border-color:#e8e8e8; cursor:default; }.outgoing-favorites-refresh { flex-shrink:0; color:#07a651; }.outgoing-favorites-footer { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:18px; }.outgoing-favorites-history { margin-left:auto; padding:7px 0; border:0; background:transparent; color:#999; font-size:10px; }
.outgoing-favorites-notice { margin:9px 0; padding:9px 11px; border-radius:4px; background:#f5f5f5; color:#777; }.outgoing-favorites-target-hint { margin:4px 0 11px; font-size:10px; color:#999; }.message-favorite-button:disabled { cursor:default; opacity:.7; color:#cc9e37; }
.outgoing-favorite-row { gap:15px; min-height:83px; padding:16px 0; }.outgoing-favorite-row .outgoing-picker-copy { gap:7px; }.outgoing-favorite-row .outgoing-picker-copy > strong { color:#292929; font-size:13px; line-height:1.6; font-weight:500; }.outgoing-favorite-icon { position:relative; width:46px; height:50px; border:1px solid #eaeaea; border-radius:4px; background:#f5f5f5; color:#919797; }.outgoing-favorite-icon > svg { width:25px; height:25px; }.outgoing-favorite-icon--file { color:#c48f44; background:#fff9ef; border-color:#f5ead7; }.outgoing-favorite-icon--file > small { position:absolute; bottom:3px; font-size:7px; font-weight:600; letter-spacing:.4px; }.outgoing-favorite-icon--file > svg { margin-top:-5px; }.outgoing-favorite-icon--link { color:#6c91b4; background:#f1f6fa; border-color:#e5edf3; }.outgoing-favorite-icon--voice { color:#6ca37d; background:#f2f8f3; border-color:#e7f0e8; }.outgoing-favorite-icon--note { color:#b4a05b; background:#fcfaf0; border-color:#f0eddd; }
.outgoing-favorite-meta { display:flex!important; align-items:center; flex-wrap:wrap; gap:12px; color:#aaa!important; font-size:10px!important; }.outgoing-favorite-kind { color:#929292; }.outgoing-favorite-date { color:#b0b0b0; font-size:10px; }.outgoing-favorite-row .outgoing-picker-select { min-width:65px; color:#07a651; background:#fff; border:1px solid #d9e8de; font-size:11px; padding:7px 10px; }.outgoing-favorite-row .outgoing-picker-select:hover:not(:disabled) { background:#f0f9f4; border-color:#b6dbc6; }.outgoing-favorite-row .outgoing-picker-select:disabled { color:#b2b2b2; background:#fafafa; border-color:#ebebeb; }
.outgoing-picker-summary { color:#777; font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:720px), (max-width:950px) and (max-height:500px) {
  .outgoing-toolbar { grid-column:1 / -1; min-height:36px; gap:10px; padding:0; }.outgoing-toolbar > button { width:32px; min-height:34px; }.outgoing-toolbar-label { display:none; }
  .outgoing-attachments,.outgoing-status { grid-column:1 / -1; }.outgoing-attachments { max-height:120px; }.outgoing-attachment { width:calc(50% - 4px); padding:7px 22px 7px 7px; gap:6px; }.outgoing-attachment img { width:32px; height:32px; }.outgoing-attachment-icon { flex-basis:28px; height:32px; font-size:23px; }.outgoing-attachment-copy strong { font-size:11px; }.outgoing-attachment-copy span { font-size:9px; }
  .outgoing-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 24px); }.outgoing-panel-body { padding:8px 14px 15px; }.outgoing-dialog > header { padding:11px 14px; }.outgoing-panel-search { padding:10px 14px; }.outgoing-panel-search input { font-size:16px; }
  .outgoing-dialog--emoji { width:calc(100vw - 20px); max-width:388px; max-height:62dvh; left:10px!important; top:auto!important; bottom:calc(88px + env(safe-area-inset-bottom,0px)); }.outgoing-emoji-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }.outgoing-emoji { min-height:42px; }.outgoing-emoji-tab { min-height:40px; padding-top:10px; }
  .outgoing-dialog--favorites { height:calc(100dvh - 32px); border-radius:7px; }.outgoing-dialog--favorites > header { padding:10px 14px; }.outgoing-dialog--favorites > header button { width:38px; height:38px; }.outgoing-dialog--favorites .outgoing-panel-search { padding:10px 14px; }.outgoing-favorites-layout { display:flex; flex-direction:column; }.outgoing-favorites-sidebar { flex-direction:row; flex-shrink:0; gap:4px; padding:8px 10px; border-right:0; border-bottom:1px solid #e7e7e7; overflow-x:auto; overflow-y:hidden; }.outgoing-favorites-category { min-height:36px; padding:7px 10px; white-space:nowrap; gap:6px; font-size:12px; }.outgoing-favorites-category > svg { width:15px; height:15px; }.outgoing-favorites-category > small { display:none; }.outgoing-favorites-category.active::before { display:none; }.outgoing-favorites-category.active { background:#e4e4e4; color:#07a651; }.outgoing-favorites-content { flex:1; padding:15px 15px 20px; }.outgoing-favorites-heading { gap:6px; }.outgoing-favorites-refresh { min-height:35px; }.outgoing-favorite-row { flex-wrap:nowrap!important; gap:11px!important; padding:15px 0; }.outgoing-favorite-row .outgoing-picker-copy { flex-basis:auto; }.outgoing-favorite-icon { width:40px; height:46px; }.outgoing-favorite-row .outgoing-picker-select { min-width:57px; min-height:36px; padding:6px 7px; font-size:10px; }.outgoing-favorite-row .outgoing-picker-copy > strong { font-size:12px; }.outgoing-favorite-row .outgoing-picker-summary { font-size:11px; }.outgoing-favorite-meta { gap:7px; }.outgoing-favorites-footer { gap:8px; }
  .outgoing-picker-row { gap:8px; flex-wrap:wrap; }.outgoing-picker-copy { flex-basis:calc(100% - 105px); }.outgoing-picker-remove { margin-left:46px; }.outgoing-picker-select { min-height:38px; }
}