#app .content:has(#whatsappInbox.active,#whatsappPersonal.active){width:100%;max-width:1280px;padding:10px 16px;margin-inline:auto}
.wa-chat-rooms{display:block;font-size:14px;color:#526b61;margin-top:3px}
#modal .dialog:not(.receipt-dialog):has(.wa-guest-picker){width:min(840px,calc(100vw - 24px))}
.wa-guest-picker{padding:14px;direction:rtl}.wa-guest-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;align-items:end;gap:10px}.wa-guest-filters label{display:grid;gap:5px;font-size:14px;font-weight:700;color:#185749}.wa-guest-filters input,.wa-guest-filters select{width:100%;min-width:0;min-height:40px;padding:7px 9px;border:1px solid #bdcfc5;background:#fff;border-radius:9px;font-size:16px}.wa-guest-filters .btn{min-height:40px;font-size:14px;padding:7px 12px}.wa-guest-help,#waGuestStatus{font-size:14px;line-height:1.6;margin:10px 0;color:#53695e}#waGuestStatus:empty{display:none}.wa-guest-list{display:grid;gap:8px}.wa-guest{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #d0ded6;border-radius:10px;background:#f8fbf9}.wa-guest>div{display:grid;gap:4px;overflow-wrap:anywhere}.wa-guest b{font-size:16px}.wa-guest small,.wa-guest bdi,.wa-guest p{font-size:14px;line-height:1.5}.wa-guest bdi{justify-self:start}.wa-guest p{margin:0;color:#855d25}.wa-guest .wa-guest-available{color:#14654c;font-weight:700}.wa-guest .btn{font-size:14px;min-height:38px;padding:6px 12px}.wa-guest-picker>.wa-list-pages{margin-top:10px}
@media(max-width:600px){.wa-guest-filters{grid-template-columns:minmax(0,1fr) auto}.wa-guest-filters>label:first-child{grid-column:1/-1}.wa-guest{grid-template-columns:minmax(0,1fr) auto;gap:8px}.wa-guest>div{grid-column:1/-1}.wa-guest-picker{padding:10px}}
.wa-inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.wa-inbox-toolbar small{font-size:14px;color:#51685f}#waStatus:empty,#waSendStatus:empty{display:none}#waStatus{margin:8px 0;color:#983c26;font-size:14px}
.wa-inbox-layout{display:grid;grid-template-columns:minmax(240px,27%) minmax(0,1fr);height:min(600px,calc(100dvh - 175px));min-height:350px;border:1px solid #b9cfc5;border-radius:12px;overflow:hidden;background:#fff}
.wa-threads{min-width:0;display:flex;flex-direction:column;border-left:1px solid #cdded6;background:#f5f8f6}.wa-search{padding:14px;display:grid;gap:6px;font-size:14px;font-weight:700;color:#185749}.wa-search input{width:100%;font-size:16px;background:#fff;border:1px solid #bccdc6;padding:10px;border-radius:10px}#waThreadList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.wa-thread{width:100%;display:grid;gap:5px;text-align:right;background:transparent;border:0;border-bottom:1px solid #dce7e1;padding:12px 14px;cursor:pointer;color:#193e33}.wa-thread:hover,.wa-thread.selected{background:#dfefe7}.wa-thread.selected{box-shadow:inset -4px 0 #1c745b}.wa-thread>span{display:flex;justify-content:space-between;gap:6px;font-size:16px}.wa-thread bdi{justify-self:start;font-size:14px}.wa-thread small{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-thread time{font-size:12px;color:#526b61}.wa-thread em{font-style:normal;font-size:13px;color:white;background:#17654d;padding:2px 7px;border-radius:12px}.wa-list-pages{display:flex;justify-content:space-between;padding:6px 12px;border-top:1px solid #dce7e1}.wa-list-pages .btn{font-size:14px;min-height:34px;padding:5px 10px}
.wa-conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:#edf4f0}.wa-chat-header{padding:12px 16px;display:flex;align-items:center;gap:12px;min-height:67px;background:#fff;border-bottom:1px solid #d4e2da;font-size:16px}.wa-chat-header bdi{font-size:14px;color:#526b61}.wa-back{display:none}.wa-messages{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;min-height:0;overflow-y:auto;padding:16px;overscroll-behavior:contain}.wa-empty{margin:auto;padding:20px;text-align:center;color:#587166;font-size:16px;line-height:1.8}.wa-message{max-width:min(86%,670px);padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #d6e2db;box-shadow:0 2px 4px #163e3008;overflow-wrap:anywhere;flex-shrink:0}.wa-message.incoming{align-self:flex-start;border-top-right-radius:3px}.wa-message.outgoing{align-self:flex-end;background:#dbefdf;border-top-left-radius:3px}.wa-message-from{font-size:13px;font-weight:700;color:#38674f;margin-bottom:5px}.wa-message-body{white-space:pre-wrap;font-size:16px;line-height:1.75}.wa-message footer{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#51695d;margin-top:7px}.wa-message .wa-delivered{color:#126987;font-weight:700}.wa-message>small{display:block;font-size:14px}.wa-failure{color:#a13232;margin-top:6px}.wa-older{align-self:center;font-size:14px}.wa-attachment{display:grid;gap:8px;margin-top:8px}.wa-attachment .btn{font-size:14px;white-space:normal;text-align:center}.wa-attachment img,.wa-attachment video{max-width:100%;max-height:360px;object-fit:contain;border-radius:8px}.wa-attachment audio{max-width:100%;width:290px}.wa-attachment a{color:#145340;text-decoration:none;background:#fff}
.wa-reply{background:#fff;border-top:1px solid #cdded6;padding:10px 14px;display:grid;gap:7px}.wa-reply[hidden]{display:none}.wa-reply label{font-size:14px;font-weight:700}.wa-reply textarea{width:100%;resize:vertical;min-height:65px;max-height:180px;border:1px solid #b3c9bd;border-radius:10px;padding:9px;font-size:16px}.wa-reply p{margin:0;font-size:14px;line-height:1.6;color:#526b61}.wa-send-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.wa-send-row small{font-size:12px}.wa-inbox-layout button:disabled{opacity:.55;cursor:not-allowed}.wa-delegates{padding:18px;font-size:16px;line-height:1.7}.wa-delegates label{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #d6e3dc;gap:20px}.wa-delegates input{width:20px;height:20px;accent-color:#17664e}.wa-delegates p{margin:0 0 10px}
@media(max-width:720px){#app .content:has(#whatsappInbox.active,#whatsappPersonal.active){padding:8px}.wa-inbox-toolbar h2{font-size:18px}.wa-inbox-toolbar .btn{font-size:14px;min-height:36px;padding:5px 9px}.wa-inbox-toolbar{align-items:flex-start}.wa-inbox-toolbar .actions{justify-content:flex-end}.wa-inbox-layout{grid-template-columns:1fr;height:calc(100dvh - 155px);min-height:350px}.wa-conversation{display:none}.wa-show-chat .wa-threads{display:none}.wa-show-chat .wa-conversation{display:flex}.wa-back{display:block;font-size:14px;padding:6px 10px;min-height:36px}.wa-message{max-width:94%}.wa-messages{padding:10px}.wa-reply{padding:8px 10px}.wa-chat-header{padding:9px 12px}.wa-send-row .btn{font-size:14px}.wa-reply textarea{min-height:60px}}
/* Compact controls retain readable text and independent message/list scrolling. */
#whatsappInbox .btn,#whatsappPersonal .btn{font-size:14px!important;min-height:36px;padding:6px 10px;box-shadow:0 2px 0 #2e1d122e!important;white-space:normal}
#whatsappInbox .actions{gap:7px}#whatsappInbox .wa-search{padding:9px 10px;gap:4px}#whatsappInbox .wa-search input{padding:7px 9px;min-height:38px}
#whatsappInbox .wa-thread{padding:8px 10px;gap:2px;line-height:1.4}#whatsappInbox .wa-chat-header{padding:8px 12px;min-height:48px;flex-shrink:0}
#whatsappInbox .wa-messages{padding:12px;gap:8px}#whatsappInbox .wa-message{padding:8px 11px}#whatsappInbox .wa-reply{padding:8px 10px;gap:5px;flex-shrink:0}
#whatsappInbox .wa-reply textarea{min-height:60px;max-height:110px}#whatsappInbox .wa-empty{padding:12px;font-size:16px}.wa-list-pages[hidden]{display:none}
#modal .dialog:not(.receipt-dialog):has(.wa-whatsapp-hub){width:min(680px,calc(100vw - 24px))}
.wa-whatsapp-hub{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;direction:rtl}
.wa-channel{display:grid;gap:10px;text-align:right;border:1px solid #b8cec3;background:#f5faf7;border-radius:12px;padding:20px 16px;color:#164b3c;cursor:pointer;font:inherit}
.wa-channel b{font-size:16px}.wa-channel-description{font-size:14px;line-height:1.7;color:#53695e}.wa-channel:hover{border-color:#26765c;background:#eaf5ee}.wa-channel:focus-visible{outline:3px solid #bda45e;outline-offset:2px}
#whatsappPersonal .wa-personal-desk{background:#fff;border:1px solid #b9cfc5;border-radius:12px;}
.wa-personal-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;padding:14px;direction:rtl;color:#193e33}
.wa-personal-directory,.wa-personal-writing{min-width:0;display:flex;flex-direction:column;gap:8px}.wa-personal-writing{padding-inline-start:16px;border-inline-start:1px solid #d2dfd7}
.wa-personal-desk label{font-size:14px;font-weight:700;display:grid;gap:4px}.wa-personal-desk input:not([type=checkbox]),.wa-personal-desk select,.wa-personal-desk textarea{min-width:0;width:100%;font:inherit;font-size:16px;color:#193e33;background:white;border:1px solid #b8cec3;border-radius:8px;padding:7px 9px}
.wa-personal-desk textarea{resize:vertical;min-height:160px;max-height:260px;line-height:1.65}.wa-personal-desk .wa-guest-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px}
.wa-selection-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wa-selection-tools b{font-size:14px;margin-inline-start:auto}
.wa-personal-guests{overflow-y:auto;max-height:440px;min-height:160px;border:1px solid #d2dfd7;border-radius:9px;background:#f9fcfa;overscroll-behavior:contain}
.wa-personal-desk .wa-personal-guest{display:flex;align-items:center;gap:8px;padding:5px 8px;min-height:36px;border-bottom:1px solid #dce7e1;cursor:pointer}.wa-personal-guest:last-child{border-bottom:0}
.wa-personal-guest:has(input:checked){background:#e1f0e7}.wa-personal-guest:has(input:disabled){opacity:.65;cursor:default}.wa-personal-guest input{width:18px;height:18px;accent-color:#1a6b51;flex-shrink:0}.wa-personal-guest>span{display:grid;grid-template-columns:minmax(100px,1fr) minmax(38px,auto) max-content;align-items:center;column-gap:10px;row-gap:2px;min-width:0;flex:1}.wa-personal-guest b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-personal-room{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-personal-guest bdi{white-space:nowrap}.wa-personal-guest .wa-failure{grid-column:1/-1;margin:0}.wa-personal-guest small,.wa-personal-guest bdi{font-size:14px;font-weight:400}
.wa-snippet-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.wa-snippet-save{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.wa-snippet-save>label{flex:1;min-width:140px}
#waSnippetCopy[hidden]{display:none}#waSnippetStatus,#waPersonalListStatus{font-size:14px;margin:0;line-height:1.5}#waSnippetStatus:empty,#waPersonalListStatus:empty{display:none}
.wa-personal-send-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:4px;font-size:14px}.wa-personal-send-heading small{font-size:12px;color:#53695e}.wa-manual-note{font-size:14px;line-height:1.6;margin:0;color:#53695e}
.wa-personal-queue{max-height:190px;overflow:auto;border:1px solid #d2dfd7;border-radius:9px;background:#f9fcfa;overscroll-behavior:contain}.wa-personal-target{display:flex;align-items:center;gap:8px;padding:5px 8px;min-height:36px;min-width:410px;border-bottom:1px solid #dce7e1;background:#e1f0e7}.wa-personal-target:last-child{border-bottom:0}.wa-personal-target>span{display:grid;grid-template-columns:minmax(100px,1fr) minmax(38px,auto) max-content;align-items:center;column-gap:10px;min-width:0;flex:1}.wa-personal-target b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-personal-target small,.wa-personal-target bdi{font-size:14px;font-weight:400;white-space:nowrap}.wa-personal-target a{flex-shrink:0;text-align:center;text-decoration:none}.wa-personal-target a[aria-disabled=true]{opacity:.5;cursor:not-allowed}.wa-personal-queue .wa-empty{font-size:14px;padding:14px}
@media(max-width:720px){.wa-inbox-layout{height:min(560px,calc(100dvh - 220px));min-height:350px}.wa-inbox-toolbar{display:grid;gap:6px}.wa-inbox-toolbar .actions{justify-content:flex-start}.wa-personal-desk{grid-template-columns:1fr;padding:10px;gap:12px}.wa-personal-writing{padding-inline-start:0;border-inline-start:0;border-top:1px solid #d2dfd7;padding-top:12px}.wa-personal-guests{max-height:240px}.wa-personal-queue{max-height:220px}.wa-whatsapp-hub{grid-template-columns:1fr;padding:12px}.wa-channel{padding:14px}}

@media(max-width:420px){.wa-personal-guest>span{grid-template-columns:minmax(76px,1fr) minmax(30px,auto) max-content;column-gap:6px}.wa-personal-room{max-width:65px}}
/* Incoming conversations use the available height; closed windows show only their notice. */
#whatsappInbox .wa-inbox-layout{height:min(760px,calc(100dvh - 155px))}
#whatsappInbox .wa-thread{grid-template-columns:minmax(0,1fr) auto;padding:6px 9px;gap:2px 6px;line-height:1.35}
#whatsappInbox .wa-thread>span{grid-column:1/-1}#whatsappInbox .wa-thread bdi{grid-row:2;grid-column:1}#whatsappInbox .wa-thread time{grid-row:2;grid-column:2;font-size:12px}#whatsappInbox .wa-thread small{grid-column:1/-1}
#whatsappInbox .wa-chat-header{padding:6px 10px;min-height:40px}#whatsappInbox .wa-chat-contact{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;min-width:0}#whatsappInbox .wa-chat-rooms{margin:0}
#whatsappInbox .wa-messages{padding:9px 11px;gap:6px}#whatsappInbox .wa-message{padding:6px 10px;border-radius:9px}#whatsappInbox .wa-message-from{margin-bottom:2px}#whatsappInbox .wa-message-body{line-height:1.6}#whatsappInbox .wa-message footer{margin-top:3px}
#whatsappInbox .wa-reply{padding:6px 10px;gap:4px}#whatsappInbox .wa-reply textarea{min-height:52px;max-height:90px;padding:6px 8px}#whatsappInbox .wa-reply :is(textarea,label,.wa-send-row)[hidden]{display:none}#waReplyNotice:empty{display:none}
@media(max-width:720px){#whatsappInbox .wa-inbox-layout{height:min(680px,calc(100dvh - 190px))}#whatsappInbox .wa-thread time{font-size:12px}}

/* Saraya messaging center: compact emerald cards with warm gold details. */
#modal .dialog:not(.receipt-dialog):has(.wa-whatsapp-hub){width:min(720px,calc(100vw - 24px));border:1px solid #bb9a52;background:#f7faf8;box-shadow:0 24px 80px #001b1766;border-radius:20px;overflow:hidden}
#modal .dialog:has(.wa-whatsapp-hub) .dialog-head{padding:12px 18px;background:linear-gradient(120deg,#073a30,#0d5041);border-bottom:1px solid #b29454;color:#f4df9e}
#modal .dialog:has(.wa-whatsapp-hub) #modalTitle{font-size:18px;color:#f4df9e;font-weight:700}
#modal .dialog:has(.wa-whatsapp-hub) .dialog-head .btn{min-height:36px;padding:5px 12px;border-color:#b89b58;background:#103e34;color:#f4df9e;box-shadow:none!important}
#modal .wa-whatsapp-hub{padding:16px;gap:12px;background:linear-gradient(140deg,#eef4f0,#fff)}
#modal .wa-channel{position:relative;grid-template-rows:36px auto 1fr;gap:9px;padding:17px 18px;border:1px solid #b99b59;border-radius:14px;background:linear-gradient(145deg,#145545,#062f28);color:#fff5d7;box-shadow:0 5px 12px #0c3c3020,inset 0 1px #f5da9824;transition:transform .15s ease,box-shadow .15s ease}
#modal .wa-channel b{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff3cf;line-height:1.6}
#modal .wa-channel-description{font-size:14px;line-height:1.65;color:#dfebe4}
#modal .wa-channel-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ccb77770;border-radius:10px;background:#e6c97912;color:#e8cd8e}
#modal .wa-channel-icon svg{width:23px;height:23px}#modal .wa-channel:hover{transform:translateY(-2px);background:linear-gradient(145deg,#1a6250,#073a30);box-shadow:0 8px 16px #0c3c3033}
#modal .wa-channel:focus-visible{outline:3px solid #bf9645;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#modal .wa-channel{transition:none}#modal .wa-channel:hover{transform:none}}
@media(max-width:720px){#modal .wa-whatsapp-hub{padding:12px;gap:10px}#modal .wa-channel{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 12px;padding:14px}#modal .wa-channel-icon{grid-row:1/3}#modal .wa-channel-description{grid-column:2}}

#whatsappPersonal .wa-personal-target a{min-height:32px;padding:4px 8px;white-space:nowrap}