html{--lumo-primary-color: #4f46e5;--lumo-primary-color-50pct: rgba(79,70,229,0.5);--lumo-primary-color-10pct: rgba(79,70,229,0.1);--lumo-primary-text-color: #4338ca;--lumo-border-radius-s: 6px;--lumo-border-radius-m: 9px;--lumo-border-radius-l: 14px;--lumo-font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--lumo-clickable-cursor: pointer;--vaadin-user-color-0: #4f46e5;--vaadin-user-color-1: #0ea5e9;--vaadin-user-color-2: #10b981;--vaadin-user-color-3: #f59e0b;--vaadin-user-color-4: #ef4444;--vaadin-user-color-5: #8b5cf6;--vaadin-user-color-6: #ec4899;--app-surface: var(--lumo-base-color);--app-shell-bg: var(--lumo-contrast-5pct);--app-border: var(--lumo-contrast-10pct);--chart-1: #4f46e5;--chart-2: #059669;--chart-3: #dc2626}html[theme~="dark"]{--chart-1: #7c83f5;--chart-2: #0fa87c;--chart-3: #eb5540;--lumo-primary-color: #818cf8;--lumo-primary-color-50pct: rgba(129,140,248,0.5);--lumo-primary-color-10pct: rgba(129,140,248,0.14);--lumo-primary-text-color: #c7d2fe;--app-shell-bg: var(--lumo-contrast-5pct)}.brand-mark{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 9px;background: linear-gradient(135deg,#6366f1,#4338ca);box-shadow: 0 2px 6px rgba(67,56,202,0.35);flex: none}.brand-mark vaadin-icon{color: #fff;width: 18px;height: 18px}.app-navbar{padding: 0 var(--lumo-space-m);min-height: 60px;background: var(--app-surface);border-bottom: 1px solid var(--app-border);gap: var(--lumo-space-m)}.app-brand{display: inline-flex;align-items: center;gap: var(--lumo-space-s);padding-left: var(--lumo-space-xs)}.brand-name{font-weight: 700;font-size: var(--lumo-font-size-l);letter-spacing: -0.01em}vaadin-app-layout::part(drawer){padding: 0}[slot="drawer"]{height: 100%}.drawer-content{display: flex;flex-direction: column;height: 100%;background: var(--app-shell-bg)}.drawer-nav{flex: 1 1 auto;overflow-y: auto;padding: var(--lumo-space-s)}vaadin-side-nav-item{border-radius: var(--lumo-border-radius-m);margin-bottom: 2px;--vaadin-side-nav-item-color: var(--lumo-body-text-color)}vaadin-side-nav-item[active]{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-weight: 600}.drawer-account{flex: none;padding: var(--lumo-space-s);border-bottom: 1px solid var(--app-border)}.drawer-user{flex: none;padding: var(--lumo-space-s);border-top: 1px solid var(--app-border)}.account-trigger,.user-trigger{display: flex;align-items: center;gap: var(--lumo-space-s);width: 100%;padding: 8px 10px;border-radius: var(--lumo-border-radius-m);cursor: pointer;box-sizing: border-box;transition: background 0.12s ease}.account-trigger:hover,.user-trigger:hover{background: var(--lumo-contrast-5pct)}.account-mark{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 8px;background: var(--lumo-primary-color-10pct);flex: none}.account-mark vaadin-icon{width: 18px;height: 18px;color: var(--lumo-primary-text-color)}.account-texts,.user-texts{display: flex;flex-direction: column;line-height: 1.2;min-width: 0;flex: 1 1 auto}.account-name,.user-name{font-weight: 700;font-size: var(--lumo-font-size-s);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.account-sub,.user-mail{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.account-chevron{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);color: var(--lumo-tertiary-text-color);flex: none}.user-avatar{--vaadin-avatar-size: 32px;flex: none}.menu-row{gap: var(--lumo-space-s);align-items: center;min-width: 210px}.menu-row-texts{display: flex;flex-direction: column;line-height: 1.2}.menu-row-name{font-weight: 600;font-size: var(--lumo-font-size-s)}.menu-row-sub{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.menu-row-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);color: var(--lumo-secondary-text-color);flex: none}.menu-row-check{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);color: var(--lumo-primary-color);flex: none}.menu-accent .menu-row-icon,.menu-accent span{color: var(--lumo-primary-text-color);font-weight: 600}.menu-sep{border-top: 1px solid var(--app-border);margin-top: 4px;padding-top: 10px}.app-content{display: flex;flex-direction: column;height: 100%}.app-page-host{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column}.app-banner-sample{flex: none;box-sizing: border-box;width: 100%;background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color);border-bottom: 1px solid var(--lumo-warning-color-50pct);padding: var(--lumo-space-xs) var(--lumo-space-m);font-size: var(--lumo-font-size-s)}.page{padding: var(--lumo-space-l);gap: var(--lumo-space-m)}.page{overflow-y: auto}.page-header-row{margin-bottom: var(--lumo-space-xs)}.page-title{margin: 0;font-size: 1.5rem;font-weight: 700;letter-spacing: -0.02em}.page-subtitle{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.notice{padding: var(--lumo-space-l);border: 1px dashed var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color)}.muted{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.surface-grid{border-radius: var(--lumo-border-radius-l);border: 1px solid var(--app-border);overflow: hidden;min-height: 10rem}.team-chips{display: flex;flex-wrap: wrap;gap: 4px;padding: 4px 0}.team-badge{display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px 2px 8px;border-radius: 999px;font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--team-color);background: color-mix(in srgb,var(--team-color) 12%,transparent);border: 1px solid color-mix(in srgb,var(--team-color) 30%,transparent);white-space: nowrap}.users-filters{gap: var(--lumo-space-m);padding-bottom: var(--lumo-space-xs);flex-wrap: wrap}.invite-pending{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-s) 0 var(--lumo-space-m)}.invite-pending-title{margin: 0;font-size: var(--lumo-font-size-m);font-weight: 600;color: var(--lumo-secondary-text-color)}.style-picker{display: flex;flex-direction: column;gap: 4px;width: 100%}.style-picker-caption{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);font-weight: 500}.style-picker-row{display: flex;flex-wrap: wrap;gap: 6px}.style-swatch{--lumo-button-size: 34px;min-width: 34px;width: 34px;padding: 0;border-radius: var(--lumo-border-radius-m);border: 2px solid transparent;cursor: var(--lumo-clickable-cursor)}.style-swatch[selected]{border-color: var(--lumo-primary-color);background: var(--lumo-primary-color-10pct)}.color-swatch{background: var(--swatch)}.color-swatch:hover{background: var(--swatch)}.color-swatch[selected]{background: var(--swatch);box-shadow: 0 0 0 2px var(--lumo-base-color),0 0 0 4px var(--swatch)}.settings-card{max-width: 720px;padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface)}.settings-title{font-weight: 700;font-size: var(--lumo-font-size-l)}.danger-zone{border-color: var(--lumo-error-color)}.danger-zone .settings-title{color: var(--lumo-error-text-color)}.danger-zone-warn{color: var(--lumo-secondary-text-color);margin: 0}.settings-dl{display: grid;grid-template-columns: max-content 1fr;gap: 8px 20px;align-items: center}.settings-dt{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.settings-dd{font-weight: 600}.login-page{background: radial-gradient(1100px 600px at 15% -10%,rgba(99,102,241,0.16),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(67,56,202,0.14),transparent 55%),var(--lumo-contrast-5pct);gap: var(--lumo-space-m)}.login-card{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-xs);width: 380px;max-width: calc(100vw - 2 * var(--lumo-space-m));padding: var(--lumo-space-xl) var(--lumo-space-l) var(--lumo-space-l);background: var(--app-surface);border: 1px solid var(--app-border);border-radius: 18px;box-shadow: 0 20px 50px -20px rgba(30,27,75,0.35)}.login-card .brand-mark{width: 52px;height: 52px;border-radius: 14px;margin-bottom: var(--lumo-space-s)}.login-card .brand-mark vaadin-icon{width: 26px;height: 26px}.login-eyebrow{text-transform: uppercase;letter-spacing: 0.14em;font-size: 0.68rem;font-weight: 700;color: var(--lumo-primary-text-color)}.login-title{margin: 0;font-size: 1.8rem;font-weight: 800;letter-spacing: -0.02em}.login-tagline{margin: 0 0 var(--lumo-space-s);text-align: center;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.login-form{width: 100%}.login-remember{align-self: flex-start;margin-top: var(--lumo-space-s);font-size: var(--lumo-font-size-s)}.error-page{padding: var(--lumo-space-m);box-sizing: border-box;overflow-y: auto}.error-card{width: 460px;text-align: center}.error-card .error-mark{width: 64px;height: 64px;border-radius: 18px;margin-bottom: var(--lumo-space-s)}.error-card .error-mark vaadin-icon{width: 34px;height: 34px}.error-code{font-size: clamp(3.4rem,14vw,5.2rem);font-weight: 800;line-height: 1;letter-spacing: -0.05em;background: linear-gradient(135deg,#6366f1,#4338ca);-webkit-background-clip: text;background-clip: text;color: transparent}html[theme~="dark"] .error-code{background-image: linear-gradient(135deg,#a5b4fc,#818cf8)}.error-title{margin: var(--lumo-space-xs) 0 0;font-size: clamp(1.25rem,4.5vw,1.5rem);font-weight: 800;letter-spacing: -0.02em}.error-text{margin: 0;max-width: 36ch;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.error-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--lumo-space-s);width: 100%;margin-top: var(--lumo-space-l)}@media (max-width: 480px){.error-actions{flex-direction: column}.error-actions vaadin-button{width: 100%}}.optout-page{padding: var(--lumo-space-m);box-sizing: border-box;overflow-y: auto}.optout-page>.optout-card{margin: auto 0;flex-shrink: 0}.optout-card>*{flex-shrink: 0}.optout-card{--optout-brand: var(--lumo-primary-color);box-sizing: border-box;width: 440px;align-items: stretch;text-align: left;gap: var(--lumo-space-s);padding: 0 var(--lumo-space-l) var(--lumo-space-l);border-top: 5px solid var(--optout-brand);overflow: hidden}.optout-brand{display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-m) 0 var(--lumo-space-s);border-bottom: 1px solid var(--app-border);margin-bottom: var(--lumo-space-xs)}.optout-logo{height: 40px;width: auto;max-width: 60%;display: block}.optout-initial{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 10px;color: #fff;font-weight: 800;font-size: 1.05rem}.optout-brand-name{font-weight: 700;font-size: var(--lumo-font-size-m);color: var(--lumo-body-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.optout-mark{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 14px;background: color-mix(in srgb,var(--optout-brand) 12%,transparent);color: var(--optout-brand);margin-top: var(--lumo-space-s)}.optout-mark vaadin-icon{width: 24px;height: 24px}.optout-mark-ok{background: color-mix(in srgb,var(--lumo-success-color) 14%,transparent);color: var(--lumo-success-text-color)}.optout-mark-muted{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.optout-title{margin: var(--lumo-space-xs) 0 0;font-size: 1.45rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.2}.optout-lead{margin: 0;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);line-height: 1.55}.optout-email{font-weight: 600;color: var(--lumo-body-text-color);overflow-wrap: anywhere}.optout-card vaadin-radio-group{margin-top: var(--lumo-space-xs)}.optout-confirm{margin-top: var(--lumo-space-xs)}.optout-note,.optout-operator{margin: 0;color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xs);text-align: center}.optout-operator{text-align: left;line-height: 1.5}@media (max-width: 480px){.optout-card{width: 100%;padding: 0 var(--lumo-space-m) var(--lumo-space-m)}.optout-title{font-size: 1.3rem}}.login-footer{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-xs)}.login-alt{margin-top: var(--lumo-space-s);font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.login-alt a{color: var(--lumo-primary-text-color);font-weight: 600;text-decoration: none}.login-alt a:hover{text-decoration: underline}.select-card{width: 460px}.account-search{width: 100%;margin-top: var(--lumo-space-s)}.account-list{width: 100%;display: flex;flex-direction: column;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-s);max-height: 46vh;overflow-y: auto}.account-card{display: flex;align-items: center;gap: var(--lumo-space-s);padding: 10px 12px;border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-m);background: var(--app-surface);cursor: pointer;transition: background 0.12s ease,border-color 0.12s ease}.account-card:hover{background: var(--lumo-primary-color-10pct);border-color: var(--lumo-primary-color-50pct)}.account-card .account-chevron{margin-left: auto}.select-footer{margin-top: var(--lumo-space-s);display: flex;align-items: center;gap: 4px;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.register-card{width: 420px}.register-form{width: 100%;display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.register-form>*{margin: 0}.login-submit{margin-top: var(--lumo-space-s)}vaadin-checkbox:not([disabled]),vaadin-radio-button:not([disabled]),vaadin-checkbox:not([disabled]) label,vaadin-radio-button:not([disabled]) label{cursor: pointer}vaadin-drawer-toggle:not([disabled]){cursor: pointer}.filter-chip-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-xs) 0}.filter-chip{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);padding: 2px 2px 2px 10px;background: var(--lumo-primary-color-10pct);border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-l);font-size: var(--lumo-font-size-s);line-height: 1.6;white-space: nowrap;max-width: 320px}.filter-chip-body{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);overflow: hidden;border-radius: var(--lumo-border-radius-m)}.filter-chip-editable{cursor: var(--lumo-clickable-cursor,pointer)}.filter-chip-editable:hover{text-decoration: underline;text-underline-offset: 2px}.filter-chip-label{overflow: hidden;text-overflow: ellipsis}.filter-chip-icon{color: var(--lumo-primary-color);width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s);flex: none}.search-pending-state{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-m);padding: var(--lumo-space-l);text-align: center}.search-pending-line{color: var(--lumo-secondary-text-color)}.filter-empty-hint{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-style: italic}.search-time-label{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.search-base-vigencia{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);white-space: nowrap}.search-selection-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-xs) var(--lumo-space-s);margin-bottom: var(--lumo-space-xs);border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color-10pct)}.search-selection-count{font-weight: 600;margin-right: var(--lumo-space-s)}.search-action-row{padding: var(--lumo-space-xs) 0}vaadin-button.select-toggle-active{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);font-weight: 600}.search-topbar,.search-topbar>vaadin-horizontal-layout{flex-wrap: wrap}.search-topbar{row-gap: var(--lumo-space-s)}.import-controls{flex-wrap: wrap;row-gap: var(--lumo-space-s)}.limit-marker-details,.limit-marker-banner{padding: 8px 16px;background: var(--lumo-warning-color-10pct);color: var(--lumo-warning-text-color);font-weight: 600;font-style: italic;font-size: var(--lumo-font-size-s)}.limit-marker-banner{border: 1px solid var(--lumo-warning-color-50pct);border-radius: var(--lumo-border-radius-m)}.limit-marker-content{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px}.limit-marker-cta{font-style: normal;font-weight: 700;color: var(--lumo-primary-text-color);text-decoration: underline;white-space: nowrap}.search-loading-overlay{position: absolute;inset: 0;z-index: 100;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--lumo-space-s)}.search-loading-overlay::before{content: "";position: absolute;inset: 0;background: var(--lumo-base-color);opacity: 0.72}.search-loading-overlay>*{position: relative}.search-loading-spinner{width: 42px;height: 42px;border-radius: 50%;border: 4px solid var(--lumo-contrast-20pct);border-top-color: var(--lumo-primary-color);animation: search-spin 0.8s linear infinite}.search-loading-label{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-weight: 600}@keyframes search-spin{to{transform: rotate(360deg)}}.detail-content{display: flex;flex-direction: column;gap: var(--lumo-space-m);padding: 0}.detail-hero{align-items: center;gap: var(--lumo-space-m);padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: radial-gradient(130% 150% at 0% 0%,var(--lumo-primary-color-10pct),transparent 62%),var(--app-surface)}.detail-hero-mark{display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;flex: none;border-radius: 14px;background: linear-gradient(135deg,#6366f1,#4338ca);box-shadow: 0 6px 16px rgba(67,56,202,0.35)}.detail-hero-mark vaadin-icon{color: #fff;width: 26px;height: 26px}.detail-hero-text{display: flex;flex-direction: column;gap: 3px;min-width: 0}.detail-hero-title{font-size: var(--lumo-font-size-xl);font-weight: 700;letter-spacing: -0.02em;line-height: 1.15}.detail-hero-sub{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.detail-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 6px}.detail-card{border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);padding: var(--lumo-space-m)}.detail-card-head{align-items: center;gap: var(--lumo-space-s);margin-bottom: var(--lumo-space-m)}.detail-card-icon{color: var(--lumo-primary-color);width: 20px;height: 20px}.detail-card-title{font-weight: 600;font-size: var(--lumo-font-size-m);letter-spacing: -0.01em}.detail-count{margin-inline-start: 2px}.detail-info{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--lumo-space-s) var(--lumo-space-l)}.detail-item{display: flex;flex-direction: column;gap: 2px;min-width: 0}.detail-item-wide{grid-column: 1 / -1}.detail-label{font-size: var(--lumo-font-size-xxs);text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600;color: var(--lumo-secondary-text-color)}.detail-value{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);word-break: break-word}.detail-empty{color: var(--lumo-tertiary-text-color)}.detail-link{color: var(--lumo-primary-text-color);font-weight: 500;text-decoration: none}.detail-link:hover{text-decoration: underline}.detail-masked{color: var(--lumo-tertiary-text-color);letter-spacing: 0.12em;user-select: none}.detail-slot{min-width: 0}.reveal-bar{align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);border: 1px solid var(--lumo-primary-color-50pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color-10pct)}.reveal-bar-icon{color: var(--lumo-primary-color);width: 20px;height: 20px;flex: none}.reveal-bar-msg{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.reveal-bar-done{border-color: var(--app-border);background: var(--lumo-success-color-10pct)}.reveal-bar-done .reveal-bar-icon{color: var(--lumo-success-text-color)}.detail-note{padding: var(--lumo-space-s) var(--lumo-space-m);border: 1px dashed var(--app-border);border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-style: italic}.socio-cell{align-items: center;gap: var(--lumo-space-s)}.socio-avatar{--vaadin-avatar-size: 1.75rem;flex: none}.socio-name{font-weight: 500}@media (max-width: 520px){.detail-info{grid-template-columns: 1fr}}.kanban-board{display: flex;gap: var(--lumo-space-m);align-items: stretch;flex: 1 1 auto;min-height: 0;width: 100%;overflow-x: auto;overflow-y: hidden;padding: var(--lumo-space-xs) 0 var(--lumo-space-m)}.kanban-col{display: flex;flex-direction: column;flex: 0 0 300px;width: 300px;min-height: 0;background: var(--lumo-contrast-5pct);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);overflow: hidden}.kanban-col-head{flex: none;padding: var(--lumo-space-s) var(--lumo-space-m);border-bottom: 1px solid var(--app-border);border-top: 3px solid var(--lumo-primary-color);background: var(--app-surface)}.kanban-col--won .kanban-col-head{border-top-color: var(--lumo-success-color)}.kanban-col--lost .kanban-col-head{border-top-color: var(--lumo-error-color)}.kanban-col-name{font-weight: 700;letter-spacing: -0.01em}.kanban-col-count{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color);border-radius: 999px;padding: 0 8px;font-size: var(--lumo-font-size-xs);font-weight: 600}.kanban-col-sum{display: block;margin-top: 2px;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.kanban-grid{flex: 1 1 auto;min-height: 60px;background: transparent;--lumo-base-color: transparent}.kanban-grid::part(header-cell){display: none}.kanban-grid::part(row),.kanban-grid::part(cell){background: transparent}.kanban-grid vaadin-grid-cell-content{padding: 2px 5px;transition: transform 0.16s ease}.kanban-grid.kb-over:not(:has(.kanban-card)){position: relative}.kanban-grid.kb-over:not(:has(.kanban-card))::before{content: "";position: absolute;top: 7px;left: 4px;right: 4px;height: 44px;box-sizing: border-box;border: 2px dashed var(--lumo-primary-color);background: var(--lumo-primary-color-10pct);border-radius: 10px;pointer-events: none;z-index: 4;transform-origin: top center;animation: kanban-slot-grow 0.16s ease-out}@keyframes kanban-slot-grow{from{transform: scaleY(0.05);opacity: 0.15}to{transform: scaleY(1);opacity: 1}}@keyframes kanban-card-bounce{0%{transform: scale(0.92)}55%{transform: scale(1.04)}75%{transform: scale(0.99)}100%{transform: scale(1)}}.kanban-card--dropped{animation: kanban-card-bounce 0.4s cubic-bezier(0.34,1.56,0.64,1)}.kanban-card{background: var(--app-surface);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-m);padding: 10px 12px;cursor: grab;box-shadow: 0 1px 2px rgba(15,23,42,0.06);transition: box-shadow 0.12s ease,border-color 0.12s ease}.kanban-card:hover{border-color: var(--lumo-primary-color-50pct);box-shadow: 0 4px 12px -4px rgba(30,27,75,0.28)}.kanban-card:active{cursor: grabbing}.kanban-card-title{font-weight: 600;font-size: var(--lumo-font-size-s);line-height: 1.25;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.kanban-card-cnpj{display: block;margin-top: 2px;font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}.kanban-card-base-alert{display: inline-block;margin-top: 6px}.kanban-card-foot{margin-top: 8px}.kanban-card-who{gap: 6px;min-width: 0}.kanban-avatar{--vaadin-avatar-size: 22px;flex: none}.kanban-card-who-name{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 130px}.kanban-value{flex: none;background: var(--lumo-success-color-10pct);color: var(--lumo-success-text-color);border-radius: var(--lumo-border-radius-s);padding: 1px 8px;font-size: var(--lumo-font-size-xs);font-weight: 700;white-space: nowrap}.lead-dialog-body{display: flex;flex-direction: column;gap: var(--lumo-space-s);width: 100%}.lead-section-title{font-weight: 700;margin-top: var(--lumo-space-xs)}.timeline{display: flex;flex-direction: column;gap: var(--lumo-space-s);width: 100%}.timeline-item{display: flex;gap: var(--lumo-space-s);align-items: flex-start;width: 100%}.timeline-icon-wrap{flex: none;width: 28px;height: 28px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: var(--lumo-primary-color-10pct)}.timeline-icon{width: 15px;height: 15px;color: var(--lumo-primary-text-color)}.timeline-body{display: flex;flex-direction: column;gap: 1px;flex: 1;min-width: 0}.timeline-main{font-size: var(--lumo-font-size-s);font-weight: 500}.timeline-note{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color)}.timeline-meta{font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}[theme~="badge"].temp-badge{font-weight: 600}[theme~="badge"].temp-frio{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}[theme~="badge"].temp-morno{background-color: color-mix(in srgb,orange 18%,transparent);color: color-mix(in srgb,orange 65%,var(--lumo-body-text-color))}[theme~="badge"].temp-quente{background-color: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color)}[theme~="badge"].temp-none{background-color: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.kanban-card-tags{gap: 6px;margin-top: 6px;flex-wrap: wrap}.kanban-card-contact{font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color);white-space: nowrap}.kanban-card-contact--stale{color: var(--lumo-error-text-color);font-weight: 600}.lead-cell{display: flex;flex-direction: column;gap: 1px;padding: 4px 0}.lead-cell-name{font-weight: 600}.lead-cell-cnpj{font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}.lead-cell-stale{color: var(--lumo-error-text-color);font-weight: 600}.conversation-cell{display: flex;align-items: center;gap: var(--lumo-space-s)}.conversation-grid::part(unread){font-weight: 600}.conversation-badge{cursor: var(--lumo-clickable-cursor);flex: none;font-variant-numeric: tabular-nums}.conversation-badge:hover{filter: brightness(0.94)}.conversation-child-mark{color: var(--lumo-tertiary-text-color);font-size: var(--lumo-font-size-s)}.conversation-grid vaadin-grid-tree-toggle[level="1"]{color: var(--lumo-secondary-text-color)}.lead-contacts{display: flex;flex-direction: column;gap: var(--lumo-space-xs);width: 100%}.lead-messages{display: flex;flex-direction: column;gap: var(--lumo-space-xs);width: 100%}.message-row{display: flex;align-items: baseline;gap: var(--lumo-space-s);padding: 6px 10px;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);font-size: var(--lumo-font-size-s)}.message-row>span:nth-child(2){flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis}.contact-row{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--lumo-space-s);padding: 8px 10px;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m)}.contact-texts{display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0}.contact-name{font-weight: 600;font-size: var(--lumo-font-size-s)}.contact-channels{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);overflow-wrap: anywhere}.contact-tags{gap: 4px;margin-top: 4px;flex-wrap: wrap}.contact-actions{flex: none;gap: 0}.contact-form{gap: var(--lumo-space-xs)}.dashboard-filters{flex-wrap: wrap;row-gap: var(--lumo-space-s);align-items: flex-end}.dashboard-section{display: flex;flex-direction: column;gap: var(--lumo-space-s);margin-top: var(--lumo-space-m);width: 100%}.dashboard-section-title{font-weight: 700;font-size: var(--lumo-font-size-l);letter-spacing: -0.01em}.kpi-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: var(--lumo-space-m);width: 100%}.kpi-card{display: flex;flex-direction: column;gap: 2px;min-width: 0;padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface)}.kpi-label{font-size: var(--lumo-font-size-xs);text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600;color: var(--lumo-secondary-text-color)}.kpi-value{font-size: clamp(1.15rem,0.9rem + 0.9vw,1.5rem);font-weight: 800;letter-spacing: -0.02em;line-height: 1.15;white-space: nowrap;font-variant-numeric: tabular-nums}.kpi-delta{font-size: var(--lumo-font-size-xs);font-weight: 600}.kpi-delta--good{color: var(--lumo-success-text-color)}.kpi-delta--bad{color: var(--lumo-error-text-color)}.kpi-delta--flat{color: var(--lumo-tertiary-text-color)}.kpi-sub{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.kpi-card--link{cursor: var(--lumo-clickable-cursor)}.kpi-card--link:hover,.kpi-card--link:focus-visible{border-color: var(--lumo-primary-color-50pct);outline: none}.dashboard-section-subtitle{margin-top: calc(-1 * var(--lumo-space-xs))}.tasks-productivity::part(body-cell){cursor: var(--lumo-clickable-cursor)}.funnel{display: flex;flex-direction: column;gap: var(--lumo-space-xs);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);padding: var(--lumo-space-m);width: 100%;box-sizing: border-box}.funnel-track{min-width: 40px}.funnel-row{display: grid;grid-template-columns: 130px 1fr 150px;align-items: center;gap: var(--lumo-space-m)}.funnel-name{font-size: var(--lumo-font-size-s);font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.funnel-track{background: var(--lumo-contrast-10pct);border-radius: 999px;height: 14px;overflow: hidden}.funnel-bar{height: 100%;border-radius: 999px;background: var(--lumo-primary-color);min-width: 0;transition: width 0.25s ease}.funnel-bar--won{background: var(--lumo-success-color)}.funnel-bar--lost{background: var(--lumo-error-color)}.funnel-meta{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);white-space: nowrap;min-width: 90px;text-align: right}@media (max-width: 600px){.funnel-row{grid-template-columns: 96px 1fr}.funnel-meta{grid-column: 2;text-align: left}}.register-accept{margin: 4px 0 12px}.register-accept-text{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.plans-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 20px;width: 100%;max-width: 1100px;align-items: stretch;margin-top: 8px}.plan-card{position: relative;display: flex;flex-direction: column;gap: 14px;padding: 24px 22px;background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);box-shadow: var(--lumo-box-shadow-xs);transition: box-shadow .15s ease,transform .15s ease,border-color .15s ease}.plan-card:hover{box-shadow: var(--lumo-box-shadow-s);transform: translateY(-2px)}.plan-card-featured{border-color: var(--lumo-primary-color);box-shadow: 0 0 0 1px var(--lumo-primary-color),var(--lumo-box-shadow-s)}.plan-ribbon{position: absolute;top: -11px;left: 50%;transform: translateX(-50%);background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color);font-size: var(--lumo-font-size-xxs);font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 2px 12px;border-radius: 999px;white-space: nowrap}.plan-name{font-size: var(--lumo-font-size-l);font-weight: 700}.plan-price-box{display: flex;flex-direction: column;gap: 2px}.plan-price-line{display: flex;align-items: baseline;gap: 4px}.plan-price{font-size: 1.9rem;font-weight: 800;letter-spacing: -0.02em}.plan-price-period,.plan-annual-note{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.plan-price-sob{font-size: var(--lumo-font-size-xl);font-weight: 700}.plan-quotas{display: flex;flex-wrap: wrap;row-gap: 8px;gap: 10px;padding: 10px 0;border-top: 1px solid var(--lumo-contrast-10pct);border-bottom: 1px solid var(--lumo-contrast-10pct)}.plan-quota{display: flex;flex-direction: column;min-width: 0;flex: 0 1 auto}.plan-quota-value{font-weight: 700;font-variant-numeric: tabular-nums}.plan-quota-label{font-size: 0.6875rem;line-height: 1.3;color: var(--lumo-secondary-text-color);white-space: nowrap}.plan-features{display: flex;flex-direction: column;gap: 8px;flex-grow: 1}.plan-feature{display: flex;gap: 8px;align-items: flex-start;font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color)}.plan-feature-check{color: var(--lumo-success-color);width: 1em;height: 1em;margin-top: 3px;flex-shrink: 0}.plan-cta{width: 100%;margin-top: 4px}.plans-packs-hint{margin-top: 16px;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.credits-badge{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color);border-radius: 999px;padding: 4px 12px;font-size: var(--lumo-font-size-s);font-weight: 600;white-space: nowrap}.packs-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 12px;width: 100%}.packs-wrap{display: flex;flex-direction: column;gap: 8px;width: 100%}.packs-wrap .packs-grid:not(:last-child){margin-bottom: 8px}.packs-group-title{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-secondary-text-color)}.pack-card{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 14px 12px;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color)}.pack-credits{font-size: var(--lumo-font-size-xl);font-weight: 800;font-variant-numeric: tabular-nums}.pack-pool{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.pack-price{font-weight: 700;margin-top: 4px}.pack-price-full{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);text-decoration: line-through;margin-top: 4px}.pack-card vaadin-button{margin-top: 8px;width: 100%}[theme~="badge"].lead-badge-neutral{background-color: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.rich-text-area{display: flex;flex-direction: column;width: 100%}.rich-text-label{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);font-weight: 500;padding-bottom: 4px}.rich-text-area .trumbowyg-box{margin: 0;border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color);min-height: var(--rta-height,240px)}.rich-text-area .trumbowyg-box.trumbowyg-fullscreen{border-radius: 0}.rich-text-area .trumbowyg-editor,.rich-text-area .trumbowyg-texteditor{background: var(--lumo-base-color);color: var(--lumo-body-text-color);font-family: var(--lumo-font-family);font-size: var(--lumo-font-size-m);min-height: var(--rta-height,240px)}.rich-text-area .trumbowyg-editor a{color: var(--lumo-primary-text-color)}.rich-text-area .trumbowyg-button-pane{background: var(--lumo-contrast-5pct);border-bottom: 1px solid var(--lumo-contrast-10pct)}.rich-text-area .trumbowyg-button-pane::after{background: var(--lumo-contrast-10pct)}.rich-text-area .trumbowyg-button-pane .trumbowyg-button-group::after{background: var(--lumo-contrast-10pct)}.rich-text-area .trumbowyg-button-pane button{border-radius: var(--lumo-border-radius-s)}.rich-text-area .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.rich-text-area .trumbowyg-button-pane button.trumbowyg-active{background: var(--lumo-contrast-10pct)}.rich-text-area .trumbowyg-button-pane button svg{fill: var(--lumo-secondary-text-color)}.rich-text-area .trumbowyg-button-pane button:hover svg,.rich-text-area .trumbowyg-button-pane button.trumbowyg-active svg{fill: var(--lumo-primary-text-color)}.rich-text-area .trumbowyg-dropdown{background: var(--lumo-base-color);border: 1px solid var(--lumo-contrast-20pct);box-shadow: var(--lumo-box-shadow-m)}.rich-text-area .trumbowyg-dropdown button{background: transparent;color: var(--lumo-body-text-color)}.rich-text-area .trumbowyg-dropdown button:hover{background: var(--lumo-contrast-10pct)}.rich-text-area .trumbowyg-modal-box{background: var(--lumo-base-color);color: var(--lumo-body-text-color);box-shadow: var(--lumo-box-shadow-l)}.rich-text-area .trumbowyg-modal-box .trumbowyg-modal-title{background: var(--lumo-contrast-5pct);color: var(--lumo-body-text-color);border-bottom: 1px solid var(--lumo-contrast-10pct)}.rich-text-area .trumbowyg-modal-box label input{background: var(--lumo-contrast-5pct);color: var(--lumo-body-text-color);border: 1px solid var(--lumo-contrast-20pct)}.rich-text-area .trumbowyg-modal-box label .trumbowyg-input-infos span{background: transparent;color: var(--lumo-secondary-text-color)}.rich-text-area .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{background: var(--lumo-primary-color);color: var(--lumo-primary-contrast-color)}.rich-text-area .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color: var(--lumo-secondary-text-color)}.message-dialog-content{display: flex;flex-direction: column;gap: 12px}.message-dialog-headline{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.message-dialog-company{font-weight: 600}.message-dialog-meta{display: flex;flex-direction: column;gap: 2px;padding: 10px 12px;border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct)}.message-dialog-meta-row{display: flex;gap: 8px;font-size: var(--lumo-font-size-s)}.message-dialog-meta-k{color: var(--lumo-secondary-text-color);min-width: 92px;flex: none}.message-dialog-meta-v{word-break: break-word}.message-dialog-body{border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);padding: 14px 16px;max-height: 46vh;overflow-y: auto;line-height: 1.5}.message-dialog-body-text{white-space: pre-wrap;word-break: break-word}.message-dialog-body p{margin: 0 0 0.75em}.message-dialog-body p:last-child{margin-bottom: 0}.message-dialog-body a{color: var(--lumo-primary-text-color)}.message-dialog-body ul,.message-dialog-body ol{margin: 0 0 0.75em;padding-left: 1.4em}vaadin-dialog vaadin-horizontal-layout{max-width: 100%;flex-wrap: wrap}@media (max-width: 640px){vaadin-dialog vaadin-horizontal-layout>:is( vaadin-text-field,vaadin-text-area,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-select,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-date-picker,vaadin-time-picker,vaadin-date-time-picker){flex: 1 1 8rem;min-width: 0}}.lead-dialog vaadin-tabsheet{width: 100%}.lead-tab-panel{display: flex;flex-direction: column;gap: 4px;padding-top: 4px}.message-row{cursor: var(--lumo-clickable-cursor);border-radius: var(--lumo-border-radius-s)}.message-row:hover{background: var(--lumo-contrast-5pct)}.lead-dialog-footer{flex-wrap: wrap;gap: 8px}.message-attachments{display: flex;flex-direction: column;gap: 4px;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);padding: 10px 12px}.message-attachments-title{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-secondary-text-color)}.attachment-row{display: flex;align-items: center;gap: 8px;padding: 4px 0}.attachment-row>vaadin-icon,.attachment-row>svg{color: var(--lumo-secondary-text-color);flex: none}.attachment-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.attachment-size{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);flex: none}.attachment-preview-image{max-width: 100%;max-height: 70vh;display: block;margin: 0 auto}.attachment-preview-pdf object{width: 100%;height: 70vh;border: 0}.storage-bar{width: 100%;height: 8px;border-radius: 999px;background: var(--lumo-contrast-10pct);overflow: hidden;margin: 4px 0}.storage-bar-fill{height: 100%;background: var(--lumo-primary-color);border-radius: 999px}.storage-bar-fill.storage-bar-over{background: var(--lumo-error-color)}.storage-state-over{color: var(--lumo-error-text-color);font-size: var(--lumo-font-size-s)}.color-field{display: flex;flex-direction: column;width: 100%;max-width: 280px}.color-field .clr-field{width: 100%}.color-field .clr-field input{width: 100%;box-sizing: border-box;font: inherit;font-size: var(--lumo-font-size-m);font-family: var(--lumo-font-family);color: var(--lumo-body-text-color);background: var(--lumo-contrast-10pct);border: 0;border-radius: var(--lumo-border-radius-m);height: var(--lumo-size-m);padding: 0 var(--lumo-space-m) 0 calc(var(--lumo-size-m) + var(--lumo-space-s));text-transform: lowercase}.color-field .clr-field input:focus{outline: 2px solid var(--lumo-primary-color-50pct)}.color-field .clr-field button{left: var(--lumo-space-xs);right: auto;width: calc(var(--lumo-size-m) - 2 * var(--lumo-space-xs));height: calc(var(--lumo-size-m) - 2 * var(--lumo-space-xs));border-radius: 50%;border: 1px solid var(--lumo-contrast-30pct)}.field-help{font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);margin-top: calc(-1 * var(--lumo-space-xs))}.asset-name{display: inline-flex;align-items: center;gap: var(--lumo-space-s)}.asset-icon{color: var(--lumo-secondary-text-color);display: inline-flex}.asset-icon svg{width: 18px;height: 18px}.asset-chip{gap: var(--lumo-space-xs);padding: 2px 4px 2px var(--lumo-space-s);border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-l);font-size: var(--lumo-font-size-s);margin: 2px var(--lumo-space-xs) 2px 0}.asset-chips{display: flex;flex-wrap: wrap;align-items: center}.asset-warning{background: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color);font-weight: 500}.code-area textarea,.code-area::part(input-field){font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: var(--lumo-font-size-s)}.signature-preview{border: 1px solid var(--lumo-contrast-20pct);border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-m);background: var(--lumo-base-color);width: 100%;box-sizing: border-box}.signature-preview img{max-width: 100%;height: auto}.asset-in-use,.asset-consequence,.asset-warning{display: block;width: 100%;box-sizing: border-box;border-radius: var(--lumo-border-radius-m);padding: var(--lumo-space-s) var(--lumo-space-m);margin: 0 0 var(--lumo-space-s)}.asset-in-use{background: var(--lumo-contrast-5pct);border-left: 4px solid var(--lumo-primary-color)}.asset-consequence{background: var(--lumo-error-color-10pct);border-left: 4px solid var(--lumo-error-color)}.asset-in-use-title{font-weight: 600;display: block;margin-bottom: 2px}.asset-in-use ul,.asset-consequence ul{margin: 0;padding-left: 1.2em}.filters-bar{flex-wrap: wrap;gap: var(--lumo-space-s);row-gap: var(--lumo-space-s)}.page-header-row{flex-wrap: wrap;row-gap: var(--lumo-space-s)}.storage-box{max-width: 100%}@media (max-width: 640px){.tasks-board .kanban-col{flex: 0 0 84vw;width: 84vw}.tasks-view-switch>vaadin-button{flex: 1 1 auto}.page{padding: var(--lumo-space-m)}.filters-bar>*,.users-filters>*,.dashboard-filters>*,.tasks-filters>*{width: 100% !important;max-width: 100%}.filters-bar vaadin-tabs{width: 100%}.settings-card,.card{padding: var(--lumo-space-m)}.page-title{font-size: 1.25rem}.color-field{max-width: 100%}}.profile-photo{--vaadin-avatar-size: 96px}.profile-photo-box{margin-bottom: var(--lumo-space-s)}.page-title{display: flex;align-items: center;gap: var(--lumo-space-s)}.page-title-icon{width: 1.35em;height: 1.35em;color: var(--lumo-primary-color);flex: 0 0 auto}.page-title-icon svg{width: 100%;height: 100%}.actions-menu-glyph svg{width: 18px;height: 18px}.actions-menu svg{width: 18px;height: 18px}.actions-menu-item{gap: var(--lumo-space-s)}.actions-menu-item svg{width: 16px;height: 16px;color: var(--lumo-secondary-text-color)}.actions-menu-danger,.actions-menu-danger svg{color: var(--lumo-error-text-color)}.reasons-list{display: flex;flex-direction: column;gap: 4px;max-width: 480px}.reasons-row{display: flex;justify-content: space-between;gap: var(--lumo-space-m);padding: 6px 0;border-bottom: 1px solid var(--lumo-contrast-10pct)}.reasons-row span:last-child{font-weight: 600}.attachment-preview-pdf iframe{width: 100%;height: 70vh;border: 0;background: #fff}.surface-grid vaadin-grid-cell-content:has(>.actions-menu){overflow: visible;text-overflow: clip}.users-filters>vaadin-button,.filters-bar>vaadin-button,.dashboard-filters>vaadin-button,.tasks-filters>vaadin-button{margin-bottom: var(--lumo-space-xs)}.users-filters>vaadin-checkbox,.filters-bar>vaadin-checkbox,.dashboard-filters>vaadin-checkbox,.tasks-filters>vaadin-checkbox{margin-bottom: calc(var(--lumo-space-xs) + 2px)}.result-text-bar,.filters-count{display: block;width: 100%;padding: 2px 0 var(--lumo-space-s);font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.tasks-filters{flex-wrap: wrap;gap: var(--lumo-space-s);margin-bottom: var(--lumo-space-s)}.tasks-view-switch{display: flex;gap: var(--lumo-space-xs);flex-wrap: wrap;margin-bottom: var(--lumo-space-s)}vaadin-select.kanban-col-range{margin-top: 4px}vaadin-select.kanban-col-range::part(input-field){background: transparent;font-size: var(--lumo-font-size-xxs);height: var(--lumo-size-xs)}.tasks-rule-row{flex-wrap: wrap;gap: var(--lumo-space-s)}.tasks-rule-row>*{min-width: 11rem}.tasks-rule-card{max-width: 62rem}.kanban-col--done .kanban-col-head{border-top-color: var(--lumo-success-color)}.kanban-col--overdue .kanban-col-head{border-top-color: var(--lumo-error-color)}.task-card-title{font-weight: 600;font-size: var(--lumo-font-size-s);line-height: 1.25}.task-card-meta{display: block;margin-top: 2px;font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color)}.task-card-lead{display: block;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color)}.task-card-tags{gap: 6px;margin-top: 6px;flex-wrap: wrap}.task-card-foot{margin-top: 8px;gap: 6px}.task-due{font-size: var(--lumo-font-size-xs);color: var(--lumo-tertiary-text-color);white-space: nowrap}.task-due--overdue{color: var(--lumo-error-text-color);font-weight: 600}[theme~="badge"].task-prio{font-weight: 600}[theme~="badge"].task-prio--baixa{background-color: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}[theme~="badge"].task-prio--normal{background-color: var(--lumo-contrast-10pct);color: var(--lumo-body-text-color)}[theme~="badge"].task-prio--alta{background-color: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}[theme~="badge"].task-prio--urgente{background-color: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color)}.task-tag{display: inline-block;padding: 1px 8px;border: 1px solid currentColor;border-radius: var(--lumo-border-radius-l);font-size: var(--lumo-font-size-xxs);font-weight: 600;line-height: 1.6}.tag-swatches{gap: 6px;flex-wrap: wrap}vaadin-button.tag-swatch{min-width: 26px;width: 26px;height: 26px;padding: 0;border-radius: 50%;border: 2px solid transparent;cursor: pointer}vaadin-button.tag-swatch--on{border-color: var(--lumo-body-text-color)}.lead-tasks{display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.lead-task-row{padding: 6px 0;border-bottom: 1px solid var(--app-border);cursor: pointer;gap: var(--lumo-space-s)}.lead-task-row:last-of-type{border-bottom: 0}.lead-task-count{margin-left: 6px;cursor: pointer}.lead-cadence-badge{margin-left: 6px;cursor: pointer}.queue-progress{margin-bottom: var(--lumo-space-m)}.queue-stage{display: flex;justify-content: center}.queue-card{width: 100%;max-width: 720px;padding: var(--lumo-space-l);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);box-shadow: 0 10px 30px -22px rgba(30,27,75,0.45)}.queue-title{margin: 0 0 var(--lumo-space-xs);font-size: 1.5rem;letter-spacing: -0.02em}.queue-badges{gap: 6px;flex-wrap: wrap;margin-bottom: var(--lumo-space-s)}.queue-desc{margin: var(--lumo-space-s) 0 0;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);white-space: pre-wrap}.queue-lead{margin-top: var(--lumo-space-m);padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct)}.queue-lead-name{display: block;font-weight: 600}.queue-lead-contact{display: block;margin-top: 6px;font-size: var(--lumo-font-size-s)}.queue-timeline{margin-top: var(--lumo-space-s);display: flex;flex-direction: column;gap: 4px}.queue-timeline-item{display: flex;gap: var(--lumo-space-s);align-items: baseline}.queue-timeline-text{font-size: var(--lumo-font-size-s);overflow-wrap: anywhere}.queue-actions{margin-top: var(--lumo-space-l);gap: var(--lumo-space-s);flex-wrap: wrap}.queue-done{text-align: center;padding: var(--lumo-space-xl) var(--lumo-space-m)}.queue-done h2{margin: 0 0 var(--lumo-space-xs)}.queue-done vaadin-horizontal-layout{justify-content: center;margin-top: var(--lumo-space-m)}.tasks-bulk-bar{flex-wrap: wrap;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);margin-bottom: var(--lumo-space-s);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-m);background: var(--lumo-primary-color-10pct)}@media (max-width: 640px){.queue-card{padding: var(--lumo-space-m)}.queue-title{font-size: 1.25rem}.queue-actions{flex-direction: column;align-items: stretch}.queue-actions vaadin-button{width: 100%}.tasks-bulk-bar>vaadin-button{flex: 1 1 auto}}.release{width: 100%;padding-top: var(--lumo-space-l);margin-top: var(--lumo-space-l);border-top: 1px solid var(--app-border)}.release:first-of-type{padding-top: 0;border-top: 0}.release-title{display: flex;align-items: center;gap: var(--lumo-space-s);margin: 0 0 var(--lumo-space-m);font-size: var(--lumo-font-size-l);font-weight: 700;letter-spacing: -0.01em}.release-tag{font-variant-numeric: tabular-nums;font-size: var(--lumo-font-size-xs);font-weight: 700;letter-spacing: 0.03em;padding: 3px 9px;border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-s);color: var(--lumo-secondary-text-color)}.release-tag-current{background: var(--lumo-primary-color);border-color: transparent;color: var(--lumo-primary-contrast-color)}.release-entries{display: flex;flex-direction: column;gap: var(--lumo-space-m)}.changelog-entry{display: grid;grid-template-columns: 88px minmax(0,1fr);gap: var(--lumo-space-m);align-items: start}.changelog-chip{justify-self: start;font-size: var(--lumo-font-size-xs);font-weight: 600;padding: 3px 9px;border-radius: var(--lumo-border-radius-s);white-space: nowrap}.changelog-chip-novo{background: var(--lumo-primary-color-10pct);color: var(--lumo-primary-text-color)}.changelog-chip-melhoria{background: var(--lumo-success-color-10pct);color: var(--lumo-success-text-color)}.changelog-entry-title{margin: 0 0 2px;font-size: var(--lumo-font-size-m);font-weight: 600;letter-spacing: -0.005em}.changelog-entry-text{margin: 0;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);max-width: 68ch}@media (max-width: 640px){.changelog-entry{grid-template-columns: minmax(0,1fr);gap: var(--lumo-space-xs)}}.task-cadence{margin-top: 4px;align-self: flex-start;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cadence-seq{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);white-space: normal;line-height: 1.35}.cadence-steps{gap: var(--lumo-space-xs);width: 100%}.cadence-step-row{gap: var(--lumo-space-s);padding: var(--lumo-space-xs) 0;border-bottom: 1px solid var(--app-border);flex-wrap: wrap}.cadence-step-row vaadin-text-field{min-width: 200px}.cadence-step-row:last-of-type{border-bottom: 0}.cadence-step-num{flex: 0 0 20px;text-align: right;font-weight: 600;color: var(--lumo-secondary-text-color)}@media (max-width: 640px){.cadence-step-row{flex-direction: column;align-items: stretch}.cadence-step-row>*{width: 100%}.cadence-step-num{text-align: left}}.cal-chrome{gap: var(--lumo-space-xs);padding-bottom: var(--lumo-space-s)}.cal-title{font-weight: 600;font-size: var(--lumo-font-size-l)}.cal-grid{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));grid-template-rows: auto;grid-auto-rows: minmax(6rem,auto);gap: 1px;background: var(--app-border);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);overflow: hidden}.cal-weekday{background: var(--app-surface);padding: 6px 8px;font-weight: 600;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);text-transform: uppercase;letter-spacing: .04em}.cal-day{background: var(--app-surface);min-height: 0;padding: 4px;display: flex;flex-direction: column;gap: 3px;overflow-y: auto}.cal-day-num{font-size: var(--lumo-font-size-xs);font-weight: 600;color: var(--lumo-secondary-text-color)}.cal-day--fora{opacity: .55}.cal-day--fora .cal-day-num{font-weight: 400}.cal-day--hoje{outline: 2px solid var(--lumo-primary-color);outline-offset: -2px}.cal-day--hoje .cal-day-num{color: var(--lumo-primary-text-color)}.cal-day-mais{font-size: var(--lumo-font-size-xs);color: var(--lumo-primary-text-color);cursor: pointer;padding: 1px 2px}.cal-day-mais:hover{text-decoration: underline}.cal-card{padding: 3px 6px;font-size: var(--lumo-font-size-xs);cursor: grab;border-left: 3px solid var(--lumo-contrast-30pct);background: var(--lumo-contrast-5pct)}.cal-card .task-card-title{font-size: var(--lumo-font-size-xs);font-weight: 500;line-height: 1.25}.cal-card .task-card-meta{display: block;font-size: 10px;line-height: 1.2}.cal-card:active{cursor: grabbing}.cal-card.task-prio--alta{border-left-color: var(--lumo-primary-color)}.cal-card.task-prio--urgente{border-left-color: var(--lumo-error-color)}.cal-card--atrasada .task-card-title{color: var(--lumo-error-text-color)}.cal-day.v-drag-over-target{background: var(--lumo-primary-color-10pct)}.task-recurrence{margin-top: 4px;align-self: flex-start;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.task-postponed{margin-top: 4px;align-self: flex-start}.task-postponed-note{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);padding: 6px 10px;margin-bottom: 4px;border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct)}.task-trail{margin-top: 12px;padding-top: 10px;border-top: 1px solid var(--app-border)}.task-trail-title{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-body-text-color);margin-bottom: 4px}.task-trail-line{font-size: var(--lumo-font-size-xs);line-height: 1.7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.goal-list{display: flex;flex-direction: column;gap: 14px}.goal-row{display: flex;flex-direction: column;gap: 6px}.goal-row-label{font-size: var(--lumo-font-size-s)}.goal-row-missing{font-size: var(--lumo-font-size-xs)}.goal-bar{height: 8px;border-radius: 999px;background: var(--lumo-contrast-10pct);overflow: hidden}.goal-bar-fill{height: 100%;border-radius: 999px;background: var(--lumo-primary-color);transition: width .2s ease;min-width: 2px}.goal-bar-fill--met{background: var(--lumo-success-color)}.lead-cadence-row{padding: 8px 10px;border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct)}.lead-cadence-text{font-size: var(--lumo-font-size-s)}@media (max-width: 640px){.cal-grid--mes{grid-template-columns: repeat(7,44vw);overflow-x: auto}.cal-grid--semana{grid-template-columns: repeat(7,60vw);overflow-x: auto}.cal-grid--semana .cal-day{min-height: 240px}.cal-chrome>*{flex: 0 0 auto}}@media (min-width: 641px){.tasks-content{display: flex;flex-direction: column;min-height: 0}.tasks-content>vaadin-grid{flex: 1 1 auto;min-height: 10rem}.tasks-board{min-height: 22rem}.task-calendar{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0;overflow: auto}.task-calendar .cal-grid{flex: 1 1 auto}.cal-grid{grid-auto-rows: minmax(5rem,1fr)}.cal-grid--mes{min-height: 32rem}.cal-grid--semana{grid-auto-rows: minmax(16rem,1fr);min-height: 18rem}}.filter-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);width: 100%;margin-bottom: var(--lumo-space-s)}.filter-bar-slot{display: contents}.filter-bar>.filter-chip-bar{flex: 1 1 auto;padding: 0;min-width: 0}.filter-bar-count{margin-left: var(--lumo-space-xs)}.filter-bar-saved{margin: 0}.filter-bar-saved .actions-menu-item svg{color: var(--lumo-primary-color)}.filter-panel{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--lumo-space-xs) var(--lumo-space-m);align-items: end;padding: 10px}.filter-panel-grid{display: contents}.filter-panel-grid>*{width: 100% !important;min-width: 0;padding-top: 0;padding-bottom: 0}.filter-panel-grid>vaadin-checkbox{align-self: center;padding: var(--lumo-space-xs) 0}.filter-panel-actions{display: flex;justify-content: flex-end;align-items: end;gap: var(--lumo-space-s);grid-column: -3 / -1;white-space: nowrap}@media (max-width: 640px){.filter-bar .filter-bar-slot>vaadin-text-field{width: 100% !important}.filter-panel{grid-template-columns: 1fr}.filter-panel-actions{grid-column: 1 / -1}.filter-panel-actions>vaadin-button{flex: 1 1 auto}}.filter-bar-header{width: auto;margin-bottom: 0;justify-content: flex-end}.help-anchor{display: inline-flex;align-items: center}.help-btn{color: var(--lumo-tertiary-text-color);margin: 0 0 0 2px;padding: 0;min-width: auto}.help-btn:hover{color: var(--lumo-primary-text-color)}.help-btn vaadin-icon{width: 16px;height: 16px}.settings-title-row{gap: 2px}.help-popover::part(overlay){padding: var(--lumo-space-m)}.help-popover-title{display: block;font-weight: 700;margin-bottom: var(--lumo-space-xs)}.help-popover p{margin: 0 0 var(--lumo-space-xs);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);line-height: 1.5}.help-popover p:last-child{margin-bottom: 0}vaadin-horizontal-layout[slot="helper"]{align-items: center;gap: 2px;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);line-height: var(--lumo-line-height-xs)}.plan-feature-tags{gap: 4px;flex-wrap: wrap}.module-gate{max-width: 520px;margin: var(--lumo-space-xl) auto;padding: var(--lumo-space-xl);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);text-align: center}.module-gate-icon{width: 40px;height: 40px;color: var(--lumo-primary-color)}.module-gate-eyebrow{display: block;margin-top: var(--lumo-space-s);font-size: var(--lumo-font-size-xs);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--lumo-primary-text-color)}.module-gate-title{display: block;margin-top: var(--lumo-space-xs);font-size: var(--lumo-font-size-xl);font-weight: 700;line-height: 1.25}.module-gate-text{margin: var(--lumo-space-s) 0 var(--lumo-space-l);color: var(--lumo-secondary-text-color);line-height: 1.5}.module-gate-defer{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.nav-upsell{letter-spacing: 0.04em}@media (max-width: 700px){.module-gate{margin: var(--lumo-space-m) 0;padding: var(--lumo-space-l)}}.settings-search{margin-bottom: var(--lumo-space-m)}.settings-sections{width: 100%}.settings-section-title{margin: var(--lumo-space-l) 0 var(--lumo-space-s);font-size: var(--lumo-font-size-s);font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--lumo-secondary-text-color)}.settings-sections>.settings-section-title:first-child{margin-top: 0}.settings-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--lumo-space-m)}.settings-card-link{display: flex;gap: var(--lumo-space-m);align-items: flex-start;padding: var(--lumo-space-m);border: 1px solid var(--app-border);border-radius: var(--lumo-border-radius-l);background: var(--app-surface);cursor: pointer;transition: border-color 120ms,transform 120ms}.settings-card-link:hover{border-color: var(--lumo-primary-color);transform: translateY(-1px)}.settings-card-icon{width: 22px;height: 22px;flex-shrink: 0;color: var(--lumo-primary-color)}.settings-card-texts{min-width: 0}.settings-card-head{display: flex;align-items: center;gap: var(--lumo-space-xs)}.settings-card-title{font-weight: 600}.settings-card-text{display: block;margin-top: 2px;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);line-height: 1.4}.user-trigger-dot{position: relative}.user-trigger-dot::after{content: "";position: absolute;top: 10px;left: 30px;width: 8px;height: 8px;border-radius: 50%;background: var(--lumo-primary-color);border: 2px solid var(--app-surface)}.menu-item-label{display: inline-flex;align-items: center;gap: var(--lumo-space-xs)}.menu-item-label>vaadin-icon,.menu-item-label>svg{flex: none;width: var(--lumo-icon-size-m);height: var(--lumo-icon-size-m)}.saved-filter-row{display: flex;align-items: center;gap: var(--lumo-space-s);min-width: 180px}.saved-filter-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.saved-filter-remove{flex: none;margin: 0 calc(-1 * var(--lumo-space-xs)) 0 0;color: var(--lumo-secondary-text-color)}.distribute-rows{display: flex;flex-direction: column;gap: var(--lumo-space-xs);width: 100%;max-height: 40vh;overflow-y: auto;padding-right: var(--lumo-space-xs)}.distribute-row{display: flex;align-items: center;justify-content: space-between;gap: var(--lumo-space-m);width: 100%}.distribute-row vaadin-checkbox{flex: 1;min-width: 0}.distribute-row vaadin-integer-field{flex: none}.distribute-split{display: flex;align-items: baseline;gap: var(--lumo-space-xs);flex-wrap: wrap}.distribute-actions{display: flex;align-items: baseline;justify-content: space-between;gap: var(--lumo-space-m);flex-wrap: wrap;margin-top: var(--lumo-space-s)}.leads-action-row{padding: var(--lumo-space-xs) 0;flex-wrap: wrap;gap: var(--lumo-space-s)}.leads-action-group{flex: none;margin-left: auto}.leads-count-block{display: flex;flex-direction: column;width: 100%}vaadin-notification-card[theme~="app-notice-host"]{background: transparent;box-shadow: none;padding: 0;margin: var(--lumo-space-s);min-width: 0}vaadin-notification-card[theme~="app-notice-host"]::part(overlay){background: transparent;box-shadow: none;border: 0;border-radius: 0}vaadin-notification-card[theme~="app-notice-host"]::part(content){padding: 0;margin: 0}.app-notice{cursor: pointer;display: flex;flex-direction: column;gap: var(--lumo-space-xs);width: 320px;max-width: calc(100vw - 2 * var(--lumo-space-m));box-sizing: border-box;padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-l);border: 1px solid var(--app-notice-color,var(--lumo-contrast-20pct));background: var(--app-surface,var(--lumo-base-color));box-shadow: 0 6px 20px rgba(0,0,0,0.10)}.app-notice-title{display: flex;align-items: center;gap: var(--lumo-space-xs);font-weight: 700;font-size: var(--lumo-font-size-m);color: var(--app-notice-color,var(--lumo-body-text-color));line-height: 1.2}.app-notice-title vaadin-icon{width: var(--app-notice-icon,1.15em);height: var(--app-notice-icon,1.15em);flex: none}.app-notice-text{font-size: var(--lumo-font-size-s);color: var(--lumo-body-text-color);line-height: 1.45;padding-left: calc(var(--app-notice-icon,1.15em) + var(--lumo-space-xs));display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;line-clamp: 5;overflow: hidden;overflow-wrap: anywhere}.app-notice-inline .app-notice-text{padding-left: 0}.app-notice-success{--app-notice-color: var(--lumo-success-text-color)}.app-notice-error{--app-notice-color: var(--lumo-error-text-color)}.app-notice-warning{--app-notice-color: #b45309}.app-notice-info{--app-notice-color: var(--lumo-primary-text-color)}