*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--punch-font, "Inter", system-ui, -apple-system, sans-serif);background:var(--bg);color:var(--fg);min-height:100vh;font-size:.9375rem;line-height:1.5}@media (max-width: 768px){body{font-size:.875rem}}#zarza-portal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;pointer-events:none;overflow:visible}#zarza-portal-root>*{pointer-events:auto}#root{min-height:100vh}@keyframes company-switch-spin{to{transform:rotate(360deg)}}.company-switch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.company-switch-overlay__card{max-width:22rem;width:100%;padding:1.5rem 1.35rem;border-radius:12px;border:1px solid var(--punch-border, rgba(255, 255, 255, .12));background:var(--bg-elevated);box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;color:var(--fg)}.company-switch-overlay__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.company-switch-overlay__subtitle{margin:0;font-size:.95rem;font-weight:600;color:var(--punch-accent, #c45c3e)}.company-switch-overlay__detail{margin:0;font-size:.8rem;line-height:1.45;color:var(--fg-2)}.company-switch-overlay__spinner circle:last-child{animation:company-switch-spin .85s linear infinite}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.app-page-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.app-page-content{padding:1rem 1.5rem;max-width:1600px;width:100%;margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.app-page-content{padding:.75rem}}@media (max-width: 480px){.app-page-content{padding:.5rem}}.app-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--punch-border);flex-shrink:0}@media (max-width: 768px){.app-toolbar{padding:.5rem .75rem;gap:.5rem}}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .9rem;border-radius:8px;border:none;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s,opacity .15s;white-space:nowrap;line-height:1.35}.app-btn:hover{filter:brightness(1.06)}.app-btn:active{transform:scale(.98)}.app-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.app-btn--primary{background:var(--primary);color:var(--fg-on-inverse)}.app-btn--secondary{background:transparent;color:var(--link);border:1px solid var(--border-strong)}.app-btn--danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.app-btn--ghost{background:transparent;color:var(--fg-2);border:1px solid var(--border)}.app-btn--ghost:hover{color:var(--fg);border-color:var(--border-strong)}.app-btn--sm{padding:.3rem .6rem;font-size:.75rem;border-radius:6px}.app-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;line-height:1.4;white-space:nowrap}.app-badge--accent{background:var(--punch-accent-dim);color:var(--punch-accent)}.app-badge--success{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.app-badge--warning{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.app-badge--danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.app-badge--muted{background:color-mix(in srgb,var(--fg-3) 14%,transparent);color:var(--fg-3)}.app-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1rem}@media (max-width: 768px){.app-card{padding:.75rem;border-radius:10px}}.crm-kanban-card{transition:border-color .12s,box-shadow .12s,transform .12s,background .12s}.crm-kanban-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-3);transform:translateY(-1px);background:var(--bg-elevated)}.crm-kanban-card:active{transform:translateY(0)}.crm-list-row{transition:background .12s}.crm-list-row:hover{background:color-mix(in srgb,var(--accent) 6%,var(--bg))!important}.crm-list-row:hover td{background:transparent}.wa-chat-item{transition:background .12s}.wa-chat-item:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg))!important}.wa-chat-item--selected,.wa-chat-item--selected:hover{background:var(--accent-soft)!important}.wa-composer-send-btn{transition:background .12s,transform 80ms}.wa-composer-send-btn:hover:not(:disabled){background:var(--link-hover, var(--link));filter:brightness(.96)}.wa-composer-send-btn:active:not(:disabled){transform:scale(.97)}.wa-dock-close{transition:background .12s,color .12s}.wa-dock-close:hover{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg)!important}.wa-dock-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wa-contact-modal-disclosure{transition:background .12s,border-color .12s}.wa-contact-modal-disclosure:hover{background:var(--bg-soft)!important;border-color:var(--accent)!important}.app-input,.app-select,.app-textarea{width:100%;box-sizing:border-box;padding:.5rem .7rem;background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;color:var(--fg);font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.4}.app-input:focus,.app-select:focus,.app-textarea:focus{border-color:var(--punch-accent);box-shadow:0 0 0 2px var(--punch-accent-dim)}.app-label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:500;color:var(--fg-2)}.app-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.app-table-wrap table{min-width:600px}@media (max-width: 768px){.app-modal-responsive{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}}.app-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.app-grid-2{grid-template-columns:1fr;gap:.75rem}}.app-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){button,[role=button],a,select,input[type=checkbox],input[type=radio]{min-height:36px;min-width:36px}select{min-height:40px}}@media (max-width: 768px){#root{overflow-x:hidden;max-width:100vw}}.app-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg-2) 30%,transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--fg-2) 50%,transparent)}@supports (scrollbar-width: thin){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg-2) 30%,transparent) transparent}}.ds-crm-subnav{padding:12px 32px 0;background:var(--bg);border-bottom:1px solid var(--border)}@media (max-width: 768px){.ds-crm-subnav{padding:8px 16px 0}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}:root{--za-navy: #051428;--za-navy-2: #0a2038;--za-blue: #0f3554;--za-blue-2: #1a4a6e;--za-gold: #c9a45c;--za-gold-2: #e0c27a;--za-cream: #f6f0e6;--za-cream-2: #fff9ef;--za-sand: #e8e2d8;--za-ink: #172033;--za-muted: #657184;--za-soft: #eff3f6;--za-white: #ffffff;--za-green: #3f6f5e;--za-red: #a74d4d;--za-shadow-1: 0 24px 80px rgba(5, 20, 40, .18);--za-shadow-2: 0 12px 34px rgba(5, 20, 40, .08);--za-radius-xl: 28px;--za-radius-lg: 22px;--za-radius-md: 16px;--za-max: 1200px}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:local("Inter"),local("Inter-Variable")}@font-face{font-family:Libre Baskerville;font-style:normal;font-weight:700;font-display:swap;src:local("Libre Baskerville"),local("LibreBaskerville-Bold")}:root{--za-navy-900: #051428;--za-navy-800: #0a1d33;--za-navy-700: #11304f;--za-navy-600: #1a4a6e;--za-navy-500: #2c6691;--za-gold-700: #a4843e;--za-gold-600: #c9a45c;--za-gold-500: #e0c27a;--za-gold-400: #f0d99b;--za-cream-50: #fffdf7;--za-cream-100: #fff9ef;--za-cream-200: #f6f0e6;--za-cream-300: #ece5d6;--za-ivory-50: #fcfaf5;--za-ivory-100: #f8f4ed;--za-ivory-200: #f0ebe0;--za-ivory-300: #e8e2d3;--za-sand-400: #d8cfbd;--za-sand-500: #b8ad97;--za-warm-700: #3a3528;--za-warm-600: #5a5240;--za-warm-500: #7a7160;--za-warm-400: #9a9180;--za-warm-300: #c2bba8;--za-ink-900: #051428;--za-ink-800: #172033;--za-ink-700: #2b3a52;--za-ink-600: #425066;--za-ink-500: #657184;--za-ink-400: #94a0b3;--za-ink-300: #c2cad6;--za-ink-200: #e3e8ee;--za-ink-100: #eff3f6;--za-white: #ffffff;--za-success-600: #3f6f5e;--za-success-500: #5a8e7c;--za-success-100: #e2ede8;--za-danger-600: #a74d4d;--za-danger-500: #c46a6a;--za-danger-100: #f4dede;--za-warning-600: #c9a45c;--za-warning-100: #f7ecd2;--za-info-600: #1a4a6e;--za-info-100: #d8e4ee;--za-purple-600: #7c3aed;--za-purple-300: #c4a8ff;--za-entity-contact: #1a4a6e;--za-entity-contact-soft: rgba(26, 74, 110, .1);--za-entity-person: #7a5a1f;--za-entity-person-soft: rgba(122, 90, 31, .1);--za-entity-lead: #0d7a3d;--za-entity-lead-soft: rgba(13, 122, 61, .1);--za-entity-case: #7a1f1f;--za-entity-case-soft: rgba(122, 31, 31, .1)}:root,[data-theme=light]{color-scheme:light;--bg: var(--za-ivory-100);--bg-soft: var(--za-ivory-200);--bg-elevated: var(--za-ivory-50);--bg-sunken: var(--za-ivory-300);--bg-inverse: var(--za-navy-900);--bg-page: radial-gradient(circle at top left, rgba(201,164,92,.1), transparent 32%), linear-gradient(180deg, #F8F4ED 0%, #F4EFE5 100%);--fg: var(--za-warm-700);--fg-strong: var(--za-navy-900);--fg-2: var(--za-warm-600);--fg-3: var(--za-warm-500);--fg-on-accent: var(--za-navy-900);--fg-on-inverse: var(--za-ivory-100);--fg-on-strong: #ffffff;--brand-whatsapp: #25D366;--border: rgba(7, 29, 51, .08);--border-strong: rgba(7, 29, 51, .14);--border-on-dark: rgba(255, 255, 255, .12);--divider: rgba(7, 29, 51, .06);--accent: var(--za-gold-600);--accent-soft: rgba(201, 164, 92, .15);--accent-hover: var(--za-gold-500);--primary: var(--za-navy-900);--primary-hover: var(--za-navy-800);--success: var(--za-success-600);--success-soft: var(--za-success-100);--danger: var(--za-danger-600);--danger-soft: var(--za-danger-100);--warning: var(--za-warning-600);--warning-soft: var(--za-warning-100);--info: var(--za-info-600);--info-soft: var(--za-info-100);--shadow-1: 0 24px 80px rgba(5, 20, 40, .18);--shadow-2: 0 12px 34px rgba(5, 20, 40, .08);--shadow-3: 0 4px 12px rgba(5, 20, 40, .06);--shadow-cta: 0 15px 36px rgba(7, 29, 51, .22);--shadow-mark: 0 22px 50px rgba(0, 0, 0, .24);--link: var(--za-navy-600);--link-hover: var(--za-navy-700);--link-tint: rgba(26, 74, 110, .1);--purple: var(--za-purple-600);--cyan-bright: #0e7490;--code-bg: var(--bg-soft);--code-fg: var(--fg-strong);--glass-bg: rgba(248, 244, 237, .94);--glass-blur: blur(18px)}[data-theme=dark]{color-scheme:dark;--bg: var(--za-navy-900);--bg-soft: var(--za-navy-800);--bg-elevated: var(--za-navy-700);--bg-sunken: #02091a;--bg-inverse: var(--za-cream-100);--bg-page: radial-gradient(circle at top left, rgba(201,164,92,.1), transparent 30%), linear-gradient(180deg, var(--za-navy-900) 0%, #07182e 100%);--fg: #e9edf2;--fg-strong: #ffffff;--fg-2: #9aa6b8;--fg-3: #6b7689;--fg-on-accent: var(--za-navy-900);--fg-on-inverse: var(--za-navy-900);--fg-on-strong: #ffffff;--brand-whatsapp: #25D366;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-on-dark: rgba(255, 255, 255, .12);--divider: rgba(255, 255, 255, .06);--accent: var(--za-gold-500);--accent-soft: rgba(224, 194, 122, .12);--accent-hover: var(--za-gold-400);--primary: var(--za-gold-600);--primary-hover: var(--za-gold-500);--success: var(--za-success-500);--success-soft: rgba(63, 111, 94, .18);--danger: var(--za-danger-500);--danger-soft: rgba(167, 77, 77, .18);--warning: var(--za-gold-500);--warning-soft: rgba(224, 194, 122, .14);--info: #8db5d6;--info-soft: rgba(141, 181, 214, .14);--shadow-1: 0 24px 80px rgba(0, 0, 0, .55);--shadow-2: 0 12px 34px rgba(0, 0, 0, .45);--shadow-3: 0 4px 12px rgba(0, 0, 0, .35);--shadow-cta: 0 15px 36px rgba(201, 164, 92, .18);--shadow-mark: 0 22px 50px rgba(0, 0, 0, .45);--glass-bg: rgba(10, 29, 51, .7);--glass-blur: blur(18px);--link: var(--za-navy-500);--link-hover: var(--za-navy-600);--link-tint: rgba(44, 102, 145, .14);--purple: var(--za-purple-300);--cyan-bright: #a0c4df;--code-bg: var(--bg-sunken);--code-fg: var(--fg-2)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: var(--za-navy-900);--bg-soft: var(--za-navy-800);--bg-elevated: var(--za-navy-700);--bg-page: radial-gradient(circle at top left, rgba(201,164,92,.1), transparent 30%), linear-gradient(180deg, #051428 0%, #07182e 100%);--fg: #e9edf2;--fg-strong: #ffffff;--fg-2: #9aa6b8;--fg-3: #6b7689;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.14);--accent: var(--za-gold-500);--primary: var(--za-gold-600);--link: var(--za-navy-500);--link-tint: rgba(44, 102, 145, .14);--purple: var(--za-purple-300);--cyan-bright: #a0c4df;--code-bg: var(--bg-sunken);--code-fg: var(--fg-2)}}:root{--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-10: 74px;--sp-11: 88px;--sp-12: 112px;--max: 1200px;--max-narrow: 880px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Libre Baskerville", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-display-1: clamp(56px, 8vw, 104px);--fs-display-2: clamp(38px, 5vw, 68px);--fs-h1: clamp(44px, 6vw, 72px);--fs-h2: clamp(32px, 4vw, 52px);--fs-h3: 28px;--fs-h4: 18px;--fs-lead: 20px;--fs-body: 16px;--fs-small: 14px;--fs-eyebrow: 12px;--fs-mono: 13px;--tracking-display: -.07em;--tracking-h: -.055em;--tracking-h4: -.02em;--tracking-up: .14em;--tracking-pill: .08em;--lh-tight: .98;--lh-snug: 1.1;--lh-body: 1.56;--hover-bright: 1.06;--press-scale: .98;--t-fast: .12s cubic-bezier(.4,0,.2,1);--t-base: .18s cubic-bezier(.4,0,.2,1);--t-slow: .32s cubic-bezier(.4,0,.2,1);--focus-ring: 0 0 0 2px rgba(201, 164, 92, .32);--z-base: 1;--z-card: 10;--z-sticky: 50;--z-overlay: 100;--z-sidebar: 1100;--z-toast: 1300;--z-modal: 200000;--z-modal-stacked: 201000;--z-lightbox: 250000;--gap-xs: 4px;--gap-tight: 8px;--gap-comfortable: 12px;--gap-loose: 16px;--gap-section: 24px;--gap-block: 32px;--padding-card: 14px;--padding-toolbar: 12px 32px;--padding-page-shell: 28px 32px 16px;--padding-section: 20px 24px;--padding-card-mobile: 12px;--padding-toolbar-mobile: 10px 16px;--padding-page-shell-mobile: 18px 16px 12px}[data-theme=dark]{--punch-font: var(--font-sans);--punch-heading: var(--font-serif);--punch-radius-sm: var(--radius-xs);--punch-radius: var(--radius-sm);--punch-radius-lg: var(--radius-md);--punch-bg: var(--bg);--punch-bg-elevated: var(--bg-elevated);--punch-surface: var(--bg-soft);--punch-border: var(--border);--punch-accent: var(--za-navy-500);--punch-accent-dim: rgba(44, 102, 145, .18);--punch-text: var(--fg);--punch-text-muted: var(--fg-2);--punch-danger: var(--danger);--punch-on-accent: var(--fg-on-inverse);--punch-header-bg: rgba(5, 20, 40, .92);--punch-shadow: var(--shadow-2)}[data-theme=light]{--punch-font: var(--font-sans);--punch-heading: var(--font-serif);--punch-radius-sm: var(--radius-xs);--punch-radius: var(--radius-sm);--punch-radius-lg: var(--radius-md);--punch-bg: var(--bg);--punch-bg-elevated: var(--bg-elevated);--punch-surface: var(--bg-soft);--punch-border: var(--border);--punch-accent: var(--za-navy-600);--punch-accent-dim: rgba(26, 74, 110, .1);--punch-text: var(--fg);--punch-text-muted: var(--fg-2);--punch-danger: var(--danger);--punch-on-accent: var(--fg-on-inverse);--punch-header-bg: var(--glass-bg);--punch-shadow: var(--shadow-3)}@media (max-width: 768px){.app-nav-personal-mark{width:30px;height:30px;font-size:.68rem;border-radius:8px}.app-nav-user-menu-trigger{padding:.15rem;border:none;background:transparent;gap:0}.app-nav-user-name{display:none}.app-nav-user-menu-trigger svg{display:none}.app-nav-user-avatar{width:30px;height:30px}.app-nav-user-initials{width:30px;height:30px;font-size:.65rem}.app-nav-user-menu-panel{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;max-width:100vw;padding:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.app-nav-user-menu-item{padding:.75rem 1rem;font-size:.95rem}.app-nav-presence-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-width:100vw;max-height:70dvh;border-radius:16px 16px 0 0;padding-bottom:max(.85rem,env(safe-area-inset-bottom))}.company-switcher-panel{position:fixed;top:auto;bottom:0;left:0;right:0;max-width:100vw;border-radius:16px 16px 0 0;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}.company-switcher-wrap{position:relative;z-index:2;flex-shrink:1;min-width:0}.company-switcher-trigger{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:.3rem .55rem;border-radius:8px;border:1px solid var(--punch-border);background:var(--bg-elevated);color:var(--punch-text);font-size:.8rem;font-family:inherit;font-weight:500;cursor:pointer;transition:border-color .15s,opacity .15s;white-space:nowrap}.company-switcher-trigger:hover:not(:disabled){border-color:var(--punch-text-muted)}.company-switcher-trigger:disabled{cursor:wait;opacity:.88}.company-switcher-label{overflow:hidden;text-overflow:ellipsis;min-width:0}.company-switcher-icon{flex-shrink:0;color:var(--punch-text-muted)}.company-switcher-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-width:min(280px,92vw);z-index:20;padding:.35rem;border-radius:12px;border:1px solid var(--border);background:var(--punch-bg-elevated);box-shadow:var(--punch-shadow)}.company-switcher-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .65rem;border-radius:8px;border:none;background:transparent;color:var(--punch-text);font-size:.86rem;font-family:inherit;font-weight:500;cursor:pointer;text-align:left}.company-switcher-option:hover{background:var(--punch-accent-dim)}.company-switcher-option--active{background:var(--punch-accent);color:var(--punch-on-accent)}.company-switcher-option--active .company-switcher-icon{color:inherit;opacity:.95}.company-switcher-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-switcher--static .company-switcher-icon{opacity:.9}.company-switcher-picker-cell{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:8px;border:1px solid var(--punch-border);background:var(--bg-elevated);color:var(--punch-text-muted);cursor:pointer;transition:border-color .15s,background .15s}.company-switcher-picker-cell:hover:not(:disabled){border-color:var(--punch-accent);color:var(--punch-text);background:var(--punch-accent-dim)}.company-switcher-picker-cell:disabled{opacity:.55;cursor:not-allowed}.company-switcher-picker-cell--on{border-color:var(--punch-accent);background:var(--punch-accent-dim);color:var(--punch-accent)}.app-nav-logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.app-nav-personal-mark{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;letter-spacing:-.03em;line-height:1;flex-shrink:0;background:var(--punch-accent);color:var(--punch-on-accent);border:1.5px solid rgba(255,255,255,.22);box-shadow:0 1px 2px #0000001f}.app-nav-auth-links{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.app-nav-platform-link{padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid color-mix(in srgb,var(--purple) 45%,transparent);background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--purple);text-decoration:none;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}.app-nav-platform-link:hover{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 65%,transparent);background:color-mix(in srgb,var(--purple) 22%,transparent)}.app-nav-presence-wrap{position:relative;z-index:1;flex-shrink:0}.app-nav-presence-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border-radius:10px;border:1px solid var(--punch-border);background:transparent;color:var(--punch-text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.app-nav-presence-trigger:hover{color:var(--punch-accent);border-color:color-mix(in srgb,var(--punch-accent) 45%,var(--punch-border));background:var(--punch-accent-dim)}.app-nav-presence-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--success);color:#fff;font-size:.65rem;font-weight:800;line-height:16px;text-align:center}.app-nav-presence-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(20rem,calc(100vw - 2rem));max-height:min(70vh,22rem);overflow:auto;z-index:2;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--punch-bg-elevated);box-shadow:var(--punch-shadow);font-size:.88rem}.app-nav-presence-panel-title{font-weight:700;font-size:.92rem;color:var(--punch-text);margin-bottom:.35rem}.app-nav-presence-muted{color:var(--punch-text-muted);font-size:.85rem}.app-nav-presence-error{color:var(--danger);font-size:.85rem}.app-nav-presence-list{list-style:none;margin:0;padding:0}.app-nav-presence-row{display:grid;grid-template-columns:auto 10px minmax(0,1fr);align-items:start;gap:.35rem .5rem;width:100%;margin:0;padding:.45rem .35rem;border:none;border-bottom:1px solid var(--divider);border-radius:8px;background:transparent;font:inherit;text-align:left;color:inherit;cursor:pointer;box-sizing:border-box;transition:background .12s ease}.app-nav-presence-row:hover:not(:disabled){background:color-mix(in srgb,var(--punch-accent, #16a34a) 10%,transparent)}.app-nav-presence-row:focus-visible{outline:2px solid var(--punch-accent, #16a34a);outline-offset:1px}.app-nav-presence-row:disabled{cursor:default;opacity:.9}.app-nav-presence-row--self:hover{background:transparent}.app-nav-presence-list>li:last-child .app-nav-presence-row{border-bottom:none}.app-nav-presence-row-main{min-width:0;display:flex;flex-direction:column;gap:.2rem}.app-nav-presence-row-line{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.app-nav-presence-dot{width:8px;height:8px;margin-top:.35rem;border-radius:999px;flex-shrink:0}.app-nav-presence-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--punch-text)}.app-nav-presence-status{font-size:.78rem;color:var(--punch-text-muted);white-space:nowrap;flex-shrink:0}.app-nav-presence-pill{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;white-space:nowrap;flex-shrink:0;line-height:1.25}.app-nav-presence-pill--online{color:#fff;background:color-mix(in srgb,var(--success) 38%,transparent)}.app-nav-presence-pill--away{color:var(--punch-text, #1e293b);background:color-mix(in srgb,var(--warning) 42%,transparent)}.app-nav-presence-pill--offline{color:var(--punch-text-muted);background:color-mix(in srgb,var(--punch-text-muted) 18%,transparent)}.app-nav-presence-last{font-size:.75rem;line-height:1.3;color:var(--punch-text-muted)}.app-nav-presence-nav-hint{font-size:.75rem;line-height:1.35;color:var(--punch-text-muted)}.app-nav-presence-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.app-nav-presence-avatar-initials{width:24px;height:24px;border-radius:50%;background:var(--punch-accent);color:var(--punch-on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;flex-shrink:0}.app-nav-presence-link{display:inline-block;margin-top:.65rem;font-size:.82rem;font-weight:600;color:var(--punch-accent);text-decoration:none}.app-nav-user-menu-wrap{position:relative;z-index:1;flex-shrink:0;min-width:0}.app-nav-user-menu-trigger{display:inline-flex;align-items:center;gap:6px;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--punch-border);background:transparent;color:var(--punch-text-muted);font-size:.85rem;font-family:inherit;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.app-nav-user-menu-trigger:hover{color:var(--punch-text);border-color:var(--punch-text-muted);background:var(--punch-accent-dim)}.app-nav-user-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--punch-border)}.app-nav-user-initials{width:26px;height:26px;border-radius:50%;background:var(--punch-accent);color:var(--punch-on-accent);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800}.app-nav-user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-user-menu-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;z-index:2;padding:.35rem;border-radius:12px;border:1px solid var(--border);background:var(--punch-bg-elevated);box-shadow:var(--punch-shadow)}.app-nav-user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;border-radius:8px;border:none;background:transparent;color:var(--punch-text);font-size:.88rem;font-family:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:background .12s}.app-nav-user-menu-item:hover{background:var(--punch-accent-dim);text-decoration:none}.app-nav-user-menu-item--danger{color:var(--danger)}.app-nav-user-menu-item--danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.app-nav-presence-link:hover{text-decoration:underline}.app-loading-screen{padding:2rem;color:var(--punch-text);background:var(--punch-bg);min-height:100vh;font-family:var(--punch-font)}.app-tabs-row{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--punch-border);padding-bottom:.45rem;flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-tabs-row::-webkit-scrollbar{display:none}.app-tab{padding:.4rem .85rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--punch-text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.app-tab:hover{color:var(--punch-text);border-color:var(--punch-border);background:#ffffff0a}.app-tab.is-active{background:var(--punch-accent-dim);color:var(--punch-accent);font-weight:600;border-color:var(--punch-border)}[data-theme=light] .app-tab:hover{background:#0000000a}@media (max-width: 768px){.app-tabs-row{gap:.15rem;margin-bottom:.75rem}.app-tab{padding:.35rem .65rem;font-size:.75rem}}.config-tabs-row{display:flex;gap:.25rem;border-bottom:1px solid var(--punch-border);padding-bottom:.45rem;margin-bottom:1rem;flex-wrap:wrap;overflow-x:auto;scrollbar-width:none}.config-tabs-row::-webkit-scrollbar{display:none}.config-tab{padding:.4rem .75rem;border-radius:999px;text-decoration:none;color:var(--punch-text-muted);font-size:.8125rem;font-weight:500;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.config-tab:hover{color:var(--punch-text);border-color:var(--punch-border);background:#ffffff0a}[data-theme=light] .config-tab:hover{background:#0000000a}.config-tab.is-active{background:var(--punch-accent-dim);color:var(--punch-accent);font-weight:600;border-color:var(--punch-border)}@media (max-width: 768px){.config-tabs-row{gap:.15rem}.config-tab{padding:.35rem .6rem;font-size:.75rem}}.app-config-outlet{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1100px;margin:0 auto;padding:1rem 1.5rem 1.75rem;box-sizing:border-box;font-family:var(--punch-font);color:var(--fg);line-height:1.5;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.app-config-outlet{padding:.75rem .75rem 1.25rem}}@media (max-width: 480px){.app-config-outlet{padding:.5rem .5rem 1rem}}.app-config-shell-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--fg);letter-spacing:-.02em;line-height:1.3}.app-config-page-title{font-size:1.125rem;font-weight:600;color:var(--fg);margin:0 0 .65rem;letter-spacing:-.02em;line-height:1.3}.app-config-lead{margin:0 0 .85rem;font-size:.8125rem;line-height:1.55;color:var(--fg-2);max-width:52rem}@media (max-width: 768px){.app-config-shell-title,.app-config-page-title{font-size:1rem}}.app-config-lead--tight{margin-bottom:.75rem}.app-config-block-title{font-size:.875rem;font-weight:600;color:var(--fg);margin:0 0 .45rem;line-height:1.35}.app-config-back-row{margin:0 0 .75rem;font-size:.9rem}.app-config-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--punch-radius-lg, 14px);padding:1rem;box-shadow:var(--punch-shadow)}@media (max-width: 768px){.app-config-panel{padding:.75rem;border-radius:var(--punch-radius, 10px)}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:2.125rem;height:2.125rem;min-width:2.125rem;min-height:2.125rem;padding:0;border-radius:999px;border:1px solid var(--punch-border);background:transparent;color:var(--punch-text-muted);font-size:1rem;font-weight:500;cursor:pointer;font-family:inherit;line-height:1;transition:border-color .15s,background .15s,color .15s}.theme-toggle__glyph{display:block;transform:translateY(.5px)}.theme-toggle:hover{color:var(--punch-text);border-color:var(--punch-text-muted)}body.punch-public .public-header-utilities{display:inline-flex;align-items:center;gap:.35rem;opacity:.92}body.punch-public .theme-toggle{border-color:#80808047;background:transparent;color:var(--punch-text-muted)}body.punch-public .theme-toggle:hover{color:var(--punch-text);border-color:#80808073;background:#00000008}[data-theme=dark] body.punch-public .theme-toggle:hover{background:#ffffff0d}body.punch-public .public-header-lang{display:inline-flex;align-items:stretch;border:1px solid rgba(128,128,128,.28);border-radius:999px;padding:1px;gap:0}body.punch-public .public-header-lang .punch-lang-btn{min-width:1.85rem;padding:.2rem .4rem;font-size:.65rem;font-weight:600;letter-spacing:.04em;border-radius:999px;border:none;color:var(--punch-text-muted);background:transparent}body.punch-public .public-header-lang .punch-lang-btn[data-active=true]{background:#80808024;color:var(--punch-text);font-weight:700}body.punch-public .public-header-lang .punch-lang-btn[data-active=false]:hover{color:var(--punch-text);background:#80808014}[data-theme=dark] body.punch-public .public-header-lang .punch-lang-btn[data-active=true]{background:#ffffff1a}[data-theme=dark] body.punch-public .public-header-lang .punch-lang-btn[data-active=false]:hover{background:#ffffff0f}[data-theme=light] .punch-btn-ghost:hover{background:#0000000d}.perfil-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.perfil-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:opacity .2s}.perfil-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--punch-accent);color:var(--punch-on-accent);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border:3px solid var(--border)}.perfil-flash{padding:.55rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.88rem;font-weight:600}.perfil-flash--ok{background:var(--punch-accent-dim, #e8f5e9);color:var(--punch-accent, #2e7d32)}.perfil-flash--err{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.perfil-company-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.perfil-company-row:last-child{border-bottom:none;padding-bottom:0}.perfil-company-role{font-size:.8rem;color:var(--fg-2);margin-top:2px}.perfil-badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:700;margin-left:6px;vertical-align:middle}.perfil-badge--accent{background:var(--punch-accent-dim);color:var(--punch-accent)}.perfil-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .9rem;border-radius:999px;border:none;background:var(--danger);color:#fff;font-weight:700;font-size:.82rem;cursor:pointer;font-family:inherit;transition:filter .15s}.perfil-btn-danger:hover{filter:brightness(1.1)}body.punch-public{background:var(--punch-bg);color:var(--punch-text);font-family:var(--punch-font)}.punch-link{color:var(--punch-accent);text-decoration:none;font-weight:500}.punch-link:hover{text-decoration:underline}.punch-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.25rem;border-radius:999px;border:none;background:var(--punch-accent);color:var(--punch-on-accent);font-weight:700;font-size:.875rem;cursor:pointer;text-decoration:none;transition:filter .15s ease,transform .12s ease}.punch-btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.punch-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.punch-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.25rem;border-radius:999px;border:1px solid var(--punch-border);background:transparent;color:var(--punch-text);font-weight:600;font-size:.875rem;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}.punch-btn-ghost:hover{border-color:var(--punch-text-muted);background:#ffffff0a}.punch-card{background:var(--punch-bg-elevated);border:1px solid var(--punch-border);border-radius:var(--punch-radius-lg, 14px);box-shadow:var(--punch-shadow)}.punch-input{width:100%;box-sizing:border-box;padding:.55rem .75rem;margin-bottom:.85rem;background:var(--punch-bg);border:1px solid var(--punch-border);border-radius:var(--punch-radius, 10px);color:var(--punch-text);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.punch-input:focus{border-color:var(--punch-accent);box-shadow:0 0 0 2px var(--punch-accent-dim)}.punch-label{display:block;margin-bottom:.35rem;font-size:.8125rem;color:var(--punch-text-muted);font-weight:500}.punch-lang-btn{padding:.35rem .65rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--punch-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}.punch-lang-btn[data-active=true]{color:var(--punch-on-accent);background:var(--punch-accent)}.punch-lang-btn[data-active=false]:hover{color:var(--punch-text);border-color:var(--punch-border)}.zarza-auth-page{min-height:calc(100vh - 60px);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--punch-bg);font-family:var(--punch-font)}.zarza-auth-card{width:100%;max-width:400px;padding:2rem 1.75rem;background:var(--punch-bg-elevated);border:1px solid var(--punch-border);border-radius:var(--punch-radius, 10px);box-shadow:var(--punch-shadow)}.zarza-auth-logo{display:flex;justify-content:center;margin-bottom:1.25rem;color:var(--punch-accent)}.zarza-auth-title{margin:0 0 .3rem;font-family:var(--punch-heading, "Playfair Display", serif);font-size:1.375rem;font-weight:600;color:var(--punch-text);text-align:center;letter-spacing:-.01em}.zarza-auth-subtitle{margin:0 0 1.35rem;font-size:.8rem;color:var(--punch-text-muted);text-align:center;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.zarza-auth-label{display:block;margin-bottom:.3rem;font-size:.72rem;font-weight:500;color:var(--punch-text-muted);letter-spacing:.04em;text-transform:uppercase}.zarza-auth-input{width:100%;box-sizing:border-box;padding:.6rem .75rem;margin-bottom:.85rem;background:var(--punch-bg);border:1px solid var(--punch-border);border-radius:var(--punch-radius-sm, 6px);color:var(--punch-text);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.zarza-auth-input:focus{border-color:var(--punch-accent);box-shadow:0 0 0 2px var(--punch-accent-dim)}.zarza-auth-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1.25rem;margin-top:.25rem;border-radius:var(--punch-radius-sm, 6px);border:none;background:var(--punch-accent);color:var(--punch-on-accent);font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-decoration:none;font-family:inherit;transition:filter .15s,transform .12s}.zarza-auth-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.zarza-auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.zarza-auth-error{color:var(--punch-danger);margin-top:0;font-size:.8125rem}.zarza-auth-footer{margin:1.15rem 0 0;font-size:.8125rem;color:var(--punch-text-muted);text-align:center}.zarza-auth-back{margin:.85rem 0 0;text-align:center}.zarza-auth-link{color:var(--punch-accent);text-decoration:none;font-weight:600}.zarza-auth-link:hover{text-decoration:underline}.zarza-auth-link--muted{color:var(--punch-text-muted);font-weight:500;font-size:.8rem}@media (max-width: 480px){.zarza-auth-card{padding:1.5rem 1.25rem;border-radius:var(--punch-radius-sm, 6px)}.zarza-auth-title{font-size:1.2rem}}