.wa-page{--wa: #25a244}.wa-banner{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 8px;margin: 0 0 12px;padding: 8px 12px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--panel-2);color: var(--ink);font-size: 13.5px}.wa-banner-warn{border-color: var(--warn);background: var(--warn-soft);color: var(--warn-ink)}.wa-top:empty{display: none}.wa-split{display: grid;grid-template-columns: minmax(250px,340px) minmax(0,1fr);block-size: clamp(520px,calc(100vh - 220px),920px)}.wa-list{display: flex;flex-direction: column;min-width: 0;border-inline-end: 1px solid var(--line);overflow: hidden}.wa-list-tools{display: flex;gap: 8px;align-items: center;padding: 10px;border-block-end: 1px solid var(--line)}.wa-search{flex: 1 1 auto;min-width: 0;min-block-size: 40px;padding: 0 12px;border: 1px solid var(--line);border-radius: 999px;background: var(--panel);color: var(--ink);font: inherit}.wa-chip{min-block-size: 36px;padding: 0 12px;border: 1px solid var(--line);border-radius: 999px;background: transparent;color: var(--muted);font: inherit;font-weight: 700;cursor: pointer}.wa-chip[aria-pressed="true"]{background: var(--accent-soft);color: var(--accent-d);border-color: var(--accent)}.wa-list-rows{overflow-y: auto;flex: 1 1 auto}.wa-row{display: flex;gap: 10px;align-items: center;padding: 10px 12px;border-block-end: 1px solid var(--line-2);color: inherit;text-decoration: none;min-block-size: 56px}.wa-row:hover{background: var(--panel-2)}.wa-row.on{background: var(--accent-soft)}.wa-avatar{flex: 0 0 auto;display: inline-grid;place-items: center;inline-size: 38px;block-size: 38px;border-radius: 50%;background: var(--wa,#25a244);color: #fff;font-weight: 800;font-size: 14px}.wa-row-main{flex: 1 1 auto;min-width: 0;display: grid;gap: 2px}.wa-row-top,.wa-row-bottom{display: flex;align-items: center;justify-content: space-between;gap: 8px;min-width: 0}.wa-name,.wa-last{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wa-last{color: var(--muted);font-size: 13px}.wa-row.unread .wa-name,.wa-row.unread .wa-last{color: var(--ink);font-weight: 800}.wa-you{color: var(--muted);font-weight: 600}.wa-dot{flex: 0 0 auto;inline-size: 9px;block-size: 9px;border-radius: 50%;background: var(--wa,#25a244)}.wa-unread{flex: 0 0 auto;min-inline-size: 20px;padding: 1px 6px;border-radius: 999px;background: var(--wa,#25a244);color: #fff;font-size: 12px;font-weight: 800;text-align: center}.wa-thread{display: flex;flex-direction: column;min-width: 0;min-block-size: 0;overflow: hidden}.wa-thread-head{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-block-end: 1px solid var(--line)}.wa-head-main{flex: 1 1 auto;min-width: 0;display: grid}.wa-thread-head .wa-back{display: none}.wa-msgs{flex: 1 1 0;overflow-y: auto;display: flex;flex-direction: column;gap: 8px;padding: 14px;background: var(--panel-2);min-block-size: 120px}.wa-none{margin: auto}.wa-msg{max-inline-size: min(78%,560px);padding: 8px 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--panel);display: grid;gap: 2px}.wa-msg.in{align-self: flex-start;border-start-start-radius: 4px}.wa-msg.out{align-self: flex-end;border-start-end-radius: 4px;background: var(--accent-soft);border-color: transparent}.wa-msg.failed{border-color: var(--danger)}.wa-by{color: var(--muted);font-weight: 700}.wa-text{white-space: pre-wrap;overflow-wrap: anywhere}.wa-meta{display: flex;justify-content: flex-end;align-items: center;gap: 8px;color: var(--muted);font-size: 12px}.wa-tpl{padding: 0 6px;border-radius: 999px;border: 1px solid var(--line)}.wa-tick{font-weight: 800;letter-spacing: -2px}.wa-tick.wa-read{color: var(--info-ink,#1d6fd1)}.wa-tick.wa-failed{color: var(--danger);letter-spacing: 0}.wa-err{color: var(--danger);font-size: 12.5px}.wa-readonly{margin: 0;padding: 10px 12px;border-block-start: 1px solid var(--line)}.wa-compose{display: grid;gap: 10px;padding: 12px;border-block-start: 1px solid var(--line);min-width: 0;flex: 0 1 auto;max-block-size: 62%;overflow-y: auto}.wa-record .wa-compose{padding: 0;border: 0;max-block-size: none;overflow: visible}.wa-record{display: grid;gap: 10px}.wa-record-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 12px}.wa-window{display: flex;align-items: center;gap: 6px;color: var(--muted);font-size: 13px}.wa-window.on{color: var(--wa,#25a244);font-weight: 700}.wa-modes{display: inline-flex;gap: 4px;padding: 3px;border: 1px solid var(--line);border-radius: 999px;background: var(--panel-2);justify-self: start;max-width: 100%}.wa-mode{min-block-size: 34px;padding: 0 14px;border: 0;border-radius: 999px;background: transparent;color: var(--muted);font: inherit;font-weight: 700;cursor: pointer}.wa-mode.on{background: var(--accent-soft);color: var(--accent-d)}.wa-mode:disabled{opacity: .55;cursor: not-allowed}.wa-body{display: grid;gap: 10px;min-width: 0}.wa-body textarea,.wa-body input,.wa-body select,.wa-editor input[type="text"],.wa-editor select,.wa-editor textarea{inline-size: 100%;min-block-size: 44px;box-sizing: border-box;font: inherit}.wa-body textarea,.wa-editor textarea{line-height: 1.45}.wa-values{display: grid;gap: 8px}.wa-preview{padding: 10px 12px;border: 1px dashed var(--line);border-radius: var(--r-sm);background: var(--panel-2);white-space: pre-wrap;overflow-wrap: anywhere;min-block-size: 20px}.wa-preview:empty{display: none}.wa-toprow{display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap}.wa-body textarea{min-block-size: 64px}.wa-namecell{min-inline-size: 150px}.wa-clip{display: block;max-inline-size: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wa-editor{display: grid;gap: 10px}.wa-two{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.wa-check{display: inline-flex;align-items: center;gap: 8px}@media (max-width: 760px){.wa-split{grid-template-columns: minmax(0,1fr)}.wa-split[data-open="1"] .wa-list{display: none}.wa-split[data-open="0"] .wa-thread{display: none}.wa-split[data-open="1"] .wa-thread-head .wa-back{display: inline-flex}.wa-msg{max-inline-size: 90%}.wa-two{grid-template-columns: 1fr}.wa-clip{max-inline-size: 220px}}