/* ── Water panel overrides (only colors + layout differences) ── */
.tiski-panel--water {
    flex: 1 1 auto;
    min-height: 180px;
}

.tiski-panel--water .tiski-panel__header {
    border-bottom-color: #eff6ff;
}

.tiski-panel--water .tiski-panel__list::-webkit-scrollbar-thumb {
    background: #c7dcf7;
}

.tiski-panel--water .tiski-panel__list::-webkit-scrollbar-thumb:hover {
    background: #93b8e8;
}

.tiski-panel--water .tiski-panel__date {
    background: #eff6ff;
}

.tiski-panel--water .tiski-panel__item:hover {
    background: #f8fbff;
}

.tiski-panel--water .tiski-panel__item:hover .tiski-panel__date {
    background: #dbeafe;
}

.tiski-water-content {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
    flex: 1;
}

.tiski-water-title {
    font-weight: 600;
    font-size: .85rem;
    color: #1e293b;
    line-height: 1.35;
}

.tiski-water-time {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-weight: 600;
    font-size: .7rem;
    color: #dc2626;
    line-height: 1;
    background: #fef2f2;
    padding: .2rem .5rem;
    border-radius: 5px;
    width: fit-content;
}

.tiski-water-time i {
    font-size: .6rem;
}