.search-field-layout{background-color: var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-m);height: 36px;padding-left: var(--lumo-space-s);padding-right: var(--lumo-space-s);min-width: 280px}vaadin-dialog-overlay.search-popup::part(overlay){@media (min-width: 1024px){width: 50%}}.search-result-layout{flex-wrap: wrap;@media (min-width: 1024px){flex-wrap: nowrap}}.stats-card{background-color: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-m)}.text-stats-card{margin-left: 20px;margin-top: 10px;margin-right: 60px;margin-bottom: 10px;font-weight: 500;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-m)}.number-stats-card{margin-left: 20px;margin-right: 80px;margin-bottom: 18px;margin-top: 18px;font-weight: bold}.separator-stats-card{height: 1px;width: 100%;background: var(--lumo-contrast-10pct)}vaadin-dialog-overlay.add-dialog-form::part(overlay){@media (min-width: 1024px){width: 40%}}.river-main-layout{display: flex;flex-direction: column;gap: 20px;width: 100%;>:first-child{order: 2}>:last-child{order: 1}@media (min-width: 768px){display: flex;flex-direction: row;>:first-child{order: 1}>:last-child{margin-top: 48px;order: 2}}}.river-view-map{width: 100%;@media (min-width: 768px){width: 35%}}.river-grids{width: 100%;max-width: 100%;@media (min-width: 768px){width: 65%;max-width: 65%}}.river-page-map{--river-page-map-height: 350px;@media (min-width: 768px){--river-page-map-height: 600px}}.gauge-info{display: flex;flex-direction: column;gap: var(--lumo-space-m);width: 100%;padding-top: var(--lumo-space-s);box-sizing: border-box}.gauge-info-measures{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: var(--lumo-space-m)}.gauge-info-measure{display: flex;flex-direction: column;gap: var(--lumo-space-xs);padding: var(--lumo-space-m);border-radius: var(--lumo-border-radius-l);background: var(--lumo-primary-color-10pct)}.gauge-info-measure-label{font-size: var(--lumo-font-size-xs);font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--lumo-secondary-text-color)}.gauge-info-measure-reading{display: flex;align-items: baseline;gap: var(--lumo-space-xs)}.gauge-info-measure-value{font-size: var(--lumo-font-size-xxl);font-weight: 700;line-height: 1.1;color: var(--lumo-header-text-color);font-variant-numeric: tabular-nums}.gauge-info-measure-unit{font-size: var(--lumo-font-size-m);color: var(--lumo-secondary-text-color)}.gauge-info-measure-time{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.gauge-info-measure-time.stale{color: var(--lumo-error-text-color)}.gauge-info-measure-empty{font-size: var(--lumo-font-size-l);color: var(--lumo-tertiary-text-color);padding: var(--lumo-space-xs) 0}.gauge-info-columns{display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));gap: var(--lumo-space-m);align-items: start}.gauge-info-card{display: flex;flex-direction: column;gap: var(--lumo-space-s);padding: var(--lumo-space-m) var(--lumo-space-l);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l);background: var(--lumo-base-color);min-width: 0}.gauge-info-card-title{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-header-text-color);padding-bottom: var(--lumo-space-xs)}.gauge-info-properties{display: grid;grid-template-columns: minmax(110px,max-content) 1fr;column-gap: var(--lumo-space-l)}.gauge-info-property-label,.gauge-info-property-value{padding: var(--lumo-space-s) 0;border-top: 1px solid var(--lumo-contrast-5pct);font-size: var(--lumo-font-size-s)}.gauge-info-property-label:first-child,.gauge-info-property-label:first-child + .gauge-info-property-value{border-top: none}.gauge-info-property-label{color: var(--lumo-secondary-text-color)}.gauge-info-property-value{color: var(--lumo-body-text-color);min-width: 0;overflow-wrap: anywhere}.gauge-info-identifier{font-family: var(--lumo-font-family-monospace,ui-monospace,monospace);font-size: var(--lumo-font-size-s);padding: 1px var(--lumo-space-xs);border-radius: var(--lumo-border-radius-s);background: var(--lumo-contrast-5pct)}.gauge-info-url{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.gauge-info-empty{color: var(--lumo-tertiary-text-color)}.gauge-info-description{display: flex;flex-direction: column;gap: var(--lumo-space-m);font-size: var(--lumo-font-size-s)}.gauge-info-description p{margin: 0;white-space: pre-line;line-height: var(--lumo-line-height-m)}.gauge-info-intro{display: grid;grid-template-columns: 2.5rem 1fr;gap: var(--lumo-space-s);align-items: start}.gauge-info-lang{font-size: var(--lumo-font-size-xxs);font-weight: 600;text-align: center;padding: 2px 0;border-radius: var(--lumo-border-radius-s);background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.gauge-info-status{display: flex;align-items: center;gap: var(--lumo-space-s);font-size: var(--lumo-font-size-l);font-weight: 600;line-height: 1.6}.gauge-info-status vaadin-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s)}.gauge-info-status.ok{color: var(--lumo-success-text-color)}.gauge-info-status.missing{color: var(--lumo-tertiary-text-color)}.gauge-calendar{display: flex;flex-direction: column;gap: var(--lumo-space-m);width: 100%;padding-top: var(--lumo-space-s);box-sizing: border-box}.gauge-calendar-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-l)}.gauge-calendar-nav{display: flex;align-items: center;gap: var(--lumo-space-xs)}.gauge-calendar-year{font-size: var(--lumo-font-size-xl);font-weight: 700;min-width: 3.5em;text-align: center;font-variant-numeric: tabular-nums}.gauge-calendar-coverage{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.gauge-calendar-legend{display: flex;align-items: center;gap: var(--lumo-space-xs);margin-left: auto;font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.gauge-calendar-legend span:nth-child(3){margin-left: var(--lumo-space-s)}.gauge-calendar-swatch{width: 0.9em;height: 0.9em;border-radius: 3px}.gauge-calendar-months{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: var(--lumo-space-l) var(--lumo-space-m)}.gauge-calendar-month{display: flex;flex-direction: column;gap: var(--lumo-space-xs)}.gauge-calendar-month-title{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-header-text-color)}.gauge-calendar-days{display: grid;grid-template-columns: repeat(7,1fr);gap: 3px}.gauge-calendar-weekday{font-size: var(--lumo-font-size-xxs);color: var(--lumo-tertiary-text-color);text-align: center}.gauge-calendar-day{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border-radius: 4px;font-size: var(--lumo-font-size-xxs);font-variant-numeric: tabular-nums;transition: box-shadow 0.1s ease}.gauge-calendar-day.pointer:hover{box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct)}.gauge-calendar .has-data{background: var(--lumo-success-color);color: var(--lumo-success-contrast-color,#fff)}.gauge-calendar .no-data{background: var(--lumo-contrast-10pct);color: var(--lumo-secondary-text-color)}.gauge-calendar-day.future{color: var(--lumo-disabled-text-color);border: 1px dashed var(--lumo-contrast-10pct)}.gauge-calendar-switch{display: inline-flex;padding: 2px;gap: 2px;border-radius: var(--lumo-border-radius-m);background: var(--lumo-contrast-5pct)}.gauge-calendar-switch vaadin-button{margin: 0;min-width: 5em}.gauge-calendar-years{display: grid;grid-template-columns: 3.5em repeat(12,minmax(0,1fr));gap: 4px;align-items: center;max-width: 900px}.gauge-calendar-year-label{font-size: var(--lumo-font-size-s);font-weight: 600;color: var(--lumo-secondary-text-color);font-variant-numeric: tabular-nums}.gauge-calendar-month-cell{height: 1.6em;border-radius: 4px;transition: box-shadow 0.1s ease}.gauge-calendar-month-cell.pointer:hover{box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct)}.gauge-calendar-month-cell.future{border: 1px dashed var(--lumo-contrast-10pct)}.gauge-calendar [data-tooltip]{position: relative}.gauge-calendar [data-tooltip]:hover::after{content: attr(data-tooltip);position: absolute;bottom: calc(100% + 6px);left: 50%;transform: translateX(-50%);z-index: 10;white-space: pre;text-align: left;padding: var(--lumo-space-xs) var(--lumo-space-s);border-radius: var(--lumo-border-radius-m);background: var(--lumo-base-color);color: var(--lumo-body-text-color);box-shadow: var(--lumo-box-shadow-m);font-size: var(--lumo-font-size-xs);font-weight: 400;line-height: 1.5;pointer-events: none}.centered-content{margin: 0 auto;max-width: 250px}vaadin-text-field.bordered::part(input-field){box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);background-color: var(--lumo-base-color)}.hoverable:hover{background-color: var(--lumo-contrast-5pct)}.pointer{cursor: pointer}vaadin-button{cursor: pointer}vaadin-grid::part(header-cell){font-weight: bold}vaadin-dialog-overlay.image-dialog::part(content){padding: 0}vaadin-grid::part(header-cell){font-weight: bold}table{border: 1px solid var(--lumo-contrast-20pct);padding-top: 15px;padding-bottom: 15px;border-collapse: collapse}td{padding-right: 20px}tr{border-bottom: 1px solid var(--lumo-contrast-10pct)}th{text-align: left;padding-right: 20px;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;font-size: var(--lumo-font-size-s)}@media (max-width: 768px){.visible-on-mobile-only{display: flex}.visible-on-desktop-only{display: none}}@media (min-width: 769px){.visible-on-mobile-only{display: none}.visible-on-desktop-only{display: flex}}:root{--lumo-primary-color: #346DB9;--lumo-primary-text-color: #2a5997;--lumo-primary-color-50pct: #346DB980;--lumo-primary-color-10pct: #346DB919;--lumo-error-text-color: #e52d2d;--lumo-error-color: #e52d2d;--lumo-error-color-50pct: #e52d2d80;--lumo-error-color-10pct: #e52d2d1a;--lumo-success-text-color: #54B779;--lumo-success-color: #54B779;--lumo-success-color-50pct: #54B7797F;--lumo-success-color-10pct: #54B77919;--vaadin-input-field-helper-color: var(--lumo-primary-color);--put-in-color: #54B779;--take-out-color: #54B779;--unreleased-section-color: #9E9E9E;--gauge-color: #5FAEFF;--poi-color: #8139ec}