/* WhatsApp-inspired workspace. daisyUI component classes use the dui- prefix. */
:root {
  --bg:#f0f2f5;--panel:#fff;--text:#111b21;--muted:#667781;--border:#e4e8eb;
  --accent:#008069;--accent-hover:#006b58;--mint:#d9fdd3;--rail:#f0f2f5;
  --wa-hover:#f5f6f6;--wa-selected:#f0f2f5;--wa-chat:#efeae2;--wa-incoming:#fff;
  --wa-outgoing:#d9fdd3;--wa-field:#f0f2f5;--wa-header:#f0f2f5;--wa-shadow:0 2px 12px #0b141a24;
  --wa-date:#fff;--wa-note:#fff8d7;--wa-focus:#00a884;--wa-scroll:#b6bec3;
  --color-base-100:var(--panel);--color-base-200:var(--bg);--color-base-300:var(--border);
  --color-base-content:var(--text);--color-primary:var(--accent);--color-primary-content:#fff;
  --radius-selector:.5rem;--radius-field:.5rem;--size-field:.25rem;
  color-scheme:light;
}
:root[data-theme="dark"] {
  --bg:#0b141a;--panel:#111b21;--text:#e9edef;--muted:#a1aeb6;--border:#2a3942;
  --accent:#00a884;--accent-hover:#06bf98;--mint:#005c4b;--rail:#202c33;
  --wa-hover:#202c33;--wa-selected:#2a3942;--wa-chat:#0b141a;--wa-incoming:#202c33;
  --wa-outgoing:#005c4b;--wa-field:#2a3942;--wa-header:#202c33;--wa-shadow:0 3px 18px #0006;
  --wa-date:#182229;--wa-note:#3b3523;--wa-focus:#00a884;--wa-scroll:#40515a;
  color-scheme:dark;
}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',Helvetica,Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--wa-focus);outline-offset:2px}
::-webkit-scrollbar-thumb{background:var(--wa-scroll)}
.app{grid-template-columns:64px minmax(0,1fr);background:var(--panel)}
.rail{grid-column:1;grid-row:1;padding:14px 8px 12px;background:var(--rail);border-right:1px solid var(--border);gap:12px;min-height:0;z-index:5}
.rail-brand{display:grid;place-items:center;width:44px;height:40px;margin:0;border:0;border-radius:50%;background:transparent;color:var(--accent)}
.rail-links{gap:5px;overflow-y:auto;min-height:0;scrollbar-width:none}
.rail-link,.rail-lock{width:42px;height:40px;min-height:40px;border-radius:50%;color:var(--muted);flex-shrink:0}
.rail-link:hover,.rail-lock:hover,.icon-btn:hover:not(:disabled){background:var(--wa-selected);color:var(--text)}
.rail-link.active{background:color-mix(in srgb,var(--accent) 15%,var(--rail));color:var(--accent)}
.rail-link[data-page="inbox"]{order:-2}.rail-link[data-page="scheduled"]{order:-1}
.rail-footer{gap:10px;padding-top:10px}.rail-footer .admin-avatar{width:32px;height:32px;background:var(--wa-outgoing);color:var(--accent)}
.wa-theme-button{font-size:26px}.wa-mobile-menu{display:none}
.main{grid-column:2;grid-row:1;background:var(--bg)}
.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(340px,90vw);padding:24px 18px;z-index:52;background:var(--panel);border:0;box-shadow:var(--wa-shadow);transform:translateX(-110%);visibility:hidden;transition:transform 200ms ease,visibility 200ms;overflow:auto}
.wa-navigation-open .sidebar{transform:translateX(0);visibility:visible}
.wa-nav-backdrop{position:fixed;inset:0;z-index:51;border:0;background:#0b141a80;backdrop-filter:blur(2px)}
.wa-nav-close{position:absolute;right:15px;top:15px;font-size:27px}.brand{padding:10px 8px 30px}
.brand strong{color:var(--text)}.brand span:not(.brand-mark){color:var(--muted)}
.sidebar nav.dui-menu{display:grid;width:100%;gap:3px;padding:0}
.sidebar-label{color:var(--muted)}.nav{color:var(--text);font-size:14px;min-height:42px}
.nav.active,.nav:hover{background:var(--wa-selected);color:var(--accent)}
.sidebar-bottom{padding-top:22px}.connection-status{background:var(--wa-hover)}
.connection-status strong,.workspace-owner strong{color:var(--text)}
.connection-status small,.workspace-owner small,.help-link{color:var(--muted)}
.topbar{height:76px;min-height:76px;padding:0 28px;background:var(--panel);border-color:var(--border);gap:15px}
.topbar h2{font-size:20px;margin-bottom:4px}.topbar p,.refresh-tools>span{color:var(--muted)}
.page-icon{background:var(--wa-hover);color:var(--accent)}.wa-top-menu{display:none}
.profile-button{background:var(--wa-outgoing);color:var(--accent);border:0}
.workspace-content{padding:26px 28px 36px}.page{max-width:1560px}
body[data-page="inbox"] .main>.topbar{display:none}
body[data-page="inbox"] .workspace-content{padding:0;overflow:hidden;display:flex;flex-direction:column}
body[data-page="inbox"] #pageError:not(.hidden){margin:10px;flex-shrink:0}
#page-inbox.active{display:flex;flex:1;min-height:0;width:100%;max-width:none;margin:0;animation:none}
.inbox-layout{grid-template-columns:360px minmax(0,1fr);height:100%;min-height:0;flex:1;width:100%;border:0;border-radius:0;overflow:hidden;background:var(--panel)}
.inbox-sidebar{display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);min-height:0;min-width:0;overflow:visible}
.wa-chats-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 20px 15px;gap:12px;flex-shrink:0}
.wa-chats-heading h1{font-size:25px;letter-spacing:-.7px;font-weight:650;margin:0;color:var(--text)}
.wa-chats-heading>div>span{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.wa-chats-tools{display:flex;align-items:center;gap:5px}.wa-chat-menu summary{font-size:26px}
.inbox-filters{display:block;padding:0 12px 12px;gap:0;background:var(--panel);border:0;overflow:visible;flex-shrink:0}
.inbox-filters .search-box{border:0;background:var(--wa-field);border-radius:9px;padding-left:16px}
.inbox-filters .search-box input{padding:12px 0;font-size:14px;color:var(--text)}
.inbox-filters .search-box input::placeholder{color:var(--muted)}
.wa-filter-row{display:flex;align-items:center;gap:6px;padding-top:10px}
.wa-filter-row>#inboxCompany{flex:1;width:0;border:0;border-radius:20px;font-size:12px;background:var(--wa-hover);color:var(--text);padding:8px 26px 8px 12px;min-height:34px;max-width:none}
.wa-filter-toggle{display:flex;align-items:center;gap:5px;border:0;background:var(--wa-hover);color:var(--muted);border-radius:20px;padding:8px 11px;font-size:12px;white-space:nowrap}
.wa-filter-toggle .icon{width:15px;height:15px}.wa-filter-toggle .dui-badge{height:17px;min-width:17px;font-size:10px;padding:0 4px;background:var(--accent);color:#fff;border:0}
.wa-popover{position:relative;flex-shrink:0}.wa-popover summary{list-style:none}.wa-popover summary::-webkit-details-marker{display:none}
.wa-popover[open]>summary{background:var(--wa-selected);color:var(--accent)}
.wa-popover-content{position:absolute;right:0;top:calc(100% + 8px);width:235px;max-width:calc(100vw - 32px);z-index:20;background:var(--panel);color:var(--text);box-shadow:var(--wa-shadow);border:1px solid var(--border);border-radius:9px;padding:7px;animation:wa-menu-enter 120ms ease}
.wa-popover-content.dui-menu{display:flex;flex-direction:column;gap:3px}
.wa-popover-content .btn{width:100%;justify-content:flex-start;text-align:left;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:400;min-height:40px;padding:10px 12px;border-radius:5px;white-space:normal}
.wa-popover-content .btn:hover{background:var(--wa-hover)}
.wa-popover-content kbd{margin-left:auto;font-size:11px;color:var(--muted)}
.wa-filter-menu .wa-popover-content{width:290px;padding:16px}
.wa-filter-menu label{font-weight:500;font-size:12px;color:var(--muted);margin:0 0 7px}
.wa-filter-menu select{width:100%;background:var(--wa-field);color:var(--text);border:1px solid var(--border);margin-bottom:14px;padding:10px;border-radius:6px}
.inbox-productivity-filter{display:block}.inbox-productivity-filter .btn{color:var(--accent);border:1px solid var(--border);margin-top:2px;justify-content:center}
.inbox-list{flex:1;min-height:0;overflow:auto;background:var(--panel)}
.inbox-contact{position:relative;display:flex;align-items:center;gap:13px;min-height:90px;padding:13px 17px;border:0;border-radius:0;color:var(--text);background:var(--panel);width:100%;text-align:left;box-shadow:none}
.inbox-contact:after{content:'';position:absolute;bottom:0;left:76px;right:0;border-bottom:1px solid var(--border);opacity:.65}
.inbox-contact:hover{background:var(--wa-hover)}.inbox-contact.selected{background:var(--wa-selected)}
.inbox-contact .contact-avatar{width:47px;height:47px;font-size:16px;background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:var(--accent)}
.inbox-contact .sand{background:color-mix(in srgb,#c9a35b 17%,var(--panel));color:#a3864b}
.inbox-contact .blue{background:color-mix(in srgb,#7cafd6 17%,var(--panel));color:#6d9dc0}
.inbox-contact .lilac{background:color-mix(in srgb,#ac8bba 17%,var(--panel));color:#a78ab3}
.inbox-contact-copy{display:block;min-width:0;flex:1}.inbox-contact-title{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:0 0 6px}
.inbox-contact-title strong{color:var(--text);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-chat-time{font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.inbox-contact:has(.inbox-unread) .wa-chat-time{color:var(--accent)}
.wa-chat-preview{display:flex;align-items:center;gap:8px;min-width:0}.inbox-snippet{flex:1;display:block;font-size:13px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inbox-unread{background:#25d366;color:#111b21;border-radius:12px;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;font-size:11px;flex-shrink:0}
.inbox-contact-copy>small{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inbox-pager{padding:9px 12px;min-height:42px;border-top:1px solid var(--border);background:var(--panel);color:var(--muted);gap:6px}
.inbox-pager .btn{font-size:10px;padding:5px 8px;min-height:28px;border:0;background:var(--wa-hover);color:var(--text)}
.wa-receiving{font-size:10px;color:var(--muted);background:var(--panel);margin:0;padding:5px 15px 9px;line-height:1.5;flex-shrink:0}
.wa-sidebar-account{display:flex;gap:8px;margin-top:15px}.wa-sidebar-account .btn{flex:1;font-size:12px;padding:9px}
.inbox-thread-shell{background:var(--wa-chat);min-height:0;min-width:0;position:relative}
.inbox-thread-empty{padding:30px;background:var(--wa-header);border-bottom:5px solid var(--accent)}
.wa-welcome{max-width:430px;margin:auto;min-height:0;padding:20px;color:var(--muted)}
.wa-welcome-icon{width:112px;height:112px;display:grid;place-items:center;border-radius:36px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);margin:0 0 30px;transform:rotate(-8deg)}
.wa-welcome-icon .icon{width:65px;height:65px;stroke-width:1.2;transform:rotate(8deg)}
.wa-welcome strong{font-size:28px;font-weight:300;color:var(--text);line-height:1.35;letter-spacing:-.6px}
.wa-welcome p{font-size:14px;color:var(--muted);max-width:330px;line-height:1.6;margin:15px 0 40px}
.wa-welcome small{display:flex;align-items:center;gap:6px;font-size:11px}.wa-welcome small .icon{width:13px;height:13px}
.inbox-thread{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}
.inbox-thread-header{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 20px;height:68px;min-height:68px;border-bottom:1px solid var(--border);background:var(--wa-header);z-index:3}
.inbox-thread-name{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.inbox-thread-name>div{min-width:0}.inbox-thread-name h3{font-size:16px;font-weight:500;color:var(--text);margin:0 0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inbox-thread-name small{font-size:11px;line-height:1.4;color:var(--muted);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inbox-thread-name .contact-avatar{width:40px;height:40px;background:var(--wa-selected);color:var(--muted)}
.wa-thread-menu>summary{font-size:27px}.wa-thread-menu .inbox-thread-actions{width:245px;display:flex;gap:3px;flex-direction:column;align-items:stretch;padding:8px;flex-wrap:nowrap}
.inbox-assignee{color:var(--muted);font-size:11px;padding:8px;display:grid;gap:7px;margin:0}
.inbox-assignee select{width:100%;max-width:none;font-size:13px;background:var(--wa-field);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px}
.inbox-back{display:none}.wa-contact-toggle{flex-shrink:0}
.inbox-messages{position:relative;display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px clamp(18px,6%,90px);background-color:var(--wa-chat);background-image:url('/assets/chat-wallpaper.svg');background-size:420px 420px;scroll-behavior:auto}
.inbox-message-row.dui-chat{display:flex;align-items:flex-start;padding:0;margin:0 0 5px;grid-template-columns:none;min-width:0}
.inbox-message-row.dui-chat-end{justify-content:flex-end}.inbox-message-row.dui-chat-start{justify-content:flex-start}
.inbox-message-row .inbox-bubble{position:relative;display:block;align-self:auto;min-height:0;max-width:82%;width:fit-content;padding:7px 10px 6px;border-radius:8px;color:var(--text);box-shadow:0 1px 1px #0b141a20;overflow:visible;font-size:14px;line-height:1.45;margin:0;border:0}
.inbox-bubble.inbound{background:var(--wa-incoming);border-top-left-radius:2px}.inbox-bubble.outbound{background:var(--wa-outgoing);border-top-right-radius:2px}
.inbox-message-row .inbox-bubble::before{display:none}
.inbox-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;color:var(--text)}
.inbox-bubble footer{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px;margin:4px 0 0;font-size:10px;color:var(--muted);line-height:1.3}
.inbox-bubble footer>span:first-child:not(.inbox-delivery){margin-right:auto;font-size:9px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-bubble .inbox-delivery{font-size:9px;color:var(--muted)}.inbox-bubble .inbox-delivery.read{color:#53bdeb}.inbox-bubble .inbox-delivery.attention{color:var(--red)}
.inbox-bubble>.btn{min-height:22px;font-size:9px;background:transparent;color:var(--muted);border:0;padding:4px 0;margin:2px 0 0}
.inbox-message-kind:empty{display:none}.inbox-message-kind,.inbox-filename{font-size:11px;color:var(--muted)}
.wa-date-separator{display:flex;justify-content:center;margin:16px 0 18px}.wa-date-separator:first-child{margin-top:0}
.wa-date-separator span{padding:6px 12px;border-radius:7px;box-shadow:0 1px 2px #0b141a14;font-size:11px;color:var(--muted);background:var(--wa-date)}
.inbox-composer{position:relative;display:grid;grid-template-columns:36px 36px 36px minmax(0,1fr) auto;align-items:center;gap:5px;padding:10px 16px 6px;border:0;background:var(--wa-header);flex-shrink:0}
.inbox-composer>.wa-emoji{grid-column:1;grid-row:1}.inbox-composer>.wa-compose-tools{grid-column:2;grid-row:1}
.inbox-attach-controls{display:contents}.inbox-attach-controls>#inboxAttach{grid-column:3;grid-row:1;width:36px;height:38px;padding:0;min-height:38px;background:transparent;border:0;color:var(--muted)}
.inbox-composer #inboxReply{grid-column:4;grid-row:1;resize:none;align-self:center;min-height:42px;max-height:140px;height:42px;border:0;background:var(--panel);color:var(--text);border-radius:9px;padding:11px 13px;line-height:20px;font-size:14px;width:100%;overflow:auto}
.inbox-composer #inboxReply::placeholder{color:var(--muted)}
.inbox-composer #inboxSend{grid-column:5;grid-row:1;width:42px;height:42px;min-height:42px;padding:10px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;max-width:120px;white-space:normal}
.inbox-composer #inboxSend[title^="Retry"]{width:auto;min-width:68px;border-radius:12px}
.inbox-composer #inboxReplyHint{grid-column:1/-1;grid-row:3;font-size:9px;line-height:1.4;margin:0;padding:3px 2px 0;color:var(--muted);overflow-wrap:anywhere}
.inbox-composer #inboxSchedule{display:none}
.inbox-file-name{grid-column:1/5;grid-row:2;font-size:11px;color:var(--text);padding-top:5px;overflow-wrap:anywhere}.inbox-file-name:empty{display:none}
.inbox-attach-controls #inboxFileKind{grid-row:4;grid-column:3/5;background:var(--panel);color:var(--text);border:1px solid var(--border);max-width:150px;margin-top:5px}
.inbox-attach-controls #inboxRemoveFile{grid-row:4;grid-column:1/3;font-size:10px;white-space:normal;padding:5px;color:var(--red)}
.wa-emoji>summary{font-size:27px}.wa-compose-tools>summary{font-size:29px;font-weight:300}.inbox-composer .wa-popover-content{top:auto;bottom:calc(100% + 16px);right:auto;left:0;width:230px}
.inbox-composer .wa-emoji .wa-popover-content{width:276px;padding:15px}.wa-emoji strong{display:block;font-size:13px;font-weight:500;margin-bottom:12px;color:var(--muted)}
.wa-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.wa-emoji-grid button{display:grid;place-items:center;border:0;border-radius:7px;background:transparent;font-size:23px;width:37px;height:37px}.wa-emoji-grid button:hover{background:var(--wa-hover)}
.wa-disabled>summary{pointer-events:none;opacity:.4}
.customer-panel{background:var(--panel);border-color:var(--border)}.customer-panel-header{background:var(--wa-header);border-color:var(--border);min-height:68px}.customer-panel-header h3{color:var(--text)}
.customer-content{padding:22px}.customer-privacy,.customer-help,.customer-save-state{color:var(--muted)}.customer-form label{color:var(--text)}
.customer-form input,.customer-notes textarea{background:var(--wa-field);color:var(--text);border-color:var(--border)}.customer-form input:read-only{background:var(--wa-hover)}
.customer-note{background:var(--wa-note);border-color:var(--border);color:var(--text)}.customer-note small,.customer-note-empty,.customer-loading{color:var(--muted)}
.customer-tags span{background:var(--wa-outgoing);color:var(--text)}.customer-open .inbox-thread-shell{grid-template-columns:minmax(0,1fr) 320px}.customer-open .inbox-thread-header{padding:10px 14px}.customer-open .inbox-thread-header .contact-avatar{display:inline-grid}
.customer-open .inbox-thread-actions .btn{font-size:13px;padding:10px 12px}.customer-open .inbox-thread-actions{gap:3px}
.btn{border-radius:8px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}
.btn.ghost{background:var(--panel);color:var(--text);border-color:var(--border)}.btn.ghost:hover:not(:disabled),.btn.subtle:hover:not(:disabled){background:var(--wa-hover);border-color:var(--border)}
.btn.subtle{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.panel,.overview-card,.security-panel{border-color:var(--border);box-shadow:0 1px 2px #0b141a05;border-radius:12px;background:var(--panel)}
.panel-head,.overview-heading{background:var(--panel);border-color:var(--border)}.overview-heading h3{font-weight:500}
.section-heading h3,.panel-head h3,.security-profile h3{color:var(--text)}
.panel-head p,.section-heading p,.overview-heading p,.section-note,.sub,.stat span,.stat small{color:var(--muted)}
.data-table th{background:var(--wa-hover);color:var(--muted);border-color:var(--border)}.data-table td{color:var(--text);border-color:var(--border)}.data-table tbody tr:hover{background:var(--wa-hover)}
.data-table .btn.ghost{background:var(--panel);border-color:var(--border);color:var(--text)}
.search-box{background:var(--wa-field)}.search-box input{color:var(--text)}.search-box input::placeholder{color:var(--muted)}
.text-button,.security-table td strong{color:var(--text)}.text-button:hover{color:var(--accent)}
.pagination{border-color:var(--border);color:var(--muted)}.action-options{background:var(--panel);border-color:var(--border);box-shadow:var(--wa-shadow)}.action-options .btn{background:var(--panel)!important;color:var(--text)}.action-options .btn:hover{background:var(--wa-hover)!important}
.modal{background:#0b141a80}.modal-card,.modal-card header,.modal-head{background:var(--panel);color:var(--text);border-color:var(--border)}
.wa-appearance{display:grid;gap:10px;padding:4px 0 10px}.wa-appearance>p{color:var(--muted);font-size:13px;margin:0 0 10px}
.wa-theme-choice.dui-btn{justify-content:flex-start;gap:15px;width:100%;height:55px;background:var(--wa-hover);color:var(--text);border:1px solid var(--border);box-shadow:none}
.wa-theme-choice.wa-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.wa-theme-swatch{display:block;width:29px;height:29px;border:1px solid #aebac1;border-radius:8px;background:linear-gradient(135deg,#fff 50%,#111b21 50%)}.wa-theme-swatch.light{background:#f0f2f5}.wa-theme-swatch.dark{background:#111b21}
.wa-shortcuts p{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text)}kbd{border:1px solid var(--border);border-radius:4px;background:var(--wa-hover);padding:3px 6px;font-family:inherit}
.toast{left:calc(50% + 32px)}
.login-shell{background:var(--bg);border-top-color:var(--accent)}.login-card{background:var(--panel);border-color:var(--border);box-shadow:var(--wa-shadow)}
.login-intro h1{font-weight:350}.login-intro>p,.login-card>p,.login-private,.login-footer{color:var(--muted)}.login-card label{color:var(--text)}
.login-card form>input,.setup-token>input{background:var(--wa-field);border-color:var(--border);color:var(--text)}.login-card form>label.login-remember{display:flex}.login-remember input{accent-color:var(--accent)}
.login-lock,.art-circle{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}.art-message.incoming{background:var(--panel);color:var(--text);border-color:var(--border)}.art-message.outgoing{color:var(--text)}
@keyframes wa-menu-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.inbox-layout{grid-template-columns:400px minmax(0,1fr)}}
@media(max-width:1199px){.inbox-layout{grid-template-columns:320px minmax(0,1fr)}.customer-open .inbox-thread-shell{display:flex}.customer-open .inbox-thread{display:none}.customer-open .customer-panel{flex:1;min-height:0}.inbox-message-row .inbox-bubble{max-width:90%}.inbox-messages{padding:18px 22px}}
@media(min-width:1200px){.customer-open .inbox-thread-shell{display:grid}.customer-open .inbox-thread{display:flex}}
@media(max-width:800px){
 .app{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) calc(62px + env(safe-area-inset-bottom));height:100dvh;min-height:0;overflow:hidden}
 .main{grid-column:1;grid-row:1;min-height:0}.rail{grid-column:1;grid-row:2;display:flex;flex-direction:row;justify-content:space-around;padding:3px 8px max(3px,env(safe-area-inset-bottom));gap:0;border:0;border-top:1px solid var(--border);height:auto;min-height:62px}
 .rail-brand,.rail-footer>.admin-avatar,.rail-footer>#logoutAdmin,.rail-footer>.wa-theme-button{display:none}
 .rail-links{display:contents}.rail-link{display:none}.rail-link[data-page="inbox"],.rail-link[data-page="scheduled"],.rail-link[data-page="accounts"],.wa-mobile-menu{display:flex;width:68px;height:51px;min-height:51px;flex-direction:column;gap:3px;padding:5px;border-radius:12px;order:initial}
 .rail-link[data-page="inbox"]{order:-3}.rail-link[data-page="scheduled"]{order:-2}.rail-link[data-page="accounts"]{order:-1}
 .rail-link .icon{width:21px;height:21px}.rail-mobile-label{display:block;font-size:10px}.rail-footer{display:contents}.wa-mobile-menu{font-size:23px;line-height:21px}.wa-mobile-menu .rail-mobile-label{font-size:10px;line-height:12px}
 .topbar{height:65px;min-height:65px;padding:0 16px}.wa-top-menu{display:inline-flex}.page-icon{display:none}.topbar h2{font-size:17px}.topbar p{display:none}.refresh-tools{gap:7px}.refresh-tools>span{display:none}
 .workspace-content{padding:18px 14px}.inbox-layout{grid-template-columns:1fr;height:100%;min-height:0;border-radius:0}.inbox-sidebar{border:0}.inbox-thread-shell{display:none}
 .inbox-layout.has-thread .inbox-sidebar{display:none}.inbox-layout.has-thread .inbox-thread-shell{display:flex}.inbox-layout.customer-open.has-thread .inbox-thread-shell{display:flex}
 .wa-chats-heading{padding:17px 19px 13px}.wa-chats-heading h1{font-size:25px}.wa-chats-heading>div>span{display:none}
 .inbox-contact{min-height:86px;padding:12px 17px}.wa-chat-time{font-size:11px}.inbox-contact-title strong{font-size:16px}.inbox-filters .search-box input{font-size:16px}
 .inbox-thread-header{height:65px;min-height:65px;padding:9px 10px;gap:4px}.inbox-back{display:inline-flex;min-width:32px;min-height:38px;padding:0 4px!important;font-size:0!important;border:0!important;background:transparent!important;color:var(--text)!important}
 .inbox-back:before{content:'‹';font-size:35px}.inbox-thread-name{gap:7px}.inbox-thread-name .contact-avatar{display:inline-grid;width:34px;height:34px}.inbox-thread-name h3{font-size:15px}.inbox-thread-name small{font-size:10px}
 .inbox-messages{padding:16px 15px}.inbox-message-row .inbox-bubble{max-width:91%;padding:7px 9px}.inbox-bubble p{font-size:14px}.inbox-composer{padding:8px 8px 6px;grid-template-columns:32px 30px 30px minmax(0,1fr) 38px;gap:3px}
 .inbox-composer .icon-btn,.inbox-attach-controls>#inboxAttach{width:30px;height:36px;min-height:36px}.inbox-composer #inboxReply{font-size:16px;padding:10px;min-height:42px}.inbox-composer #inboxSend{width:36px;height:36px;min-height:36px;padding:8px}.inbox-composer #inboxSend[title^="Retry"]{min-width:36px;font-size:8px}
 .inbox-composer #inboxReplyHint{font-size:9px}.inbox-composer .wa-popover-content{bottom:calc(100% + 12px)}.wa-filter-menu .wa-popover-content{width:280px}.wa-emoji-grid button{height:37px}
 .customer-content{padding:18px}.customer-open .inbox-thread-header .contact-avatar{display:inline-grid}.customer-panel-header{min-height:65px}.customer-form input,.customer-notes textarea{font-size:16px}
 .sidebar{width:min(340px,92vw)}.wa-popover-content .btn{min-height:44px}.inbox-thread-actions.wa-popover-content{max-width:270px;width:245px}
 .toast{left:50%}
}
@media(max-width:380px){.wa-contact-toggle{display:none}.inbox-thread-name small{max-width:180px}.inbox-composer{grid-template-columns:28px 28px 28px minmax(0,1fr) 34px}.inbox-composer #inboxSend{width:34px;height:34px}.wa-emoji .wa-popover-content{max-width:270px}.inbox-bubble footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}