/* ==================== Marine Stations Layer ==================== */

/* Tide gauge markers */
.tide-gauge-outer {
    position: relative;       /* establishes containing block for absolute child */
    width: 12px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #6b7280;
    overflow: hidden;
    background: #f3f4f6;
}

.tide-gauge-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #10b981;
    transition: height 0.5s ease;
}

/* Marine station popups */
.marine-popup .pred-row {
    font-family: monospace;
    font-size: 12px;
    padding: 2px 0;
    border-bottom: 1px solid #f3f4f6;
}

.marine-popup .pred-row:last-child {
    border-bottom: none;
}

.marine-popup table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 6px;
}

.marine-popup th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    padding: 2px 4px;
    text-align: left;
}

.marine-popup td {
    font-size: 12px;
    padding: 2px 4px;
}