:root{--brown:#5c4033;--brown-dark:#3e2a1f;--brown-soft:#ede4da;--olive:#6b7c3f;--olive-dark:#556b2f;--olive-soft:#e8ecdc;--bg:#faf7f2;--bg-soft:#f3ede5;--surface:#fff;--border:#e0d6ca;--border-strong:#c9bba8;--text:#2c2416;--text-muted:#7a6f63;--danger:#a14a3a;--radius:8px;--pad:16px;--max:720px;--touch:44px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif}#root{width:100%;min-height:100svh;text-align:initial;margin:0}button,input,select,textarea{font:inherit}a{color:var(--brown)}button{touch-action:manipulation}.app-shell{background:var(--bg);min-height:100svh;color:var(--text)}.app-header{padding:12px var(--pad);border-bottom:1px solid var(--border);background:var(--bg-soft);z-index:20;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-header strong{color:var(--brown-dark);letter-spacing:.01em;flex-shrink:0;font-size:1.05rem}.app-header-meta{align-items:center;gap:12px;min-width:0;display:flex}.app-header-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.app-nav{padding:10px var(--pad);border-bottom:1px solid var(--border);background:var(--surface);-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{height:4px}.app-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.app-nav-btn{border-radius:var(--radius);cursor:pointer;background:var(--bg-soft);min-height:40px;color:var(--text);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-weight:400;display:inline-flex}.app-nav-btn.is-active{background:var(--brown);color:#fff;font-weight:600}.app-nav-badge{background:var(--olive);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.app-nav-btn.is-active .app-nav-badge{background:#ffffff47}.app-search{padding:12px var(--pad);border-bottom:1px solid var(--border);background:var(--surface)}.app-search input{width:100%;max-width:var(--max);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--text);margin:0 auto;padding:12px 14px;font-size:16px;display:block}.app-search input:focus{outline:2px solid var(--olive);outline-offset:1px;border-color:var(--olive)}.app-main,.page{padding:var(--pad);max-width:var(--max);width:100%;margin:0 auto}.persona-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.persona-row-info{cursor:pointer;flex:1;min-width:0}.persona-row-info:active{opacity:.75}.row-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.row-actions button{min-height:40px}.btn-primary{background:var(--brown);color:#fff;border-radius:var(--radius);cursor:pointer;min-height:var(--touch);border:none;padding:10px 18px}.btn-olive{background:var(--olive);color:#fff;border-radius:var(--radius);cursor:pointer;min-height:var(--touch);border:none;padding:10px 18px}.btn-ghost{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:var(--touch);padding:10px 18px}.btn-wa{color:#fff;border-radius:var(--radius);cursor:pointer;background:#25d366;border:none;min-height:40px;padding:8px 12px;font-size:13px;font-weight:500}.ficha-wa-row{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.ficha-wa-row button{flex:auto;min-width:140px}.form-grid{gap:12px;display:grid}.form-grid-2{grid-template-columns:1fr;gap:12px;display:grid}.acciones-stack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width>=600px){:root{--pad:20px;--max:780px}.persona-row{padding:16px 0}.form-grid-2{grid-template-columns:1fr 1fr}.app-nav{flex-wrap:wrap;overflow-x:visible}}@media (width>=900px){:root{--pad:24px;--max:860px}.app-header{padding:14px 28px}.app-header strong{font-size:1.15rem}.app-header-email{max-width:280px;font-size:14px}.app-nav{gap:10px;padding:12px 28px}.app-nav-btn{padding:10px 18px}.app-search{padding:14px 28px}}@media (width<=599px){.app-header-email{display:none}.persona-row{flex-direction:column;align-items:stretch;gap:10px}.row-actions{width:100%}.row-actions button{flex:calc(50% - 4px)}.app-header button{min-height:40px}}@media (width<=380px){.row-actions button{flex:100%}.app-nav-btn{padding:8px 12px;font-size:14px}}