/* BossLead 1.30 Inbox Pro */
.pp-ibp .pp-ib.is-drop { outline: 2px dashed var(--pp-primary); outline-offset: -6px; }
.pp-ibp .pp-head-actions { flex-wrap: wrap; }
.pp-btn-wa-ghost { color: var(--pp-wa); border-color: color-mix(in srgb, var(--pp-wa) 35%, var(--pp-line)); }
.pp-btn-wa-ghost:hover { background: var(--pp-wa-soft); }
.pp-ibp-ch { display: flex; width: 100%; margin: 4px 0 8px; }
.pp-ibp-ch button { flex: 1; }
.pp-ibp-sep { margin: 12px 10px 4px; font-size: .6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--pp-muted); list-style: none; }

/* list */
.pp-ibp-li { position: relative; list-style: none; }
.pp-ibp-li .pp-ib-item { padding-right: 38px; }
.pp-ibp-star { position: absolute; right: 8px; bottom: 10px; width: 28px; height: 28px; border: 0; background: transparent; border-radius: 6px; color: var(--pp-line-2); cursor: pointer; display: grid; place-items: center; }
.pp-ibp-star:hover { background: var(--pp-sunken); color: var(--pp-muted); }
.pp-ibp-star.is-on, .pp-iconbtn.is-star { color: var(--pp-credit); }
.pp-ib-isnip .pp-ico { width: 13px; height: 13px; vertical-align: -2px; margin-right: 3px; color: var(--pp-muted); }
.pp-avatar.is-wa { background: var(--pp-wa-soft); color: var(--pp-wa); }

/* reading pane layout: head / messages / composer */
.pp-ibp .pp-ib-read { display: flex; flex-direction: column; min-height: 0; }
.pp-ibp .pp-ib-msgs { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
#pp-ibp-comp { flex: 0 0 auto; }
.pp-ibp-danger { color: var(--pp-danger); }

/* email cards */
.pp-ibp-mail { border: 1px solid var(--pp-line); border-radius: var(--pp-r-lg); background: var(--pp-surface); padding: 14px 16px; margin: 0 0 12px; max-width: none; }
.pp-ibp-mail.is-out { background: #fbfcfd; }
.pp-ibp-mail > header { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.pp-ibp-mail > header .pp-avatar { width: 32px; height: 32px; font-size: .75rem; flex: 0 0 auto; }
.pp-ibp-from { flex: 1 1 200px; min-width: 0; }
.pp-ibp-from small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pp-ibp-mail > header time { font-size: .75rem; color: var(--pp-muted); white-space: nowrap; }
.pp-ibp-macts { display: flex; gap: 2px; }
.pp-ibp-mail .pp-msg-text { margin-top: 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.pp-ibp-html { margin-top: 10px; }
.pp-ibp-html iframe { display: block; width: 100%; height: 160px; border: 0; background: #fff; }
/* 1.149.1 an email card always fills the reading pane. The chat-bubble rules for .pp-msg (shrink to content,
   max 640px, left/right aligned) and the activity list's .pp-msg.is-in (grey fill, green left bar) are for other
   screens; they made the email narrower than the pane and cut wide emails off. */
.pp-ib-msgs .pp-msg.pp-ibp-mail { align-self: stretch; width: 100%; max-width: none; min-width: 0; box-sizing: border-box; background: var(--pp-surface); border: 1px solid var(--pp-line); border-radius: var(--pp-r-lg); }
.pp-ib-msgs .pp-msg.pp-ibp-mail.is-out { background: #fbfcfd; }
.pp-ib-msgs .pp-msg.pp-ibp-mail.is-auto { background: var(--pp-info-soft); border-color: #d2def5; }
.pp-ib-msgs .pp-msg.pp-ibp-mail.is-bounce { background: var(--pp-danger-soft); border-color: #f4c7c3; }
.pp-ibp-html, .pp-ibp-html iframe { min-width: 0; max-width: 100%; }
.pp-ibp-imgs { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0 0 8px; padding: 6px 10px; border-radius: var(--pp-r); background: var(--pp-sunken); font-size: .8125rem; color: var(--pp-muted); order: -1; }
.pp-ibp-html { display: flex; flex-direction: column; }
.pp-ibp-note { display: flex; gap: 6px; align-items: center; font-size: .8125rem; color: var(--pp-muted); margin: 10px 0 0; }
.pp-ibp-more { display: block; width: 100%; margin: 0 0 12px; padding: 8px; border: 1px dashed var(--pp-line-2); border-radius: var(--pp-r); background: transparent; color: var(--pp-primary); font: inherit; font-weight: 600; cursor: pointer; }

/* attachment chips */
.pp-ibp-atts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pp-ibp-atts.is-out { margin: 8px 0 0; }
.pp-ibp-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 280px; padding: 5px 6px 5px 10px; border: 1px solid var(--pp-line); border-radius: 999px; background: var(--pp-surface); font-size: .8125rem; }
.pp-ibp-chip .pp-linkbtn, .pp-ibp-chip > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.pp-ibp-chip small { color: var(--pp-muted); white-space: nowrap; }
.pp-ibp-chip.is-busy { opacity: .65; }
.pp-ibp-chip .pp-iconbtn { width: 22px; height: 22px; }

/* email composer */
.pp-ibp-ecomp { display: flex; flex-direction: column; gap: 6px; }
.pp-ibp-mode { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: .8125rem; }
.pp-ibp-modelbl { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--pp-ink-2); margin-right: auto; }
.pp-ibp-row { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--pp-line); padding: 2px 0; font-size: .875rem; }
.pp-ibp-row > span { flex: 0 0 52px; color: var(--pp-muted); font-weight: 600; }
.pp-ibp-row input, .pp-ibp-row select { flex: 1; min-width: 0; border: 0; background: transparent; padding: 7px 0; font: inherit; color: inherit; outline: none; }
.pp-ibp-row:focus-within { border-bottom-color: var(--pp-primary); }

/* WhatsApp chat */
.pp-ibp-wa { background: #efeae2; background-image: radial-gradient(rgba(0, 0, 0, .035) 1px, transparent 1px); background-size: 18px 18px; display: flex; flex-direction: column; gap: 4px; padding: 16px 5% !important; }
.pp-ibp-day { align-self: center; margin: 10px 0 6px; }
.pp-ibp-day span { display: inline-block; padding: 4px 12px; border-radius: 8px; background: #fff; box-shadow: var(--pp-shadow); font-size: .75rem; color: var(--pp-muted); }
.pp-ibp-b { position: relative; max-width: min(78%, 520px); padding: 6px 8px 4px 10px; border-radius: 10px; background: #fff; box-shadow: 0 1px .5px rgba(11, 20, 26, .13); font-size: .9rem; line-height: 1.4; }
.pp-ibp-b.is-in { align-self: flex-start; border-top-left-radius: 2px; }
.pp-ibp-b.is-out { align-self: flex-end; background: #d9fdd3; border-top-right-radius: 2px; }
.pp-ibp-btext { white-space: pre-wrap; overflow-wrap: anywhere; padding-right: 64px; }
.pp-ibp-b.is-mediaonly .pp-ibp-bmeta { position: absolute; right: 10px; bottom: 8px; padding: 1px 6px; border-radius: 8px; background: rgba(0, 0, 0, .35); color: #fff; }
.pp-ibp-bmeta { display: flex; justify-content: flex-end; align-items: center; gap: 3px; margin-top: -14px; font-size: .6875rem; color: #667781; float: right; position: relative; }
.pp-ibp-b::after { content: ''; display: block; clear: both; }
.pp-ibp-tk .pp-ico { width: 15px; height: 15px; }
.pp-ibp-tk.is-read { color: #53bdeb; }
.pp-ibp-tk.is-failed { color: var(--pp-danger); }
.pp-ibp-media { display: grid; place-items: center; min-width: 200px; min-height: 120px; margin: 0 -4px 4px -6px; border-radius: 8px; background: rgba(0, 0, 0, .05); overflow: hidden; color: var(--pp-muted); gap: 4px; }
.pp-ibp-media.is-sticker { background: transparent; min-width: 120px; }
.pp-ibp-media.is-audio { min-height: 0; min-width: 240px; padding: 6px; background: transparent; }
.pp-ibp-media audio { width: 100%; max-width: 300px; }
.pp-ibp-imgbtn { display: block; padding: 0; border: 0; background: none; cursor: zoom-in; }
.pp-ibp-imgbtn img { display: block; max-width: 100%; max-height: 340px; border-radius: 8px; }
.pp-ibp-media.is-sticker img { max-width: 140px; }
.pp-ibp-doc { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 220px; margin: 0 0 4px; padding: 10px; border: 0; border-radius: 8px; background: rgba(0, 0, 0, .05); font: inherit; text-align: left; cursor: pointer; color: inherit; }
.pp-ibp-doc span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

.pp-ibp-wacomp { background: #f0f2f5; }
.pp-ibp-warow { display: flex; align-items: flex-end; gap: 8px; }
.pp-ibp-warow textarea { flex: 1; min-height: 42px; max-height: 160px; resize: none; border: 0; border-radius: 22px; padding: 11px 16px; background: #fff; font: inherit; line-height: 1.35; }
.pp-ibp-warow textarea:focus { outline: 2px solid color-mix(in srgb, var(--pp-wa) 40%, transparent); }
.pp-ibp-sendbtn { flex: 0 0 42px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--pp-wa); color: #fff; display: grid; place-items: center; cursor: pointer; }
.pp-ibp-sendbtn:disabled { opacity: .6; cursor: wait; }
.pp-ibp-caption { width: 100%; margin: 6px 0; padding: 9px 14px; border: 1px solid var(--pp-line); border-radius: 22px; font: inherit; }
.pp-ibp-hint { display: block; margin-top: 6px; }

/* modals */
.pp-ibp-modal .pp-modal-card { width: min(560px, calc(100vw - 24px)); text-align: left; max-height: calc(100vh - 40px); overflow: auto; }
.pp-ibp-modal .pp-modal-card.pp-ibp-wide { width: min(720px, calc(100vw - 24px)); }
.pp-ibp-mhead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.pp-ibp-mhead h3 { margin: 0; }
.pp-ibp-cform { display: flex; flex-direction: column; gap: 10px; }
.pp-ibp-cform textarea[name=body] { width: 100%; border: 1px solid var(--pp-line); border-radius: var(--pp-r); padding: 10px 12px; font: inherit; resize: vertical; }
.pp-ibp-cform .pp-ib-cfoot { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pp-ibp-cform .pp-ib-cfoot small { flex: 1; }
.pp-ibp-fs { border: 1px solid var(--pp-line); border-radius: var(--pp-r-lg); padding: 12px 14px; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.pp-ibp-fs legend { font-weight: 700; padding: 0 6px; }
.pp-ibp-fs[disabled] { opacity: .6; }
.pp-radio { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--pp-line); border-radius: var(--pp-r); cursor: pointer; }
.pp-radio:has(input:checked) { border-color: var(--pp-primary); background: var(--pp-primary-soft); }
.pp-radio input { margin-top: 3px; }
.pp-radio span { display: flex; flex-direction: column; gap: 2px; }
.pp-radio small { color: var(--pp-muted); }
.pp-ibp-warn { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 8px 10px; border-radius: var(--pp-r); background: var(--pp-credit-soft); font-size: .8125rem; }

/* mailboxes page */
.pp-ibp-route { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 0 0 6px; font-size: .8125rem; color: var(--pp-ink-2); }
.pp-ibp-route > span { display: inline-flex; align-items: center; gap: 5px; }
.pp-ibp-route .pp-ico { width: 14px; height: 14px; color: var(--pp-muted); }

@media (max-width: 860px) {
  .pp-ibp .pp-ib-msgs { max-height: 65vh; }
  .pp-ibp-b { max-width: 90%; }
  .pp-ibp-wa { padding: 12px 10px !important; }
  .pp-ibp .pp-head-actions .pp-btn { flex: 1 1 auto; }
}

/* 1.30.1 */
.pp-ibp-store { margin: 14px 10px 6px; font-size: .75rem; color: var(--pp-muted); }
.pp-ibp-store .pp-progress.is-warn span { background: var(--pp-danger); }
.pp-ibp-consent { font-size: .8125rem; align-items: flex-start; }
.pp-ibp-consent.is-need { outline: 2px solid var(--pp-credit); outline-offset: 4px; border-radius: 6px; }

/* ---------- 1.115.0 New email assistant: AI writer + inbox chance ---------- */
.pp-ea-ai { border: 1px solid var(--pp-line); border-radius: var(--pp-r); background: var(--pp-surface); }
.pp-ea-ai.is-open { border-color: var(--pp-primary); box-shadow: 0 0 0 3px var(--pp-primary-soft); }
.pp-ea-toggle { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 12px; background: none; border: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; border-radius: var(--pp-r); }
.pp-ea-toggle > .pp-ico:first-child { color: var(--pp-primary); flex: none; }
.pp-ea-toggle > span { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.pp-ea-toggle b { font-size: .875rem; }
.pp-ea-toggle small { color: var(--pp-muted); font-size: .75rem; }
.pp-ea-toggle > .pp-ico:last-child { color: var(--pp-muted); transition: transform .15s; flex: none; }
.pp-ea-ai.is-open .pp-ea-toggle > .pp-ico:last-child { transform: rotate(180deg); }
.pp-ea-panel { padding: 0 12px 12px; display: flex; flex-direction: column; gap: 8px; }
.pp-ea-panel textarea { width: 100%; border: 1px solid var(--pp-line); border-radius: var(--pp-r); padding: 8px 10px; font: inherit; font-size: .875rem; resize: vertical; }
.pp-ea-opts { display: flex; gap: 10px; flex-wrap: wrap; }
.pp-ea-opts label { display: flex; align-items: center; gap: 6px; font-size: .8125rem; color: var(--pp-muted); font-weight: 600; }
.pp-ea-opts select { font: inherit; font-size: .8125rem; padding: 4px 8px; border: 1px solid var(--pp-line); border-radius: 6px; background: var(--pp-surface); color: var(--pp-ink); }
.pp-ea-btns { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pp-ea-btns .is-busy, .pp-ea-mact .is-busy { opacity: .7; cursor: progress; }
.pp-ea-btns .is-busy .pp-ico { animation: pp-spin .9s linear infinite; }
.pp-ea-hint { margin: 0; }
.pp-ibp-cform.is-ai textarea[name=body], .pp-ibp-cform.is-ai input[name=subject] { opacity: .55; }

.pp-ea-meter { border: 1px solid var(--pp-line); border-radius: var(--pp-r); padding: 10px 12px; background: var(--pp-sunken); transition: opacity .15s; }
.pp-ea-meter.is-busy { opacity: .7; }
.pp-ea-meter.is-empty { padding: 8px 12px; }
.pp-ea-wait { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .8125rem; color: var(--pp-muted); }
.pp-ea-spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--pp-primary-soft); border-top-color: var(--pp-primary); animation: pp-spin .9s linear infinite; flex: none; }
.pp-ea-mhead { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pp-ea-pct { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 64px; height: 52px; border-radius: 10px; background: var(--pp-surface); line-height: 1; flex: none; }
.pp-ea-pct b { font-size: 1.375rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.pp-ea-pct span { font-size: .6875rem; color: var(--pp-muted); text-transform: uppercase; letter-spacing: .04em; margin-top: 3px; }
.pp-ea-mbody { flex: 1 1 180px; min-width: 0; }
.pp-ea-bar { height: 8px; border-radius: 99px; background: var(--pp-danger-soft); overflow: hidden; }
.pp-ea-bar i { display: block; height: 100%; border-radius: 99px; background: var(--pp-wa); transition: width .4s ease; }
.pp-ea-mline { display: flex; gap: 8px; flex-wrap: wrap; align-items: baseline; margin-top: 6px; font-size: .8125rem; }
.pp-ea-mline span { color: var(--pp-muted); }
.pp-ea-mact { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pp-ea-mact .pp-linkbtn .pp-ico:last-child { width: 14px; height: 14px; }
.pp-ea-meter.is-good .pp-ea-pct b, .pp-ea-meter.is-good .pp-ea-mline strong { color: var(--pp-wa); }
.pp-ea-meter.is-warn .pp-ea-pct b, .pp-ea-meter.is-warn .pp-ea-mline strong { color: #8a5a00; }
.pp-ea-meter.is-warn .pp-ea-bar i { background: var(--pp-credit); }
.pp-ea-meter.is-bad .pp-ea-pct b, .pp-ea-meter.is-bad .pp-ea-mline strong { color: var(--pp-danger); }
.pp-ea-meter.is-bad .pp-ea-bar i { background: var(--pp-danger); }
.pp-ea-meter.is-bad .pp-ea-bar { background: var(--pp-line); }
.pp-ea-why { margin-top: 10px; border-top: 1px solid var(--pp-line); padding-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.pp-ea-why > p { margin: 0; }
.pp-ea-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.pp-ea-list li { display: flex; gap: 8px; align-items: flex-start; font-size: .8125rem; line-height: 1.4; }
.pp-ea-list li > .pp-ico { flex: none; width: 16px; height: 16px; margin-top: 1px; }
.pp-ea-list li div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pp-ea-list li span { color: var(--pp-muted); }
.pp-ea-list li em { font-style: normal; font-weight: 700; color: var(--pp-danger); font-size: .75rem; margin-left: 4px; }
.pp-ea-list li.is-bad > .pp-ico { color: var(--pp-danger); }
.pp-ea-list li.is-warn > .pp-ico { color: #b7791f; }
.pp-ea-list li.is-info > .pp-ico { color: var(--pp-info); }
.pp-ea-list li.is-good > .pp-ico { color: var(--pp-wa); }
.pp-ea-aiv { display: flex; gap: 8px; align-items: flex-start; font-size: .8125rem; background: var(--pp-info-soft); border-radius: 8px; padding: 8px 10px; }
.pp-ea-aiv .pp-ico { color: var(--pp-info); flex: none; }
@media (max-width: 560px) {
  .pp-ea-mact { width: 100%; justify-content: space-between; }
  .pp-ea-btns .pp-btn { flex: 1 1 auto; }
}

/* ---------- 1.115.0 Send test ---------- */
.pp-ea-lasttest { display: flex; gap: 8px; align-items: flex-start; font-size: .8125rem; padding: 8px 12px; border-radius: var(--pp-r); background: var(--pp-sunken); }
.pp-ea-lasttest > .pp-ico { flex: none; width: 16px; height: 16px; margin-top: 1px; }
.pp-ea-lasttest span { color: var(--pp-muted); }
.pp-ea-lasttest b { color: var(--pp-ink); }
.pp-ea-lasttest.is-good { background: var(--pp-wa-soft); } .pp-ea-lasttest.is-good > .pp-ico { color: var(--pp-wa); }
.pp-ea-lasttest.is-warn { background: var(--pp-credit-soft); } .pp-ea-lasttest.is-warn > .pp-ico { color: #b7791f; }
.pp-ea-lasttest.is-bad { background: var(--pp-danger-soft); } .pp-ea-lasttest.is-bad > .pp-ico { color: var(--pp-danger); }
.pp-ea-test { display: flex; flex-direction: column; gap: 12px; }
.pp-ea-tintro { margin: 0; font-size: .875rem; color: var(--pp-ink-2); }
.pp-ea-trows { display: flex; flex-direction: column; gap: 10px; }
.pp-ea-trow { border: 1px solid var(--pp-line); border-radius: var(--pp-r); padding: 8px 10px; display: flex; flex-direction: column; gap: 6px; }
.pp-ea-tline { display: flex; gap: 6px; align-items: center; }
.pp-ea-tline input { flex: 1; min-width: 0; border: 0; outline: none; font: inherit; padding: 4px 0; background: transparent; color: inherit; }
.pp-ea-thint { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: .8125rem; color: var(--pp-muted); }
.pp-ea-thint:empty { display: none; }
.pp-ea-thint .pp-ico { width: 15px; height: 15px; }
.pp-ea-thint .pp-linkbtn { padding: 0; }
.pp-ea-tnote { flex-basis: 100%; font-size: .75rem; }
.pp-ea-tauto { display: flex; flex-direction: column; gap: 6px; border-top: 1px dashed var(--pp-line); padding-top: 8px; }
.pp-ea-tauto label { display: flex; align-items: center; gap: 8px; font-size: .8125rem; font-weight: 600; color: var(--pp-muted); }
.pp-ea-tauto label span { flex: 0 0 100px; }
.pp-ea-tauto input { flex: 1; min-width: 0; border: 1px solid var(--pp-line); border-radius: 6px; padding: 6px 8px; font: inherit; }
.pp-ea-tauto p { margin: 0; }
.pp-ea-ttip { display: flex; gap: 6px; align-items: flex-start; margin: 0; }
.pp-ea-ttip .pp-ico { flex: none; width: 15px; height: 15px; margin-top: 2px; color: var(--pp-primary); }
.pp-ea-tsum { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: var(--pp-r); background: var(--pp-sunken); }
.pp-ea-tsum b { font-size: 1rem; }
.pp-ea-tsum span { font-size: .8125rem; color: var(--pp-muted); word-break: break-word; }
.pp-ea-tsum.is-good { background: var(--pp-wa-soft); } .pp-ea-tsum.is-good b { color: var(--pp-wa); }
.pp-ea-tsum.is-warn { background: var(--pp-credit-soft); } .pp-ea-tsum.is-warn b { color: #8a5a00; }
.pp-ea-tsum.is-bad { background: var(--pp-danger-soft); } .pp-ea-tsum.is-bad b { color: var(--pp-danger); }
.pp-ea-tres { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pp-ea-tres li { display: flex; gap: 12px; align-items: flex-start; border: 1px solid var(--pp-line); border-radius: var(--pp-r); padding: 10px 12px; font-size: .875rem; }
.pp-ea-taddr { flex: 0 0 38%; min-width: 0; font-weight: 700; word-break: break-all; display: flex; flex-direction: column; }
.pp-ea-taddr small { font-weight: 400; color: var(--pp-muted); font-size: .75rem; }
.pp-ea-tstat { flex: 1; min-width: 0; display: flex; gap: 8px; align-items: flex-start; }
.pp-ea-tstat > .pp-ico { flex: none; width: 18px; height: 18px; }
.pp-ea-tres li.is-inbox .pp-ea-tstat > .pp-ico, .pp-ea-tres li.is-inbox b { color: var(--pp-wa); }
.pp-ea-tres li.is-spam .pp-ea-tstat > .pp-ico, .pp-ea-tres li.is-spam b, .pp-ea-tres li.is-missing .pp-ea-tstat > .pp-ico, .pp-ea-tres li.is-missing b { color: var(--pp-danger); }
.pp-ea-tres li.is-spam { border-color: var(--pp-danger); background: var(--pp-danger-soft); }
.pp-ea-tres li.is-inbox { border-color: var(--pp-wa); background: var(--pp-wa-soft); }
.pp-ea-ask { display: flex; flex-direction: column; gap: 8px; }
.pp-ea-askbtns { display: flex; flex-wrap: wrap; gap: 6px; }
.pp-ea-test .is-busy { opacity: .7; cursor: progress; }
@media (max-width: 560px) {
  .pp-ea-tres li { flex-direction: column; gap: 6px; }
  .pp-ea-taddr { flex-basis: auto; }
  .pp-ea-tauto label { flex-direction: column; align-items: stretch; }
  .pp-ea-tauto label span { flex-basis: auto; }
}

/* 1.117.0 WhatsApp media: video player, voice notes, viewer */
.pp-ibp-media.is-video { position: relative; min-width: 240px; min-height: 150px; background: #111; color: #fff; }
.pp-ibp-media.is-video video { display: block; width: 100%; max-width: 360px; max-height: 340px; border-radius: 8px; background: #000; }
.pp-ibp-vplay { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px; border: 0; background: none; color: #fff; font: inherit; cursor: pointer; }
.pp-ibp-vplay .pp-ico { width: 46px; height: 46px; opacity: .92; }
.pp-ibp-vplay:hover .pp-ico, .pp-ibp-vplay:focus-visible .pp-ico { opacity: 1; transform: scale(1.06); }
.pp-ibp-vplay small { font-size: 12px; opacity: .85; }
.pp-ibp-vfull { position: absolute; top: 6px; right: 6px; background: rgba(0, 0, 0, .55); color: #fff; border-radius: 999px; }
.pp-ibp-vn { display: flex; align-items: center; gap: 8px; width: 100%; color: var(--pp-muted); }
.pp-ibp-vn > .pp-ico { flex: none; width: 20px; height: 20px; color: var(--pp-primary); }
.pp-ibp-vn audio { flex: 1; min-width: 0; height: 38px; }
.pp-ibp-speed { flex: none; border: 1px solid var(--pp-line); background: var(--pp-surface); border-radius: 999px; padding: 2px 8px; font: 700 12px/1.4 inherit; color: var(--pp-ink); cursor: pointer; }
.pp-ibp-mfail { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px; text-align: center; }
.pp-ibp-mfail small { color: var(--pp-muted); max-width: 240px; }
a.pp-ibp-doc { text-decoration: none; }
.pp-ibp-lb { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; background: rgba(10, 12, 16, .92); padding: env(safe-area-inset-top, 0) 0 env(safe-area-inset-bottom, 0); }
.pp-ibp-lb-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; color: #fff; }
.pp-ibp-lb-bar span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.pp-ibp-lb-bar .pp-iconbtn { color: #fff; }
.pp-ibp-lb-body { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 0 12px 12px; }
.pp-ibp-lb-body img, .pp-ibp-lb-body video { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; }
.pp-ibp-lb-body iframe { width: min(1000px, 100%); height: 100%; border: 0; border-radius: 6px; background: #fff; }
.pp-ibp-lb-cap { margin: 0; padding: 0 16px 16px; color: #e5e7eb; text-align: center; }
.pp-ibp-route .pp-ibp-bad { color: #b42318; font-weight: 600; }