*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:#111b21;margin:0;font-family:Segoe UI,system-ui,sans-serif}:root{--primary:#00a884;--primary-dark:#008069;--accent:#25d366;--surface:#fff;--surface-alt:#f0f2f5;--chat-bg:#ece5dd;--wallpaper:#efeae2;--bubble-in:#fff;--bubble-out:#d9fdd3;--ticks-read:#53bdeb;--chip-bg:#e9edef;--text:#111b21;--text-muted:#667781;--border:#e9edef;--danger:#dc3545;--shadow:0 4px 16px #00000040}#root{justify-content:center;width:100%;display:flex}.app{width:100%;max-width:480px;height:100dvh;height:var(--app-h,100dvh);background:var(--chat-bg);flex-direction:column;display:flex}.app-header{background:var(--primary-dark);color:#fff;padding:12px 16px;position:relative}.app-header h1{white-space:nowrap;margin:0;font-size:1.2rem}.header-row{justify-content:flex-start;align-items:center;gap:12px;display:flex}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.4rem;line-height:1}.menu-btn:hover{background:#ffffff26}.menu-overlay{z-index:20;position:fixed;inset:0}.menu{z-index:21;background:#fff;border-radius:10px;flex-direction:column;min-width:200px;display:flex;position:absolute;top:100%;left:8px;overflow:hidden;box-shadow:0 4px 16px #00000040}.menu button{text-align:left;color:#111b21;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:.95rem}.menu button:hover{background:#f5f6f6}.menu button.active{color:var(--primary-dark);background:#e7f6ef;font-weight:600}.conversation-list{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.search-chat{background:var(--surface-alt);border-bottom:1px solid #e9edef;padding:8px 10px}.search-chat input{background:#fff;border:none;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.9rem}.empty{color:#667781;text-align:center;padding:20px 10px;font-size:.9rem}.conversation{text-align:left;border:none;border-bottom:1px solid var(--surface-alt);cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.conversation:hover{background:#f5f6f6}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:600;display:flex}.avatar.small{width:40px;height:40px;font-size:1rem}.conv-body{flex-direction:column;flex:1;min-width:0;display:flex}.conv-body .name{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.conv-body .preview{color:#667781;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.conv-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.conv-time{color:#667781;font-size:.75rem}.conv-time.unread{color:var(--accent);font-weight:600}.badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:flex}.chat{background:var(--wallpaper);flex-direction:column;flex:1;min-height:0;display:flex}.chat-title{background:var(--primary-dark);color:#fff;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.chat-title>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.offline-tag{opacity:.85;white-space:nowrap;margin-left:auto;font-size:.75rem;font-weight:400}.offline-banner{color:#7a5d00;text-align:center;background:#fff3cd;border-bottom:1px solid #e9edef;margin:0;padding:6px 12px;font-size:.8rem}.back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.3rem;line-height:1}.chat-name{flex-direction:column;flex:1;min-width:0;display:flex}.chat-name-text,.chat-number{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-number{opacity:.85;font-size:.75rem;font-weight:400}.order-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.2rem;line-height:1}.messages{background-color:var(--wallpaper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%230b141a' stroke-opacity='0.06' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='22' cy='24' r='7'/%3E%3Cpath d='M62 18l7 12h-14z'/%3E%3Crect x='102' y='16' width='12' height='12' rx='3'/%3E%3Cpath d='M18 74c4-7 8-7 12 0s8 7 12 0'/%3E%3Ccircle cx='92' cy='78' r='6'/%3E%3Cpath d='M52 108l5-8 5 8z'/%3E%3Crect x='100' y='104' width='11' height='11' rx='5.5'/%3E%3Cpath d='M20 116l8-8m0 8l-8-8'/%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.date-chip{background:var(--surface);color:#54656f;text-transform:uppercase;border-radius:7.5px;align-self:center;margin:8px 0 6px;padding:5px 12px;font-size:.75rem;box-shadow:0 1px .5px #0b141a21}.bubble{border-radius:7.5px;min-width:80px;max-width:78%;padding:6px 9px;display:flow-root;position:relative;box-shadow:0 1px .5px #0b141a21}.bubble.tail{margin-top:8px}.messages>.bubble:first-child{margin-top:0}.bubble.tail:before{content:"";width:8px;height:13px;position:absolute;top:0}.bubble.received.tail:before{background:var(--bubble-in);clip-path:polygon(100% 0,0 0,100% 100%);left:-8px}.bubble.sent.tail:before{background:var(--bubble-out);clip-path:polygon(0 0,100% 0,0 100%);right:-8px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble .time{float:right;color:var(--text-muted);white-space:nowrap;margin:8px 0 0 10px;font-size:.68rem;line-height:1;transform:translateY(3px)}.bubble .time-media{float:none;text-align:right;margin:4px 0 0;display:block;transform:none}.bubble.sent{background:var(--bubble-out);align-self:flex-end}.bubble.pending{opacity:.6}.bubble .time .ticks.read{color:var(--ticks-read)}.bubble .time .ticks.failed{cursor:help}.reply-btn{color:#667781;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.9rem;transition:opacity .15s;position:absolute;top:4px;right:4px}.bubble:hover .reply-btn{opacity:1}.reply-btn:hover{background:#00000014}.quote{border:none;border-left:3px solid var(--primary);text-align:left;cursor:pointer;background:#0000000f;border-radius:6px;align-items:center;gap:8px;max-width:100%;margin-bottom:4px;padding:5px 8px;display:flex}.quote-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.quote-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:40px;height:40px}.quote-author{color:var(--primary);font-size:.75rem;font-weight:600}.quote-text{color:#3b4a54;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.quote-missing{color:#667781;cursor:default;font-size:.8rem;font-style:italic}.reply-bar{background:var(--surface-alt);border-left:4px solid var(--primary);align-items:center;gap:8px;padding:8px 12px;display:flex}.reply-bar-body{flex-direction:column;flex:1;min-width:0;display:flex}.reply-bar button{cursor:pointer;color:#667781;background:0 0;border:none;font-size:.9rem}.bubble.received{background:var(--bubble-in);align-self:flex-start}.send-error{color:#c0392b;background:#fde8e8;margin:0;padding:6px 12px;font-size:.85rem}.composer{background:var(--wallpaper);align-items:center;gap:6px;padding:6px 8px;display:flex}.composer input{background:var(--surface);border:none;border-radius:22px;outline:none;flex:1;padding:11px 14px;font-size:1rem;box-shadow:0 1px 2px #0b141a1f}.composer button[type=submit]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;display:flex}.composer button[type=submit]:disabled{opacity:.6}.settings{background:var(--surface-alt);flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.settings h2{color:#111b21;margin:0;font-size:1.1rem}.settings label{color:#3b4a54;flex-direction:column;gap:4px;font-size:.9rem;display:flex}.settings input{border:1px solid #d1d7db;border-radius:8px;padding:10px 12px;font-size:1rem}.settings button{background:var(--primary-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:1rem}.settings .saved{color:var(--primary-dark);margin:0}.attach-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:1.2rem}.attach-btn:hover{background:#e4e8ea}.attach-wrap{flex-shrink:0;position:relative}.attach-menu{z-index:10;background:#fff;border-radius:12px;flex-direction:column;min-width:200px;display:flex;position:absolute;bottom:52px;left:0;overflow:hidden;box-shadow:0 4px 16px #0000002e}.attach-menu button{color:#3b4a54;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;height:auto;padding:12px 16px;font-size:.95rem;display:flex}.attach-menu button:hover{background:var(--surface-alt)}.file-chip{color:#3b4a54;background:#e9edef;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.file-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-chip button{cursor:pointer;color:#667781;background:0 0;border:none;font-size:.9rem}.rec-bar{background:var(--surface-alt);align-items:center;gap:10px;padding:10px;display:flex}.rec-dot{background:#dc3545;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s infinite rec-blink}@keyframes rec-blink{50%{opacity:.2}}.rec-time{font-variant-numeric:tabular-nums;color:#3b4a54;font-weight:600}.rec-hint{color:#667781;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.rec-bar button{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:1.1rem}.rec-cancel{color:#3b4a54;background:#e4e8ea}.rec-stop{background:var(--primary-dark);color:#fff}.media-img{border-radius:8px;max-width:100%;margin-bottom:4px;display:block}.media-doc{color:#0b6e63;overflow-wrap:anywhere;margin-bottom:4px;font-weight:600;text-decoration:none;display:inline-block}.media-missing{color:#667781;margin:0 0 4px;font-style:italic}.media-video-load{width:100%;color:inherit;cursor:pointer;background:#00000014;border:none;border-radius:8px;margin-bottom:4px;padding:14px 12px;font-weight:600;display:block}.media-video-load:disabled,.composer button:disabled{opacity:.6;cursor:default}.bulk,.templates,.labels,.orders{background:var(--surface-alt);flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.bulk h2,.templates h2,.labels h2,.orders h2{color:#111b21;margin:0;font-size:1.05rem}.bulk-form,.template-form{background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.bulk-form textarea,.template-form textarea,.template-form input[type=text]{resize:vertical;border:1px solid #d1d7db;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.bulk-form>button,.template-form>button{cursor:pointer;background:var(--primary-dark);color:#fff;border:none;border-radius:8px;padding:11px;font-size:.95rem}.bulk-form>button.secondary,.template-form>button.secondary,.template-actions button.secondary{color:#3b4a54;background:#e9edef}.bulk-form>button:disabled,.template-form>button:disabled{opacity:.6;cursor:default}.bulk-schedule{color:#3b4a54;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.bulk-schedule input{border:1px solid #d1d7db;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:.95rem}.contacts-preview{border:1px solid #e9edef;border-radius:8px;font-size:.85rem;overflow:hidden}.contacts-preview>p{color:#3b4a54;background:#f7f8f9;justify-content:space-between;align-items:center;margin:0;padding:8px 10px;font-weight:600;display:flex}.contacts-preview>p button{color:#0b6e63;cursor:pointer;background:0 0;border:none;font-size:.8rem}.contacts-preview ul{max-height:140px;margin:0;padding:0;list-style:none;overflow-y:auto}.contacts-preview li{border-top:1px solid var(--surface-alt);color:#3b4a54;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.contacts-preview li button{color:#667781;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.8rem}.campaigns{flex-direction:column;gap:10px;display:flex}.campaign{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.campaign-head{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:0;display:flex}.campaign-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;align-self:center;width:44px;height:44px}.campaign-thumb-video{background:#00000014;justify-content:center;align-items:center;font-size:22px;display:flex}.campaign-info{flex-direction:column;min-width:0;display:flex}.campaign-text{color:#111b21;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.campaign-meta{color:#667781;font-size:.75rem}.status-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:600}.status-pill.pending{color:#8a6d1a;background:#fff3cd}.status-pill.processing{color:#1a5fa8;background:#d1e7ff}.status-pill.paused{color:#a86a1a;background:#ffe9d1}.status-pill.done{color:#1d7a4f;background:#d9fdd3}.status-pill.confirmed{color:#1a5fa8;background:#d1e7ff}.status-pill.delivered{color:#1d7a4f;background:#d9fdd3}.status-pill.cancelled{color:#c0392b;background:#fde8e8}.status-pill.disabled{color:#667781;background:#e9edef}.campaign-row{align-items:center;gap:8px;display:flex}.campaign-row .campaign-head{flex:1;min-width:0}.campaign-select{width:18px;height:18px;accent-color:var(--primary-dark);flex-shrink:0}.bulk-resend-settings{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.bulk-select-bar{background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bulk-select-bar button{cursor:pointer;background:var(--primary-dark);color:#fff;border:none;border-radius:8px;flex:1;padding:8px;font-size:.85rem}.bulk-select-bar button:disabled{opacity:.6;cursor:default}.template-actions .template-toggle{flex:1;justify-content:center}.order{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.order-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.order-note{color:#3b4a54;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.85rem}.progress{background:#e9edef;border-radius:999px;height:6px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .3s}.campaign-stats{color:#3b4a54;margin:0;font-size:.8rem}.recipient-list{border-top:1px solid var(--surface-alt);max-height:160px;margin:0;padding:0;font-size:.8rem;list-style:none;overflow-y:auto}.recipient-list li{color:#3b4a54;border-bottom:1px solid #f7f8f9;justify-content:space-between;padding:5px 2px;display:flex}.recipient-list li.sent span:last-child{color:#1d7a4f;font-weight:700}.recipient-list li.failed span:last-child{color:#c0392b;font-weight:700}.recipient-list li.skipped span:last-child{color:var(--text-muted);font-weight:700}.history-toolbar{color:#667781;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.8rem;display:flex}.history-toolbar button{background:var(--primary-dark);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 10px;font-size:.8rem}.history-toolbar button:disabled{opacity:.6;cursor:default}.conv-phone{color:#8696a0;font-size:.7rem}.template-hint{color:#667781;margin:0;font-size:.8rem}.templates-list{flex-direction:column;gap:10px;display:flex}.template{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.template.inactive{opacity:.55}.template-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.keyword-pill{color:#1d7a4f;text-overflow:ellipsis;white-space:nowrap;background:#d9fdd3;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;overflow:hidden}.template-toggle{color:#3b4a54;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.template-text{color:#111b21;white-space:pre-wrap;margin:0;font-size:.9rem}.template-media{color:#3b4a54;margin:0;font-size:.8rem}.tpl-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.tpl-status.approved{color:#1d7a4f;background:#d9fdd3}.tpl-status.pending{color:#8a6d00;background:#fff3cd}.tpl-status.rejected,.tpl-status.disabled{color:#c0392b;background:#fde8e8}.tpl-status.paused{color:#3b4a54;background:#e9ecef}.tpl-thumb{border-radius:8px;max-width:120px;max-height:120px;display:block}.campaign-template{margin:0;font-size:.8rem}.campaign-template-hint{color:#667781}.template-meta{color:#667781;margin:0;font-size:.75rem}.template-actions{gap:8px;display:flex}.template-actions button{cursor:pointer;background:var(--primary-dark);color:#fff;border:none;border-radius:8px;flex:1;padding:8px;font-size:.85rem}.template-actions button.danger{color:#c0392b;background:#fde8e8}.template-form.editing{border:2px solid var(--primary-dark)}.label-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.conv-labels{flex-wrap:wrap;gap:4px;display:flex}.label-chip{color:#3b4a54;background:var(--surface-alt);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.7rem;display:inline-flex}.label-chip .label-dot{width:8px;height:8px}.label-colors{flex-wrap:wrap;gap:8px;display:flex}.label-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.label-color.selected{border-color:#111b21}.label-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.label-head .label-dot{width:16px;height:16px}.label-name{color:#111b21;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.label-count{color:#667781;flex-shrink:0;font-size:.75rem}.label-hint{color:#667781;margin:0;font-size:.8rem}.label-panel{background:#fff;border-bottom:1px solid #e9edef;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.label-row{color:#3b4a54;cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.chat-title .label-dot{width:14px;height:14px;box-shadow:0 0 0 2px #ffffff80}.label-filters{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;gap:8px;padding:8px 10px;display:flex;overflow-x:auto}.label-filters::-webkit-scrollbar{display:none}.filter-chip{background:var(--chip-bg);color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:background-color .2s,color .2s,transform .15s;display:inline-flex}.filter-chip:hover{transform:translateY(-1px)}.filter-chip.active{background:var(--primary);color:#fff;font-weight:600}.filter-chip .label-dot{width:8px;height:8px}.filter-chip.active .label-dot{box-shadow:0 0 0 1.5px #ffffffb3}.chip-count{text-align:center;background:#00000014;border-radius:999px;min-width:18px;padding:1px 5px;font-size:.72rem;font-weight:600}.filter-chip.active .chip-count{background:#ffffff47}.filter-chip.add{color:var(--text-muted);border:1px dashed var(--border);background:var(--surface);padding:6px 10px}@keyframes conv-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.conv-anim .conversation{animation:.25s both conv-in}.conv-menu-btn{color:var(--text-muted);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-self:center;padding:6px 4px;font-size:1.1rem;line-height:1}.conv-menu-btn:hover{opacity:1;background:var(--surface-alt)}.context-menu-overlay{z-index:40;position:fixed;inset:0}@keyframes menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu{z-index:41;background:var(--surface);min-width:210px;max-width:260px;max-height:60vh;box-shadow:var(--shadow);border-radius:10px;padding:6px 0;animation:.15s menu-in;position:fixed;overflow-y:auto}.context-menu-title{color:var(--text-muted);margin:0;padding:6px 16px;font-size:.78rem;font-weight:600}.context-menu button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:.92rem;display:flex}.context-menu button:hover{background:var(--surface-alt)}.context-menu button.danger{color:var(--danger)}.context-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.context-menu-check{color:var(--primary);font-weight:700}.context-menu-hint{padding:4px 16px 8px}@media (prefers-reduced-motion:reduce){.conv-anim .conversation,.context-menu{animation:none}.filter-chip{transition:none}}@media (width<=480px){.search-chat input,.composer input,.bulk-form textarea,.template-form textarea,.template-form input[type=text],.settings input{font-size:16px}.composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.conversation-list,.bulk,.templates,.labels,.settings{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.template-actions,.history-toolbar{flex-wrap:wrap}.history-toolbar button{white-space:normal;flex:1}.menu{left:8px;right:8px}.app-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top))}.app-header h1{font-size:1.05rem}.search-chat{padding:8px}.conversation{gap:10px;padding:10px 12px}.avatar{width:40px;height:40px;font-size:1rem}.avatar.small{width:30px;height:30px;font-size:.8rem}.conv-body .name{font-size:.95rem}.conv-body .preview{font-size:.8rem}.messages{padding:12px 10px}.bulk,.templates,.labels,.settings{padding:12px}}@media (hover:none){.reply-btn{opacity:1}}.login-gate{background:var(--wallpaper,#efeae2);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-form{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:24px;display:flex;box-shadow:0 2px 12px #0000001f}.login-form h1{color:#111b21;margin:0;font-size:1.2rem}.login-form p{color:#667781;margin:0;font-size:.85rem}.login-form input{border:1px solid #d1d7db;border-radius:8px;padding:10px 12px;font-size:1rem}.login-form button{cursor:pointer;background:var(--primary-dark,#008069);color:#fff;border:none;border-radius:8px;padding:10px;font-size:.95rem}.login-form button:disabled{opacity:.6;cursor:default}.loader-gate{color:#667781;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;display:flex}.loader-spinner{border:3px solid #d1d7db;border-top-color:var(--primary-dark,#008069);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:24px;display:flex}.error-boundary h2{color:#111b21;margin:0}.error-boundary p{color:#667781;word-break:break-word;margin:0;font-size:.85rem}.error-boundary button{cursor:pointer;background:var(--primary-dark,#008069);color:#fff;border:none;border-radius:8px;padding:10px 16px}.bubble.pending{touch-action:pan-y;transition:transform .15s ease-out}.bubble.pending.swiping{transition:none}