/* STATUS STRIP transparent outer card */

.service-card:has(iframe[src*="status-strip.html"]),
.card:has(iframe[src*="status-strip.html"]),
li:has(iframe[src*="status-strip.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:190px !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

/* Transparent inner wrappers */

.service-card:has(iframe[src*="status-strip.html"]) > *,
.card:has(iframe[src*="status-strip.html"]) > *,
li:has(iframe[src*="status-strip.html"]) > * {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* iframe sizing */

.service-card:has(iframe[src*="status-strip.html"]) iframe,
.card:has(iframe[src*="status-strip.html"]) iframe,
li:has(iframe[src*="status-strip.html"]) iframe {
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
    overflow:hidden !important;
    background:transparent !important;
}

/* MOBILE */
@media screen and (max-width:900px), (hover:none) and (pointer:coarse) {

    .service-card:has(iframe[src*="status-strip.html"]) iframe,
    .card:has(iframe[src*="status-strip.html"]) iframe,
    li:has(iframe[src*="status-strip.html"]) iframe {
        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;
    }

}


/* NOW PLAYING + SAB ACTIVITY */

.service-card:has(iframe[src*="now-playing.html"]),
.card:has(iframe[src*="now-playing.html"]),
li:has(iframe[src*="now-playing.html"]),
.service-card:has(iframe[src*="sab-activity.html"]),
.card:has(iframe[src*="sab-activity.html"]),
li:has(iframe[src*="sab-activity.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:unset !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

.service-card:has(iframe[src*="now-playing.html"]) iframe,
.card:has(iframe[src*="now-playing.html"]) iframe,
li:has(iframe[src*="now-playing.html"]) iframe,
.service-card:has(iframe[src*="sab-activity.html"]) iframe,
.card:has(iframe[src*="sab-activity.html"]) iframe,
li:has(iframe[src*="sab-activity.html"]) iframe {
    height:100% !important;
    min-height:550px !important;
    overflow:visible !important;
    background:transparent !important;
}


/* RADARR + SONARR */

.service-card:has(iframe[src*="radarr-activity-improved.html"]),
.card:has(iframe[src*="radarr-activity-improved.html"]),
li:has(iframe[src*="radarr-activity-improved.html"]),
.service-card:has(iframe[src*="sonarr-activity-improved.html"]),
.card:has(iframe[src*="sonarr-activity-improved.html"]),
li:has(iframe[src*="sonarr-activity-improved.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:unset !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

.service-card:has(iframe[src*="radarr-activity-improved.html"]) iframe,
.card:has(iframe[src*="radarr-activity-improved.html"]) iframe,
li:has(iframe[src*="radarr-activity-improved.html"]) iframe,
.service-card:has(iframe[src*="sonarr-activity-improved.html"]) iframe,
.card:has(iframe[src*="sonarr-activity-improved.html"]) iframe,
li:has(iframe[src*="sonarr-activity-improved.html"]) iframe {
    height:100% !important;
    min-height:690px !important;
    overflow:visible !important;
    background:transparent !important;
}

/* SEERR + TAUTULLI */

.service-card:has(iframe[src*="seerr-activity-improved.html"]),
.card:has(iframe[src*="seerr-activity-improved.html"]),
li:has(iframe[src*="seerr-activity-improved.html"]),

.service-card:has(iframe[src*="tautulli-activity-improved.html"]),
.card:has(iframe[src*="tautulli-activity-improved.html"]),
li:has(iframe[src*="tautulli-activity-improved.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:unset !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

.service-card:has(iframe[src*="seerr-activity-improved.html"]) iframe,
.card:has(iframe[src*="seerr-activity-improved.html"]) iframe,
li:has(iframe[src*="seerr-activity-improved.html"]) iframe,

.service-card:has(iframe[src*="tautulli-activity-improved.html"]) iframe,
.card:has(iframe[src*="tautulli-activity-improved.html"]) iframe,
li:has(iframe[src*="tautulli-activity-improved.html"]) iframe {
    height:100% !important;
    min-height:690px !important;
    overflow:visible !important;
    background:transparent !important;
}

/* MOBILE */
@media screen and (max-width:900px), (hover:none) and (pointer:coarse) {

    .service-card:has(iframe[src*="now-playing.html"]) iframe,
    .card:has(iframe[src*="now-playing.html"]) iframe,
    li:has(iframe[src*="now-playing.html"]) iframe,
    .service-card:has(iframe[src*="sab-activity.html"]) iframe,
    .card:has(iframe[src*="sab-activity.html"]) iframe,
    li:has(iframe[src*="sab-activity.html"]) iframe {
        height:700px !important;
        min-height:700px !important;
        max-height:700px !important;
        overflow:hidden !important;
    }

    .service-card:has(iframe[src*="radarr-activity-improved.html"]) iframe,
    .card:has(iframe[src*="radarr-activity-improved.html"]) iframe,
    li:has(iframe[src*="radarr-activity-improved.html"]) iframe,
    .service-card:has(iframe[src*="sonarr-activity-improved.html"]) iframe,
    .card:has(iframe[src*="sonarr-activity-improved.html"]) iframe,
    li:has(iframe[src*="sonarr-activity-improved.html"]) iframe {
        height:700px !important;
        min-height:700px !important;
        max-height:700px !important;
        overflow:hidden !important;
    }

    .service-card:has(iframe[src*="seerr-activity-improved.html"]) iframe,
    .card:has(iframe[src*="seerr-activity-improved.html"]) iframe,
    li:has(iframe[src*="seerr-activity-improved.html"]) iframe,

    .service-card:has(iframe[src*="tautulli-activity-improved.html"]) iframe,
    .card:has(iframe[src*="tautulli-activity-improved.html"]) iframe,
    li:has(iframe[src*="tautulli-activity-improved.html"]) iframe {
        height:700px !important;
        min-height:700px !important;
        max-height:700px !important;
        overflow:hidden !important;
    }

}                                                                                                                                                       
/* SERVER RESOURCES STRIP transparent outer card */

.service-card:has(iframe[src*="server-resources-panel.html"]),
.card:has(iframe[src*="server-resources-panel.html"]),
li:has(iframe[src*="server-resources-panel.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:350px !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

/* Transparent inner wrappers */

.service-card:has(iframe[src*="server-resources-panel.html"]) > *,
.card:has(iframe[src*="server-resources-panel.html"]) > *,
li:has(iframe[src*="server-resources-panel.html"]) > * {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* iframe sizing */

.service-card:has(iframe[src*="server-resources-panel.html"]) iframe,
.card:has(iframe[src*="server-resources-panel.html"]) iframe,
li:has(iframe[src*="server-resources-panel.html"]) iframe {
    height:370px !important;
    min-height:370px !important;
    max-height:370px !important;
    overflow:hidden !important;
    background:transparent !important;
}

/* MOBILE */
@media screen and (max-width:900px), (hover:none) and (pointer:coarse) {

    .service-card:has(iframe[src*="server-resources-panel.html"]) iframe,
    .card:has(iframe[src*="server-resources-panel.html"]) iframe,
    li:has(iframe[src*="server-resources-panel.html"]) iframe {
        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;
    }

}
/* SERVER RESOURCES STRIP transparent outer card */

.service-card:has(iframe[src*="plex-discovery.html"]),
.card:has(iframe[src*="plex-discovery.html"]),
li:has(iframe[src*="plex-discovery.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:750px !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

/* Transparent inner wrappers */

.service-card:has(iframe[src*="plex-discovery.html"]) > *,
.card:has(iframe[src*="plex-discovery.html"]) > *,
li:has(iframe[src*="plex-discovery.html"]) > * {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* iframe sizing */

.service-card:has(iframe[src*="plex-discovery.html"]) iframe,
.card:has(iframe[src*="plex-discovery.html"]) iframe,
li:has(iframe[src*="plex-discovery.html"]) iframe {
    height:970px !important;
    min-height:970px !important;
    max-height:970px !important;
    overflow:hidden !important;
    background:transparent !important;
}

/* MOBILE */
@media screen and (max-width:900px), (hover:none) and (pointer:coarse) {

    .service-card:has(iframe[src*="plex-discovery.html"]) iframe,
    .card:has(iframe[src*="plex-discovery.html"]) iframe,
     li:has(iframe[src*="plex-discovery.html"]) iframe {
        height:600px !important;
        min-height:600px !important;
        max-height:600px !important;
    }

}
/* NAVBAR transparent outer card */

.service-card:has(iframe[src*="navbar.html"]),
.card:has(iframe[src*="navbar.html"]),
li:has(iframe[src*="navbar.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:125px !important;
    min-height:125px !important;
    max-height:125px !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

/* Transparent inner wrappers */

.service-card:has(iframe[src*="navbar.html"]) > *,
.card:has(iframe[src*="navbar.html"]) > *,
li:has(iframe[src*="navbar.html"]) > * {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* iframe sizing */

.service-card:has(iframe[src*="navbar.html"]) iframe,
.card:has(iframe[src*="navbar.html"]) iframe,
li:has(iframe[src*="navbar.html"]) iframe {
    height:125px !important;
    min-height:125px !important;
    max-height:125px !important;
    overflow:hidden !important;
    background:transparent !important;
}

/* MOBILE */
@media screen and (max-width:900px), (hover:none) and (pointer:coarse) {

    .service-card:has(iframe[src*="navbar.html"]) iframe,
    .card:has(iframe[src*="navbar.html"]) iframe,
     li:has(iframe[src*="navbar.html"]) iframe {
        height:60px !important;
        min-height:60px !important;
        max-height:60px !important;
    }

}
/* Vynode transparent outer card */

.service-card:has(iframe[src*="vynodehub-dashboard.html"]),
.card:has(iframe[src*="vynodehub-dashboard.html"]),
li:has(iframe[src*="vynodehub-dashboard.html"]) {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;

    height:auto !important;
    min-height:2600px !important;
    max-height:10000px !important;
    overflow:visible !important;
    align-items:flex-start !important;
}

/* Transparent inner wrappers */

.service-card:has(iframe[src*="vynodehub-dashboard.html"]) > *,
.card:has(iframe[src*="vynodehub-dashboard.html"]) > *,
li:has(iframe[src*="vynodehub-dashboard.html.html"]) > * {
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* iframe sizing */

.service-card:has(iframe[src*="vynodehub-dashboard.html"]) iframe,
.card:has(iframe[src*="vynodehub-dashboard.html"]) iframe,
li:has(iframe[src*="vynodehub-dashboard.html"]) iframe {
    height:auto !important;
    min-height:3000px !important;
    max-height:10000px !important;
    overflow:hidden !important;
    background:transparent !important;
}

/* MOBILE */
@media screen and (max-width:900px), (hover:none) and (pointer:coarse) {

    .service-card:has(iframe[src*="vynodehub-dashboard.html"]) iframe,
    .card:has(iframe[src*="vynodehub-dashboard.html"]) iframe,
     li:has(iframe[src*="vynodehub-dashboard.html"]) iframe {
        height:3000px !important;
        min-height:3000px !important;
        max-height:25000px !important;
    }

}