/* Styles for SupervisorLicenses.razor (moved from its inline <style> block). */

/* ── Toolbar search ─────────────────────────────────── */
.sl-search-wrap { position: relative; display: inline-flex; align-items: center; }
.sl-search-icon {
    position: absolute; left: .6rem;
    font-size: 1.1rem; color: var(--rz-text-secondary-color); pointer-events: none;
}
.sl-search {
    padding-left: 2.2rem;
    min-width: 280px;
    height: 38px;
}

/* ── Credits cell (κοινό με το SupervisorLicenseCell component) ─ */
.sl-credits-cell {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    width: 200px;
}

/* Δύο labeled πεδία (Σύνολο | Χρησιμοποιημένες) δίπλα-δίπλα */
.sl-inputs-row {
    display: flex;
    justify-content: center;
    gap: .75rem;
}

.sl-field {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    min-width: 0;
}

.sl-field-label {
    font-size: .62rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
}

/* Διαθέσιμες — δική της γραμμή, κεντραρισμένη */
.sl-remaining {
    font-size: .72rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

/* Total-usage cell: γεμίζει τη στήλη ώστε να μην κόβεται το περιεχόμενο */
.sl-total-cell {
    display: flex; flex-direction: column; gap: .3rem;
    width: 100%; min-width: 0;
}

.sl-total-top {
    display: flex; align-items: center; justify-content: space-between;
    gap: .5rem; font-size: .82rem; white-space: nowrap;
}
.sl-total-fraction { color: var(--rz-text-color); }
.sl-total-sep { color: var(--rz-text-secondary-color); }

.sl-limit-badge {
    font-size: .6rem; flex-shrink: 0; white-space: nowrap;
}

.sl-stats-row {
    display: flex; justify-content: space-between; align-items: center;
    gap: .75rem; white-space: nowrap;
}
.sl-stat-ok   { font-size: .72rem; font-weight: 600; }
.sl-stat-used { font-size: .72rem; color: var(--rz-text-secondary-color); }

/* ── Progress bar ────────────────────────────────────── */
.sl-bar-track {
    width: 100%; height: 5px; border-radius: 99px;
    background: var(--rz-border-disabled-color); overflow: hidden; margin-top: .2rem;
}
.sl-bar-fill { height: 100%; border-radius: 99px; transition: width .3s ease; }

/* ── Avatar + name ───────────────────────────────────── */
.sl-avatar {
    width: 34px; height: 34px; border-radius: 50%;
    background: var(--rz-primary-lighter); color: var(--rz-primary);
    font-weight: 700; font-size: .75rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; letter-spacing: .03em;
}
.sl-name-col { min-width: 0; }
.sl-name  {
    font-weight: 600; color: var(--rz-text-color); line-height: 1.3;
    display: block; max-width: 220px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sl-email {
    font-size: .75rem; color: var(--rz-text-secondary-color);
    display: block; max-width: 220px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Root-only: ο Admin στον οποίο ανήκει ο μεταπωλητής */
.sl-admin {
    display: inline-flex; align-items: center; gap: .2rem;
    margin-top: .15rem; max-width: 220px;
    font-size: .7rem; color: var(--rz-text-secondary-color);
}
.sl-admin-icon { font-size: .85rem; color: var(--rz-primary); flex-shrink: 0; }
.sl-admin-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }

/* ── Not-configured cell ─────────────────────────────── */
.sl-not-configured { display: flex; justify-content: center; opacity: .55; }
.sl-add-btn:hover { opacity: 1 !important; }

/* ── Empty state ─────────────────────────────────────── */
.sl-empty-card { border: 1px dashed var(--rz-border-disabled-color) !important; }
.sl-empty-icon { font-size: 2.5rem !important; opacity: .35; }