vaadin-app-layout::part(drawer){overflow-x:hidden}vaadin-app-layout::part(drawer) vaadin-scroller{overflow-y:auto;overflow-x:hidden}vaadin-side-nav,vaadin-side-nav::part(content){overflow-x:hidden;min-width:0}vaadin-side-nav-item,vaadin-side-nav-item::part(content),vaadin-side-nav-item::part(link){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}vaadin-side-nav-item::part(toggle-button){flex:0 0 auto}#mainHierarquia{display:block}#mainHierarquia .hierarquia-filtros{display:flex;flex-wrap:wrap;gap:.5rem}[theme~=brand-graphite]{--brand-primary: #556070;--lumo-primary-color: var(--brand-primary);--lumo-primary-color-50pct: color-mix(in srgb, var(--brand-primary) 50%, transparent);--lumo-primary-color-10pct: color-mix(in srgb, var(--brand-primary) 10%, transparent);--lumo-success-color: #16a34a;--lumo-error-color: #ef4444;--lumo-warning-color: #f59e0b;--lumo-border-radius: 12px;--lumo-font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--lumo-line-height-m: 1.25;--lumo-shadow-s: 0 1px 2px rgb(0 0 0 / 8%);--lumo-shadow-m: 0 4px 12px rgb(0 0 0 / 10%)}[theme~=dark][theme~=brand-graphite]{--brand-primary: #91a0b5}[theme~=brand-ocean]{--brand-primary: #2ea3f2;--lumo-primary-color: var(--brand-primary);--lumo-primary-color-50pct: color-mix(in srgb, var(--brand-primary) 50%, transparent);--lumo-primary-color-10pct: color-mix(in srgb, var(--brand-primary) 10%, transparent);--lumo-success-color: #22c55e;--lumo-error-color: #f05252;--lumo-border-radius: 14px;--lumo-font-family: "Rubik", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}[theme~=dark][theme~=brand-ocean]{--brand-primary: #6ec1ff}[theme~=brand-amber]{--brand-primary: #ff8f1f;--lumo-primary-color: var(--brand-primary);--lumo-primary-color-50pct: color-mix(in srgb, var(--brand-primary) 50%, transparent);--lumo-primary-color-10pct: color-mix(in srgb, var(--brand-primary) 10%, transparent);--lumo-success-color: #10b981;--lumo-error-color: #dc2626;--lumo-border-radius: 16px;--lumo-font-family: "IBM Plex Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}:root{--kpi-gap: var(--lumo-space-m);--kpi-minw: 240px;--kpi-pad: var(--lumo-space-m);--prod-bar-minh: 60px;--kpi-accent-success: hsl(145 82% 46%);--kpi-accent-primary: hsl(192 60% 45%)}.kpi-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(var(--kpi-minw),1fr));gap:var(--kpi-gap);padding:var(--kpi-gap);width:100%;box-sizing:border-box;min-width:0}.kpi-density-cozy{--kpi-minw: 240px;--kpi-pad: var(--lumo-space-m)}.kpi-density-snug{--kpi-minw: 220px;--kpi-pad: var(--lumo-space-s)}@media (min-width:1200px){.kpi-grid{gap:var(--lumo-space-l)}}.prod-section-band{margin:var(--lumo-space-xl) 0 var(--lumo-space-xs)}.prod-section-bar{position:relative;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--lumo-space-l);padding:var(--lumo-space-s) var(--lumo-space-xl);width:100%;min-block-size:var(--prod-bar-minh);background:linear-gradient(180deg,color-mix(in srgb,var(--lumo-primary-color) 14%,transparent) 0%,color-mix(in srgb,var(--lumo-primary-color) 10%,transparent) 100%);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);box-shadow:0 8px 22px color-mix(in srgb,var(--lumo-shade-90pct),transparent 80%),0 1px 0 color-mix(in srgb,white 35%,transparent) inset}html[theme~=dark] .prod-section-bar{border-color:color-mix(in srgb,white 10%,transparent);box-shadow:0 12px 28px #0000008c,0 1px #ffffff0f inset}.prod-section-bar:after{content:"";grid-column:3}.prod-section-summary{grid-column:1;justify-self:start;height:100%;display:flex;flex-wrap:wrap;gap:var(--lumo-space-s);align-items:center;align-content:center}.summary-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-weight:700;font-size:var(--lumo-font-size-s);border-radius:9999px;border:1px solid var(--lumo-contrast-10pct);background:color-mix(in srgb,var(--lumo-base-color) 92%,transparent);box-shadow:0 1px 0 color-mix(in srgb,white 35%,transparent) inset}html[theme~=dark] .summary-chip{border-color:color-mix(in srgb,white 12%,transparent);background:color-mix(in srgb,var(--lumo-base-color) 95%,transparent)}.summary-chip:before{content:"";width:8px;height:8px;border-radius:9999px;background:var(--chip-accent, var(--lumo-primary-color))}.summary-qty{--chip-accent: var(--lumo-primary-color)}.summary-val{--chip-accent: var(--lumo-success-color)}.summary-chip .chip-label{opacity:.8;font-weight:600}.prod-section-title{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:clamp(1rem,2.4vw,1.4rem);line-height:1.1;color:var(--lumo-body-text-color);text-shadow:0 1px 0 color-mix(in srgb,var(--lumo-base-color) 65%,transparent),0 2px 6px color-mix(in srgb,black 18%,transparent);pointer-events:none}@media (max-width: 720px){.prod-section-bar{grid-template-columns:1fr}.prod-section-title{position:static!important;transform:none!important;white-space:normal;pointer-events:auto;justify-self:center}.prod-section-summary{height:auto;justify-self:start}}.kpi-card{position:relative;box-sizing:border-box;padding:var(--kpi-pad);border-radius:var(--lumo-border-radius-l);background:color-mix(in srgb,var(--lumo-base-color) 94%,transparent);border:1px solid var(--lumo-contrast-10pct);border-inline-start:4px solid var(--status-accent, var(--lumo-primary-color));box-shadow:0 3px 10px color-mix(in srgb,var(--lumo-shade-90pct),transparent 70%);transition:box-shadow .16s ease,transform .16s ease;min-height:86px}.kpi-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--lumo-shade-90pct),transparent 58%)}html[theme~=dark] .kpi-card{background:color-mix(in srgb,var(--lumo-base-color) 96%,transparent);border-color:color-mix(in srgb,white 16%,transparent);box-shadow:0 12px 28px #0009}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--lumo-space-xs)}.kpi-badge{max-width:34ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--lumo-space-xs)}.kpi-metrics{display:flex;align-items:baseline;justify-content:space-between;gap:var(--lumo-space-m)}.kpi-qty,.kpi-value{font-weight:800;font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--lumo-body-text-color)}.kpi-value{padding-inline-start:var(--lumo-space-s);border-inline-start:1px solid var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color)}html[theme~=dark] .kpi-value{border-color:color-mix(in srgb,white 12%,transparent)}.kpi-card .kpi-badge[theme~=success]{background-color:color-mix(in srgb,var(--kpi-accent-success) 55%,transparent)!important;border:1px solid color-mix(in srgb,var(--kpi-accent-success) 70%,transparent)!important;color:var(--lumo-body-text-color);font-weight:900;font-size:calc(var(--lumo-font-size-s) + 2px)!important;letter-spacing:.02em;padding:.3rem .72rem!important;box-shadow:0 1px 0 color-mix(in srgb,white 35%,transparent) inset,0 4px 12px color-mix(in srgb,var(--kpi-accent-success) 35%,transparent);border-radius:9999px}html[theme~=dark] .kpi-card .kpi-badge[theme~=success]{background-color:color-mix(in srgb,var(--kpi-accent-success) 62%,transparent)!important;border-color:color-mix(in srgb,var(--kpi-accent-success) 78%,transparent)!important}.kpi-grid:after{content:"";display:block;height:var(--kpi-gap)}.kpi-card .kpi-badge[theme~=primary]{background-color:color-mix(in srgb,var(--kpi-accent-primary) 16%,transparent)!important;border:1px solid color-mix(in srgb,var(--kpi-accent-primary) 22%,transparent)!important;color:var(--lumo-body-text-color)!important;box-shadow:0 1px 0 color-mix(in srgb,white 35%,transparent) inset}html[theme~=dark] .kpi-card .kpi-badge[theme~=primary]{background-color:color-mix(in srgb,var(--kpi-accent-primary) 18%,transparent)!important;border-color:color-mix(in srgb,var(--kpi-accent-primary) 28%,transparent)!important}.app-sidenav{width:260px;padding:var(--lumo-space-s)}.menu-link{display:flex;align-items:center;gap:var(--lumo-space-s);padding:8px 12px;border-radius:12px;text-decoration:none;color:var(--lumo-body-text-color);transition:background-color .15s,box-shadow .15s,transform .05s}.menu-link .menu-icon{opacity:.92}.menu-link .menu-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-link:hover{background:var(--lumo-contrast-5pct)}.menu-link:is([highlight],[aria-current="page"],.active){font-weight:600}.app-sidenav vaadin-details::part(summary){padding:8px 12px;border-radius:12px;color:var(--lumo-secondary-text-color);transition:background-color .15s,box-shadow .15s}.app-sidenav vaadin-details:hover::part(summary){background:var(--lumo-contrast-5pct)}.app-sidenav vaadin-details[opened]::part(summary){background:color-mix(in srgb,var(--lumo-primary-color) 12%,transparent);color:var(--lumo-body-text-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--lumo-primary-color) 35%,transparent) inset}.menu-link:focus-visible,.app-sidenav vaadin-details::part(summary):focus-visible{outline:2px solid var(--lumo-primary-color);outline-offset:2px;border-radius:14px}.menu-link:active{transform:translateY(1px)}[theme~=menu-neutral] .menu-link:hover{background:var(--lumo-contrast-5pct)}[theme~=menu-neutral] .menu-link:is([highlight],[aria-current="page"],.active){background:var(--lumo-contrast-10pct);box-shadow:0 0 0 1px var(--lumo-contrast-10pct) inset}[theme~=dark][theme~=menu-neutral] .menu-link:is([highlight],[aria-current="page"],.active){background:var(--lumo-contrast-20pct);box-shadow:0 0 0 1px var(--lumo-contrast-20pct) inset}[theme~=menu-wash] .menu-link:hover{background:color-mix(in srgb,var(--lumo-primary-color) 10%,var(--lumo-contrast-5pct))}[theme~=menu-wash] .menu-link:is([highlight],[aria-current="page"],.active){background:color-mix(in srgb,var(--lumo-primary-color) 16%,var(--lumo-contrast-10pct));box-shadow:0 0 0 1px color-mix(in srgb,var(--lumo-primary-color) 28%,transparent) inset}[theme~=dark][theme~=menu-wash] .menu-link:is([highlight],[aria-current="page"],.active){background:color-mix(in srgb,var(--lumo-primary-color) 22%,var(--lumo-contrast-20pct))}[theme~=menu-outline] .menu-link:hover{background:var(--lumo-contrast-5pct)}[theme~=menu-outline] .menu-link:is([highlight],[aria-current="page"],.active){background:transparent;box-shadow:3px 0 0 0 var(--lumo-primary-color) inset;color:var(--lumo-primary-text-color)}[theme~=nav-pills] .app-sidenav{background:transparent}[theme~=nav-pills] .menu-link{border-radius:999px}[theme~=nav-pills] .menu-link:is([highlight],[aria-current="page"],.active){background:color-mix(in srgb,var(--lumo-primary-color) 15%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lumo-primary-color) 35%,transparent) inset}[theme~=dark][theme~=nav-pills] .menu-link:is([highlight],[aria-current="page"],.active){background:color-mix(in srgb,var(--lumo-primary-color) 22%,transparent)}[theme~=nav-glass] vaadin-app-layout::part(drawer){background:transparent!important;border-right:none!important;box-shadow:none!important}[theme~=nav-glass] vaadin-app-layout::part(navbar){background:color-mix(in srgb,var(--lumo-base-color) 70%,transparent);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000014;border-bottom:1px solid var(--lumo-contrast-10pct)}[theme~=nav-glass] .app-sidenav{margin:var(--lumo-space-s);padding:var(--lumo-space-s);background:color-mix(in srgb,var(--lumo-base-color) 60%,transparent);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l, 12px);box-shadow:0 10px 30px #0000001a;backdrop-filter:blur(8px)}[theme~=nav-glass] .menu-link{border-radius:var(--lumo-border-radius-l, 12px)}[theme~=nav-glass] .menu-link:hover{background:color-mix(in srgb,var(--lumo-contrast-10pct) 70%,transparent)}[theme~=nav-glass] .menu-link:is([highlight],[aria-current="page"],.active){background:color-mix(in srgb,var(--lumo-primary-color) 18%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lumo-primary-color) 40%,transparent) inset}[theme~=nav-rail] vaadin-app-layout::part(drawer){width:72px!important;background:var(--lumo-base-color)!important;border-right:1px solid var(--lumo-contrast-10pct)!important;box-shadow:none!important}[theme~=nav-rail] .app-sidenav{width:72px!important;padding:var(--lumo-space-s)!important;display:flex;flex-direction:column;gap:var(--lumo-space-s)}[theme~=nav-rail] .menu-link{justify-content:center;padding:10px 0!important;border-radius:12px}[theme~=nav-rail] .menu-link .menu-text{display:none!important}[theme~=nav-rail] .menu-link .menu-icon{font-size:20px;opacity:.9}[theme~=nav-rail] .menu-link:is([highlight],[aria-current="page"],.active){background:var(--lumo-contrast-5pct)!important;box-shadow:3px 0 0 0 var(--lumo-primary-color) inset!important}[theme~=nav-rail-expanded] vaadin-app-layout::part(drawer){width:260px!important}[theme~=nav-rail-expanded] .app-sidenav{width:260px!important}[theme~=nav-rail-expanded] .menu-link{justify-content:flex-start;padding:8px 12px!important}[theme~=nav-rail-expanded] .menu-link .menu-text{display:inline!important}.app-sidenav .menu-link{width:100%;box-sizing:border-box}.app-sidenav vaadin-details .menu-link{width:100%}.app-sidenav vaadin-details::part(content){padding:0}[theme~=nav-pills] .app-sidenav vaadin-details .menu-link{border-radius:999px}.emoji-grid{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.emoji-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:20px;line-height:1;border-radius:10px;box-shadow:var(--lumo-box-shadow-s);transition:transform .08s ease,box-shadow .12s ease}.emoji-btn:hover{transform:translateY(-1px);box-shadow:var(--lumo-box-shadow-m)}.emoji-selected{outline:2px solid var(--lumo-primary-color);box-shadow:var(--lumo-box-shadow-l)}.emoji-empty{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-m);padding:16px}:host([theme~="dark"]) .emoji-btn{box-shadow:0 1px 2px #0009,0 4px 10px #00000059}:host([theme~="dark"]) .emoji-btn:hover{box-shadow:0 2px 6px #000000b3,0 8px 18px #00000073}vaadin-dialog-overlay::part(content){overflow:hidden}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.whats_view .vaadin-combo-box .input-field{background:#ffffff;color:#fff}.xeo-header{padding:.4rem .6rem;font-weight:600;border-radius:var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0 0;background-color:var(--lumo-contrast-10pct);color:var(--lumo-body-text-color)}.shadow-top{background-color:var(--lumo-base-color);box-shadow:0 -2px 6px #00000026;border-top:1px solid var(--lumo-contrast-10pct);padding:.5rem .75rem;border-radius:0 0 var(--lumo-border-radius-l) var(--lumo-border-radius-l)}html[theme~=dark] .shadow-top{box-shadow:0 -2px 8px #0009;border-top:1px solid rgba(255,255,255,.06)}:root{--kb-shadow-1: 0 1px 2px var(--lumo-shade-20pct), 0 3px 8px var(--lumo-shade-20pct);--kb-shadow-2: 0 8px 18px var(--lumo-shade-30pct), 0 3px 10px var(--lumo-shade-20pct);--kb-border: var(--lumo-contrast-10pct);--kb-border-hover: var(--lumo-contrast-20pct);--kb-header-bg: var(--lumo-contrast-5pct);--kb-header-border: var(--lumo-contrast-10pct);--kb-card-bg: var(--lumo-base-color);--kb-new-dot: 14px;--kb-new-scale: 2.8;--kb-new-speed: .9s;--kb-new-glow: 10px}html[theme~=dark],body[theme~=dark]{--kb-shadow-1: 0 1px 2px rgba(0,0,0,.45), 0 4px 10px rgba(0,0,0,.5);--kb-shadow-2: 0 12px 24px rgba(0,0,0,.6), 0 5px 14px rgba(0,0,0,.45);--kb-border: rgba(255,255,255,.06);--kb-border-hover: rgba(255,255,255,.12);--kb-header-bg: rgba(255,255,255,.06);--kb-header-border: rgba(255,255,255,.1);--kb-card-bg: rgba(255,255,255,.04);--kb-new-glow: 14px}.kanban-board{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;padding:0 8px;box-sizing:border-box;cursor:default}.kanban-board.grabbing{cursor:grabbing}.kanban-column{position:relative;display:flex;flex-direction:column;flex:0 0 340px;width:340px;border-radius:14px;align-self:flex-start;background:transparent;box-shadow:var(--kb-shadow-1);padding-bottom:2px}.kanban-column.dragging{box-shadow:var(--kb-shadow-2)}.kanban-column>:not(.drag-handle):not(.col-drop-zone):first-child{position:relative;border-radius:12px;background:var(--kb-header-bg);border:1px solid var(--kb-header-border);box-shadow:var(--kb-shadow-1);padding:12px 44px;box-sizing:border-box;display:flex;align-items:center;gap:8px}.kanban-column>:not(.drag-handle):not(.col-drop-zone):first-child>*:last-child{margin-left:auto;display:flex;align-items:center;gap:6px}.kanban-column>:not(.drag-handle):not(.col-drop-zone):first-child,.kanban-column>:not(.drag-handle):not(.col-drop-zone):first-child *{cursor:default!important}.kanban-cards{margin-top:8px;padding:6px;border-radius:12px;background:transparent;overflow-y:auto;max-height:inherit;box-sizing:border-box;overscroll-behavior:contain;min-height:min(180px,40vh)}.drag-handle{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:grab;user-select:none;z-index:2000;background:var(--kb-header-bg);border:1px solid var(--kb-header-border);box-shadow:var(--kb-shadow-1)}.drag-handle:hover{filter:brightness(1.05)}.drag-handle.dragging{cursor:grabbing}.col-drop-zone{position:absolute;top:0;bottom:0;width:14px;pointer-events:none;z-index:1500}.col-drop-zone.left{left:-7px}.col-drop-zone.right{right:-7px}.kanban-board.col-dnd-active{user-select:none}.kanban-board.col-dnd-active .kanban-column:not(.dragging) .col-drop-zone{pointer-events:auto;z-index:3000}.kanban-board.col-dnd-active .kanban-column:not(.dragging) .col-drop-zone.left{left:0;width:calc(50% + 20px)}.kanban-board.col-dnd-active .kanban-column:not(.dragging) .col-drop-zone.right{right:0;width:calc(50% + 20px)}.kanban-board.col-dnd-active .kanban-cards{pointer-events:none}.kanban-card{position:relative;width:300px;margin:10px auto;padding:10px 12px;box-sizing:border-box;background:var(--kb-card-bg)!important;border:1px solid var(--kb-border)!important;border-radius:14px;box-shadow:var(--kb-shadow-1);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease;will-change:transform,box-shadow;cursor:grab}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--kb-shadow-2);border-color:var(--kb-border-hover)!important}.kanban-card.has-new{outline:2px dashed var(--lumo-primary-color);outline-offset:2px}.kanban-card .actions,.kanban-card #footer{margin-top:6px}.kanban-column,.kanban-card{backface-visibility:hidden}.kanban-card.has-new:after{width:var(--kb-new-dot);height:var(--kb-new-dot);top:8px;right:10px;content:"";position:absolute;border-radius:50%;background:var(--lumo-primary-color);box-shadow:0 0 0 3px var(--kb-card-bg),0 0 var(--kb-new-glow) 3px var(--lumo-primary-color);z-index:5;pointer-events:none}.kanban-card.has-new:before{width:var(--kb-new-dot);height:var(--kb-new-dot);top:8px;right:10px;content:"";position:absolute;border-radius:50%;background:var(--lumo-primary-color);opacity:.75;z-index:4;pointer-events:none;animation:kb-pulse var(--kb-new-speed) ease-out infinite}@keyframes kb-pulse{0%{transform:scale(1);opacity:.8}45%{transform:scale(1.6);opacity:.6}70%{transform:scale(var(--kb-new-scale));opacity:0}to{transform:scale(var(--kb-new-scale));opacity:0}}.kanban-cards{min-height:min(180px,40vh)}.kanban-cards:empty{outline:2px dashed var(--kb-border-hover);outline-offset:1px}body:has(vaadin-dialog-overlay[opened]) .drag-handle,body:has(vaadin-confirm-dialog-overlay[opened]) .drag-handle,body:has(vaadin-context-menu-overlay[opened]) .drag-handle{opacity:0;pointer-events:none}body:has(vaadin-dialog-overlay[opened]) .col-drop-zone,body:has(vaadin-confirm-dialog-overlay[opened]) .col-drop-zone,body:has(vaadin-context-menu-overlay[opened]) .col-drop-zone{display:none}vaadin-dialog-overlay,vaadin-confirm-dialog-overlay,vaadin-context-menu-overlay{z-index:10000!important}.kanban-board.kb-vscroll .kanban-cards{max-height:none;overflow-y:visible}.kanban-board.kb-vertical{flex-direction:column;overflow-y:visible;overflow-x:hidden}.kanban-board.kb-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden}html{--scroll-track: var(--lumo-contrast-10pct);--scroll-thumb: var(--lumo-contrast-30pct);--scroll-thumb-hover: var(--lumo-contrast-40pct);--scroll-corner: var(--lumo-contrast-10pct);--scroll-track-outline: color-mix(in oklab, var(--lumo-base-color), black 6%)}html[theme~=dark]{--scroll-track: color-mix(in oklab, var(--lumo-base-color), white 12%);--scroll-thumb: color-mix(in oklab, var(--lumo-base-color), white 42%);--scroll-thumb-hover: color-mix(in oklab, var(--lumo-base-color), white 52%);--scroll-corner: color-mix(in oklab, var(--lumo-base-color), white 12%);--scroll-track-outline: color-mix(in oklab, var(--lumo-base-color), white 18%)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}body,.kanban-column,.vaadin-overlay-container{scrollbar-gutter:stable both-edges}*::-webkit-scrollbar{width:10px;height:12px}*::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px;box-shadow:inset 0 0 0 1px var(--scroll-track-outline)}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:999px;border:1px solid var(--scroll-track);min-height:40px;min-width:40px;box-shadow:inset 0 0 0 1px color-mix(in oklab,black,transparent 78%)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover);box-shadow:inset 0 0 0 1px color-mix(in oklab,black,transparent 75%),0 0 8px color-mix(in oklab,var(--lumo-primary-color),transparent 82%)}vaadin-virtual-list::part(scroller),vaadin-combo-box-overlay::part(content),vaadin-context-menu-overlay::part(content),vaadin-dialog-overlay::part(content){scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}vaadin-virtual-list::part(scroller)::-webkit-scrollbar,vaadin-combo-box-overlay::part(content)::-webkit-scrollbar,vaadin-context-menu-overlay::part(content)::-webkit-scrollbar,vaadin-dialog-overlay::part(content)::-webkit-scrollbar{width:10px;height:12px}vaadin-virtual-list::part(scroller)::-webkit-scrollbar-track,vaadin-combo-box-overlay::part(content)::-webkit-scrollbar-track,vaadin-context-menu-overlay::part(content)::-webkit-scrollbar-track,vaadin-dialog-overlay::part(content)::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px;box-shadow:inset 0 0 0 1px var(--scroll-track-outline)}vaadin-virtual-list::part(scroller)::-webkit-scrollbar-thumb,vaadin-combo-box-overlay::part(content)::-webkit-scrollbar-thumb,vaadin-context-menu-overlay::part(content)::-webkit-scrollbar-thumb,vaadin-dialog-overlay::part(content)::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:999px;border:1px solid var(--scroll-track);box-shadow:inset 0 0 0 1px color-mix(in oklab,black,transparent 78%)}vaadin-virtual-list::part(scroller)::-webkit-scrollbar-thumb:hover,vaadin-combo-box-overlay::part(content)::-webkit-scrollbar-thumb:hover,vaadin-context-menu-overlay::part(content)::-webkit-scrollbar-thumb:hover,vaadin-dialog-overlay::part(content)::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover);box-shadow:inset 0 0 0 1px color-mix(in oklab,black,transparent 75%),0 0 8px color-mix(in oklab,var(--lumo-primary-color),transparent 82%)}.pf-card{background:var(--lumo-base-color);border:2px solid var(--lumo-primary-color);padding:20px;border-radius:12px;box-shadow:var(--lumo-box-shadow-s);margin-bottom:20px}.pf-title{font-size:1.3rem;font-weight:700;color:var(--lumo-primary-text-color)}.pf-beta{margin-left:8px;background:var(--lumo-primary-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.pf-help{font-size:.85rem;opacity:.8;margin-bottom:10px;display:block}.pf-input{width:160px}.pf-btn{margin-top:10px;font-size:1rem;padding:12px}