html{--lumo-primary-color: #1a1a1a;--lumo-primary-color-50pct: rgba(26, 26, 26, .5);--lumo-primary-color-10pct: rgba(26, 26, 26, .08);--lumo-primary-text-color: #111111;--tratto-gris: #353535;--tratto-gris-claro: #9b9b9b;--tratto-verde-brillante: #1a1a1a;--tratto-verde-oscuro: #000000;--lumo-body-text-color: #2b2b2b;--lumo-header-text-color: #222222;--lumo-border-radius-s: 6px;--lumo-border-radius-m: 10px;--lumo-border-radius-l: 16px;--lumo-box-shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--lumo-box-shadow-s: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 10px rgba(0, 0, 0, .08);--lumo-box-shadow-m: 0 1px 2px rgba(0, 0, 0, .06), 0 10px 26px rgba(0, 0, 0, .1);--lumo-box-shadow-l: 0 3px 6px rgba(0, 0, 0, .07), 0 18px 44px rgba(0, 0, 0, .16);--lumo-shade-5pct: rgba(0, 0, 0, .04)}vaadin-app-layout::part(content){background:var(--lumo-contrast-5pct);padding:var(--lumo-space-m)}vaadin-app-layout::part(navbar){background:#1a1a1a;color:#fff;box-shadow:0 2px 12px #0000002e;border-bottom:none;min-height:3.75rem}vaadin-app-layout::part(navbar) vaadin-drawer-toggle{color:#fff}vaadin-app-layout::part(drawer){background:#fff;width:20rem;border-right:1px solid var(--lumo-contrast-10pct);box-shadow:inset -1px 0 0 var(--lumo-contrast-5pct);display:flex;flex-direction:column;height:100%;min-height:100%;box-sizing:border-box}vaadin-side-nav{padding:var(--lumo-space-s)}vaadin-side-nav-item::part(content){border-radius:var(--lumo-border-radius-m);padding-block:var(--lumo-space-xs);color:var(--tratto-gris);font-weight:500}vaadin-side-nav-item::part(content):hover{background:var(--lumo-primary-color-10pct)}vaadin-side-nav-item[active]::part(content){background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:700}vaadin-grid{border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-m);border:1px solid var(--lumo-contrast-10pct);overflow:hidden;background:var(--lumo-base-color)}vaadin-grid::part(header-cell){background:var(--lumo-primary-color);color:#fff;font-weight:700}vaadin-grid::part(header-cell) vaadin-grid-sorter{color:#fff}vaadin-form-layout{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-m);border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-l);margin-top:var(--lumo-space-m)}.tratto-card{position:relative;background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-l);border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-l) var(--lumo-space-xl);overflow:hidden}.tratto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#1a1a1a}vaadin-dialog-overlay::part(overlay){border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-l);border:1px solid var(--lumo-contrast-10pct);max-width:96vw;max-height:94vh}.tratto-filtros{flex-wrap:wrap;align-items:flex-end}.tratto-filtros vaadin-text-field,.tratto-filtros vaadin-combo-box,.tratto-filtros vaadin-select,.tratto-filtros vaadin-date-picker{max-width:100%}vaadin-button{border-radius:var(--lumo-border-radius-m);background-color:var(--lumo-primary-color);color:#fff;cursor:pointer}vaadin-button:hover{background-color:var(--tratto-verde-oscuro)}vaadin-button:active{background-color:var(--tratto-verde-oscuro)}vaadin-button[theme~=error]{background-color:#c62828;color:#fff}vaadin-button[theme~=error]:hover{background-color:#a51f1f}vaadin-button[theme~=tertiary-inline],vaadin-button[theme~=icon]{background-color:transparent;color:var(--lumo-primary-text-color)}vaadin-button[theme~=tertiary-inline][theme~=error]{color:#c62828}vaadin-app-layout::part(navbar) vaadin-button[theme~=icon],vaadin-app-layout::part(navbar) vaadin-button[theme~=tertiary-inline]{color:#fff}vaadin-button.tratto-add:hover{background-color:var(--lumo-primary-color-10pct)}vaadin-button[disabled]{color:#ffffffd9}vaadin-notification-card[theme~=tratto-toast]{align-self:center;background:transparent;box-shadow:none}vaadin-notification-card[theme~=tratto-toast]::part(overlay){border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-m);padding:0}vaadin-notification-card[theme~=tratto-toast]::part(content){padding:var(--lumo-space-s) var(--lumo-space-l);font-weight:600;text-align:center}vaadin-notification-card[theme~=tratto-ok]::part(overlay){background:#2e7d32}vaadin-notification-card[theme~=tratto-ok]::part(content){color:#fff}vaadin-notification-card[theme~=tratto-warn]::part(overlay){background:#b45309}vaadin-notification-card[theme~=tratto-warn]::part(content){color:#fff}vaadin-notification-card[theme~=tratto-error]::part(overlay){background:#c62828}vaadin-notification-card[theme~=tratto-error]::part(content){color:#fff}vaadin-side-nav-item::part(content){white-space:normal;overflow:visible;height:auto;min-height:var(--lumo-size-m);align-items:center;line-height:1.25}vaadin-side-nav-item::part(link){white-space:normal;overflow:visible;text-overflow:clip}vaadin-app-layout::part(drawer){transition:width .2s ease}vaadin-app-layout[rail]::part(drawer){width:4.5rem;min-width:4.5rem}vaadin-app-layout[rail] vaadin-side-nav{padding:var(--lumo-space-xs)}vaadin-app-layout[rail] vaadin-side-nav-item{font-size:0}vaadin-app-layout[rail] vaadin-side-nav-item::part(content),vaadin-app-layout[rail] vaadin-side-nav-item::part(link){white-space:nowrap;overflow:hidden;padding-inline:0;justify-content:center}vaadin-app-layout[rail] vaadin-side-nav-item>[slot=prefix]{margin:0 auto;font-size:var(--lumo-icon-size-m, 1.5rem);flex-shrink:0}vaadin-app-layout[rail] vaadin-side-nav-item::part(toggle-button){display:none}vaadin-app-layout[rail] vaadin-side-nav-item vaadin-side-nav-item::part(link){padding-inline-start:0}vaadin-app-layout[rail] .tratto-drawer-logo{display:none!important}.tratto-drawer-toggle{display:flex;justify-content:center;width:100%;margin-top:var(--lumo-space-xs)}.tratto-drawer-toggle vaadin-button{color:#1a1a1a}.tratto-drawer-toggle vaadin-button:hover{color:#000;background:var(--lumo-primary-color-10pct)}@media(max-width:800px){vaadin-app-layout::part(navbar) vaadin-drawer-toggle,vaadin-drawer-toggle{color:#fff}vaadin-app-layout::part(drawer){width:84vw;max-width:20rem}vaadin-app-layout[rail]::part(drawer){width:84vw;min-width:0}vaadin-app-layout[rail] .tratto-drawer-logo{display:block!important}vaadin-app-layout[rail] vaadin-side-nav-item{font-size:inherit}.tratto-drawer-toggle{display:none}}@media(max-width:1024px){.tratto-card{padding:var(--lumo-space-m) var(--lumo-space-l)}.tratto-card vaadin-combo-box,.tratto-card vaadin-select,.tratto-card vaadin-text-field,.tratto-card vaadin-date-picker{max-width:100%}}vaadin-grid::part(estado-emitida),vaadin-grid::part(estado-emitida-cell){background-color:#e8a33d29!important}vaadin-grid::part(estado-parcial),vaadin-grid::part(estado-parcial-cell){background-color:#e8730c29!important}vaadin-grid::part(estado-cobrada),vaadin-grid::part(estado-cobrada-cell){background-color:#2e7d3229!important}vaadin-grid::part(estado-vencida),vaadin-grid::part(estado-vencida-cell){background-color:#c6282829!important}vaadin-grid::part(estado-pendiente),vaadin-grid::part(estado-pendiente-cell){background-color:#e8a33d29!important}vaadin-grid::part(estado-aceptado),vaadin-grid::part(estado-aceptado-cell){background-color:#2e7d3229!important}vaadin-grid::part(estado-rechazado),vaadin-grid::part(estado-rechazado-cell){background-color:#c6282829!important}vaadin-grid::part(estado-facturado),vaadin-grid::part(estado-facturado-cell){background-color:#1565c029!important}vaadin-grid::part(estado-proforma),vaadin-grid::part(estado-proforma-cell){background-color:#9c27b033!important}vaadin-grid::part(estado-alq-pendiente),vaadin-grid::part(estado-alq-pendiente-cell){background-color:#ffc10773!important}vaadin-grid::part(estado-alq-encurso),vaadin-grid::part(estado-alq-encurso-cell){background-color:#43a0477a!important}vaadin-grid::part(estado-alq-finalizado),vaadin-grid::part(estado-alq-finalizado-cell){background-color:#1e88e56b!important}vaadin-grid::part(parte-entrega),vaadin-grid::part(parte-entrega-cell){background-color:#2e7d3229!important}vaadin-grid::part(parte-futura),vaadin-grid::part(parte-futura-cell){background-color:#f9c22e3d!important}vaadin-grid::part(parte-recogida),vaadin-grid::part(parte-recogida-cell){background-color:#fb8c002e!important}vaadin-grid::part(parte-averia),vaadin-grid::part(parte-averia-cell){background-color:#9e9e9e38!important}vaadin-grid{--_lumo-grid-selected-row-color: transparent !important;--vaadin-grid-row-selected-background-color: transparent !important}
