/* Approved v08 messaging polish. Component scope, existing brand tokens. */
/* Common bubble actions are floating children, hidden until hover/focus/popup. */
.bubble{position:relative}.bubble-actions{position:absolute;right:5px;top:-27px;z-index:4;display:flex;gap:0;padding:3px;border:1px solid #e2e9ef;border-radius:8px;background:#fff;box-shadow:0 3px 10px #26374615;opacity:0;visibility:hidden;pointer-events:none}.bubble-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:26px;min-height:26px;padding:0;border:0;background:none;font-size:19px;border-radius:5px}.bubble-actions button:hover,.bubble-actions button:focus-visible{background:#eaf4ff}.bubble:hover .bubble-actions,.bubble:focus-visible .bubble-actions,.bubble:has(.bubble-actions button:focus-visible) .bubble-actions,.bubble.touch-actions .bubble-actions,.bubble.actions-open .bubble-actions{opacity:1;visibility:visible;pointer-events:auto}.bubble-actions:before{content:'';position:absolute;left:0;right:0;bottom:-6px;height:6px}.bubble-actions svg{display:block}
.composer-wrap{position:relative}.composer{gap:6px;align-items:center}.composer textarea{min-height:38px;max-height:140px;resize:vertical;min-width:0}.composer button,.composer .wa-attachment{flex-shrink:0;padding:7px 10px}.wa-action-menu{position:absolute;z-index:30;bottom:calc(100% + 6px);right:12px;width:210px;max-height:min(360px,calc(100dvh - 16px));overflow:auto;padding:5px;background:#fff;border:1px solid var(--line,#e5eaee);border-radius:10px;box-shadow:0 8px 24px #26374622;display:grid}.wa-action-menu button{text-align:left;border:0;background:transparent;padding:7px 10px;min-height:32px}.wa-action-menu button:hover,.wa-action-menu button:focus-visible{background:#eaf4ff}.wa-emoji-picker{position:absolute;z-index:31;bottom:calc(100% + 6px);right:10px;width:min(330px,calc(100% - 20px));padding:8px;background:white;border:1px solid var(--line,#e5eaee);border-radius:10px;box-shadow:0 8px 24px #26374622}.wa-emoji-tabs{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:7px}.wa-emoji-tabs button{padding:4px 7px;font-size:calc(11px * var(--text-scale,1));min-height:28px}.wa-emoji-tabs [aria-pressed=true]{color:var(--blue,#0678d4);background:#eaf4ff}.wa-emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;max-height:220px;overflow:auto}.wa-emoji-picker .emoji-grid button{font-size:22px;border:0;padding:4px;min-height:34px;background:transparent}.chat-schedules{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:5px 14px;background:#f0f7fd;border-bottom:1px solid #e5eaee;font-size:calc(11px * var(--text-scale,1))}.chat-schedules[hidden]{display:none}.chat-schedules button{padding:3px 8px;min-height:26px}.wa-compact-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:18px;overflow:auto}.wa-compact-dialog label{margin-bottom:8px}.wa-compact-dialog textarea{min-height:75px}.wa-compact-dialog fieldset{display:flex;flex-wrap:wrap;gap:5px;border:1px solid #e5eaee;padding:8px;margin:8px 0}.wa-compact-dialog fieldset label{display:flex;gap:4px;align-items:center;font-size:calc(12px * var(--text-scale,1));margin:0}.wa-compact-dialog fieldset input[type=radio]{width:auto;min-height:0}.wa-compact-dialog [hidden]{display:none!important}.wa-schedule-form footer{margin-top:12px}.wa-schedule-row{display:flex;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid #e5eaee}.wa-schedule-row>div{flex:1;min-width:0}.wa-schedule-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-schedule-row small{display:block;color:#7a8896}.wa-schedule-row button{padding:4px 8px;min-height:28px}.wa-state{font-size:calc(11px * var(--text-scale,1));padding:3px 7px;border-radius:5px;background:#edf1f5;white-space:nowrap}.wa-state[data-state=pending]{background:#eaf4ff;color:#0678d4}.wa-state[data-state=sent]{background:#edf8ef;color:#287a4f}.wa-state[data-state=failed],.wa-state[data-state=missed]{background:#fff1e6;color:#9c5800}.wa-state[data-state=uncertain]{background:#fff2d2;color:#7c5d00}@media(max-width:700px){.composer{flex-wrap:wrap}.composer textarea{flex:1 1 55%}.chat-header{gap:5px}.chat-schedules{flex-wrap:wrap}.wa-schedule-row{flex-wrap:wrap}.wa-compact-dialog{padding:12px}.wa-action-menu{right:5px}}

#detail.wa-compact-dialog header{padding:10px 12px}#detail.wa-compact-dialog #detail-body{padding:10px 12px}#detail.wa-compact-dialog form fieldset label{display:flex;margin:0;gap:4px}#detail.wa-compact-dialog form input[type=radio]{width:16px;min-height:0;padding:0}

.composer .wa-attachment{position:relative;display:flex;align-items:center;justify-content:center;width:34px;min-height:34px;border:1px solid #e5eaee;border-radius:8px;cursor:pointer}.composer .wa-attachment input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.composer .wa-attachment:focus-within{outline:2px solid var(--blue,#0678d4);outline-offset:2px}.wa-state[data-state=sending]{background:#fff9dc;color:#796500}.wa-state[data-state=cancelled]{color:#7a8896}
