/* Styles for Clients.razor (moved from Clients.razor.css: CSS isolation cannot
   reach the rows/cells/icons Radzen renders). */

/* ── Clients grid: ολόκληρη η γραμμή clickable ───────────────────────── */

/* Cursor pointer στις γραμμές του clients grid */
.clients-grid .rz-data-grid-data > table > tbody > tr {
    cursor: pointer;
}

/* Hover effect πιο εμφανές για να φαίνεται ότι είναι clickable.
   Στα κελιά (td): το striped grid του Radzen βάφει τα td και θα έκρυβε το tr. */
.clients-grid .rz-data-grid-data > table > tbody > tr:hover > td {
    background: var(--rz-primary-lighter, #e8f0fe) !important;
}

.clients-grid .rz-data-grid-data > table > tbody > tr:hover .clients-row-name {
    text-decoration: underline;
}

/* Arrow icon — hidden by default, slide in on row hover */
.clients-grid .rz-data-grid-data > table > tbody > tr .clients-row-arrow {
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.clients-grid .rz-data-grid-data > table > tbody > tr:hover .clients-row-arrow {
    opacity: 1 !important;
    transform: translateX(0);
}

/* Action buttons μέσα στο clickable row — να φαίνονται κανονικά */
.clients-grid .grid-action-btn {
    position: relative;
    z-index: 1;
}

/* ── Άνετο row spacing για καθαρότερη ανάγνωση ───────────────────────── */
.clients-grid .rz-data-grid-data > table > tbody > tr > td {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    vertical-align: middle;
}

/* Λίγο αέρα και στα headers ώστε να μην «κόβονται» οι τίτλοι */
.clients-grid .rz-column-title {
    white-space: nowrap;
}

/* City subtitle κάτω από το όνομα της εταιρείας */
.clients-grid .clients-row-city {
    opacity: 0.85;
}

/* ── Όνομα εταιρείας: περιορισμός σε μία γραμμή με ellipsis ───────────── */
.clients-grid .clients-name-col {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.clients-grid .clients-row-name {
    display: block;
    max-width: 230px; /* στήλη 280px μείον arrow + paddings */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--rz-primary);
    font-weight: 600;
}

/* ── Ονόματα Supervisor / Admin: μία γραμμή με ellipsis (όχι σπάσιμο) ──── */
/* Η εσωτερική στήλη είναι flex-column και μεγαλώνει στο πλάτος του παιδιού της·
   γι' αυτό δίνουμε σταθερό όριο πλάτους στο όνομα (στήλες fixed 190px). */
.clients-grid .grid-assignee-col {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.clients-grid .grid-assignee-name {
    display: block;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.75rem;
    line-height: 1.25;
    color: var(--rz-text-color);
}