.catalog-page{padding-top:18px}.catalog-filter{align-items:end;gap:7px;display:flex}.catalog-filter label{color:#8ea8b8;gap:5px;font-size:8px;display:grid}.catalog-filter select,.catalog-filter input{color:#eaf4f9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#061925;border:1px solid #1a455b;border-radius:3px;min-width:145px;padding:8px 9px}.fleet-grid{grid-template-columns:repeat(3,minmax(270px,1fr));gap:8px;display:grid}.vessel-card{padding:12px}.vessel-card-head{border-bottom:1px solid #123446;grid-template-columns:7px 1fr auto;align-items:center;gap:9px;padding-bottom:10px;display:grid}.vessel-card-head>i{border-radius:4px;width:7px;height:38px}.vessel-card-head strong{font-size:11px;display:block}.vessel-card-head small{color:#8ea8b8;font-size:8px}.state-badge{color:#a9c0cc;white-space:nowrap;border:1px solid #2d5368;border-radius:3px;padding:4px 6px;font-size:7px}.state-badge.available,.state-badge.valid,.state-badge.open,.state-badge.completed{color:#9ce95a;background:#19301c;border-color:#416b31}.state-badge.queued,.state-badge.warning,.state-badge.in_progress{color:#ffd258;background:#302714;border-color:#6b572d}.state-badge.in_operation{color:#58c5ff;background:#112c3d;border-color:#245d7c}.state-badge.maintenance,.state-badge.expired{color:#ff6862;background:#341717;border-color:#743630}.vessel-card dl,.maintenance-card dl{gap:7px;margin:10px 0 0;display:grid}.vessel-card dl div,.maintenance-card dl div{justify-content:space-between;gap:8px;display:flex}.vessel-card dt,.maintenance-card dt{color:#7795a6;font-size:8px}.vessel-card dd,.maintenance-card dd{color:#dce9ef;text-align:right;margin:0;font-size:8px}.vessel-card dd a{color:#37afe8}.device-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.device-dot.online{background:#78d629}.device-dot.offline{background:#e34b4b}.dock-catalog-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:8px;display:grid}.dock-catalog-card{overflow:hidden}.dock-summary{grid-template-columns:repeat(3,1fr);gap:7px;padding:12px;display:grid}.dock-summary div{background:#071d2b;border:1px solid #123446;padding:9px}.dock-summary small{color:#829dab;font-size:8px;display:block}.dock-summary strong{margin-top:5px;font-size:18px;display:block}.dock-progress{background:#143447;height:5px;margin:0 12px 9px}.dock-progress i{background:#51b8ee;height:100%;display:block}.mini-queue{gap:5px;margin:0;padding:0 12px 12px;list-style:none;display:grid}.mini-queue li{background:#09283a;border:1px solid #143e52;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.mini-queue b{background:#0c689f;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.mini-queue strong{font-size:9px;display:block}.mini-queue small{color:#819bab;margin-top:2px;font-size:8px;display:block}.catalog-table-panel{overflow:hidden}.catalog-table-panel .data-table{min-width:760px}.catalog-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.catalog-kpis article{padding:14px}.catalog-kpis small{color:#829dab;font-size:8px;display:block}.catalog-kpis strong{margin-top:7px;font-size:22px;display:block}.maintenance-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:8px;display:grid}.maintenance-card{padding:12px}.maintenance-head{justify-content:space-between;gap:10px;display:flex}.maintenance-head strong{font-size:11px;display:block}.maintenance-head small{color:#819baa;font-size:8px}.maintenance-card>p{color:#afc2cc;min-height:42px;font-size:9px;line-height:1.55}.empty-catalog{color:#8da6b4;padding:24px}.settings-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-devices-panel{grid-column:1/-1}.settings-list article{border-bottom:1px solid #123446;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.settings-list strong{font-size:9px;display:block}.settings-list small{color:#829dab;margin-top:3px;font-size:8px;display:block}.settings-list>article>span:not(.state-badge){color:#38afe6;font-size:8px}@media (width<=1200px){.fleet-grid,.maintenance-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.fleet-grid,.maintenance-grid,.dock-catalog-grid,.settings-grid,.catalog-kpis{grid-template-columns:1fr}.settings-devices-panel{grid-column:auto}.catalog-page .module-heading{flex-direction:column}.catalog-filter{width:100%}.catalog-filter label{flex:1}.catalog-filter select,.catalog-filter input{width:100%;min-width:0}}