/* WoorkChat – tema claro por defecto, oscuro opcional. Acento: azul del logo #6C9BD2 y azul marino #1B365D. Estructura inspirada en apps de mensajería iOS */
:root{--acc:#6C9BD2;--acc-t:#1B365D;--acc-mid:#4A7DBF;--on-acc:#FFFFFF;--acc-soft:#E7EFF9;--bg:#F6F5F3;--panel:#FFFFFF;--panel2:#F2F4F5;--line:#E7EAEC;--txt:#1C2B33;--mut:#6B7A83;--icon:#56656E;
--me:#DFEAF7;--them:#FFFFFF;--chatbg:#F5F1EB;--quote:#0000000a;--shadow:0 1px .5px #0b141a21;--danger:#D64545;--tick:#8A979E;--tick-r:#3E7FD0;
--pat: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='%2399B0D3' stroke-opacity='.28' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(14 10) rotate(-12 12 12) scale(0.85)' stroke-width='1.47' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(80 22) rotate(9)' d='M0 0Q9.0 6.48 18 0'/%3E%3Cpath transform='translate(104 58) rotate(15 12 12) scale(0.7)' stroke-width='1.79' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(22 74) rotate(-16)' d='M0 0Q7.0 5.04 14 0'/%3E%3Cpath transform='translate(54 98) rotate(7 12 12) scale(0.78)' stroke-width='1.60' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(112 122) rotate(-7)' d='M0 0Q8.0 5.76 16 0'/%3E%3Cpath transform='translate(62 52) rotate(4)' d='M0 0Q5.5 3.96 11 0'/%3E%3C/g%3E%3C/svg%3E")}
.dark{--acc-t:#A9C6EA;--acc-mid:#6C9BD2;--acc-soft:#1F3352;--bg:#0E1417;--panel:#141C20;--panel2:#1D272C;--line:#26333A;--txt:#E6ECEE;--mut:#8D9BA3;--icon:#A6B3BA;
--me:#24406A;--them:#1D272C;--chatbg:#0E1417;--quote:#ffffff10;--shadow:0 1px .5px #0006;--tick:#8D9BA3;
--pat: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='%2399B0D3' stroke-opacity='.07' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(14 10) rotate(-12 12 12) scale(0.85)' stroke-width='1.47' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(80 22) rotate(9)' d='M0 0Q9.0 6.48 18 0'/%3E%3Cpath transform='translate(104 58) rotate(15 12 12) scale(0.7)' stroke-width='1.79' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(22 74) rotate(-16)' d='M0 0Q7.0 5.04 14 0'/%3E%3Cpath transform='translate(54 98) rotate(7 12 12) scale(0.78)' stroke-width='1.60' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(112 122) rotate(-7)' d='M0 0Q8.0 5.76 16 0'/%3E%3Cpath transform='translate(62 52) rotate(4)' d='M0 0Q5.5 3.96 11 0'/%3E%3C/g%3E%3C/svg%3E")}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font:15px/1.38 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}svg.s{width:16px;height:16px}svg.xs{width:14px;height:14px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:var(--txt);background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--acc)}
#app{height:100dvh;display:flex}
.side{width:100%;display:flex;flex-direction:column;background:var(--panel);height:100%}
.main{display:none;flex:1;flex-direction:column;height:100%;background:var(--chatbg)}
.inchat .side{display:none}.inchat .main{display:flex}
@media(min-width:820px){.side{width:390px;border-inline-end:1px solid var(--line);display:flex!important}.main{display:flex}.back{display:none!important}}
.top{display:flex;align-items:center;gap:4px;padding:calc(12px + env(safe-area-inset-top)) 10px 8px 16px;background:var(--panel)}
.top h1{font-size:24px;margin:0;flex:1;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:8px;min-width:0}.top h1 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand b{color:var(--acc-t);font-weight:700}
.ib{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--icon);flex:none}.ib:hover{background:var(--panel2)}
.search{padding:2px 16px 10px;position:relative}.search input{border-radius:22px;border:0;padding-inline-start:40px;background:var(--panel2)}.search svg{position:absolute;inset-inline-start:30px;top:13px;color:var(--mut)}
.chips{display:flex;gap:8px;padding:0 16px 8px;overflow:auto}.chip{padding:6px 13px;border-radius:16px;background:var(--panel2);color:var(--mut);font-size:13px;white-space:nowrap;font-weight:500}.chip.on{background:var(--acc-soft);color:var(--acc-t)}
.list{flex:1;overflow:auto}
.row{display:flex;gap:13px;align-items:center;padding:9px 16px;cursor:pointer}.row:hover,.row.sel{background:var(--panel2)}
.av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;flex:none;font-size:17px;letter-spacing:.3px}.av.g{background:var(--acc-soft)!important;color:var(--acc-t)}
.rb{flex:1;min-width:0;border-bottom:1px solid var(--line);padding:3px 0 12px}.rt{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.rt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.rt small{color:var(--mut);font-size:12px;flex:none}.rs{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--mut);font-size:14px;margin-top:3px}.rs span.l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px;min-width:0}.rs span.l>span{overflow:hidden;text-overflow:ellipsis}
.badge{background:var(--acc);color:var(--on-acc);border-radius:11px;min-width:21px;padding:0 6px;font-size:12px;font-weight:700;text-align:center;line-height:21px;flex:none}
.tabs{display:flex;border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom)}
.tabs button{flex:1;padding:8px 0 10px;color:var(--mut);font-size:11.5px;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:500}.tabs button i{padding:4px 18px;border-radius:16px;display:block}
.tabs button.on{color:var(--txt);font-weight:600}.tabs button.on i{background:var(--acc-soft);color:var(--acc-t)}
.fab{position:absolute;inset-inline-end:18px;bottom:18px;width:56px;height:56px;border-radius:18px;background:var(--acc);color:var(--on-acc);display:grid;place-items:center;box-shadow:0 6px 16px #1b365d38}
.sidewrap{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}
.chead{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 6px 8px;background:var(--panel);border-bottom:1px solid var(--line)}.chead .av{width:40px;height:40px;font-size:15px}.chead div.t{flex:1;min-width:0}.chead b{font-weight:600}.chead small{color:var(--mut);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.msgs{flex:1;overflow:auto;padding:10px 4% 8px;background-color:var(--chatbg);background-image:var(--pat)}
.day{text-align:center;margin:10px 0}.day span{background:var(--panel);color:var(--mut);font-size:12px;padding:5px 12px;border-radius:8px;box-shadow:var(--shadow)}
.b{max-width:80%;margin:3px 0;padding:6px 9px 5px;border-radius:10px;background:var(--them);position:relative;width:fit-content;box-shadow:var(--shadow);word-wrap:break-word;border-start-start-radius:3px}
.b.me{background:var(--me);margin-inline-start:auto;border-start-start-radius:10px;border-start-end-radius:3px}.b .who{font-size:13px;font-weight:600;margin-bottom:2px}
.b .meta{float:inline-end;font-size:11px;color:var(--mut);margin-block:7px -3px;margin-inline:10px 0;display:flex;gap:3px;align-items:center}
.tk{color:var(--tick);display:inline-flex}.tk.r{color:var(--tick-r)}.tk svg{width:16px;height:16px;stroke-width:2}
.quote{border-inline-start:4px solid var(--acc);background:var(--quote);border-radius:6px;padding:5px 9px;margin-bottom:5px;font-size:13px;cursor:pointer;color:var(--mut)}.quote b{color:var(--acc-t);display:block;font-size:12.5px}
.file{display:flex;gap:11px;align-items:center;background:var(--quote);border-radius:9px;padding:9px;min-width:230px;cursor:pointer}
.ic{width:40px;height:46px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:.3px;flex:none;position:relative;background:#FCE9E7;color:#C2483D}.ic.img{background:#E4F3EA;color:#3E8D5E}.ic.doc{background:#E6EEFA;color:#3A6DB5}
.dark .ic{background:#3a2422;color:#F08A80}.dark .ic.img{background:#1f3329;color:#7CCB98}.dark .ic.doc{background:#1e2a3d;color:#88AEEA}
.file .fn{flex:1;min-width:0}.file .fn b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:14px}.file small{color:var(--mut);font-size:12px}
.b img.pic{max-width:260px;width:100%;border-radius:7px;display:block;cursor:pointer}
.b video.pic.vid{max-width:260px;width:100%;max-height:360px;border-radius:7px;display:block;background:#000}
.facts{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.facts button{font-size:12.5px;padding-block:5px;padding-inline:8px 10px;border-radius:14px;background:var(--panel);color:var(--acc-t);font-weight:600;display:flex;gap:5px;align-items:center;border:1px solid var(--line)}
.mact{position:absolute;top:2px;inset-inline-end:-36px;opacity:0;color:var(--icon);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--panel);box-shadow:var(--shadow)}.b.me .mact{inset-inline-end:auto;inset-inline-start:-36px}.b:hover .mact{opacity:1}
@media(hover:none){.mact{opacity:.75}}
.composer{display:flex;gap:6px;align-items:flex-end;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:var(--chatbg)}
.composer .box{flex:1;display:flex;align-items:flex-end;background:var(--panel);border-radius:24px;box-shadow:var(--shadow);padding-inline-start:4px}
.composer textarea{resize:none;border:0;background:none;max-height:120px;padding:11px 8px}
.send{width:46px;height:46px;border-radius:50%;background:var(--acc);color:var(--on-acc);flex:none;display:grid;place-items:center}
.replybar{display:flex;gap:8px;align-items:center;padding:6px 10px 0;background:var(--chatbg)}.replybar .quote{flex:1;margin:0;background:var(--panel)}
.empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--mut);padding:30px}.empty img{width:84px}.empty h2{color:var(--txt);font-weight:600}
.main .empty{background:var(--panel2);border-bottom:6px solid var(--acc)}
#modal{position:fixed;inset:0;display:none;z-index:35;background:#0b141a66;align-items:flex-end;justify-content:center}#modal.on{display:flex}
@media(min-width:820px){#modal{align-items:center}}
.sheet{background:var(--panel);width:100%;max-width:520px;max-height:88dvh;overflow:auto;border-radius:20px 20px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}@media(min-width:820px){.sheet{border-radius:16px;padding-top:16px}}
.sheet:before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}
.sheet h3{margin:0 0 10px;font-size:17px;font-weight:600}.sheet .opt{display:flex;gap:13px;align-items:center;padding:11px 8px;border-radius:12px;width:100%;text-align:start}.sheet .opt:hover{background:var(--panel2)}.opt>svg{color:var(--icon)}.opt.del,.opt.del svg{color:var(--danger)}
.btn{background:var(--acc-t);color:#fff;font-weight:600;border-radius:24px;padding:12px 18px;width:100%;margin-top:12px;display:flex;justify-content:center;gap:8px;align-items:center}.btn.sec{background:var(--panel2);color:var(--txt)}
.dark .btn{background:var(--acc);color:var(--on-acc)}
.viewer{position:fixed;inset:0;z-index:30;background:#0B1114;display:flex;flex-direction:column}.viewer .vt{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;color:#fff}.viewer .vt .ib{color:#fff}.viewer .vt b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.viewer iframe,.viewer .vimg{flex:1;border:0;width:100%;background:#1a2226}.viewer .vimg{display:grid;place-items:center;overflow:auto}.viewer .vimg img{max-width:100%;max-height:100%}
.viewer .vb{display:flex;gap:10px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.viewer .vb button{flex:1;padding:13px;border-radius:14px;background:#1f2a2f;color:#fff;font-weight:600;display:flex;gap:8px;justify-content:center;align-items:center}.viewer .vb button.p{background:var(--acc);color:var(--on-acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:6px 16px 10px}
.folder{border-radius:16px;padding:14px;background:var(--panel);border:1px solid var(--line);cursor:pointer;position:relative}.folder .fi{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}
.folder b{display:block;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.folder small{color:var(--mut);font-size:12.5px}.folder .dots{position:absolute;top:8px;inset-inline-end:4px;width:34px;height:34px}
.fsm{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);flex:none}.fsm svg{width:19px;height:19px}
.crumbs{padding:0 16px 6px;color:var(--mut);font-size:13px;display:flex;gap:4px;flex-wrap:wrap;align-items:center}.crumbs a{color:var(--acc-t);cursor:pointer;font-weight:500}
.sec-t{padding:12px 16px 6px;color:var(--mut);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}
.swatches{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 6px}.swatches button{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px var(--panel) inset}.swatches button.on{outline:2px solid var(--txt);outline-offset:2px}
.icons{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.icons button{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;color:var(--icon);background:var(--panel2)}.icons button.on{color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);outline:2px solid var(--c)}
.prev{display:flex;align-items:center;gap:12px;margin:4px 0 12px}
.login{margin:auto;width:100%;max-width:400px;padding:30px 24px 120px;text-align:center}.login .licon{width:73px;height:auto;display:block;margin:0 auto}.login h1.lwm{margin:51px 0 113px}.login h1.lwm img{width:293px;height:auto;display:block;margin:0 auto}.login p{color:var(--mut);margin:0 0 22px}.login input{margin-bottom:10px}
.seg{display:flex;background:var(--panel2);border-radius:12px;padding:3px;margin-bottom:14px}.seg button{flex:1;padding:9px;border-radius:10px;color:var(--mut);font-weight:500}.seg button.on{background:var(--panel);color:var(--txt);font-weight:600;box-shadow:var(--shadow)}
.err{color:var(--danger);min-height:20px;font-size:14px}
#toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:#24344F;color:#fff;padding:10px 16px;border-radius:20px;opacity:0;transition:.3s;z-index:40;pointer-events:none;font-size:14px;display:flex;gap:8px;align-items:center}#toast.on{opacity:1}
.check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;color:#fff}.check.on{background:var(--acc-mid);border-color:var(--acc-mid)}
.typing{color:var(--acc-t)!important;font-weight:500}
mark{background:var(--acc-soft);color:var(--acc-t);border-radius:3px;font-weight:600}
.flash{animation:fl 1.2s}@keyframes fl{0%,60%{box-shadow:0 0 0 3px var(--acc)}}
.set-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-t);flex:none}
.toggle{width:44px;height:26px;border-radius:13px;background:var(--line);position:relative;flex:none}.toggle:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px #0003}.toggle.on{background:var(--acc)}.toggle.on:after{inset-inline-start:21px}

/* --- Estructura tipo mensajería iOS --- */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 10px 0 8px;background:var(--panel)}
.topbar .r{display:flex;gap:6px;align-items:center}.ib.dot{background:var(--panel2);width:32px;height:32px;color:var(--txt)}.ib.addc{background:var(--acc);color:var(--on-acc);width:32px;height:32px}.ib.addc svg,.ib.dot svg{width:18px;height:18px}
.bigt{font-size:32px;font-weight:700;letter-spacing:-.6px;margin:4px 16px 8px}
.av{width:52px;height:52px}
.rb{padding:2px 0 13px}.row{padding:8px 16px 0}
.rt small.u{color:var(--acc-t);font-weight:600}
.tabs{border-top:.5px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(12px)}
.tabs button{position:relative;font-size:10.5px;padding:7px 0 6px}.tabs button i{padding:2px 14px;background:none!important}.tabs button.on{color:var(--acc-t)}.tabs button.on svg{stroke-width:2.3}
.tabs .tb{position:absolute;top:2px;inset-inline-start:calc(50% + 6px);background:var(--acc);color:var(--on-acc);font-size:11px;font-weight:700;border-radius:10px;min-width:19px;line-height:19px;padding:0 5px}
.chead{background:var(--panel);border-bottom:.5px solid var(--line);padding-inline-start:2px}.chead .back{color:var(--acc-t);display:flex;align-items:center;width:auto;padding:0 4px;border-radius:10px;font-size:16px;font-weight:500;gap:0}.chead .back svg{width:26px;height:26px}
.chead .av{width:36px;height:36px;font-size:14px}.chead b{font-size:16px}.chead .ib{color:var(--acc-t)}
.b{border-radius:12px;padding-block:6px 5px;padding-inline:10px 9px}.b:not(.me){border-start-start-radius:12px}.b.me{border-start-end-radius:12px}
.b.tl:not(.me){border-start-start-radius:2px}.b.tl.me{border-start-end-radius:2px}
.b.tl:not(.me):before{content:"";position:absolute;inset-inline-start:-7px;top:0;border-top:10px solid var(--them);border-inline-start:8px solid transparent}
.b.tl.me:before{content:"";position:absolute;inset-inline-end:-7px;top:0;border-top:10px solid var(--me);border-inline-end:8px solid transparent}
.composer{background:var(--panel);border-top:.5px solid var(--line);align-items:center;padding-top:6px}
.composer .box{box-shadow:none;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.composer textarea{padding:8px 10px}
.composer>.ib{color:var(--acc-t)}.send{width:38px;height:38px}.send svg{width:19px;height:19px}
.day span{font-size:11.5px;font-weight:500;padding:4px 10px}

/* Marca WoorkChat */
.tlogo{height:22px;width:auto;margin:0 auto;display:block}
.empty img{width:120px!important}.empty .ewm{width:210px!important;height:auto;margin-top:8px}
.about{display:flex;gap:14px;align-items:center;padding:18px 16px}.about>img{width:56px;height:auto}.about .awm{width:130px;height:auto;display:block}.about small{color:var(--mut);font-size:12px;display:block;margin-top:4px}
.dark .tlogo,.dark .lwm img,.dark .awm,.dark .ewm{filter:brightness(1.55) saturate(.9)}
#splash{position:fixed;inset:0;z-index:99;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .35s}
#splash.out{opacity:0;pointer-events:none}#splash .si{width:150px;height:auto}#splash .sw{width:220px;height:auto}
#splash small{position:absolute;bottom:calc(34px + env(safe-area-inset-bottom));color:#8A97A6;font-size:13px;letter-spacing:.3px}
#app.auth{background:var(--panel)}

/* Portada de bienvenida (estructura de WhatsApp, marca WoorkChat) */
.welcome{position:relative;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(72px + env(safe-area-inset-top)) 28px calc(72px + env(safe-area-inset-bottom));background:var(--panel);text-align:center}
.welcome .wmain{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:420px;width:100%}
.welcome .wbrand{display:flex;flex-direction:column;align-items:center;margin:max(-135.917px,calc(238px - 50dvh)) auto 103.05px}.welcome .wicon{width:172.667px;height:auto;display:block;margin:0 auto 28.2px;transform:translateX(-5.67px)}.welcome .wwm{width:293px;max-width:100%;height:auto;display:block;margin:0 auto;transform:translateX(-7px)}.dark .welcome .wwm{filter:brightness(1.55) saturate(.9)}
.welcome h1{font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.3px;margin:0 0 18px;color:var(--txt);overflow-wrap:anywhere}
.welcome .wlegal{font-size:14.5px;line-height:1.5;color:var(--mut);margin:0 0 22px}
.welcome .wlegal a{color:var(--acc-t);cursor:pointer}
.welcome .waccept{color:var(--acc-t);font-size:21px;font-weight:600;padding:8px 16px;border-radius:12px}
.welcome .waccept:active{background:var(--acc-soft)}
.welcome .wlang{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding-block:7px;padding-inline:10px 12px;border-radius:18px;background:var(--panel2);color:var(--mut);font-size:14px;font-weight:500}
.welcome .wlang svg{color:var(--icon)}

/* Registro por teléfono (pasos 2–6, estructura de WhatsApp iOS, marca WoorkChat) */
#app.regbg{background:#F2F4F7}#app.regbg.white{background:var(--panel)}.dark #app.regbg{background:var(--bg)}.dark #app.regbg.white{background:var(--panel)}
.reg{position:relative;width:100%;max-width:520px;margin:0 auto;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.reg .rhead{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:start;gap:8px;min-height:44px;margin-top:10px}
.reg .rhead h2{margin:0;padding-top:6px;font-size:17px;line-height:1.3;font-weight:600;text-align:center;letter-spacing:-.2px;max-width:250px}
.reg .rhead>:last-child{justify-self:end}.reg .rhead>:first-child{justify-self:start}
.reg .rmore{width:34px;height:34px;display:grid;place-items:center;color:var(--acc-t);border-radius:50%}.reg .rmore svg{width:26px;height:26px;stroke-width:1.7}
.reg .rback{display:flex;align-items:center;color:var(--acc-t);font-size:17px;padding-block:5px;padding-inline:0 4px;margin-inline-start:-8px}.reg .rback svg{width:24px;height:24px;stroke-width:2.2}
.reg .rdone{color:var(--acc-t);font-size:17px;font-weight:600;padding:5px 2px}.reg .rdone:disabled{color:#B5BEC6;cursor:default}
.reg .rinfo,.reg .rsent{text-align:center;color:var(--txt);font-size:15px;line-height:1.45;margin:18px 8px 26px}
.reg .rsent{color:var(--mut);margin:16px 12px 34px}.reg .rsent b{color:var(--txt);font-weight:600;white-space:nowrap}
.reg .rcard{background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:0 0 0 .5px #0000000d}
.reg .rcountry{width:100%;display:flex;align-items:center;justify-content:space-between;padding-block:13px;padding-inline:16px 14px;color:var(--acc-t);font-size:17px;font-weight:500;text-align:start;border-bottom:.5px solid var(--line)}
.reg .rcountry svg{color:#B5BEC6;width:18px;height:18px}
.reg .rnum{display:flex;align-items:center;padding-block:0;padding-inline:16px 0;font-size:17px;cursor:text}
.reg .rcc{min-width:52px;padding-block:13px;padding-inline:0 12px;border-inline-end:.5px solid var(--line);color:var(--txt)}
.reg .rnum input{border:0;background:none;border-radius:0;padding:13px 14px;font-size:17px;letter-spacing:.2px}.reg .rnum input::placeholder{color:#A6B0B8}
.reg .rerr{color:var(--danger);font-size:14px;min-height:20px;margin:10px 4px 0}.reg .rerr.c{text-align:center}
.reg .rfoot{text-align:center;margin-top:8px}
.rdemo{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:13px;padding:6px 10px;border-radius:14px;cursor:pointer;margin-top:12px}.rdemo svg{width:14px;height:14px}.rdemo:hover{background:#0000000a;color:var(--acc-t)}
.reg .rnext{position:absolute;inset-inline-start:16px;inset-inline-end:16px;bottom:calc(24px + env(safe-area-inset-bottom));height:50px;border-radius:14px;background:var(--acc-t);color:#fff;font-size:17px;font-weight:600;transition:background .2s}
.reg .rnext:disabled{background:#E3E7EB;color:#A6B0B8;cursor:default}.dark .reg .rnext{background:var(--acc);color:var(--on-acc)}.dark .reg .rnext:disabled{background:var(--panel2);color:var(--mut)}
.rhelp{color:var(--mut);font-size:14.5px;line-height:1.45;margin:0 0 10px}
.sheet.tall{height:88dvh;display:flex;flex-direction:column}.clist{overflow:auto;flex:1;margin:0 -8px}
.csearch{position:relative;margin:0 0 8px}.csearch svg{position:absolute;inset-inline-start:12px;top:12px;color:var(--mut)}.csearch input{padding-inline-start:38px;border:0;border-radius:12px}
.copt b{flex:1;font-weight:500}.copt small{color:var(--mut);font-size:14px}
/* Avisos tipo iOS */
.rov{position:fixed;inset:0;z-index:60;display:grid;place-items:center;animation:rfade .15s}.rov.dim{background:#0b141a33}@keyframes rfade{from{opacity:0}}
.ialert{width:270px;background:#F7F8FAF7;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:14px;text-align:center;overflow:hidden;box-shadow:0 10px 40px #0b141a30;animation:rpop .2s}@keyframes rpop{from{transform:scale(1.12);opacity:0}}
.ialert .ibody{padding:19px 16px 17px}.ialert b{display:block;font-size:17px;font-weight:600;letter-spacing:.2px}.ialert p{margin:4px 0 0;font-size:13.5px;line-height:1.3;color:var(--txt)}
.ialert .ibtns{display:flex;border-top:.5px solid #3c3c4349}.ialert .ibtns button{flex:1;padding:11px;font-size:17px;color:var(--acc-t)}.ialert .ibtns button+button{border-inline-start:.5px solid #3c3c4349}.ialert .ibtns .edit{color:var(--acc-mid)}.ialert .ibtns .yes{font-weight:600;color:var(--acc-t)}.ialert .ibtns button:active{background:#3c3c4314}
.dark .ialert{background:#1D272CF2}
.ihud{min-width:180px;padding:22px 24px 18px;border-radius:16px;background:#F7F8FAF5;backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;gap:14px;font-size:15px;font-weight:500;box-shadow:0 10px 40px #0b141a26}
.dark .ihud{background:#1D272CF5}
.rov.full{background:var(--panel)}.ivalid{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 40px}.ivalid b{font-size:17px;font-weight:600;margin-top:12px}.ivalid small{color:var(--mut);font-size:14px}
.rspin{width:34px;height:34px;border-radius:50%;border:3px solid var(--acc-soft);border-top-color:var(--acc-t);animation:rspin .8s linear infinite}@keyframes rspin{to{transform:rotate(360deg)}}
/* Código de 6 dígitos (3 + 3) */
.otp{position:relative;display:block;margin:0 auto;cursor:text}.otp input{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px;caret-color:transparent}
.otp .slots{display:flex;justify-content:center;gap:26px}.otp .slots>span{display:flex;gap:10px}
.otp i{font-style:normal;width:30px;height:42px;display:grid;place-items:center;font-size:28px;font-weight:500;color:var(--txt);border-bottom:2px solid #C7CED5;transition:border-color .15s}
.otp i.f{border-color:var(--acc-t)}.otp input:focus+.slots i.cur{border-color:var(--acc);animation:rblink 1s step-end infinite}@keyframes rblink{50%{border-color:#C7CED5}}
.otp.bad i{border-color:var(--danger)}.otp.bad .slots{animation:rshake .35s}@keyframes rshake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.rdemobox{display:flex;gap:10px;align-items:flex-start;margin:22px auto 0;max-width:330px;padding:11px 14px;border-radius:12px;background:var(--acc-soft);color:var(--acc-t);font-size:14px;line-height:1.35}
.rdemobox svg{flex:none;margin-top:1px}.rdemobox b{font-weight:600;display:block}.rdemobox .dc{letter-spacing:1.5px;font-variant-numeric:tabular-nums}.rdemobox small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.rresend{text-align:center;margin-top:30px;font-size:15px;color:var(--mut)}.rresend p{margin:0 0 4px}.rresend .q{color:var(--txt);font-weight:500}.rresend b{color:var(--txt);font-variant-numeric:tabular-nums}
.rlink{display:inline-flex;align-items:center;gap:7px;color:var(--acc-t);font-weight:600;font-size:15px;padding:8px 12px;border-radius:12px;margin-top:2px}.rlink:hover{background:var(--acc-soft)}.rlink.c{align-self:center}
.rsicon{width:88px;height:88px;margin:40px auto 0;border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-t)}.rsicon svg{width:40px;height:40px}
/* Perfil */
.reg .rcard.prof{margin-top:22px;padding:16px 16px 0}
.prow{display:flex;gap:14px;align-items:center;padding-bottom:14px}.prow p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.4}
.pphoto{position:relative;width:68px;height:68px;flex:none;border-radius:50%;background:var(--acc-soft);color:var(--acc-t);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;overflow:visible}
.pphoto small{font-size:11px;font-weight:600;line-height:1.1}.pphoto>svg{width:22px;height:22px}
.pphoto img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pphoto .pedit{position:absolute;inset-inline-end:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--acc-t);color:#fff;display:grid;place-items:center;border:2px solid var(--panel)}
.pphoto.busy img{opacity:.55}
.pname{display:flex;align-items:center;border-top:.5px solid var(--line);margin:0 -16px;padding:0 16px}
.pname input{border:0;background:none;border-radius:0;padding:14px 0;font-size:17px}.pname input::placeholder{color:#A6B0B8}
.pname span{color:var(--mut);font-size:15px;font-variant-numeric:tabular-nums;padding-inline-start:10px}
.av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
/* Paso 2: marca de agua (icono + logo originales, tenues) y teclado numérico propio en claro */
.reg .rwm{flex:1 1 0;min-height:0;transform:translateY(-4px);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;user-select:none;opacity:.15;padding:8px 0}
.reg .rwm img{display:block;height:auto;-webkit-user-drag:none}
.reg .rwm-i{width:72px;margin:-7.4px 0 13.4px}.reg .rwm-l{width:249px;max-width:72%}
.dark .reg .rwm{opacity:.2}.dark .reg .rwm-l{filter:brightness(1.6) saturate(.9)}
.kpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6.5px 7px;margin:0 5px 10px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.kpad>span{display:block}.kpad{transition:opacity .18s,transform .18s}.reg .rwm{transition:opacity .18s}.reg .rwm.behind{opacity:.3;position:fixed;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%);padding:0}.reg .rwm.behind .rwm-i{width:112px;margin:0 0 14px}.reg .rwm.behind .rwm-l{width:330px;max-width:88%}.kpad.off{opacity:0;transform:translateY(24px);visibility:hidden;pointer-events:none}
.kk{height:43px;border-radius:10px;background:#FFFFFF;border:1px solid #E1E7EF;box-shadow:0 1px 1.5px #1B365D14;color:#1B365D;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transition:background .12s,border-color .12s,transform .12s}
.kk b{font-size:24px;font-weight:400;letter-spacing:0;margin-top:1px}
.kk small{font-size:9.5px;font-weight:600;letter-spacing:1.9px;color:#8597AE;height:11px;margin-block:2px -1px;margin-inline:1.9px 0}
.kk.on,.kk:active{background:#E7EFF9;border-color:#C6D7EE;transform:scale(.97)}
.kk:focus-visible{outline:2px solid #6C9BD2;outline-offset:1px}
.kk.kdel{background:none;border-color:transparent;box-shadow:none;color:#1B365D}
.kk.kdel svg{width:27px;height:27px;stroke-width:1.6}
.kk.kdel.on,.kk.kdel:active{background:#E7EFF9;border-color:transparent}
.dark .kk{background:var(--panel2);border-color:var(--line);box-shadow:none;color:var(--txt)}
.dark .kk small{color:var(--mut)}
.dark .kk.on,.dark .kk:active{background:var(--acc-soft);border-color:#2E4A72}
.dark .kk.kdel{background:none;border-color:transparent;color:var(--acc-t)}.dark .kk.kdel.on{background:var(--acc-soft)}
@media (max-height:740px){.kk{height:40px}.kpad{gap:6px 7px}.reg .rinfo{margin:14px 8px 20px}.reg .rwm-i{width:54px;margin:-5.5px 0 8px}.reg .rwm-l{width:190px}}
@media (max-height:700px){.reg .rwm{padding:0;transform:none}.reg .rwm .rwm-i{display:none}.reg .rwm-l{width:150px}}
@media (max-height:600px){.reg .rwm{visibility:hidden}.kk{height:38px}}

/* Paso 4: verificar el código (mismo estilo que la pantalla del teléfono) */
.reg.rcode{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
.reg.rcode .rsent{color:var(--txt);margin:16px 10px 24px}
.reg.rcode .otp{margin-top:2px}.reg.rcode .otp i{background:transparent}
.reg.rcode .rerr{min-height:20px;margin:12px 4px 0;font-weight:500}
.reg.rcode .rresend{margin-top:8px;font-size:14.5px}
.reg.rcode .rdemobox{margin:14px auto 0;padding:9px 13px;background:#E7EFF9cc}
.reg.rcode .rwm{min-height:120px}
.reg.rcode .kpad{margin-top:4px}
.rov.dim .ivalid{min-width:220px;max-width:290px;padding:24px 22px 20px;border-radius:16px;background:#F7F8FAF7;box-shadow:0 10px 40px #0b141a26;gap:6px}
.rov.dim .ivalid b{margin-top:10px}.rov.dim .ivalid small{font-size:13px;line-height:1.35}
.dark .rov.dim .ivalid{background:#1D272CF7}
/* PASO 5 – Restaurar copia (iCloud / Google Drive / copia WoorkChat) */
.reg.rrest .rcard{margin-top:16px}.reg.rrest .rhead+.rcard{margin-top:22px}
.reg .rsinfo{padding:16px}.reg .rsinfo p{margin:0 0 12px;font-size:15.5px;line-height:1.38;color:var(--txt)}.reg .rsinfo p:last-child{margin:0}
.reg .rsrow{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.reg .rsico{flex:none;width:68px;height:68px;border-radius:14px;display:grid;place-items:center;background:var(--panel);box-shadow:0 0 0 1px #0000001a;color:var(--acc-t)}.reg .rsico svg{width:42px;height:42px;stroke-width:1.6}
.reg .rsmeta p{margin:0 0 3px;font-size:15px;line-height:1.3}.reg .rsmeta span{color:var(--mut)}.reg .rsmeta b{font-weight:500;color:var(--txt)}
.reg .rsopts{padding:0 16px}
.reg .rsst{padding:13px 0;border-bottom:.5px solid var(--line,#E3E7EB);color:var(--mut);font-size:15.5px;line-height:1.35;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.reg .rsst .rspin.sm{width:18px;height:18px;border-width:2px;flex:none}
.reg .rsst.done{border-bottom:0;flex-direction:column;align-items:flex-start;gap:3px}.reg .rsst.done small{font-size:14px}
.reg .rsok{display:flex;align-items:center;gap:8px;color:var(--txt)}.reg .rsok svg{color:var(--acc-t);width:20px;height:20px}.reg .rsok b{font-weight:600}
.reg .rskip{display:block;width:100%;text-align:start;padding:13px 0;font-size:16px;color:var(--danger);background:none}.reg .rskip:disabled{opacity:.45}
.reg .rsbtn{overflow:hidden}.reg .rsbtn .rsfill{position:absolute;inset-inline-start:0;top:0;bottom:0;width:0;background:#ffffff2e;transition:width .15s linear}
.reg .rsbtn .rslbl{position:relative}.reg .rsbtn.busy:disabled{background:var(--acc-t);color:#fff;cursor:progress}.dark .reg .rsbtn.busy:disabled{background:var(--acc);color:var(--on-acc)}
.reg.rrest .rwm{min-height:110px}
/* Ajustes › Copia de seguridad */
.bkwhere{color:var(--mut);font-size:13px;line-height:1.4;padding:6px 18px 4px}
#bknow.busy{opacity:.6;pointer-events:none}.bkrow .rs+.rs{margin-top:1px}
.reg .rskip[hidden]{display:none}
/* ---------- Paso 6: perfil (fondo azul suave, logo abajo-izquierda, icono abajo-derecha) ---------- */
#app.regbg.soft{background:linear-gradient(180deg,#F6F8FC 0%,#EDF2F9 55%,#E4EBF6 100%)}.dark #app.regbg.soft{background:var(--bg)}
.reg.rprof{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
.reg.rprof .rcard.prof{margin-top:22px;padding:16px 16px 0;box-shadow:0 1px 2px rgba(27,54,93,.05),0 4px 16px rgba(27,54,93,.05)}
.rprof .prow{align-items:flex-start}.rprof .prow p{padding-top:12px}
.pcol{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}
.rprof .pphoto{width:76px;height:76px;background:#E8EEF7;border:1px solid #D3DEEE;color:var(--acc-t);gap:3px}
.rprof .pphoto>svg{width:26px;height:26px;stroke-width:1.7}.rprof .pphoto small{font-size:11.5px;font-weight:500}
.rprof .pphoto.has{border-color:transparent;background:#fff}
.pedl{color:var(--acc-t);font-size:14px;font-weight:500;padding:0 4px 2px}.pedl[hidden]{display:none}

.pfoot{--kb:0px;position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:var(--kb);max-width:520px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom));z-index:5}
.pfoot.kb{padding-bottom:10px}
.pfoot .rnext{position:static;width:100%;display:block}
.pbrand{display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px;pointer-events:none;user-select:none}
.pbrand img{display:block;height:auto;-webkit-user-drag:none}
.pb-l{width:118px;opacity:.9}.pb-i{width:34px;opacity:.95}
.pfoot.kb .pbrand{padding-bottom:10px}.pfoot.kb .pb-l{width:100px}.pfoot.kb .pb-i{width:28px}
.dark .pb-l{filter:brightness(1.6) saturate(.9)}
@media (max-height:600px){.pfoot:not(.kb) .pbrand{padding-bottom:8px}}
/* menú de foto (hoja inferior como en iOS) */
.sheet.pmenu{background:#F2F5FA;padding:8px 16px calc(20px + env(safe-area-inset-bottom))}.dark .sheet.pmenu{background:var(--panel)}
.pmhead{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin:2px 0 14px}
.pmhead h3{margin:0;text-align:center;font-size:17px;font-weight:600}
.pmx{width:32px;height:32px;border-radius:50%;background:#E3E8F0;color:#5B6875;display:grid;place-items:center;justify-self:end}.pmhead>.pmx:first-child{justify-self:start}
.dark .pmx{background:var(--panel2);color:var(--mut)}
.pmgrp{background:var(--panel);border-radius:14px;overflow:hidden;margin-bottom:12px}
.pmo{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;font-size:17px;text-align:start;color:var(--txt)}
.pmo+.pmo{border-top:.5px solid var(--line)}.pmo>svg{color:var(--acc-t);width:24px;height:24px}.pmo:hover{background:var(--panel2)}
.pmo.del,.pmo.del>svg{color:#D93025}
.pmhint{margin:-6px 0 14px;text-align:center;color:var(--mut);font-size:14px}
.avgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--panel);border-radius:14px;padding:16px}
.avopt{aspect-ratio:1;border-radius:50%;padding:0;transition:transform .12s}.avopt svg{width:100%;height:100%;display:block}.avopt:active{transform:scale(.94)}
/* recorte circular */
.crop{position:fixed;inset:0;z-index:60;background:#0B1626;color:#fff;display:flex;flex-direction:column;align-items:center;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));touch-action:none;user-select:none}
.crhead{text-align:center;margin:10px 0 0}.crhead b{display:block;font-size:17px;font-weight:600}.crhead small{display:block;margin-top:6px;color:#A9B9D3;font-size:13.5px;line-height:1.4;max-width:300px}
.crstage{flex:1;width:100%;display:grid;place-items:center;overflow:hidden;cursor:grab;touch-action:none}.crstage:active{cursor:grabbing}
.crbox{position:relative}.crbox img{position:absolute;max-width:none;pointer-events:none}
.crmask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 9999px rgba(11,22,38,.72);outline:2px solid rgba(255,255,255,.9);outline-offset:-1px;pointer-events:none}
.crzoom{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;color:#A9B9D3;margin-bottom:22px}.crzoom input{flex:1;accent-color:#99B0D3}
.crbtns{display:flex;gap:12px;width:100%;max-width:400px}.crbtns button{flex:1;height:50px;border-radius:14px;font-size:17px;font-weight:600;color:#fff;background:rgba(255,255,255,.1)}
.crbtns #cropok{background:#99B0D3;color:#1B365D}
/* ---------- Paso 7: set de iconos propio (un color, trazo 1.8 redondeado) y Chats vacía ---------- */
:root{--icon:#1B365D;--tab-on:#6C9BD2}.dark{--icon:#A6B3BA;--tab-on:#6C9BD2}
.topbar .ib{color:var(--icon);width:40px;height:40px}.topbar .ib svg{width:24px;height:24px}
.ib.dot,.ib.addc{background:none;width:40px;height:40px;color:var(--icon)}.ib.addc svg,.ib.dot svg{width:24px;height:24px}
.topbar .ib:active,.topbar .ib:hover{background:var(--acc-soft)}
.topbar .r{gap:2px}
.tabs button{color:var(--icon);font-size:10.5px;font-weight:500}.tabs button svg{width:25px;height:25px;stroke-width:1.8}
.tabs button.on{color:var(--tab-on);font-weight:600}.tabs button.on svg{stroke-width:2.1}
.tabs button.on i{background:color-mix(in srgb,var(--tab-on) 14%,transparent)!important}.tabs button i{padding:2px 16px;border-radius:14px}
.dark .tabs button{color:var(--mut)}.dark .tabs button.on{color:var(--tab-on)}
/* estado vacío (usuario nuevo) sobre fondo azul muy claro, con logo abajo-izquierda e icono abajo-derecha */
.sidewrap.cnone{background:linear-gradient(180deg,#F6F8FC 0%,#EDF2F9 55%,#E4EBF6 100%)}.sidewrap.cnone .topbar{background:transparent}
.dark .sidewrap.cnone{background:var(--panel)}
.cempty{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 22px 96px;min-height:0}
.ce-ill{width:132px;height:auto;margin-block:0 22px;margin-inline:2px 0}
.ce-t{margin:0;font-size:19px;line-height:1.4;color:var(--txt);font-weight:500}
.ce-i{display:inline-grid;place-items:center;vertical-align:-5px;width:28px;height:28px;border-radius:8px;background:var(--acc-soft);color:var(--acc-t);margin:0 2px}.ce-i svg{width:20px;height:20px}
.ce-s{margin:14px 0 18px;color:var(--mut);font-size:15px;line-height:1.45}
.ce-l{border-top:.5px solid #CFDAEA}.ce-l button{display:block;width:100%;text-align:start;padding:14px 0;color:var(--acc-t);font-size:16.5px;font-weight:500;border-bottom:.5px solid #CFDAEA}
.dark .ce-l,.dark .ce-l button{border-color:var(--line)}
.cbrand{position:absolute;inset-inline-start:16px;inset-inline-end:16px;bottom:0}
@media (max-height:620px){.cbrand{display:none}.cempty{padding-bottom:20px}}
/* Cabecera: logo centrado exacto en la pantalla/panel, independiente del ancho de los iconos laterales */
.topbar{position:relative}
.topbar .tlogo{position:absolute;left:50%;top:calc(17px + env(safe-area-inset-top));transform:translateX(-50%);margin:0;height:22px;pointer-events:none}
/* Chat: ticks con la sonrisa del logo (1 = enviado, 2 = leído), enviar discreto y fondo azul muy claro */
.tk svg{width:17px;height:17px;stroke-width:3;stroke-linecap:round}.tk{margin-inline-start:2px}
.composer .send{width:40px;height:40px;background:transparent;color:var(--acc);border-radius:50%}
.composer .send svg{width:24px;height:24px;stroke-width:1.7}
.composer .send:hover,.composer .send:active{background:var(--acc-soft);color:var(--acc-t)}
.composer>.ib,.composer .box .ib{color:var(--acc)}.composer .ib svg{stroke-width:1.6}
/* Patrón del fondo: solo la sonrisa del logo y la carpeta del icono (pequeñas, rotadas, un color) */
:root{--chatbg:#F3F6FB;--pat: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='%2399B0D3' stroke-opacity='.28' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(14 10) rotate(-12 12 12) scale(0.85)' stroke-width='1.47' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(80 22) rotate(9)' d='M0 0Q9.0 6.48 18 0'/%3E%3Cpath transform='translate(104 58) rotate(15 12 12) scale(0.7)' stroke-width='1.79' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(22 74) rotate(-16)' d='M0 0Q7.0 5.04 14 0'/%3E%3Cpath transform='translate(54 98) rotate(7 12 12) scale(0.78)' stroke-width='1.60' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(112 122) rotate(-7)' d='M0 0Q8.0 5.76 16 0'/%3E%3Cpath transform='translate(62 52) rotate(4)' d='M0 0Q5.5 3.96 11 0'/%3E%3C/g%3E%3C/svg%3E")}
.dark{--chatbg:#0E1417;--pat: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='%2399B0D3' stroke-opacity='.07' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(14 10) rotate(-12 12 12) scale(0.85)' stroke-width='1.47' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(80 22) rotate(9)' d='M0 0Q9.0 6.48 18 0'/%3E%3Cpath transform='translate(104 58) rotate(15 12 12) scale(0.7)' stroke-width='1.79' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(22 74) rotate(-16)' d='M0 0Q7.0 5.04 14 0'/%3E%3Cpath transform='translate(54 98) rotate(7 12 12) scale(0.78)' stroke-width='1.60' d='M3 20.5h18a1.5 1.5 0 0 0 1.5-1.5V8.6a1.5 1.5 0 0 0-1.5-1.5h-9.3L9.9 4.6a1.5 1.5 0 0 0-1.1-.5H3A1.5 1.5 0 0 0 1.5 5.6V19A1.5 1.5 0 0 0 3 20.5Z'/%3E%3Cpath transform='translate(112 122) rotate(-7)' d='M0 0Q8.0 5.76 16 0'/%3E%3Cpath transform='translate(62 52) rotate(4)' d='M0 0Q5.5 3.96 11 0'/%3E%3C/g%3E%3C/svg%3E")}
.dark .composer .send:hover,.dark .composer .send:active{background:#ffffff12;color:var(--acc)}
/* Cabecera del chat (estilo iOS): píldora clara con carpeta, videollamada y llamada; iconos finos de un solo color */
.chead .hpill{display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:22px;background:var(--panel2);flex:none;margin-inline-end:4px}
.chead .hpill .ib{width:40px;height:38px;color:var(--acc-t);border-radius:18px}.chead .hpill .ib svg{width:23px;height:23px;stroke-width:1.6}
.chead .hpill .ib:active,.chead .hpill .ib:hover{background:var(--acc-soft)}
.dark .chead .hpill{background:#ffffff10}.dark .chead .hpill .ib{color:var(--txt)}.dark .chead .hpill .ib:hover{background:#ffffff14}
#cfq{margin-bottom:10px}
/* Barra inferior como WhatsApp iOS: + | campo con carpeta | cámara y micrófono (o la sonrisa de enviar al escribir); iconos finos y discretos */
.composer{align-items:center;position:relative}
.composer .ib{width:38px;height:38px;flex:none}.composer .ib svg{width:23px;height:23px;stroke-width:1.6}
.composer #bfile svg{width:20px;height:20px}
.composer>.send{display:none}.composer.has>.send{display:grid}.composer.has>#bcam,.composer.has>#bmic{display:none}
#bmic{touch-action:none;user-select:none;-webkit-user-select:none}
.recbar{display:none;flex:1;align-items:center;gap:10px;min-height:44px}
.composer.rec>*:not(.recbar){display:none!important}.composer.rec .recbar{display:flex}
.recbar #rcancel{color:var(--danger)}.recbar .rdot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:rdot 1s infinite}
@keyframes rdot{50%{opacity:.25}}
#rtime{font-variant-numeric:tabular-nums;font-size:16px;color:var(--txt);min-width:40px}.recbar .rhint{flex:1;color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recbar .send{display:grid;background:var(--acc-soft);color:var(--acc-t)}.dark .recbar .send{background:#ffffff14;color:var(--acc)}
.voice{display:flex;align-items:center;gap:6px;color:var(--acc-t);min-width:230px}.voice audio{height:38px;flex:1;min-width:0}.vmeta{display:block;color:var(--mut);font-size:12px;margin-block:2px 0;margin-inline:28px 0}
.dark .voice{color:var(--acc)}
/* Hoja del clip: biblioteca o teléfono, y selector de archivos de la biblioteca */
.sheet .opt .oc{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sheet .opt .oc b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet .opt .oc small{color:var(--mut);font-size:12.5px}
#attlib>svg,#attdev>svg{color:var(--acc-t);width:24px;height:24px;stroke-width:1.6}.dark #attlib>svg,.dark #attdev>svg{color:var(--acc)}
.lpk{max-height:60vh;overflow:auto;margin:0 -4px}.lpk .sec-t{margin:10px 8px 4px}.lpk .opt .ic{width:40px;height:40px;flex:none}.lpk .opt>svg:last-child{color:var(--mut)}
.lph{display:flex;align-items:center;gap:4px;margin-block:-4px 6px;margin-inline:-6px 0}.lph h3{margin:0}.lpe{color:var(--mut);text-align:center;padding:18px 0}
.composer #bfile svg{width:21px;height:21px;stroke-width:1.5}
.chead{max-width:100%;min-width:0}.chead div.t{min-width:0!important;overflow:hidden;flex:1 1 0}.chead div.t small,.chead div.t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer{max-width:100%;min-width:0}
.main{min-width:0}
/* «Guardar en carpeta» a pantalla completa (deja aire arriba), con menú por carpeta */
#modal.full{align-items:flex-end}.sheet.full{max-width:none;height:calc(100dvh - 28px - env(safe-area-inset-top));max-height:none;display:flex;flex-direction:column;padding-top:6px;border-radius:18px 18px 0 0}
@media(min-width:820px){#modal.full{align-items:center}.sheet.full{max-width:560px;height:88dvh;border-radius:16px}}
.sheet.full:before{margin-bottom:6px}.pfhead{display:flex;align-items:center;gap:6px;margin:0 -6px 6px}.pfhead h3{flex:1;margin:0;text-align:center;font-size:17px}
.pfbody{flex:1;overflow:auto;margin:0 -8px;padding:0 4px}.pfbody .sec-t{margin:14px 8px 4px;padding:0}.pfrow{display:flex;align-items:center}.pfrow .opt{flex:1;min-width:0}.pfrow .pfm{flex:none;color:var(--mut)}
.pfbody .opt .ic.dev{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#E8F0FA;color:#1B365D;flex:none}.dark .pfbody .opt .ic.dev{background:#22344d;color:#cfe0f5}
.pfbody #pfdev>svg:last-child{color:var(--mut)}.pfe{color:var(--mut);font-size:14px;padding:0 8px}
.btn.danger{background:var(--danger)}
/* navegación por niveles (Guardar en carpeta / Mover) */
.pfchev{margin-inline-start:auto;color:var(--mut);display:flex}
.lvcrumbs{padding:2px 2px 10px}.lvcrumbs b{color:var(--txt);font-weight:600}
.pfhead #pfback{color:var(--acc-t)}
.opt .oc{flex:1;min-width:0}
/* Archivos grandes en la nube del cliente */
.ic.cloud{background:#E6F0FB;color:#2F6DB5;height:40px}.dark .ic.cloud{background:#1e2a3d;color:#88AEEA}
.ic.cloud[data-p=gdrive]{background:#E7F4EC;color:#1E8E3E}.ic.cloud[data-p=onedrive]{background:#E5F1FB;color:#0F6CBD}.ic.cloud[data-p=icloud]{background:#EEF0F4;color:#4B5563}
.dark .ic.cloud[data-p]{background:#26303d;color:#cfe0f5}
.pfbody .opt .ic.cloud{width:40px;height:40px;border-radius:12px;flex:none}.pfbody .opt .ic.dev.cl{color:#2F6DB5}
.clmsg{font-size:14.5px;line-height:1.45;margin:4px 8px 12px;color:var(--txt,inherit)}.clnote{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-top:12px}
.pfbody .opt.clp>svg:last-child,.pfbody #bigdev>svg:last-child,.pfbody #pfcloud>svg:last-child{color:var(--mut)}#bigdev[disabled]{opacity:.5}
.file.cloudf .ic.cloud{width:40px}

/* Agenda del teléfono */
.agic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--panel2);color:var(--acc-t)}
.agrow small{display:block;white-space:normal;line-height:1.3}
.agbtn{background:var(--panel2);color:var(--acc-t);font-weight:600;border-radius:16px;padding:7px 14px;font-size:13.5px;flex:none}
.agoff .av{opacity:.85}
.aginv{background:var(--panel2);border-radius:12px;padding:10px 12px;font-size:13.5px;color:var(--mut);margin:-2px 0 6px}
a.opt{text-decoration:none;color:inherit}

/* Invitar con enlace (WhatsApp, Telegram, SMS, otras apps) */
.ivgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:4px 0 6px}
.ivt{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--txt);text-decoration:none;padding:8px 2px;border-radius:12px;text-align:center;line-height:1.2}.ivt:hover{background:var(--panel2)}
.ivb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);color:var(--acc-t);font-style:normal}.ivb .i{width:22px;height:22px}
.ivt .ivb[style] .i{color:#fff}
.ivchips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 4px 4px}.ivchips .chip.on{background:var(--acc-soft);color:var(--acc-t)}
.ivhint{display:flex;gap:8px;align-items:flex-start;color:var(--mut);font-size:12.5px;margin:12px 4px 10px;line-height:1.4}.ivhint .i{flex:none;margin-top:2px}
.ivrev{color:var(--danger);font-weight:600;font-size:13.5px;padding:6px 8px;border-radius:8px}.ivrev:hover{background:var(--panel2)}
.ivrow small{display:block;white-space:normal;line-height:1.3}
.aginv{overflow-wrap:anywhere}
/* Menú de los tres puntos de cada archivo */
.imhead{display:flex;gap:12px;align-items:center;padding:0 4px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.imhead img,.imhead .ic,.imhead .cic{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none}
.imhead .oc{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.imhead b{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imhead small{color:var(--mut);font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.impill{background:var(--acc-soft);color:var(--acc-t);font-weight:600;font-size:12px;padding:2px 8px;border-radius:10px}
.imlist{display:flex;flex-direction:column}.opt.im{gap:16px;font-weight:500;font-size:15.5px}.opt.im svg.i{stroke-width:1.5;color:var(--icon)}.opt.im.del,.opt.im.del svg.i{color:var(--danger)}
.opt.im small{color:var(--mut);font-weight:400;font-size:12.5px}.imchat{gap:12px}.imchat>svg{color:var(--acc-t)}
.imnote{color:var(--mut);font-size:13px;display:flex;gap:8px;align-items:flex-start;margin:10px 4px 0;line-height:1.35}.imnote svg{margin-top:2px}
.row .imore{color:var(--icon)}
/* Aviso de responsabilidad al compartir (discreto, no bloquea) */
.respnote{color:var(--mut);font-size:12.5px;display:flex;gap:7px;align-items:flex-start;margin:10px 4px 4px;line-height:1.35}.respnote svg{margin-top:1px;flex:none;opacity:.8}
/* Ajustes › Mi perfil */
#meprof .rs>svg{color:var(--mut);margin-inline-start:auto;flex:none}
.av.xl{width:132px;height:132px;font-size:46px;letter-spacing:1px}
.av.xs{width:18px;height:18px;font-size:8px;letter-spacing:0;display:inline-grid;vertical-align:-4px;margin-inline-end:6px}
.b .who{display:flex;align-items:center}
.mph{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 10px}
.mphb{position:relative;border-radius:50%}.mphb.busy .av{opacity:.55}
.mpcam{position:absolute;inset-inline-end:4px;bottom:4px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--acc-t);color:#fff;border:3px solid var(--panel)}
.dark .mpcam{background:var(--acc);color:var(--on-acc)}
.mpedit{color:var(--acc-mid);font-weight:600;font-size:15px;padding:4px 10px}
.merow{align-items:center;padding:10px 16px;gap:13px}.merow .rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;padding:0;border:0}
.merow>svg{color:var(--mut);flex:none}.merow.ro{cursor:default}.merow.ro:hover{background:none}
.mel{color:var(--mut);font-size:12.5px}.mev{font-size:16px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mev.ph{color:var(--acc-mid)}
.merow .rb>b{font-weight:500;font-size:16px}.meact .rb>b{color:var(--acc-mid)}
.mero{color:var(--mut);display:grid;place-items:center}
.mehint{color:var(--mut);font-size:13px;line-height:1.45;margin:4px 16px 2px}.sheet .mehint{margin:8px 2px}
.mepv{display:grid;place-items:center;margin:0 0 14px}.mepv .av{width:96px;height:96px;font-size:34px}
.meinp{display:flex;align-items:center;gap:8px;background:var(--panel);border-radius:12px;padding:0 14px;border:1.5px solid var(--acc)}
.meinp input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:17px;padding:13px 0;color:var(--txt)}
.meinp span{color:var(--mut);font-size:13px}
.mechips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 2px}.mechips .chip{background:var(--panel);color:var(--txt);border:1px solid var(--line)}
.meerr{color:var(--danger);font-size:13.5px;min-height:18px;margin:4px 2px 0}
.meedit .btn:disabled{opacity:.5}
.menum{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-radius:12px;padding:12px 14px;margin:6px 0 10px}.menum small{color:var(--mut)}
.medemo{color:var(--acc-mid);font-size:13px;margin:8px 2px 0}
.mevis{background:var(--panel);border-radius:14px;overflow:hidden}.mevis .opt{border-radius:0;padding:13px 14px}.mevis .opt+.opt{border-top:.5px solid var(--line)}
.mvt{display:flex;flex-direction:column;gap:2px}.mvt b{font-weight:500}.mvt small{color:var(--mut);font-size:13px;line-height:1.35}
.radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;position:relative}.radio.on{border-color:var(--acc-t)}.radio.on:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--acc-t)}
.dark .radio.on{border-color:var(--acc)}.dark .radio.on:after{background:var(--acc)}
.delkeep{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;margin:6px 0 4px;color:var(--txt);cursor:pointer}.delkeep input{width:18px;height:18px;margin-top:1px;accent-color:var(--acc-t);flex:none}
/* ---------- Ajustes por grupos (v35) ---------- */
:root{--danger-soft:#fdecec}.dark{--danger-soft:#3a1f22}
.ajgrp{margin:0 0 10px}.ajgrp+.ajgrp{border-top:8px solid var(--bg)}.ajmain .ajgrp{border-top:8px solid var(--bg);margin:0}
.arow .rt{align-items:center}.arow .rt b{font-weight:500}.arow .rt>svg{color:var(--mut);flex:none}.arow .rs span.l{white-space:normal}
.arow.dng .rt b{color:var(--danger)}.ajdanger{margin-top:18px}
.ajnote,.ajhint{color:var(--mut);font-size:13.5px;line-height:1.45;padding:4px 16px 10px;margin:0}.ajhint{padding:0 4px 12px}
.ajok{color:var(--acc-t);font-weight:600}.ajlink{color:var(--danger);font-size:14px;font-weight:500;flex:none}
.ajbtn{flex:none;font-size:13.5px;font-weight:600;color:var(--acc-t);background:var(--acc-soft);border-radius:16px;padding:6px 13px}.ajbtn:disabled{opacity:.5}
.ajtag{font-size:11px;font-weight:600;color:var(--acc-t);background:var(--acc-soft);border-radius:8px;padding:1px 6px;margin-inline-start:4px;vertical-align:2px}
.ajhero,.delhero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 24px 18px;gap:6px}.ajhero>svg,.delhero>svg{width:52px;height:52px;padding:13px;border-radius:50%;background:var(--acc-soft);color:var(--acc-t);stroke-width:1.6}
.ajhero b,.delhero b{font-size:17px}.ajhero p,.delhero p{color:var(--mut);font-size:14px;line-height:1.45;margin:0}
.delhero>svg{background:var(--danger-soft);color:var(--danger)}
.dlist{list-style:none;margin:0 16px 16px;padding:4px 14px;background:var(--panel2);border-radius:14px}.dlist li{display:flex;gap:10px;padding:9px 0;font-size:14px;line-height:1.4}.dlist li+li{border-top:.5px solid var(--line)}.dlist li>svg{color:var(--danger);flex:none;margin-top:1px}.dlist li:last-child>svg{color:var(--mut)}
.delbtns{display:flex;gap:10px;padding:4px 16px 28px}.delbtns .btn{margin-top:4px}.btn.dngout{background:none;color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger)}
.delck{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;margin:0 16px 10px;border-radius:12px;background:var(--panel2);font-size:14.5px;line-height:1.4;cursor:pointer}.delck input{width:20px;height:20px;flex:none;accent-color:var(--danger);margin:1px 0 0}
.delck.keep{background:none;padding:6px 14px;color:var(--mut);font-size:13.5px}.delck.keep input{accent-color:var(--acc-t)}
.delfld{display:flex;flex-direction:column;gap:8px;margin:0 16px 12px;padding:12px 14px;border-radius:12px;background:var(--panel2);font-size:14.5px;line-height:1.4}.delfld input{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px;letter-spacing:.5px;width:100%}
.delsms{display:flex;gap:8px;align-items:center}.delsms input{flex:1;letter-spacing:4px;font-variant-numeric:tabular-nums}.delsms input:disabled{opacity:.5}.delfld .rdemobox{margin:2px 0 0;max-width:none}
#aj-delete2>.btn{width:auto;margin:10px 16px 0}#aj-delete2>.btn.sec{margin-bottom:28px}#delok:disabled{opacity:.45;cursor:not-allowed}#aj-delete2 .err{padding:0 16px}
.stbar{height:6px;border-radius:3px;background:var(--panel2);margin:8px 0 2px;overflow:hidden}.stbar i{display:block;height:100%;width:0;background:var(--acc);border-radius:3px;transition:width .3s}.stbar.sm{height:4px;margin:6px 0 0}
.stmb{font-size:13px;color:var(--mut);flex:none;font-variant-numeric:tabular-nums}.stf .fsm{width:36px;height:36px}
.wpgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wpopt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border-radius:14px}.wpopt small{font-size:12.5px;color:var(--mut)}
.wpsw{width:100%;aspect-ratio:3/4;border-radius:12px;background-color:var(--chatbg);background-image:var(--pat);border:2px solid var(--line)}.wpopt.on .wpsw{border-color:var(--acc-t)}.wpopt.on small{color:var(--acc-t);font-weight:600}
.ajck{cursor:pointer}.ajck input{width:20px;height:20px;accent-color:var(--acc-t);flex:none}
.ajpick{max-height:55vh;overflow:auto}.ajpick .av{width:36px;height:36px;font-size:13px}
.invprev{background:var(--panel2);border-radius:12px;padding:10px 12px;font-size:13.5px;color:var(--mut);margin-bottom:12px;line-height:1.4}
.ivrow .av.g{color:var(--acc-t)}.ivrow .av svg{width:20px;height:20px}
.faq details{border-bottom:.5px solid var(--line);padding:12px 4px}.faq summary{font-weight:600;cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:8px}.faq summary::after{content:"+";color:var(--mut)}.faq details[open] summary::after{content:"–"}.faq p{color:var(--mut);font-size:14px;line-height:1.45;margin:8px 0 0}
.arcrow .rb{border:0}.arcrow .rt b{font-weight:500}.chead .online{color:var(--acc-t)}
/* fondo del chat y tamaño de letra (data-wp / data-fs en <html>) */
html[data-wp=plain]{--pat:none}
html[data-wp=sky]{--chatbg:#E6EFFA}html[data-wp=sand]{--chatbg:#F3EADC}html[data-wp=mint]{--chatbg:#E3F2EC}html[data-wp=lilac]{--chatbg:#EEE9F7}
html.dark[data-wp=sky]{--chatbg:#0F1A26}html.dark[data-wp=sand]{--chatbg:#1C1813}html.dark[data-wp=mint]{--chatbg:#0F1C18}html.dark[data-wp=lilac]{--chatbg:#18142A}
.wpopt[data-wp=plain] .wpsw{background-image:none}.wpopt[data-wp=sky] .wpsw{background-color:#E6EFFA}.wpopt[data-wp=sand] .wpsw{background-color:#F3EADC}.wpopt[data-wp=mint] .wpsw{background-color:#E3F2EC}.wpopt[data-wp=lilac] .wpsw{background-color:#EEE9F7}
.dark .wpopt[data-wp=sky] .wpsw{background-color:#0F1A26}.dark .wpopt[data-wp=sand] .wpsw{background-color:#1C1813}.dark .wpopt[data-wp=mint] .wpsw{background-color:#0F1C18}.dark .wpopt[data-wp=lilac] .wpsw{background-color:#18142A}
html[data-fs=s] .msgs .b{font-size:13.5px}html[data-fs=m] .msgs .b{font-size:15px}html[data-fs=l] .msgs .b{font-size:17px}html[data-fs=xl] .msgs .b{font-size:19.5px}

/* ---------- v36 · Privacidad: bloqueo, protegidos, temporales, revisión ---------- */
#lockscr{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:var(--panel);padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}
#lockscr{overflow-y:auto}#lockscr.on{display:flex}#lockscr>.lkbox{margin:auto}#lockscr.chat,#lockscr.folder{background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(14px)}
.lkbox{position:relative;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.lkbox h2{font-size:19px;margin:6px 0 0}.lkbox p{color:var(--mut);font-size:14px;line-height:1.45;margin:0 0 4px}
.lkic>svg{width:56px;height:56px;padding:14px;border-radius:50%;background:var(--acc-soft);color:var(--acc-t)}
.lkx{position:absolute;top:-6px;inset-inline-end:-6px}
/* Logo original completo arriba de la pantalla de bloqueo de la app (mismo archivo que el registro, sin tocar) */
.lklogo{width:min(326px,84vw);height:auto;flex:none;margin:0 0 28px}.dark .lklogo{filter:brightness(1.55) saturate(.9)}
.lkdots{display:flex;gap:12px;margin:14px 0 4px;min-height:14px}.lkdots i{width:12px;height:12px;border-radius:50%;border:1.6px solid var(--acc-t);transition:background .12s}.lkdots i.on{background:var(--acc-t)}
.lkdots.shake{animation:lkshake .35s}@keyframes lkshake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.lkerr{color:var(--danger);font-size:13.5px;min-height:19px}
.kpad{display:grid;grid-template-columns:repeat(3,72px);gap:12px 22px;margin:6px 0 10px}.kpad>span{display:block}
.kp{width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font:500 26px/1 inherit;color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}
.kp:active{background:var(--acc-soft)}.kp.kpi{border-color:transparent;background:none;color:var(--acc-t)}.kp.kpi svg{width:28px;height:28px}
.lkok{width:100%;max-width:260px}.lkforgot{background:none;border:0;color:var(--acc-t);font:inherit;font-size:14px;margin-top:8px;cursor:pointer}
.lkbox .btn{width:100%}
/* v38 · Proceso de desbloqueo: error en rojo suave, aviso de huella, espera con cuenta atrás y recuperación por SMS */
.lkdots.err i{border-color:color-mix(in srgb,var(--danger) 70%,transparent);background:color-mix(in srgb,var(--danger) 22%,transparent)}
.lkic.big>svg{width:84px;height:84px;padding:20px}.lkic.warn>svg{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.lkbtn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}.lkbtn svg{width:20px;height:20px}
.lkhint{font-size:13px!important;max-width:280px;margin-top:6px!important}.lkmut{color:var(--mut);font-size:14px}
.lkcount{font-size:44px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--txt);margin:10px 0 2px}
.lkto{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:14px;background:var(--acc-soft);color:var(--txt);font-size:14px;text-align:start;margin-top:8px}.lkto svg{width:20px;height:20px;flex:none;color:var(--acc-t)}
.lkkeep{width:100%;text-align:start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:4px;font-size:14px}.lkkeep>b{display:block;margin-bottom:6px}
.lkkeep ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.lkkeep li{display:flex;align-items:center;gap:10px}.lkkeep li svg{width:18px;height:18px;flex:none;color:var(--acc-t)}
.lkkeep small{display:block;color:var(--mut);font-size:12.5px;margin-top:8px}
.lk-forgot .lkok{margin-top:6px}.lk-code .lkic,.lk-new .lkic,.lk-new2 .lkic{display:none}
.lkotp{margin:8px 0 0}.lkotp i{width:26px;height:38px;font-size:24px}.lkotp .slots{gap:18px}.lkotp.shake .slots{animation:rshake .35s}
.lkdemo{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);background:var(--acc-soft);border-radius:10px;padding:6px 10px}.lkdemo svg{width:16px;height:16px;color:var(--acc-t)}
.lklinks{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:260px}.lklinks .lkforgot{margin:0}
.privcover{position:fixed;inset:0;z-index:119;background:var(--panel);display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px}.privcover.on{display:flex}.privcover img{width:110px}.privcover .pcw{width:190px}
.sysn{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px auto;max-width:86%;padding:6px 12px;border-radius:10px;background:var(--acc-soft);color:var(--acc-t);font-size:12.5px;line-height:1.35;text-align:center;width:fit-content}
.sysn svg{flex:none}.ttlm{display:inline-flex;vertical-align:-2px;margin-inline-end:3px;opacity:.75}.ttlm svg{width:12px;height:12px}
.hlk{display:inline-flex;margin-inline-start:5px;vertical-align:-1px;color:var(--mut)}.hlk svg{width:13px;height:13px}.chead .t{cursor:pointer}
.fprot{display:inline-flex;margin-inline-start:5px;vertical-align:-1px;color:var(--mut)}.fprot svg{width:13px;height:13px}
.ajempty{padding:14px 16px;font-size:14px;color:var(--mut);text-align:start}
.ajpick{max-height:60dvh;overflow:auto}.ajpick .opt .av,.ajpick .opt .fsm{width:34px;height:34px;flex:none}
#pvrev{display:flex;flex-direction:column;height:100%;min-height:0}
.rvprog{display:flex;gap:6px;padding:2px 4px 10px}.rvprog i{flex:1;height:4px;border-radius:3px;background:var(--line)}.rvprog i.on{background:var(--acc-t)}
.rvbody{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 4px 12px}
.rvbody>.ajgrp,.rvbody>.sec-t{width:100%;text-align:start}.rvstep{color:var(--mut);font-size:12.5px;letter-spacing:.3px;text-transform:uppercase}
.rvintro{margin:6px 0 0}.rvic>svg{width:52px;height:52px;padding:13px;border-radius:50%;background:var(--acc-soft);color:var(--acc-t);margin-top:12px}
.rvbody h2{font-size:19px;margin:10px 0 4px}.rvd{color:var(--mut);font-size:14px;line-height:1.45;margin:0 0 14px;max-width:420px}
.rvopts{width:100%;display:flex;flex-direction:column;gap:10px}.rvopt{display:flex;gap:12px;align-items:flex-start;text-align:start;padding:13px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--panel);font:inherit;color:var(--txt);cursor:pointer}
.rvopt.on{border-color:var(--acc-t);background:var(--acc-soft)}.rvopt .mvt{display:flex;flex-direction:column;gap:3px}.rvopt small{color:var(--mut);font-size:13px;line-height:1.35}
.rvnav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 calc(4px + env(safe-area-inset-bottom))}.rvnav .btn{margin:0}
.rvsum.chg .set-ic{background:var(--acc-soft);color:var(--acc-t)}.ajtag.mut{color:var(--mut);background:var(--line)}
/* v39 · traducción en el dispositivo */
.trl{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;color:var(--mut);clear:left}.trl svg{width:13px;height:13px;flex:none}
.trtog{color:var(--acc-t);font-size:11.5px;font-weight:500;padding-block:0;padding-inline:4px 0;background:none;border:0;cursor:pointer}.trtog:hover{text-decoration:underline}
#trbar:empty{display:none}.trbar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--panel);border-bottom:.5px solid var(--line);font-size:13px}.trbar>svg{color:var(--acc-t);flex:none}
.trbt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.trbt b{font-weight:600;font-size:13.5px}.trbt small{color:var(--mut);font-size:12.5px;line-height:1.35}
.trprog{height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:5px}.trprog i{display:block;height:100%;background:var(--acc);border-radius:2px;transition:width .2s}
.cbx{width:22px;height:22px;border-radius:6px;border:2px solid var(--line);flex:none;display:grid;place-items:center;color:transparent}.cbx.on{background:var(--acc);border-color:var(--acc);color:#fff}.cbx svg{width:14px;height:14px}
.trkeep{max-height:52vh;overflow:auto}
.trpriv{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.45;color:var(--txt,inherit)}.trpriv svg{flex:none;color:var(--acc-t);margin-top:2px}
/* ===== v40: llamadas, estados, menú de mensaje, grupos, cifrado ===== */
.av.xl{width:96px;height:96px;font-size:34px}.av.xl svg{width:40px;height:40px}
#modal.top{z-index:80}
.call{position:fixed;inset:0;z-index:70;background:linear-gradient(180deg,#1B365D 0%,#0E1A2B 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 36px) 20px calc(env(safe-area-inset-bottom) + 34px);overflow:hidden}
.call .clhead{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.call h2{margin:6px 0 0;font-size:26px;font-weight:600;letter-spacing:-.2px}.call #cl-sub{margin:0;color:#C9D6E6;font-size:15px;font-variant-numeric:tabular-nums}
.clenc{display:flex;gap:6px;align-items:center;font-size:12.5px;color:#C9D6E6;background:#ffffff14;border-radius:14px;padding:5px 11px;margin-bottom:14px}
.clmute{display:flex;gap:6px;align-items:center;font-size:13px;color:#F3D9A4;margin:0}
.clbar{position:relative;z-index:2;display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.clb{display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;min-width:64px}.clb span{width:62px;height:62px;border-radius:50%;background:#ffffff24;display:grid;place-items:center;backdrop-filter:blur(8px)}
.clb small{font-size:12px;color:#DCE5F0}.clb.on span{background:#fff;color:#1B365D}.clb.red span{background:#D9534F}.clb.green span{background:#2E9E6A}
.clb svg{width:26px;height:26px}
.call.vid.rvon{background:#000}.clrv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .3s}.call.rvon .clrv{opacity:1}
.call.rvon .clhead .av,.call.rvon .clenc{display:none}.call.rvon .clhead{align-self:flex-start;align-items:flex-start;text-shadow:0 1px 3px #0008}.call.rvon h2{font-size:19px}
.cllv{position:absolute;z-index:3;inset-inline-end:16px;top:calc(env(safe-area-inset-top) + 16px);width:104px;height:150px;object-fit:cover;border-radius:14px;background:#0E1A2B;box-shadow:0 4px 14px #0007}.cllv.mir{transform:scaleX(-1)}.cllv.off{opacity:.15}
.call.vid:not(.rvon) .cllv{width:100%;height:100%;inset:0;border-radius:0;opacity:.35;z-index:0}
body.incall #toast{z-index:90}
.calln{display:flex;align-items:center;gap:10px;margin:8px auto;background:var(--panel);border-radius:12px;padding-block:8px;padding-inline:12px 10px;width:fit-content;max-width:85%;box-shadow:var(--shadow)}
.calln .cni{color:var(--acc-mid);display:grid}.calln.miss .cni{color:#C0504D}.calln .cnt{display:flex;flex-direction:column}.calln .cnt b{font-size:13.5px;font-weight:600}.calln .cnt small{font-size:12px;color:var(--mut)}
.calln .cnb{width:34px;height:34px;border-radius:50%;background:var(--acc-soft);color:var(--acc-t);display:grid;place-items:center;margin-inline-start:6px}
/* mensajes editados / eliminados / menú */
.b .edm{font-style:italic;margin-inline-end:4px}.b.del .delt{color:var(--mut);font-style:italic;display:inline-flex;gap:6px;align-items:center}
.mact.mmore{top:34px}.b.del .mact.mmore{top:2px}
.quote.stq{border-inline-start-color:var(--acc-mid);cursor:default}.quote.stq b{display:flex;gap:5px;align-items:center}
.editbar{border-inline-start:4px solid var(--acc-mid)}
/* estados */
.stav{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center}.stav svg{position:absolute;inset:0;width:52px;height:52px;fill:none;stroke-width:2.4}.stav .av{width:42px;height:42px;font-size:15px}
.stav .un{stroke:var(--acc)}.stav .sn{stroke:var(--line)}.stav.mine .sn{stroke:var(--acc-mid)}
.stav.add .av{width:48px;height:48px}.stplus{position:absolute;inset-inline-end:-1px;bottom:-1px;width:20px;height:20px;border-radius:50%;background:var(--acc);color:var(--on-acc);display:grid;place-items:center;border:2px solid var(--panel)}
.strow{cursor:pointer}.stnote{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.stnote a{color:var(--acc-t);font-weight:600}
#stv{position:fixed;inset:0;z-index:60;background:#000}
.stview,.stc{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff}
.bg-slate{background:#33475B}.bg-teal{background:#2F6F6A}.bg-indigo{background:#3D4C8C}.bg-rose{background:#8E4A5E}.bg-amber{background:#8A6421}.bg-forest{background:#3E5E3A}
.stbars{display:flex;gap:4px;padding:calc(env(safe-area-inset-top) + 10px) 10px 0;position:relative;z-index:3}.stbar{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.stbar i{display:block;height:100%;background:#fff}
.sthead{display:flex;gap:10px;align-items:center;padding:10px 12px;position:relative;z-index:3}.sthead>div{flex:1;display:flex;flex-direction:column}.sthead small{color:#ffffffb3;font-size:12px}.sthead .ib,.sttop .ib{color:#fff}
.sttext{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 28px;font-weight:500;line-height:1.3;white-space:pre-wrap;word-break:break-word}
.stimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.stcap{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:84px;z-index:3;text-align:center;padding:10px 18px;background:#0007;font-size:15px}
.stnav{position:absolute;top:80px;bottom:90px;width:34%;z-index:2}.stnav.l{inset-inline-start:0}.stnav.r{inset-inline-end:0}
.stfoot{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:4;display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 14px calc(env(safe-area-inset-bottom) + 14px)}
.stfoot input{background:#ffffff1f;border-color:#ffffff40;color:#fff;border-radius:22px}.stfoot input::placeholder{color:#ffffffb3}
.stviews{display:flex;gap:6px;align-items:center;color:#fff;background:#ffffff1f;border-radius:18px;padding:8px 14px;font-size:14px}.stfoot .ib{color:#fff;margin-inline-start:auto}
.sttop{display:flex;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 10px 0;position:relative;z-index:3}
.stc textarea{flex:1;background:none;border:0;color:#fff;text-align:center;font-size:34px;font-weight:500;resize:none;padding:30px 24px}.stc textarea::placeholder{color:#ffffff8c}
.stc.photo img{flex:1;min-height:0;object-fit:contain;width:100%}
.stsend{display:flex;gap:10px;align-items:center;padding:12px 14px calc(env(safe-area-inset-bottom) + 14px)}.stsend span{flex:1;font-size:13px;color:#ffffffcc}.stsend input{flex:1;background:#ffffff1f;border-color:#ffffff40;color:#fff;border-radius:22px}
/* info de grupo */
.grhead{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 14px}.grn{display:flex;gap:6px;align-items:center}.grn b{font-size:19px}.grhead small{color:var(--mut)}
.grm .adm{margin-inline-start:auto;font-size:11.5px;font-weight:600;color:var(--acc-t);background:var(--acc-soft);border-radius:10px;padding:2px 8px;flex:none}
/* cifrado */
.encrow .set-ic.ok{background:#E3F2EA;color:#2E7D57}.encrow .set-ic.warn{background:#FBF0DD;color:#9A6A12}.dark .encrow .set-ic.ok{background:#173326;color:#8FD3B0}.dark .encrow .set-ic.warn{background:#3A2E14;color:#E8C27A}
.encrow small{color:var(--mut);font-size:13px;line-height:1.35;display:block;margin-top:2px}.encst{font-size:12px;font-weight:600;border-radius:10px;padding:2px 8px;flex:none}.encst.ok{color:#2E7D57;background:#E3F2EA}.encst.warn{color:#9A6A12;background:#FBF0DD}
.encrow .rt{align-items:center}
.rswhere{display:flex;gap:6px;align-items:flex-start;font-size:13px;color:var(--mut)}
/* v41 · Idiomas: tipografía por escritura (fuentes del sistema; Noto como respaldo) y soporte RTL */
html:lang(ar) body{font-family:"SF Arabic","Geeza Pro","Segoe UI","Noto Sans Arabic","Noto Naskh Arabic",Tahoma,sans-serif;line-height:1.5}
html:lang(he) body{font-family:"SF Hebrew","Arial Hebrew","Segoe UI","Noto Sans Hebrew","IBM Plex Sans Hebrew",Arial,sans-serif}
html:lang(zh-Hans) body{font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif}
html:lang(ja) body{font-family:-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,"Noto Sans CJK JP","Noto Sans JP",sans-serif}
html:lang(ko) body{font-family:-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR","Noto Sans KR",sans-serif}
html:lang(hi) body{font-family:"Kohinoor Devanagari","Devanagari Sangam MN","Nirmala UI",Mangal,"Noto Sans Devanagari",sans-serif;line-height:1.55}
html:lang(ru) body,html:lang(uk) body,html:lang(bg) body,html:lang(el) body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}
html:lang(ja) body,html:lang(zh-Hans) body,html:lang(ko) body{word-break:normal;line-break:strict}
.mtx{unicode-bidi:plaintext}
[dir=rtl] .i-back,[dir=rtl] .i-chev,[dir=rtl] .i-send,[dir=rtl] .i-reply,[dir=rtl] .i-logout,[dir=rtl] .i-exit,[dir=rtl] .i-bksp{transform:scaleX(-1)}
[dir=rtl] input[type=tel],[dir=rtl] .ltr{direction:ltr;text-align:right}
/* v43: teclado numérico del registro en rejilla fija: 3 columnas iguales, todas las teclas del mismo tamaño (también 0 y borrar) */
#kpad{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:43px;align-items:stretch;justify-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}
#kpad>.kk,#kpad>span{box-sizing:border-box;width:100%;height:100%;min-width:0;margin:0;padding:0;-webkit-appearance:none;appearance:none;font:inherit;vertical-align:top}
#kpad>.kk small{display:block}
@media (max-height:740px){#kpad{grid-auto-rows:40px}}
@media (max-height:600px){#kpad{grid-auto-rows:38px}}