/* Suppression globale du second cadre natif des champs textuels. Le composant
   parent conserve seul la bordure et le halo de focus Yapuka. */

.pf-v5-c-page input[type="text"],
.pf-v5-c-page input[type="email"],
.pf-v5-c-page input[type="password"],
.pf-v5-c-page input[type="tel"],
.pf-v5-c-page input[type="url"],
.pf-v5-c-page input[type="search"],
.pf-v5-c-page input[type="number"],
.pf-v5-c-page textarea,
.pf-v5-c-page select {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pf-v5-c-page input[type="text"]:focus,
.pf-v5-c-page input[type="email"]:focus,
.pf-v5-c-page input[type="password"]:focus,
.pf-v5-c-page input[type="tel"]:focus,
.pf-v5-c-page input[type="url"]:focus,
.pf-v5-c-page input[type="search"]:focus,
.pf-v5-c-page input[type="number"]:focus,
.pf-v5-c-page textarea:focus,
.pf-v5-c-page select:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Carte des sessions et separation graphique entre deux connexions. */
.signed-in-device-list {
    overflow: hidden;
    border: 1px solid var(--yapuka-hub-line);
    border-radius: var(--yapuka-radius-card);
    background: var(--yapuka-hub-surface);
    box-shadow: var(--yapuka-shadow-card);
}

.signed-in-device-list > .pf-v5-c-data-list__item {
    border: 0;
}

.signed-in-device-list .pf-v5-c-data-list__item-row {
    position: relative;
    padding: 22px 24px;
}

.signed-in-device-list .pf-v5-c-data-list__item-row + .pf-v5-c-data-list__item-row::before {
    content: "";
    position: absolute;
    inset: 0 24px auto;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(13, 13, 13, .82) 9%,
        #0d0d0d 50%,
        rgba(13, 13, 13, .82) 91%,
        transparent);
    box-shadow: 0 1px 0 rgba(var(--yapuka-hub-accent-rgb), .1);
}

@media (max-width: 600px) {
    .signed-in-device-list .pf-v5-c-data-list__item-row {
        padding: 18px;
    }

    .signed-in-device-list .pf-v5-c-data-list__item-row + .pf-v5-c-data-list__item-row::before {
        inset-inline: 18px;
    }
}