@layer components{.hub-table-wrap{box-sizing:border-box;background:var(--card);max-width:100%;color:var(--fg);border-radius:var(--r-16);box-shadow:var(--elev-1);position:relative;overflow:auto}.hub-table-wrap:focus-visible{outline:2px solid var(--p);outline-offset:2px}.hub-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.hub-table__col--lead{width:50px}.hub-table--compact .hub-table__col--lead{width:38px}.hub-table__th{z-index:2;box-sizing:border-box;height:var(--row-compact);padding:0 var(--space-12);background:var(--card);color:var(--mfg);text-align:left;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 -1px 0 var(--border);font-weight:600;position:sticky;top:0;overflow:hidden}.hub-table--compact .hub-table__th{height:var(--control)}.hub-table__th--end{text-align:right}.hub-table__th.is-sorted{color:var(--fg)}.hub-table__sort{align-items:center;gap:var(--space-4);max-width:100%;min-height:var(--control);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:inline-flex;position:relative}.hub-table__th--end .hub-table__sort{flex-direction:row-reverse}.hub-table__sort:after{content:"";inset:calc((var(--control) - var(--touch)) / 2) calc(var(--space-4) * -1);position:absolute}.hub-table__sort:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:var(--r-6)}@media (hover:hover){.hub-table__sort:hover{color:var(--fg)}}.hub-table__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.hub-table__chev{opacity:.35;flex:none;display:inline-flex}.hub-table__sort.is-active .hub-table__chev{opacity:1}.hub-table__sort:hover .hub-table__chev,.hub-table__sort:focus-visible .hub-table__chev{opacity:.7}.hub-table__sort.is-active:hover .hub-table__chev{opacity:1}.hub-table__td{box-sizing:border-box;height:var(--row);min-width:0;padding:0 var(--space-12);border-bottom:1px solid var(--border);background:var(--card);vertical-align:middle;text-align:left;overflow:hidden}.hub-table--compact .hub-table__td{height:var(--row-compact)}.hub-table__td--end{text-align:right}.hub-table__td--muted{color:var(--mfg)}.hub-table__th:first-child,.hub-table__td:first-child{padding-left:var(--card-padding)}.hub-table__th:last-child,.hub-table__td:last-child{padding-right:var(--card-padding)}.hub-table__td--lead,.hub-table__th--lead{padding-right:0}.hub-table tbody tr:last-child .hub-table__td{border-bottom:0}.hub-table__cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.hub-table__td--end>.hub-table__cell{display:block}.hub-table__td .hub-amount{max-width:100%}.hub-table__sub{text-overflow:ellipsis;white-space:nowrap;color:var(--mfg);display:block;overflow:hidden}.hub-table__emoji{width:var(--control);height:var(--control);border-radius:var(--r-10);background:var(--hub-table-tint,var(--muted));box-shadow:inset 0 0 0 1px var(--border);justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.hub-table__rowlink{max-width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:block;overflow:hidden}.hub-table__rowlink:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:var(--r-6)}.hub-table__row--interactive{cursor:pointer}@media (hover:hover){.hub-table__row--interactive:hover .hub-table__td{background:var(--muted)}}.hub-table__row.is-selected .hub-table__td{background:var(--muted);border-bottom-color:var(--fg);box-shadow:inset 0 1px 0 var(--fg)}.hub-table__row.is-selected .hub-table__td:first-child{box-shadow:inset 0 1px 0 var(--fg), inset 1px 0 0 var(--fg)}.hub-table__row.is-selected .hub-table__td:last-child{box-shadow:inset 0 1px 0 var(--fg), inset -1px 0 0 var(--fg)}.hub-table tbody tr.is-selected:last-child .hub-table__td{border-bottom:1px solid var(--fg)}.hub-table__statecell{background:var(--card);border-bottom:0;height:auto;padding:0}.hub-table__statecell .hub-skeleton{gap:0}.hub-table__statecell .hub-empty{padding:var(--space-24) var(--space-16);align-items:flex-start}.hub-table__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub-table__row--interactive:active .hub-table__td{background:var(--pressed)}.hub-table__sort:active{color:var(--fg)}.hub-table__row--interactive:active :is(.hub-table__td--muted,.hub-table__sub){color:color-mix(in srgb, var(--mfg) 70%, var(--fg))}}
@layer components{.hub-tabs{--hub-tabs-gutter:var(--space-20);box-sizing:border-box;z-index:1;height:var(--tabs-row);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.hub-tabs--plain{border-bottom:0}.hub-tabs__scroll{scrollbar-width:none;box-sizing:border-box;height:calc(100% + 4px);padding:2px 0;position:relative;top:-2px;overflow:auto hidden}.hub-tabs__scroll::-webkit-scrollbar{display:none}.hub-tabs--fade-l .hub-tabs__scroll{mask-image:linear-gradient(90deg,#0000 0,#000 28px)}.hub-tabs--fade-r .hub-tabs__scroll{mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000 100%)}.hub-tabs--fade-l.hub-tabs--fade-r .hub-tabs__scroll{mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 40px),#0000 100%)}.hub-tabs__track{box-sizing:border-box;width:max-content;min-width:100%;height:100%;padding:0 var(--hub-tabs-gutter);align-items:stretch;gap:22px;display:flex;position:relative}.hub-tabs__tab{align-items:center;gap:var(--space-8);color:var(--mfg);white-space:nowrap;cursor:pointer;transition:color var(--d-dialog) var(--ease);background:0 0;border:0;flex:none;padding:0;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}@media (prefers-reduced-motion:reduce){.hub-tabs__tab{transition:none}}.hub-tabs__tab--on{color:var(--fg)}.hub-tabs__tab:after{content:"";position:absolute;inset:-2px -6px}.hub-tabs__tab:focus-visible{outline:none}.hub-tabs__tab:focus-visible:after{outline:2px solid var(--p);border-radius:var(--r-8)}.hub-tabs__tab[aria-disabled=true]{opacity:.5;cursor:default}@media (hover:hover){.hub-tabs__tab:not(.hub-tabs__tab--on):not([aria-disabled=true]):hover{color:var(--fg)}}.hub-tabs__label{flex-direction:column;align-items:flex-start;display:inline-flex}.hub-tabs__label:after{content:attr(data-label);visibility:hidden;pointer-events:none;height:0;font-weight:600;overflow:hidden}.hub-tabs__count{color:var(--mfg)}.hub-tabs__ink{background:var(--fg);opacity:0;pointer-events:none;width:0;height:2px;position:absolute;bottom:0;left:0}.hub-tabs__ink--ready{opacity:1;transition:transform var(--d-dialog) var(--ease), width var(--d-dialog) var(--ease)}.hub-tabs__ink.hub-tabs__ink--arrastre{transition:none}@media (prefers-reduced-motion:reduce){.hub-tabs__ink--ready{transition:none}}.hub-tabs__tab{isolation:isolate}.hub-tabs__tab:not([aria-disabled=true]):not(.hub-tabs__tab--on):active{color:color-mix(in srgb, var(--fg) 70%, var(--mfg))}.hub-tabs__tab:before{content:"";border-radius:var(--r-8);z-index:-1;pointer-events:none;position:absolute;inset:calc(50% - 14px) -6px}}
@layer components{.hub-toast{box-sizing:border-box;align-items:center;gap:var(--space-16);width:var(--toast);max-width:100%;padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);background:var(--toast-bg);color:var(--toast-fg);border-radius:var(--r-12);box-shadow:var(--elev-3);animation:hub-toast-in var(--d-toast) var(--ease) both;display:flex}.hub-toast__text{min-width:0;padding:var(--space-4) 0;flex-direction:column;flex:1;gap:2px;display:flex}.hub-toast__message{color:var(--toast-fg);text-wrap:pretty}.hub-toast__secondary{color:var(--toast-fg);opacity:.7}.hub-toast__action{padding:var(--space-8) var(--space-12);border-radius:var(--r-8);color:var(--toast-action);cursor:pointer;background:0 0;border:0;flex:none;margin:0;position:relative}.hub-toast__action:after{content:"";height:var(--touch);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hub-toast__action:focus-visible{outline:2px solid var(--toast-action);outline-offset:0}@media (hover:hover){.hub-toast__action:hover{text-decoration:underline}}@keyframes hub-toast-in{0%{opacity:0;transform:translateY(var(--space-8))}to{opacity:1;transform:none}}.hub-toast--swipe{touch-action:none;cursor:grab}.hub-toast--leaving{pointer-events:none;animation:hub-toast-out-fade var(--d-menu) var(--ease-in) forwards}.hub-toast--leaving-left,.hub-toast--leaving-right,.hub-toast--leaving-down{animation-timing-function:var(--ease)}.hub-toast--leaving-left{animation-name:hub-toast-out-left}.hub-toast--leaving-right{animation-name:hub-toast-out-right}.hub-toast--leaving-down{animation-name:hub-toast-out-down}@keyframes hub-toast-out-fade{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(var(--space-8))}}@keyframes hub-toast-out-left{0%{opacity:var(--hub-toast-op,1);transform:translate(var(--hub-toast-x,0px), 0)}to{opacity:0;transform:translate(calc(-100% - var(--space-24)), 0)}}@keyframes hub-toast-out-right{0%{opacity:var(--hub-toast-op,1);transform:translate(var(--hub-toast-x,0px), 0)}to{opacity:0;transform:translate(calc(100% + var(--space-24)), 0)}}@keyframes hub-toast-out-down{0%{opacity:var(--hub-toast-op,1);transform:translate(0, var(--hub-toast-y,0px))}to{opacity:0;transform:translate(0, calc(100% + var(--space-24)))}}@media (prefers-reduced-motion:reduce){.hub-toast,.hub-toast--leaving{animation:none}}}
@layer components{.hub-toasts{z-index:60;left:var(--space-16);right:var(--space-16);bottom:var(--hub-toast-bottom,calc(var(--hub-dock-h,62px) + 38px + env(safe-area-inset-bottom,0px)));pointer-events:none;justify-content:center;display:flex;position:fixed}.hub-toasts>*{pointer-events:auto}@media (min-width:600px){.hub-toasts{left:auto;right:var(--space-24);bottom:calc(var(--space-24) + env(safe-area-inset-bottom,0px));width:var(--toast);justify-content:flex-end}:root:has(.hub-panel--open .hub-panel__surface[role=dialog] .hub-panel__footer) .hub-toasts{bottom:calc(var(--button) + 61px + env(safe-area-inset-bottom,0px))}}@media (max-width:599px){.hub-panel__surface[data-hub-toast-hoja] .hub-panel__body,.hub-sheet__panel[data-hub-toast-hoja] .hub-sheet__body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}}.hub-toasts{transition:right var(--d-panel) var(--ease), bottom var(--d-panel) var(--ease)}@media (prefers-reduced-motion:reduce){.hub-toasts{transition:none}}@media (min-width:1200px){:root:has(.hub-panel--adapt .hub-panel__surface[role=complementary]) .hub-toasts{right:calc(var(--hub-detalle-ancho,var(--panel-extra)) + var(--space-24))}}}
