:root{
    --solar-blue:#00bbff;
    --solar-blue-dark:#006dff;
    --solar-bg:#050b14;
    --solar-card:#081220;
    --solar-card-2:#0d1b2e;
    --solar-text:#ffffff;
    --solar-muted:#9fb2c8;
    --solar-border:rgba(0,187,255,.25);
    --solar-danger:#fb7185;
    --solar-success:#22c55e;
}

*{box-sizing:border-box}

html,body{
    margin:0;
    min-height:100%;
    font-family:Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at top left,rgba(0,187,255,.18),transparent 34%),
        linear-gradient(180deg,#050b14,#02050a);
    color:var(--solar-text);
}

body{
    min-height:100vh;
}

.solar-login-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.solar-login-card{
    width:min(500px,100%);
    background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
    border:1px solid var(--solar-border);
    border-radius:30px;
    padding:26px;
    box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 34px rgba(0,187,255,.12);
}

.solar-brand{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    margin-bottom:28px;
}

.solar-brand img{
    max-width:220px;
    height:auto;
    filter:drop-shadow(0 0 16px rgba(0,187,255,.25));
}

.solar-brand span{
    display:none;
}

.solar-pill{
    display:inline-flex;
    border:1px solid var(--solar-border);
    background:rgba(0,187,255,.10);
    color:var(--solar-blue);
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.solar-login-copy h1{
    font-size:clamp(34px,8vw,54px);
    line-height:.98;
    margin:16px 0 12px;
}

.solar-login-copy p{
    color:var(--solar-muted);
    font-size:16px;
    line-height:1.65;
    margin:0 0 22px;
}

.solar-login-form{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.solar-login-form label span{
    display:block;
    color:#dbeafe;
    font-size:13px;
    font-weight:900;
    margin-bottom:7px;
}

.solar-login-form input[type="text"],
.solar-login-form input[type="password"]{
    width:100%;
    height:54px;
    border-radius:16px;
    border:1px solid rgba(0,187,255,.24);
    background:rgba(2,8,17,.72);
    color:#fff;
    outline:none;
    padding:0 15px;
    font-size:16px;
}

.solar-login-form input:focus{
    border-color:rgba(0,187,255,.72);
    box-shadow:0 0 0 4px rgba(0,187,255,.12);
}

.solar-form-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:2px 0 4px;
}

.solar-check{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

.solar-check input{
    width:18px;
    height:18px;
    accent-color:var(--solar-blue);
}

.solar-check span{
    margin:0!important;
    color:#dbeafe!important;
    font-size:13px!important;
}

.solar-form-row a,
.solar-login-footer a{
    color:var(--solar-blue);
    text-decoration:none;
    font-weight:900;
    font-size:13px;
}

.solar-btn{
    width:100%;
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    padding:13px 18px;
    font-weight:950;
    font-size:16px;
    cursor:pointer;
}

.solar-btn.primary{
    background:linear-gradient(135deg,var(--solar-blue),var(--solar-blue-dark));
    color:white;
    box-shadow:0 18px 34px rgba(0,187,255,.22);
}

.solar-login-message{
    display:none;
    border-radius:14px;
    padding:12px 13px;
    font-weight:800;
    font-size:13px;
    line-height:1.4;
}

.solar-login-message.error,
.solar-login-message.success{
    display:block;
}

.solar-login-message.error{
    background:rgba(251,113,133,.12);
    border:1px solid rgba(251,113,133,.35);
    color:#fecdd3;
}

.solar-login-message.success{
    background:rgba(34,197,94,.12);
    border:1px solid rgba(34,197,94,.35);
    color:#dcfce7;
}

.solar-login-footer{
    display:flex;
    justify-content:center;
    gap:8px;
    color:var(--solar-muted);
    font-size:13px;
    margin-top:18px;
}

@media(max-width:520px){
    .solar-login-page{
        padding:18px;
        align-items:flex-start;
        padding-top:42px;
    }

    .solar-login-card{
        padding:22px;
        border-radius:26px;
    }

    .solar-brand{
        align-items:flex-start;
        flex-direction:column;
    }

    .solar-brand img{
        max-width:180px;
    }
}

.solar-login-submit:disabled{
    opacity:.75;
    cursor:not-allowed;
}

.solar-app-shell{
    min-height:100vh;
    padding:24px;
    max-width:1200px;
    margin:0 auto;
}

.solar-app-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px;
    border:1px solid var(--solar-border);
    border-radius:24px;
    background:rgba(8,18,32,.78);
    margin-bottom:24px;
}

.solar-app-header img{
    max-width:170px;
    height:auto;
}

.solar-app-header a{
    color:var(--solar-blue);
    text-decoration:none;
    font-weight:900;
}

.solar-app-hero{
    border:1px solid var(--solar-border);
    border-radius:30px;
    padding:28px;
    background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
    box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 34px rgba(0,187,255,.10);
    margin-bottom:24px;
}

.solar-app-hero h1{
    font-size:clamp(34px,6vw,70px);
    line-height:.95;
    margin:18px 0 12px;
}

.solar-app-hero p{
    color:var(--solar-muted);
    font-size:17px;
    line-height:1.6;
}

.solar-app-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.solar-app-tile{
    min-height:150px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:8px;
    padding:20px;
    border:1px solid var(--solar-border);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(13,27,46,.92),rgba(8,18,32,.96));
    color:#fff;
    text-decoration:none;
    box-shadow:0 18px 42px rgba(0,0,0,.25);
}

.solar-app-tile strong{
    font-size:24px;
}

.solar-app-tile span{
    color:var(--solar-muted);
    line-height:1.4;
}

@media(max-width:800px){
    .solar-app-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:520px){
    .solar-app-shell{
        padding:16px;
    }

    .solar-app-grid{
        grid-template-columns:1fr;
    }

    .solar-app-header img{
        max-width:135px;
    }
}

.solar-back-link{
    color:var(--solar-blue);
    text-decoration:none;
    font-weight:900;
}

.solar-live-layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
    gap:20px;
}

.solar-live-player,
.solar-live-panel{
    border:1px solid var(--solar-border);
    border-radius:28px;
    background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
    box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 34px rgba(0,187,255,.10);
}

.solar-live-player{
    min-height:520px;
    overflow:hidden;
}

.solar-video-placeholder{
    min-height:520px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at center,rgba(0,187,255,.14),transparent 40%),
        linear-gradient(180deg,#020812,#000);
    text-align:center;
    padding:24px;
}

.solar-video-placeholder span{
    color:var(--solar-blue);
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
    margin-bottom:10px;
}

.solar-video-placeholder strong{
    font-size:clamp(34px,5vw,72px);
}

.solar-live-panel{
    padding:18px;
    max-height:calc(100vh - 130px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

.solar-live-top{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin-bottom:14px;
}

.solar-live-top h1{
    font-size:38px;
    margin:14px 0 0;
}

.solar-live-top input{
    width:100%;
    height:48px;
    border-radius:999px;
    border:1px solid rgba(0,187,255,.24);
    background:rgba(2,8,17,.72);
    color:#fff;
    padding:0 16px;
    outline:none;
    font-size:15px;
}

.solar-category-row{
    display:flex;
    gap:8px;
    overflow:auto;
    padding-bottom:12px;
    margin-bottom:8px;
}

.solar-category-row button{
    flex:0 0 auto;
    border:1px solid rgba(0,187,255,.24);
    background:rgba(255,255,255,.04);
    color:#dbeafe;
    border-radius:999px;
    padding:9px 12px;
    font-weight:900;
}

.solar-category-row button.is-active{
    background:linear-gradient(135deg,var(--solar-blue),var(--solar-blue-dark));
    color:#fff;
}

.solar-channel-list{
    overflow:auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-right:4px;
}

.solar-channel-card{
    width:100%;
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid rgba(0,187,255,.16);
    background:rgba(2,8,17,.58);
    color:#fff;
    border-radius:18px;
    padding:12px;
    text-align:left;
}

.solar-channel-logo{
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,187,255,.10);
    overflow:hidden;
    flex:0 0 46px;
}

.solar-channel-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.solar-channel-logo em{
    font-style:normal;
    font-weight:900;
    color:var(--solar-blue);
    font-size:12px;
}

.solar-channel-card strong{
    display:block;
    font-size:15px;
    margin-bottom:3px;
}

.solar-channel-card small{
    color:var(--solar-muted);
}

.solar-loading{
    padding:18px;
    border:1px solid rgba(0,187,255,.16);
    border-radius:18px;
    color:var(--solar-muted);
    background:rgba(255,255,255,.035);
}

.solar-loading.error{
    color:#fecdd3;
    border-color:rgba(251,113,133,.35);
}

@media(max-width:980px){
    .solar-live-layout{
        grid-template-columns:1fr;
    }

    .solar-live-player,
    .solar-video-placeholder{
        min-height:280px;
    }

    .solar-live-panel{
        max-height:none;
    }
}

.solar-live-player{
    position:relative;
    background:#000;
}

.solar-video{
    width:100%;
    height:100%;
    min-height:520px;
    display:block;
    background:#000;
    object-fit:contain;
}

.solar-now-playing{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:14px 16px;
    border:1px solid rgba(0,187,255,.24);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(2,8,17,.20),rgba(2,8,17,.86));
    pointer-events:none;
}

.solar-now-playing span{
    color:var(--solar-blue);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.solar-now-playing strong{
    color:#fff;
    font-size:18px;
}

.solar-channel-card.is-playing{
    border-color:rgba(0,187,255,.85);
    background:rgba(0,187,255,.12);
    box-shadow:0 0 0 3px rgba(0,187,255,.10);
}

@media(max-width:980px){
    .solar-video{
        min-height:280px;
    }
}

.solar-rotate-lock{
    display:none;
}

@media(max-width:900px) and (orientation:portrait){
    .solar-rotate-lock{
        position:fixed;
        inset:0;
        z-index:99999;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:28px;
        background:
            radial-gradient(circle at top left,rgba(0,187,255,.18),transparent 38%),
            linear-gradient(180deg,#050b14,#02050a);
        color:#fff;
        text-align:center;
    }

    .solar-rotate-lock div{
        max-width:360px;
        border:1px solid rgba(0,187,255,.28);
        border-radius:28px;
        padding:28px;
        background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
        box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 34px rgba(0,187,255,.12);
    }

    .solar-rotate-lock strong{
        display:block;
        font-size:34px;
        line-height:1;
        margin-bottom:12px;
    }

    .solar-rotate-lock p{
        margin:0;
        color:var(--solar-muted);
        font-size:16px;
        line-height:1.5;
    }

    .solar-app-shell{
        display:none;
    }
}

@media(max-width:900px) and (orientation:landscape){
    .solar-app-shell{
        max-width:none;
        padding:12px;
    }

    .solar-app-header{
        padding:12px 16px;
        border-radius:20px;
        margin-bottom:12px;
    }

    .solar-app-header img{
        max-width:120px;
    }

    .solar-live-layout{
        grid-template-columns:1.35fr .85fr;
        gap:12px;
    }

    .solar-live-player,
    .solar-video,
    .solar-video-placeholder{
        min-height:calc(100vh - 100px);
    }

    .solar-live-panel{
        max-height:calc(100vh - 100px);
        border-radius:22px;
        padding:14px;
    }

    .solar-live-top h1{
        font-size:28px;
    }
}

/* Dashboard landscape prompt */
.solar-dashboard-rotate{
    display:none;
}

@media(max-width:900px) and (orientation:portrait){
    .solar-dashboard-rotate{
        position:fixed;
        inset:0;
        z-index:999999;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:24px;
        background:
            radial-gradient(circle at top left,rgba(0,187,255,.18),transparent 38%),
            linear-gradient(180deg,#050b14,#02050a);
        color:#fff;
        text-align:center;
    }

    .solar-dashboard-rotate div{
        max-width:360px;
        border:1px solid rgba(0,187,255,.28);
        border-radius:28px;
        padding:28px;
        background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
    }

    .solar-dashboard-rotate strong{
        display:block;
        font-size:34px;
        margin-bottom:10px;
    }

    .solar-dashboard-rotate p{
        margin:0;
        color:var(--solar-muted);
        font-size:16px;
        line-height:1.5;
    }

    .solar-app-shell{
        display:none;
    }
}

/* Dashboard polish */
@media(orientation:landscape){
    .solar-app-shell{
        padding:22px 28px!important;
        max-width:none!important;
    }

    .solar-app-header{
        min-height:86px!important;
        padding:18px 28px!important;
        border-radius:26px!important;
        margin-bottom:18px!important;
        background:linear-gradient(180deg,rgba(13,27,46,.92),rgba(8,18,32,.94))!important;
    }

    .solar-app-header img{
        max-width:150px!important;
    }

    .solar-app-header a{
        font-size:22px!important;
        font-weight:950!important;
    }

    .solar-dashboard-hero,
    .solar-welcome-card{
        padding:28px!important;
        border-radius:26px!important;
        margin-bottom:18px!important;
    }

    .solar-dashboard-hero h1,
    .solar-welcome-card h1{
        font-size:clamp(44px,6vw,74px)!important;
        line-height:.95!important;
        margin:18px 0 14px!important;
    }

    .solar-dashboard-hero p,
    .solar-welcome-card p{
        font-size:24px!important;
    }

    .solar-dashboard-grid,
    .solar-home-grid,
    .solar-app-grid{
        display:grid!important;
        grid-template-columns:repeat(4,1fr)!important;
        gap:18px!important;
    }

    .solar-dashboard-card,
    .solar-home-card,
    .solar-app-card{
        min-height:170px!important;
        padding:28px!important;
        border-radius:24px!important;
        background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96))!important;
        border:1px solid rgba(0,187,255,.28)!important;
        box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
        transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
    }

    .solar-dashboard-card:hover,
    .solar-home-card:hover,
    .solar-app-card:hover{
        transform:translateY(-3px)!important;
        border-color:rgba(0,187,255,.75)!important;
        box-shadow:0 20px 48px rgba(0,187,255,.13)!important;
    }

    .solar-dashboard-card h2,
    .solar-home-card h2,
    .solar-app-card h2,
    .solar-dashboard-card strong,
    .solar-home-card strong,
    .solar-app-card strong{
        font-size:30px!important;
        line-height:1.05!important;
        margin-bottom:12px!important;
    }

    .solar-dashboard-card p,
    .solar-home-card p,
    .solar-app-card p{
        font-size:19px!important;
        line-height:1.35!important;
        color:#b9c7d9!important;
    }
}

/* Dashboard final compact landscape polish */
@media(orientation:landscape){
    .solar-app-shell{
        padding:16px 24px!important;
    }

    .solar-app-header{
        min-height:72px!important;
        padding:14px 24px!important;
        margin-bottom:14px!important;
    }

    .solar-app-header img{
        max-width:135px!important;
    }

    .solar-dashboard-hero,
    .solar-welcome-card{
        padding:22px 26px!important;
        margin-bottom:14px!important;
    }

    .solar-dashboard-hero h1,
    .solar-welcome-card h1{
        font-size:clamp(38px,5.4vw,62px)!important;
        margin:12px 0 10px!important;
    }

    .solar-dashboard-hero p,
    .solar-welcome-card p{
        font-size:21px!important;
    }

    .solar-dashboard-grid,
    .solar-home-grid,
    .solar-app-grid{
        gap:14px!important;
    }

    .solar-dashboard-card,
    .solar-home-card,
    .solar-app-card{
        min-height:140px!important;
        padding:22px!important;
    }
}

/* Dashboard compact premium layout */
@media(orientation:landscape){
    .solar-app-shell{
        padding:10px 18px!important;
    }

    .solar-app-header{
        min-height:58px!important;
        height:58px!important;
        padding:10px 20px!important;
        margin-bottom:10px!important;
        border-radius:22px!important;
    }

    .solar-app-header img{
        max-width:118px!important;
    }

    .solar-app-header a{
        font-size:18px!important;
    }

    .solar-dashboard-hero,
    .solar-welcome-card{
        padding:18px 22px!important;
        margin-bottom:12px!important;
        border-radius:22px!important;
    }

    .solar-dashboard-hero h1,
    .solar-welcome-card h1{
        font-size:clamp(34px,4.4vw,52px)!important;
        margin:8px 0 8px!important;
        line-height:.95!important;
    }

    .solar-dashboard-hero p,
    .solar-welcome-card p{
        font-size:18px!important;
        margin:0!important;
    }

    .solar-pill{
        padding:6px 10px!important;
        font-size:11px!important;
    }

    .solar-dashboard-grid,
    .solar-home-grid,
    .solar-app-grid{
        grid-template-columns:repeat(4,1fr)!important;
        gap:12px!important;
    }

    .solar-dashboard-card,
    .solar-home-card,
    .solar-app-card{
        position:relative!important;
        min-height:112px!important;
        padding:18px!important;
        border-radius:22px!important;
        overflow:hidden!important;
        border:1px solid rgba(0,187,255,.42)!important;
        background:
            radial-gradient(circle at top left,rgba(0,187,255,.16),transparent 38%),
            linear-gradient(180deg,rgba(13,27,46,.98),rgba(5,12,22,.98))!important;
        box-shadow:
            0 0 0 1px rgba(0,187,255,.08) inset,
            0 14px 34px rgba(0,0,0,.32),
            0 0 22px rgba(0,187,255,.10)!important;
    }

    .solar-dashboard-card:before,
    .solar-home-card:before,
    .solar-app-card:before{
        content:"";
        position:absolute;
        inset:0;
        border-radius:22px;
        background:linear-gradient(135deg,rgba(0,187,255,.18),transparent 42%,rgba(0,109,255,.12));
        pointer-events:none;
    }

    .solar-dashboard-card h2,
    .solar-home-card h2,
    .solar-app-card h2,
    .solar-dashboard-card strong,
    .solar-home-card strong,
    .solar-app-card strong{
        position:relative!important;
        font-size:24px!important;
        margin:0 0 8px!important;
    }

    .solar-dashboard-card p,
    .solar-home-card p,
    .solar-app-card p{
        position:relative!important;
        font-size:16px!important;
        line-height:1.25!important;
        margin:0!important;
        color:#b9c7d9!important;
    }
}

/* Dashboard hero smaller + premium buttons */
@media(orientation:landscape){
    .solar-dashboard-hero,
    .solar-welcome-card{
        min-height:0!important;
        padding:14px 22px!important;
        margin-bottom:12px!important;
        border-radius:20px!important;
    }

    .solar-dashboard-hero h1,
    .solar-welcome-card h1{
        font-size:clamp(30px,3.8vw,46px)!important;
        margin:8px 0 6px!important;
    }

    .solar-dashboard-hero p,
    .solar-welcome-card p{
        font-size:16px!important;
    }

    .solar-dashboard-card,
    .solar-home-card,
    .solar-app-card{
        border:1px solid rgba(0,187,255,.65)!important;
        background:
            radial-gradient(circle at 20% 15%,rgba(0,187,255,.28),transparent 34%),
            linear-gradient(145deg,rgba(18,38,62,.98),rgba(4,10,18,.98))!important;
        box-shadow:
            0 0 18px rgba(0,187,255,.22),
            inset 0 0 22px rgba(0,187,255,.08),
            0 18px 38px rgba(0,0,0,.38)!important;
    }

    .solar-dashboard-card:after,
    .solar-home-card:after,
    .solar-app-card:after{
        content:"";
        position:absolute;
        left:16px;
        right:16px;
        bottom:0;
        height:2px;
        background:linear-gradient(90deg,transparent,#00bbff,transparent);
        opacity:.8;
    }
}

/* FINAL DASHBOARD HEIGHT FIX */
@media (orientation: landscape){

  /* Welcome container */
  .solar-welcome-card,
  .solar-dashboard-hero{
      min-height:120px !important;
      height:auto !important;
      padding:16px 24px !important;
      margin-bottom:12px !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
  }

  /* Welcome title */
  .solar-welcome-card h1,
  .solar-dashboard-hero h1{
      font-size:48px !important;
      line-height:1 !important;
      margin:0 0 8px 0 !important;
  }

  /* Logged in text */
  .solar-welcome-card p,
  .solar-dashboard-hero p{
      font-size:18px !important;
      margin:0 !important;
  }

  /* Premium menu cards */
  .solar-home-card,
  .solar-dashboard-card,
  .solar-app-card{

      border:2px solid rgba(0,187,255,.75) !important;

      box-shadow:
          0 0 0 1px rgba(0,187,255,.25) inset,
          0 0 25px rgba(0,187,255,.18),
          0 12px 30px rgba(0,0,0,.35) !important;

      transition:all .2s ease !important;
  }

  .solar-home-card:hover,
  .solar-dashboard-card:hover,
  .solar-app-card:hover{

      border-color:#00bbff !important;

      box-shadow:
          0 0 35px rgba(0,187,255,.35),
          0 15px 35px rgba(0,0,0,.45) !important;
  }

  .solar-home-card h2,
  .solar-dashboard-card h2,
  .solar-app-card h2{
      color:#ffffff !important;
  }

}

/* TRUE FINAL: compact dashboard hero + visible premium cards */
@media(orientation:landscape){
    .solar-welcome-card,
    .solar-dashboard-hero{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
        padding:14px 24px!important;
        margin-bottom:14px!important;
        overflow:hidden!important;
    }

    .solar-welcome-card .solar-pill,
    .solar-dashboard-hero .solar-pill{
        transform:scale(.82)!important;
        transform-origin:left center!important;
        margin-bottom:6px!important;
    }

    .solar-welcome-card h1,
    .solar-dashboard-hero h1{
        font-size:38px!important;
        line-height:1!important;
        margin:4px 0 8px!important;
        white-space:nowrap!important;
    }

    .solar-welcome-card p,
    .solar-dashboard-hero p{
        font-size:17px!important;
        line-height:1.2!important;
        margin:0!important;
    }

    .solar-home-card,
    .solar-dashboard-card,
    .solar-app-card{
        border:2px solid #00bbff!important;
        box-shadow:
            0 0 18px rgba(0,187,255,.45),
            0 0 0 1px rgba(255,255,255,.06) inset,
            0 16px 34px rgba(0,0,0,.42)!important;
    }
}

/* REAL DASHBOARD CLASSES FIX */
@media(orientation:landscape){
    .solar-app-hero{
        height:145px!important;
        min-height:145px!important;
        max-height:145px!important;
        padding:18px 26px!important;
        margin-bottom:14px!important;
        border-radius:22px!important;
        overflow:hidden!important;
        display:flex!important;
        align-items:center!important;
    }

    .solar-app-hero .solar-pill{
        padding:5px 10px!important;
        font-size:11px!important;
        margin-bottom:8px!important;
    }

    .solar-app-hero h1{
        font-size:42px!important;
        line-height:1!important;
        margin:0 0 8px!important;
        white-space:nowrap!important;
    }

    .solar-app-hero p{
        font-size:18px!important;
        line-height:1.2!important;
        margin:0!important;
    }

    .solar-app-grid{
        display:grid!important;
        grid-template-columns:repeat(4,1fr)!important;
        gap:14px!important;
    }

    .solar-app-tile{
        position:relative!important;
        min-height:128px!important;
        padding:22px!important;
        border-radius:24px!important;
        overflow:hidden!important;
        text-decoration:none!important;
        border:2px solid rgba(0,187,255,.8)!important;
        background:
            radial-gradient(circle at 18% 18%,rgba(0,187,255,.28),transparent 34%),
            linear-gradient(145deg,rgba(18,38,62,.98),rgba(4,10,18,.98))!important;
        box-shadow:
            0 0 22px rgba(0,187,255,.32),
            inset 0 0 24px rgba(0,187,255,.10),
            0 18px 38px rgba(0,0,0,.40)!important;
    }

    .solar-app-tile:before{
        content:"";
        position:absolute;
        inset:0;
        border-radius:24px;
        background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 35%,rgba(0,187,255,.12));
        pointer-events:none;
    }

    .solar-app-tile:after{
        content:"";
        position:absolute;
        left:18px;
        right:18px;
        bottom:0;
        height:2px;
        background:linear-gradient(90deg,transparent,#00bbff,transparent);
        box-shadow:0 0 14px rgba(0,187,255,.9);
    }

    .solar-app-tile strong,
    .solar-app-tile span{
        position:relative!important;
        z-index:1!important;
    }

    .solar-app-tile strong{
        display:block!important;
        font-size:26px!important;
        line-height:1.05!important;
        color:#fff!important;
        margin-bottom:10px!important;
    }

    .solar-app-tile span{
        display:block!important;
        font-size:17px!important;
        line-height:1.25!important;
        color:#b9c7d9!important;
    }
}

/* Align Movies tile text with other dashboard tiles */
@media(orientation:landscape){
    .solar-app-tile{
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-start!important;
    }

    .solar-app-tile strong{
        margin-top:0!important;
    }
}

/* Header date/time */
.solar-app-header{
    gap:18px!important;
}

.solar-header-clock{
    flex:1!important;
    display:block!important;
    text-align:center!important;
    color:#dbeafe!important;
    font-size:17px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    opacity:1!important;
}

/* Image 2 style premium dashboard tiles */
@media(orientation:landscape){
    .solar-app-tile{
        align-items:center!important;
        text-align:center!important;
        justify-content:center!important;
        border:2px solid #00bbff!important;
        background:
            radial-gradient(circle at 50% 8%,rgba(0,187,255,.24),transparent 36%),
            linear-gradient(180deg,rgba(8,24,42,.98),rgba(1,8,15,.98))!important;
        box-shadow:
            0 0 28px rgba(0,187,255,.38),
            inset 0 0 30px rgba(0,187,255,.12),
            0 18px 42px rgba(0,0,0,.45)!important;
    }

    .solar-app-tile .solar-tile-icon{
        display:block!important;
        font-style:normal!important;
        color:#26c6ff!important;
        font-size:38px!important;
        line-height:1!important;
        margin-bottom:10px!important;
        text-shadow:0 0 18px rgba(0,187,255,.9)!important;
    }

    .solar-app-tile strong{
        font-size:27px!important;
        margin:0!important;
        text-shadow:0 2px 0 rgba(0,0,0,.35)!important;
    }

    .solar-app-tile b{
        display:block!important;
        width:46px!important;
        height:3px!important;
        border-radius:999px!important;
        margin:9px auto 10px!important;
        background:#00bbff!important;
        box-shadow:0 0 14px rgba(0,187,255,.95)!important;
    }

    .solar-app-tile span{
        font-size:16px!important;
        line-height:1.25!important;
        color:#c7d7ea!important;
    }
}

/* Movies page */
.solar-movies-layout{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:16px;
    align-items:start;
}

.solar-movie-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    gap:14px;
    max-height:calc(100vh - 260px);
    overflow-y:auto;
    padding-right:4px;
}

.solar-movie-card{
    border:1px solid rgba(0,187,255,.28);
    background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
    color:#fff;
    border-radius:18px;
    padding:10px;
    text-align:left;
    cursor:pointer;
}

.solar-movie-card.is-active{
    border-color:#00bbff;
    box-shadow:0 0 20px rgba(0,187,255,.25);
}

.solar-movie-poster{
    display:block;
    aspect-ratio:2/3;
    border-radius:14px;
    overflow:hidden;
    background:#06101d;
    margin-bottom:10px;
}

.solar-movie-poster img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.solar-movie-poster em{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5fbfff;
    font-style:normal;
    font-weight:900;
}

.solar-movie-card strong{
    display:block;
    font-size:14px;
    line-height:1.25;
}

.solar-movie-detail{
    border:1px solid rgba(0,187,255,.25);
    background:linear-gradient(180deg,rgba(13,27,46,.96),rgba(8,18,32,.96));
    border-radius:28px;
    padding:18px;
    min-height:420px;
}

.solar-movie-empty h2,
.solar-movie-detail-copy h2{
    color:#fff;
    font-size:34px;
    margin:14px 0 10px;
}

.solar-movie-empty p,
.solar-movie-detail-copy p{
    color:var(--solar-muted);
    font-size:16px;
    line-height:1.5;
}

.solar-movie-detail-poster{
    border-radius:22px;
    overflow:hidden;
    background:#06101d;
    margin-bottom:16px;
}

.solar-movie-detail-poster img{
    width:100%;
    display:block;
}

@media(max-width:900px){
    .solar-movies-layout{
        grid-template-columns:1fr;
    }

    .solar-movie-detail{
        min-height:0;
    }
}

/* Movies layout: reduce oversized detail panel */
@media(orientation:landscape){
    .solar-movies-layout{
        grid-template-columns:1.35fr .85fr!important;
        gap:14px!important;
    }

    .solar-movie-detail{
        min-height:0!important;
        height:auto!important;
        max-height:calc(100vh - 140px)!important;
        padding:16px!important;
    }

    .solar-movie-empty h2,
    .solar-movie-detail-copy h2{
        font-size:32px!important;
        line-height:1.05!important;
    }

    .solar-movie-empty p,
    .solar-movie-detail-copy p{
        font-size:16px!important;
        line-height:1.4!important;
    }
}

/* Series seasons + episodes */
.solar-series-info-card h2{
    color:#fff;
    font-size:34px;
    line-height:1.08;
    margin:0 0 12px;
}

.solar-series-info-card p{
    color:var(--solar-muted);
    font-size:15px;
    line-height:1.45;
    margin:0 0 14px;
}

.solar-season-row{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:4px 0 14px;
}

.solar-season-row button{
    border:1px solid rgba(0,187,255,.35);
    background:rgba(9,22,38,.85);
    color:#dbeafe;
    border-radius:999px;
    padding:10px 14px;
    font-weight:900;
    white-space:nowrap;
}

.solar-season-row button.is-active{
    background:linear-gradient(135deg,#58c7ff,#2563ff);
    color:#fff;
    border-color:#58c7ff;
}

.solar-episode-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    max-height:calc(100vh - 360px);
    overflow-y:auto;
    padding-right:4px;
}

.solar-episode-row{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:12px;
    border:1px solid rgba(0,187,255,.25);
    background:rgba(6,16,29,.7);
    border-radius:18px;
    padding:10px;
}

.solar-episode-art{
    width:120px;
    aspect-ratio:16/9;
    border-radius:12px;
    overflow:hidden;
    background:#06101d;
}

.solar-episode-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.solar-episode-art em{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5fbfff;
    font-style:normal;
    font-weight:900;
}

.solar-episode-copy strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.2;
}

.solar-episode-copy span{
    display:block;
    color:#5fbfff;
    font-size:13px;
    font-weight:900;
    margin:5px 0;
}

.solar-episode-copy p{
    font-size:13px;
    line-height:1.35;
    margin:0;
}

/* Live TV Mockup A layout - CSS only */
.solar-live-layout.has-player{
    display:grid!important;
    grid-template-columns:280px minmax(360px,1fr) minmax(420px,42vw)!important;
    grid-template-rows:minmax(250px,42vh) minmax(180px,1fr)!important;
    gap:18px!important;
    align-items:stretch!important;
}

.solar-live-layout.has-player .solar-live-panel{
    display:contents!important;
}

.solar-live-layout.has-player .solar-live-top{
    grid-column:1 / 3!important;
    grid-row:1 / 2!important;
    display:grid!important;
    grid-template-columns:280px 1fr!important;
    gap:18px!important;
    align-items:start!important;
    pointer-events:none!important;
}

.solar-live-layout.has-player .solar-live-top > div{
    grid-column:1!important;
    pointer-events:auto!important;
}

.solar-live-layout.has-player .solar-live-top input{
    grid-column:1 / 3!important;
    align-self:start!important;
    pointer-events:auto!important;
}

.solar-live-layout.has-player .solar-category-row{
    grid-column:1!important;
    grid-row:1 / 3!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-top:125px!important;
    gap:8px!important;
}

.solar-live-layout.has-player .solar-category-row button{
    width:100%!important;
    justify-content:space-between!important;
    border-radius:0!important;
    min-height:44px!important;
    padding:12px 16px!important;
    text-align:left!important;
}

.solar-live-layout.has-player .solar-channel-list{
    grid-column:2!important;
    grid-row:1 / 3!important;
    max-height:calc(100vh - 190px)!important;
    overflow-y:auto!important;
    padding-top:125px!important;
}

.solar-live-layout.has-player .solar-live-player{
    grid-column:3!important;
    grid-row:1 / 2!important;
    min-height:250px!important;
    aspect-ratio:16/9!important;
    align-self:start!important;
}

.solar-live-layout.has-player .solar-now-playing{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
}

.solar-live-layout.has-player::after{
    content:"TV Guide Info downloading....";
    grid-column:3!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:180px!important;
    border:1px solid rgba(0,187,255,.25)!important;
    border-radius:24px!important;
    color:rgba(219,234,254,.75)!important;
    font-size:22px!important;
    font-weight:700!important;
    background:rgba(8,18,33,.55)!important;
    box-shadow:0 0 35px rgba(0,187,255,.08)!important;
}

/* Live TV Mockup A production layout */
.solar-live-v2-layout{
    display:grid;
    grid-template-columns:300px minmax(420px,1fr) minmax(420px,40vw);
    gap:18px;
    min-height:calc(100vh - 145px);
    align-items:stretch;
}

.solar-live-v2-categories,
.solar-live-v2-channels,
.solar-live-v2-watch{
    min-width:0;
}

.solar-live-v2-categories,
.solar-live-v2-channels{
    border:1px solid rgba(0,187,255,.22);
    border-radius:26px;
    background:linear-gradient(180deg,rgba(15,29,50,.88),rgba(5,15,26,.74));
    box-shadow:0 0 45px rgba(0,187,255,.08);
    padding:18px;
    overflow:hidden;
}

.solar-live-v2-title{
    margin-bottom:16px;
}

.solar-live-v2-title h1{
    color:#fff;
    font-size:30px;
    line-height:1;
    margin:14px 0 0;
}

.solar-live-v2-categories #liveSearch{
    width:100%;
    margin:0 0 14px;
    border-radius:20px;
    min-height:52px;
}

.solar-live-v2-categories .solar-category-row{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    max-height:calc(100vh - 285px)!important;
    padding:0!important;
}

.solar-live-v2-categories .solar-category-row button{
    width:100%!important;
    border-radius:14px!important;
    min-height:48px!important;
    padding:12px 14px!important;
    text-align:left!important;
    justify-content:flex-start!important;
    background:rgba(6,16,29,.58)!important;
}

.solar-live-v2-categories .solar-category-row button.is-active{
    background:linear-gradient(135deg,#58c7ff,#2563ff)!important;
    color:#fff!important;
    border-color:#58c7ff!important;
}

.solar-live-v2-channels .solar-channel-list{
    max-height:calc(100vh - 255px)!important;
    overflow-y:auto!important;
    padding:0!important;
}

.solar-live-v2-channels .solar-channel-card{
    min-height:78px;
    border-radius:18px;
    margin-bottom:10px;
}

.solar-live-v2-watch{
    display:grid;
    grid-template-rows:auto 1fr;
    gap:18px;
}

.solar-live-v2-watch .solar-live-player{
    width:100%;
    min-height:260px;
    aspect-ratio:16/9;
    border-radius:28px;
    overflow:hidden;
}

.solar-live-v2-watch .solar-now-playing{
    left:18px;
    right:18px;
    bottom:18px;
}

.solar-live-v2-guide{
    border:1px solid rgba(0,187,255,.22);
    border-radius:26px;
    background:linear-gradient(180deg,rgba(15,29,50,.82),rgba(5,15,26,.66));
    box-shadow:0 0 45px rgba(0,187,255,.07);
    padding:22px;
    min-height:170px;
}

.solar-live-v2-guide strong{
    display:block;
    color:#fff;
    font-size:24px;
    margin:16px 0 8px;
}

.solar-live-v2-guide p{
    color:var(--solar-muted);
    font-size:15px;
    line-height:1.45;
    margin:0;
}

@media (max-width:1100px){
    .solar-live-v2-layout{
        grid-template-columns:260px minmax(360px,1fr) minmax(360px,38vw);
        gap:14px;
    }

    .solar-live-v2-title h1{
        font-size:24px;
    }
}

/* Live v2 list height fix */
.solar-live-v2-layout{
    min-height:calc(100vh - 120px)!important;
}

.solar-live-v2-categories,
.solar-live-v2-channels{
    display:flex!important;
    flex-direction:column!important;
    max-height:calc(100vh - 125px)!important;
}

.solar-live-v2-categories .solar-category-row{
    flex:1!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding-bottom:18px!important;
}

.solar-live-v2-channels .solar-channel-list{
    flex:1!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding-bottom:18px!important;
}

.solar-live-v2-channels .solar-live-v2-title{
    margin-bottom:12px!important;
}

.solar-live-v2-channels .solar-channel-card{
    flex-shrink:0!important;
}

/* Live v2 bottom align only */
.solar-live-v2-layout{
    height:calc(100vh - 145px)!important;
    align-items:stretch!important;
}

.solar-live-v2-categories,
.solar-live-v2-channels{
    height:100%!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
}

.solar-live-v2-categories .solar-category-row,
.solar-live-v2-channels .solar-channel-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
}

/* Live v2 preview / guide balance */
.solar-live-v2-watch{
    grid-template-rows:38% 1fr!important;
    gap:16px!important;
}

.solar-live-v2-watch .solar-live-player{
    min-height:0!important;
    height:100%!important;
}

.solar-live-v2-watch .solar-video-placeholder{
    min-height:0!important;
    height:100%!important;
}

.solar-live-v2-guide{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
}

/* Dashboard tile bottom fit */
.solar-app-grid{
    align-items:stretch!important;
}

.solar-app-tile{
    min-height:210px!important;
    padding:22px 18px!important;
}

.solar-app-tile span{
    font-size:18px!important;
    line-height:1.25!important;
    margin-top:10px!important;
}

/* Live guide compact fix */
.solar-live-v2-watch{
    grid-template-rows:48% 1fr!important;
    gap:12px!important;
}

.solar-live-v2-guide{
    padding:14px!important;
    overflow:hidden!important;
}

.solar-live-v2-guide strong{
    font-size:18px!important;
    line-height:1.1!important;
    margin:10px 0 4px!important;
    white-space:nowrap!important;
}

.solar-live-v2-guide p{
    display:none!important;
}

.solar-live-v2-guide strong::after{
    content:"...";
    display:inline-block;
    margin-left:4px;
    animation:solarGuidePulse 1.1s infinite;
}

@keyframes solarGuidePulse{
    0%,100%{opacity:.25;}
    50%{opacity:1;}
}

/* Live v2 smaller header and guide */
body:has(.solar-live-v2-layout) .solar-app-header{
    min-height:62px!important;
    padding:10px 22px!important;
}

body:has(.solar-live-v2-layout) .solar-app-header img{
    max-width:105px!important;
}

.solar-live-v2-guide strong{
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.solar-live-v2-guide p{
    display:none!important;
}

.solar-live-v2-guide{
    padding:12px!important;
}

/* Allow Safari address bar collapse on Live page */
html,
body:has(.solar-live-v2-layout){
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
}

body:has(.solar-live-v2-layout) .solar-app-shell{
    min-height:calc(100vh + 90px)!important;
    height:auto!important;
    overflow:visible!important;
    padding-bottom:90px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-layout{
    min-height:calc(100vh - 145px)!important;
    height:calc(100vh - 145px)!important;
    overflow:hidden!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-categories,
body:has(.solar-live-v2-layout) .solar-live-v2-channels,
body:has(.solar-live-v2-layout) .solar-live-v2-watch{
    overflow:hidden!important;
}

body:has(.solar-live-v2-layout) .solar-category-row,
body:has(.solar-live-v2-layout) .solar-channel-list{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}

/* Live v2 fill bottom after Safari collapse */
body:has(.solar-live-v2-layout) .solar-live-v2-layout{
    height:calc(100vh - 118px)!important;
    min-height:calc(100vh - 118px)!important;
    align-items:stretch!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-categories,
body:has(.solar-live-v2-layout) .solar-live-v2-channels,
body:has(.solar-live-v2-layout) .solar-live-v2-watch{
    height:100%!important;
    min-height:0!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-watch{
    grid-template-rows:52% 1fr!important;
    gap:12px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-guide{
    height:100%!important;
    min-height:0!important;
}

body:has(.solar-live-v2-layout) .solar-category-row,
body:has(.solar-live-v2-layout) .solar-channel-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
}

/* Live v2 force left/center cards to match guide bottom */
body:has(.solar-live-v2-layout) .solar-live-v2-layout{
    display:grid!important;
    align-items:stretch!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-categories,
body:has(.solar-live-v2-layout) .solar-live-v2-channels{
    align-self:stretch!important;
    height:100%!important;
    min-height:100%!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-watch{
    align-self:stretch!important;
    height:100%!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-guide{
    align-self:stretch!important;
}

/* Live v2 header/right-fit/card-size tuning */
body:has(.solar-live-v2-layout) .solar-app-shell{
    padding-left:10px!important;
    padding-right:10px!important;
}

body:has(.solar-live-v2-layout) .solar-app-header{
    min-height:58px!important;
    padding:8px 22px!important;
    margin-bottom:10px!important;
    border-radius:24px!important;
}

body:has(.solar-live-v2-layout) .solar-app-header img{
    max-width:100px!important;
}

body:has(.solar-live-v2-layout) .solar-app-header a{
    font-size:24px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-layout{
    width:calc(100vw - 20px)!important;
    grid-template-columns:28% 39% minmax(0,31%)!important;
    gap:8px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-watch{
    min-width:0!important;
}

body:has(.solar-live-v2-layout) .solar-live-player,
body:has(.solar-live-v2-layout) .solar-live-v2-guide{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-categories,
body:has(.solar-live-v2-layout) .solar-live-v2-channels{
    padding:12px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-title h1{
    font-size:26px!important;
    margin-top:10px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-card{
    min-height:64px!important;
    padding:8px 10px!important;
    border-radius:15px!important;
    margin-bottom:8px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-logo{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-card strong{
    font-size:18px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-card span{
    font-size:12px!important;
}

body:has(.solar-live-v2-layout) .solar-category-row button{
    min-height:44px!important;
    padding:9px 12px!important;
}

/* Live v2 dense IPTV layout */
body:has(.solar-live-v2-layout) .solar-app-header{
    min-height:52px!important;
    padding:6px 18px!important;
    margin-bottom:8px!important;
}

body:has(.solar-live-v2-layout) .solar-app-header a{
    font-size:22px!important;
}

body:has(.solar-live-v2-layout) .solar-app-header img{
    max-width:95px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-layout{
    grid-template-columns:27% 33% 38%!important;
    gap:8px!important;
    height:calc(100vh - 105px)!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-categories,
body:has(.solar-live-v2-layout) .solar-live-v2-channels{
    padding:10px!important;
    border-radius:18px!important;
}

body:has(.solar-live-v2-layout) .solar-pill{
    font-size:12px!important;
    padding:5px 10px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-title{
    margin-bottom:8px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-title h1{
    font-size:22px!important;
    margin:8px 0 0!important;
}

body:has(.solar-live-v2-layout) #liveSearch{
    height:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
    font-size:13px!important;
    padding:0 10px!important;
    margin-bottom:8px!important;
}

body:has(.solar-live-v2-layout) .solar-category-row{
    gap:5px!important;
}

body:has(.solar-live-v2-layout) .solar-category-row button{
    min-height:34px!important;
    padding:6px 10px!important;
    border-radius:8px!important;
    font-size:13px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-list{
    gap:6px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-card{
    min-height:48px!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    margin-bottom:5px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-logo{
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-card strong{
    font-size:15px!important;
}

body:has(.solar-live-v2-layout) .solar-channel-card span{
    font-size:11px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-watch{
    grid-template-rows:auto 1fr!important;
    gap:8px!important;
}

body:has(.solar-live-v2-layout) .solar-live-player{
    aspect-ratio:16/9!important;
    max-height:42vh!important;
    border-radius:14px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-guide{
    border-radius:14px!important;
    padding:10px!important;
}

body:has(.solar-live-v2-layout) .solar-live-v2-guide strong{
    font-size:14px!important;
}

/* Live v2 now-playing overlay compact */
.solar-live-v2-watch .solar-now-playing{
    top:10px!important;
    left:10px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:70%!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.58)!important;
}

.solar-live-v2-watch .solar-now-playing span{
    font-size:10px!important;
    letter-spacing:.12em!important;
}

.solar-live-v2-watch .solar-now-playing strong{
    font-size:14px!important;
    line-height:1.1!important;
}

/* Live v2 preview video center/crop fix */
.solar-live-v2-watch .solar-live-player{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#000!important;
}

.solar-live-v2-watch .solar-video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000!important;
}

.solar-live-v2-watch .solar-video-placeholder{
    width:100%!important;
    height:100%!important;
}

/* Live v2 Now Playing auto hide */
.solar-now-playing{
    transition:opacity .35s ease, transform .35s ease!important;
}

.solar-now-playing.is-hidden{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-6px)!important;
}

/* Live v2 remove oversized preview placeholder text */
.solar-live-v2-watch .solar-video-placeholder span,
.solar-live-v2-watch .solar-video-placeholder strong{
    display:none!important;
}

/* Hide Now Playing label until a channel is selected */
.solar-now-playing:not(.has-channel) span{
    display:none!important;
}

/* MOVIES FULL WIDTH LAYOUT */
.solar-movie-detail{
    display:none!important;
}

.solar-movies-layout{
    display:block!important;
}

.solar-movies-layout .solar-live-panel{
    width:100%!important;
    max-width:none!important;
}

.solar-live-top input#movieSearch{
    width:55%!important;
    max-width:700px!important;
}

.solar-movie-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
    max-height:calc(100vh - 300px)!important;
}

.solar-movie-card{
    padding:8px!important;
}

.solar-movie-poster{
    margin-bottom:8px!important;
}

@media (max-width:1200px){
    .solar-movie-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}


/* Sticky movie categories */
#movieCategoryRow{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    background:linear-gradient(180deg,#071322 0%,#071322 85%,transparent 100%)!important;
    padding-top:8px!important;
    padding-bottom:12px!important;
    margin-bottom:12px!important;
}

/* Allow movie panel scrolling */
.solar-live-panel{
    overflow-y:auto!important;
}

/* Give posters room below sticky row */
.solar-movie-grid{
    padding-top:4px!important;
}


/* Movies page natural scrolling */
.solar-movie-grid{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
}

.solar-live-panel{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
}

.solar-movies-layout{
    overflow:visible!important;
}


/* Movie details Android-style page */
.solar-movie-details-page{
    min-height:100vh;
    position:relative;
    overflow:hidden;
    background:#02050a;
    color:#fff;
}

.solar-movie-details-bg{
    position:fixed;
    inset:0;
    background:
        linear-gradient(90deg,rgba(2,5,10,.98) 0%,rgba(2,5,10,.72) 42%,rgba(2,5,10,.96) 100%),
        linear-gradient(180deg,rgba(2,5,10,.35),rgba(2,5,10,.95)),
        var(--movie-backdrop) center/cover no-repeat;
    filter:saturate(1.05);
    z-index:0;
}

.solar-movie-details-header,
.solar-movie-details-hero{
    position:relative;
    z-index:2;
}

.solar-movie-details-header{
    height:86px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    padding:0 42px;
}

.solar-movie-details-header a{
    color:#fff;
    text-decoration:none;
    font-size:24px;
    font-weight:900;
}

.solar-movie-details-header img{
    max-width:155px;
}

.solar-movie-details-hero{
    min-height:calc(100vh - 86px);
    display:grid;
    grid-template-columns:270px 1fr;
    gap:38px;
    align-items:center;
    padding:18px 78px 50px;
}

.solar-movie-details-poster{
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(0,0,0,.55);
    background:#06101d;
}

.solar-movie-details-poster img{
    width:100%;
    display:block;
}

.solar-movie-details-copy h1{
    font-size:clamp(34px,4.5vw,64px);
    line-height:1;
    margin:0 0 20px;
    text-align:center;
}

.solar-movie-details-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:0 0 18px;
    color:#dbeafe;
    font-weight:900;
}

.solar-movie-details-meta span{
    background:rgba(255,255,255,.10);
    border-radius:8px;
    padding:7px 12px;
}

.solar-movie-details-copy p{
    color:#e5e7eb;
    font-size:18px;
    line-height:1.45;
    margin:10px 0;
}

.solar-movie-details-copy strong{
    color:#fff;
}

.solar-movie-details-actions{
    display:flex;
    gap:16px;
    margin:28px 0;
}

.solar-movie-details-actions .solar-btn{
    min-width:220px;
    justify-content:center;
}

.solar-movie-details-plot{
    max-width:1050px;
    font-size:20px!important;
}

/* Sticky movie details header */
.solar-movie-details-header{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    background:linear-gradient(180deg,rgba(2,5,10,.98),rgba(2,5,10,.70),transparent)!important;
    backdrop-filter:blur(10px)!important;
}

.solar-movie-details-page{
    overflow-y:auto!important;
}


/* Movie details fixed top bar */
.solar-movie-details-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:9999!important;
    background:linear-gradient(180deg,rgba(2,5,10,.98),rgba(2,5,10,.80))!important;
    backdrop-filter:blur(12px)!important;
}

.solar-movie-details-hero{
    padding-top:110px!important;
}


/* Movie details polish pass */
.solar-movie-details-poster{
    max-width:235px!important;
    justify-self:center!important;
}

.solar-movie-details-hero{
    grid-template-columns:240px 1fr!important;
    gap:44px!important;
    align-items:center!important;
}

.solar-movie-details-actions .solar-btn{
    min-width:230px!important;
    min-height:58px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    font-size:20px!important;
    font-weight:900!important;
}

.solar-movie-details-actions .solar-btn.trailer{
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(0,187,255,.35)!important;
    color:#fff!important;
    box-shadow:0 0 22px rgba(0,187,255,.12)!important;
}

.solar-detail-section{
    margin-top:18px!important;
    max-width:1050px!important;
}

.solar-detail-section h3{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:22px!important;
    font-weight:900!important;
}

.solar-detail-section p{
    color:#e5e7eb!important;
    font-size:18px!important;
    line-height:1.45!important;
}

.solar-more-like-this{
    border-top:1px solid rgba(0,187,255,.18)!important;
    padding-top:18px!important;
    margin-top:24px!important;
}


/* Final Movie Details polish */
.solar-movie-details-bg{
    background:
        linear-gradient(90deg,rgba(2,5,10,.90) 0%,rgba(2,5,10,.62) 42%,rgba(2,5,10,.90) 100%)!important,
        linear-gradient(180deg,rgba(2,5,10,.20),rgba(2,5,10,.86))!important,
        var(--movie-backdrop) center/cover no-repeat!important;
}

.solar-movie-details-copy h1{
    font-size:clamp(34px,4vw,58px)!important;
    max-width:980px!important;
}

.solar-movie-details-meta{
    display:none!important;
}

.solar-movie-details-meta-line{
    color:#dbeafe!important;
    font-size:20px!important;
    font-weight:900!important;
    margin:0 0 18px!important;
}

.solar-movie-details-actions .solar-btn.primary{
    background:linear-gradient(135deg,#00bbff,#2563eb)!important;
    color:#fff!important;
    text-decoration:none!important;
}

.solar-movie-details-actions .solar-btn.trailer{
    text-decoration:none!important;
}

.solar-related-row{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
    margin-top:14px!important;
}

.solar-related-card{
    position:relative!important;
    display:block!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#06101d!important;
    color:#fff!important;
    text-decoration:none!important;
    aspect-ratio:2/3!important;
    border:1px solid rgba(0,187,255,.18)!important;
}

.solar-related-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}

.solar-related-card span{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#5fbfff!important;
    font-weight:900!important;
}

.solar-related-card strong{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:22px 8px 8px!important;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))!important;
    font-size:13px!important;
    line-height:1.15!important;
    text-align:center!important;
}


/* Raise poster to align with title */
.solar-movie-details-hero{
    align-items:start!important;
}

.solar-movie-details-poster{
    align-self:start!important;
    margin-top:20px!important;
}

.solar-movie-details-copy{
    align-self:start!important;
}


/* Fine tune movie details poster title alignment */
.solar-movie-details-poster{
    margin-top:-30px!important;
}


/* Series polish pass - locked playback safe */
.solar-series-info-card{
    padding:22px;
    border-radius:24px;
    background:linear-gradient(180deg,rgba(8,20,36,.94),rgba(4,10,20,.96));
    border:1px solid rgba(0,187,255,.22);
    box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.solar-series-info-card h2{
    font-size:24px;
    line-height:1.15;
    margin-bottom:8px;
}

.solar-series-info-card > p{
    font-size:16px;
    line-height:1.55;
    margin-bottom:18px;
}

.solar-season-row{
    gap:12px;
    padding:6px 0 18px;
    margin-bottom:6px;
}

.solar-season-row button{
    padding:12px 18px;
    border-radius:999px;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(0,0,0,.2);
}

.solar-season-row button.is-active{
    background:linear-gradient(135deg,#00bbff,#2563ff);
    box-shadow:0 0 22px rgba(0,187,255,.35);
}

.solar-episode-list{
    gap:16px;
    max-height:calc(100vh - 330px);
    padding:4px 6px 12px 0;
}

.solar-episode-row{
    grid-template-columns:170px 1fr;
    gap:16px;
    padding:14px;
    border-radius:22px;
    background:rgba(6,16,29,.86);
    border:1px solid rgba(0,187,255,.28);
}

.solar-episode-art{
    width:170px;
    border-radius:16px;
}

.solar-episode-copy strong{
    font-size:20px;
    margin-bottom:4px;
}

.solar-episode-copy span{
    font-size:14px;
    color:#7ddcff;
    margin:6px 0 8px;
}

.solar-episode-copy p{
    font-size:14px;
    line-height:1.45;
    color:rgba(219,234,254,.78);
    margin-bottom:12px;
}

.solar-episode-play{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:max-content;
    min-width:110px;
    padding:10px 18px!important;
    margin-top:4px;
    border-radius:999px!important;
    font-weight:900!important;
}

@media (max-width:700px){
    .solar-series-info-card{
        padding:16px;
        border-radius:20px;
    }

    .solar-series-info-card h2{
        font-size:22px;
    }

    .solar-episode-row{
        grid-template-columns:120px 1fr;
        gap:12px;
        padding:12px;
    }

    .solar-episode-art{
        width:120px;
    }

    .solar-episode-copy strong{
        font-size:16px;
    }

    .solar-episode-copy p{
        font-size:13px;
        max-height:54px;
        overflow:hidden;
    }
}

/* Series season tabs - one season visible */
.solar-season-tabs{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding:4px 0 18px;
}

.solar-season-tabs button{
    border:1px solid rgba(0,187,255,.38);
    background:rgba(9,22,38,.9);
    color:#dbeafe;
    border-radius:999px;
    padding:12px 18px;
    font-weight:900;
    white-space:nowrap;
    cursor:pointer;
}

.solar-season-tabs button.is-active{
    background:linear-gradient(135deg,#00bbff,#2563ff);
    color:#fff;
    border-color:#58c7ff;
    box-shadow:0 0 22px rgba(0,187,255,.35);
}

.solar-season-panel{
    display:none;
}

.solar-season-panel.is-active{
    display:block;
}

/* Fit first episode card better after selecting a season */
.solar-season-panel{
    padding:22px!important;
}

.solar-season-panel h2{
    margin:0 0 14px!important;
}

.solar-episode-row{
    align-items:center;
}

.solar-episode-art{
    width:150px!important;
}

.solar-episode-copy strong{
    font-size:18px!important;
    line-height:1.15!important;
}

.solar-episode-copy span{
    margin:4px 0 0!important;
}

@media (max-width:700px){
    .solar-season-panel{
        padding:16px!important;
    }

    .solar-season-panel h2{
        margin-bottom:10px!important;
    }

    .solar-episode-art{
        width:110px!important;
    }

    .solar-episode-copy strong{
        font-size:15px!important;
    }
}

/* Move episode artwork back up inside card */
.solar-episode-row{
    align-items:flex-start!important;
    overflow:visible!important;
}

.solar-episode-art{
    display:block!important;
    align-self:flex-start!important;
    margin-top:0!important;
}

.solar-episode-copy{
    align-self:flex-start!important;
}

/* Hide duplicate Season heading under selected season tab */
.solar-season-panel h2{
    display:none!important;
}

/* Sticky season tabs + taller episode list */
.solar-detail-section:has(.solar-season-tabs){
    position:relative;
}

.solar-season-tabs{
    position:sticky;
    top:88px;
    z-index:50;
    background:linear-gradient(180deg,rgba(2,8,16,.96),rgba(2,8,16,.82));
    backdrop-filter:blur(12px);
    border-radius:0 0 20px 20px;
    padding:12px 0 16px!important;
    margin-bottom:14px;
}

.solar-season-panel{
    max-height:70vh;
    overflow-y:auto;
}

.solar-episode-list{
    max-height:none!important;
    overflow:visible!important;
}

.solar-episode-row{
    min-height:118px;
    margin-bottom:14px;
}

@media (max-width:700px){
    .solar-season-tabs{
        top:78px;
    }

    .solar-season-panel{
        max-height:72vh;
    }

    .solar-episode-row{
        min-height:104px;
    }
}

/* Compact episode card so Play button is visible */
.solar-season-tabs{
    position:static!important;
    top:auto!important;
    background:transparent!important;
    backdrop-filter:none!important;
    margin-bottom:10px!important;
    padding:6px 0 12px!important;
}

.solar-season-panel{
    max-height:none!important;
    overflow:visible!important;
    padding:14px!important;
}

.solar-episode-row{
    min-height:0!important;
    padding:12px!important;
    gap:14px!important;
    align-items:flex-start!important;
}

.solar-episode-art{
    width:145px!important;
}

.solar-episode-copy strong{
    font-size:18px!important;
    line-height:1.15!important;
}

.solar-episode-copy p{
    font-size:14px!important;
    line-height:1.3!important;
    max-height:55px!important;
    overflow:hidden!important;
    margin:6px 0 10px!important;
}

.solar-episode-play{
    padding:8px 18px!important;
    min-width:100px!important;
    margin-top:0!important;
}

@media (max-width:700px){
    .solar-episode-art{
        width:115px!important;
    }

    .solar-episode-copy p{
        max-height:38px!important;
    }
}

/* Series final polish - safe UI only */
.solar-movie-details-hero{
    gap:44px!important;
    align-items:flex-start!important;
}

.solar-movie-details-poster{
    max-height:520px!important;
    overflow:hidden!important;
}

.solar-movie-details-poster img{
    object-fit:cover!important;
}

.solar-movie-details-copy{
    padding-top:18px!important;
}

.solar-movie-details-copy h1{
    margin-bottom:12px!important;
}

.solar-movie-details-meta-line{
    margin-bottom:18px!important;
}

.solar-detail-section{
    margin-top:18px!important;
}

.solar-detail-section h3{
    margin-bottom:12px!important;
}

.solar-episode-row{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.solar-episode-row:hover{
    transform:translateY(-2px);
    border-color:rgba(0,187,255,.55)!important;
    box-shadow:0 0 28px rgba(0,187,255,.16);
}

.solar-episode-play{
    pointer-events:auto;
}

@media (max-width:900px){
    .solar-movie-details-hero{
        gap:24px!important;
    }

    .solar-movie-details-copy{
        padding-top:8px!important;
    }

    .solar-movie-details-poster{
        max-height:360px!important;
    }
}

/* Universal Search Tabs */
.solar-search-tabs{
    display:flex;
    gap:10px;
    margin:18px 0;
    flex-wrap:wrap;
}

.solar-search-tabs button{
    border:1px solid rgba(0,187,255,.35);
    background:rgba(4,16,30,.88);
    color:#dbeafe;
    border-radius:999px;
    padding:11px 16px;
    font-weight:900;
    letter-spacing:.04em;
}

.solar-search-tabs button.is-active{
    background:linear-gradient(135deg,#68c7ff,#315dff);
    color:#fff;
    border-color:rgba(255,255,255,.35);
}

.solar-search-tabs span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    margin-left:7px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    font-size:12px;
}

/* Dashboard refresh controls */
.solar-refresh-panel{
    margin-top:18px;
    padding:18px;
    border:1px solid rgba(0,187,255,.18);
    border-radius:24px;
    background:linear-gradient(135deg,rgba(8,18,32,.92),rgba(13,27,46,.86));
    box-shadow:0 18px 50px rgba(0,0,0,.24);
}

.solar-refresh-copy{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.solar-refresh-copy h2{
    margin:8px 0 4px;
    color:#fff;
    font-size:20px;
    line-height:1.15;
}

.solar-refresh-copy p{
    margin:0;
    color:rgba(226,232,240,.76);
    font-size:14px;
}

.solar-refresh-actions{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.solar-refresh-btn{
    appearance:none;
    border:1px solid rgba(0,187,255,.32);
    border-radius:16px;
    background:rgba(0,187,255,.10);
    color:#e0f7ff;
    font-size:14px;
    font-weight:800;
    padding:12px 10px;
    cursor:pointer;
    transition:transform .18s ease,background .18s ease,border-color .18s ease;
}

.solar-refresh-btn:hover{
    transform:translateY(-1px);
    background:rgba(0,187,255,.18);
    border-color:rgba(0,187,255,.55);
}

.solar-refresh-btn:disabled{
    opacity:.6;
    cursor:wait;
    transform:none;
}

.solar-refresh-status{
    margin-top:12px;
    min-height:20px;
    color:rgba(226,232,240,.72);
    font-size:13px;
    font-weight:700;
}

.solar-refresh-status.is-success{
    color:#86efac;
}

.solar-refresh-status.is-error{
    color:#fca5a5;
}

@media (max-width:760px){
    .solar-refresh-actions{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .solar-refresh-copy{
        display:block;
    }
}

/* Refresh buttons inside dashboard cards */
.solar-app-tile{
    display:flex;
    flex-direction:column;
}

.solar-tile-refresh-row{
    margin-top:auto;
    padding-top:18px;
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    width:100%;
}

.solar-tile-refresh-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(0,187,255,.38);
    background:rgba(0,187,255,.12);
    color:#e0f7ff;
    font-size:12px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(0,187,255,.10);
    transition:transform .18s ease,background .18s ease,border-color .18s ease;
}

.solar-tile-refresh-btn:hover{
    transform:translateY(-1px);
    background:rgba(0,187,255,.20);
    border-color:rgba(0,187,255,.62);
}

.solar-tile-refresh-btn.is-disabled{
    opacity:.55;
    pointer-events:none;
    cursor:wait;
    transform:none;
}

.solar-refresh-status-inline{
    margin:14px auto 0;
    text-align:center;
    max-width:760px;
    font-size:14px;
}

/* Final dashboard card refresh button cleanup */
.solar-tile-refresh-row{
    flex-wrap:nowrap !important;
}

.solar-tile-refresh-btn{
    white-space:nowrap !important;
    font-size:11px !important;
    line-height:1 !important;
    padding:9px 14px !important;
    min-height:34px !important;
    max-width:100% !important;
}

.solar-app-tile .solar-tile-refresh-btn{
    white-space:nowrap !important;
}

/* Align dashboard card refresh buttons evenly */
.solar-app-tile[data-preload] > span:not(.solar-tile-refresh-row){
    min-height:72px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    text-align:center;
}

.solar-tile-refresh-row{
    margin-top:auto !important;
    padding-top:18px !important;
}

/* Invisible Search card spacer to align dashboard cards */
.solar-tile-refresh-placeholder{
    visibility:hidden !important;
    pointer-events:none !important;
}

/* Final Search card vertical alignment */
.solar-app-tile[href="/v2/search.php"] > .solar-tile-icon,
.solar-app-tile[href="/v2/search.php"] > strong,
.solar-app-tile[href="/v2/search.php"] > b,
.solar-app-tile[href="/v2/search.php"] > span:not(.solar-tile-refresh-row){
    transform:translateY(-24px);
}

/* Fine-tune Search card alignment */
.solar-app-tile[href="/v2/search.php"] > .solar-tile-icon,
.solar-app-tile[href="/v2/search.php"] > strong,
.solar-app-tile[href="/v2/search.php"] > b,
.solar-app-tile[href="/v2/search.php"] > span:not(.solar-tile-refresh-row){
    transform:translateY(-18px) !important;
}

/* Live TV EPG rows */
.solar-guide-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:10px;
    max-height:210px;
    overflow:auto;
    padding-right:4px;
}

.solar-guide-row{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:10px;
    padding:9px 10px;
    border:1px solid rgba(0,187,255,.14);
    border-radius:14px;
    background:rgba(0,187,255,.06);
}

.solar-guide-row.is-now{
    border-color:rgba(0,187,255,.35);
    background:rgba(0,187,255,.12);
}

.solar-guide-time{
    color:#38cfff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

.solar-guide-copy strong{
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.2;
}

.solar-guide-copy p{
    margin:4px 0 0;
    color:rgba(226,232,240,.70);
    font-size:12px;
    line-height:1.25;
}

/* Stop old guide loading ellipsis from making EPG look stuck */
.solar-live-v2-guide strong::after{
    content:none !important;
    animation:none !important;
}

.solar-live-v2-guide p{
    display:block !important;
}

/* EPG guide header polish */
.solar-guide-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.solar-guide-channel{
    color:#fff;
    font-size:18px;
    font-weight:900;
    line-height:1.15;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.solar-guide-refresh{
    appearance:none;
    border:1px solid rgba(0,187,255,.38);
    border-radius:999px;
    background:rgba(0,187,255,.12);
    color:#e0f7ff;
    font-size:12px;
    font-weight:900;
    line-height:1;
    padding:9px 13px;
    cursor:pointer;
    white-space:nowrap;
    box-shadow:0 8px 22px rgba(0,187,255,.10);
}

.solar-guide-refresh:disabled{
    opacity:.6;
    cursor:wait;
}

/* Selected channel text color */
.solar-channel-card.is-active strong,
.solar-channel-card.is-active small {
    color: #00bbff !important;
}

/* EPG compact no-overlap layout */
.solar-live-v2-guide {
    overflow: hidden !important;
}

.solar-live-v2-guide .solar-guide-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: visible !important;
    max-height: none !important;
}

.solar-live-v2-guide .solar-guide-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 10px 12px !important;
    min-height: 0 !important;
}

.solar-live-v2-guide .solar-guide-time {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    color: #00bbff !important;
    white-space: normal !important;
    overflow: visible !important;
}

.solar-live-v2-guide .solar-guide-copy {
    min-width: 0 !important;
}

.solar-live-v2-guide .solar-guide-copy strong {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    color: #ffffff !important;
}

.solar-live-v2-guide .solar-guide-copy p {
    font-size: 16px !important;
    line-height: 1.25 !important;
    margin: 4px 0 0 0 !important;
    color: rgba(255,255,255,.72) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

@media (max-height: 760px) {
    .solar-live-v2-guide .solar-guide-list {
        gap: 6px !important;
    }

    .solar-live-v2-guide .solar-guide-row {
        padding: 8px 10px !important;
    }

    .solar-live-v2-guide .solar-guide-time {
        font-size: 14px !important;
    }

    .solar-live-v2-guide .solar-guide-copy strong {
        font-size: 17px !important;
    }

    .solar-live-v2-guide .solar-guide-copy p {
        font-size: 14px !important;
        line-height: 1.2 !important;
        -webkit-line-clamp: 1 !important;
    }
}

/* EPG natural scroll fix */
.solar-live-v2-guide {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.solar-live-v2-guide .solar-guide-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: visible !important;
    max-height: none !important;
    padding-right: 0 !important;
}

.solar-live-v2-guide .solar-guide-row {
    flex: 0 0 auto !important;
}

/* SOLAR SETTINGS HUB START */
.solar-header-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.solar-header-icon-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:42px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.solar-header-icon-link:hover{
    border-color:rgba(0,187,255,.55);
    background:rgba(0,187,255,.16);
}

.solar-settings-page{
    min-height:100vh;
    padding:28px 42px 42px;
    color:#fff;
    background:
        radial-gradient(circle at 15% 10%,rgba(0,187,255,.16),transparent 30%),
        linear-gradient(135deg,#030515 0%,#07091f 45%,#02030d 100%);
}

.solar-settings-header{
    display:grid;
    grid-template-columns:60px 180px 1fr auto auto;
    align-items:center;
    gap:24px;
    margin-bottom:34px;
}

.solar-settings-back{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    border-radius:18px;
    color:#fff;
    font-size:56px;
    line-height:1;
    text-decoration:none;
}

.solar-settings-header img{
    width:150px;
    max-height:74px;
    object-fit:contain;
    background:#fff;
}

.solar-settings-title{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}

.solar-settings-title:before{
    content:"";
    display:block;
    width:4px;
    height:52px;
    background:#fff;
    border-radius:999px;
}

.solar-settings-title span{
    display:none;
}

.solar-settings-title strong{
    font-size:26px;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.solar-settings-clock{
    white-space:nowrap;
    color:rgba(255,255,255,.9);
    font-size:21px;
    font-weight:700;
}

.solar-settings-logout{
    color:#fff;
    text-decoration:none;
    font-weight:900;
    padding:12px 18px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
}

.solar-settings-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    margin:0 auto 32px;
    max-width:1420px;
}

.solar-settings-card{
    min-height:160px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(27,34,78,.88);
    color:#fff;
    border-radius:0;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
    box-shadow:0 20px 44px rgba(0,0,0,.26);
}

.solar-settings-card span{
    font-size:46px;
    color:#4f7dff;
}

.solar-settings-card strong{
    font-size:24px;
    font-weight:700;
}

.solar-settings-card.is-active,
.solar-settings-card:hover{
    border-color:rgba(0,187,255,.68);
    background:linear-gradient(135deg,rgba(0,187,255,.24),rgba(27,34,78,.92));
}

.solar-settings-panels{
    max-width:1420px;
    margin:0 auto;
}

.solar-settings-panel{
    display:none;
    padding:34px 42px;
    background:rgba(24,29,48,.94);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 55px rgba(0,0,0,.3);
}

.solar-settings-panel.is-active{
    display:block;
}

.solar-settings-panel h2{
    text-align:center;
    margin:0 0 28px;
    font-size:28px;
    font-weight:500;
}

.solar-settings-info-table{
    width:min(760px,100%);
    margin:0 auto;
    display:grid;
    gap:14px;
}

.solar-settings-info-table div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    font-size:22px;
}

.solar-settings-info-table span{
    color:rgba(255,255,255,.86);
}

.solar-settings-info-table strong{
    font-weight:500;
}

.solar-settings-status{
    display:inline-block;
    width:max-content;
    padding:5px 12px;
    background:#2f7d22;
    color:#fff;
}

.solar-settings-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    padding:22px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.solar-settings-row strong{
    display:block;
    font-size:22px;
    margin-bottom:6px;
}

.solar-settings-row span,
.solar-settings-note{
    color:rgba(255,255,255,.72);
    font-size:16px;
}

.solar-settings-actions,
.solar-settings-choice-row{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.solar-settings-button,
.solar-settings-choice{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    border-radius:14px;
    padding:14px 20px;
    font-size:17px;
    font-weight:800;
}

.solar-settings-button:hover,
.solar-settings-choice:hover,
.solar-settings-choice.is-active{
    border-color:rgba(0,187,255,.7);
    background:rgba(0,187,255,.2);
}

.solar-user-list{
    display:grid;
    gap:14px;
    max-width:520px;
    margin:0 auto 22px;
}

.solar-user-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px;
    border-radius:16px;
    background:#fff;
    color:#111827;
}

.solar-user-card > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    background:#d4d4d8;
    font-size:32px;
}

.solar-user-card strong,
.solar-user-card small{
    display:block;
}

.solar-settings-pin-box{
    max-width:520px;
    margin:0 auto;
}

.solar-settings-pin-box label{
    display:grid;
    gap:10px;
    margin-bottom:18px;
}

.solar-settings-pin-box input{
    width:100%;
    min-height:54px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    background:rgba(255,255,255,.08);
    color:#fff;
    padding:0 16px;
    font-size:18px;
}

.solar-settings-toast{
    position:fixed;
    left:50%;
    bottom:26px;
    transform:translateX(-50%) translateY(20px);
    opacity:0;
    pointer-events:none;
    background:rgba(15,23,42,.96);
    border:1px solid rgba(0,187,255,.45);
    color:#fff;
    padding:14px 20px;
    border-radius:999px;
    font-weight:800;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
    transition:.2s ease;
    z-index:9999;
}

.solar-settings-toast.is-visible{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.solar-settings-toast.is-error{
    border-color:rgba(239,68,68,.65);
}

@media(max-width:900px){
    .solar-settings-page{
        padding:18px;
    }

    .solar-settings-header{
        grid-template-columns:48px 120px 1fr;
        gap:14px;
    }

    .solar-settings-clock,
    .solar-settings-logout{
        display:none;
    }

    .solar-settings-header img{
        width:118px;
    }

    .solar-settings-title strong{
        font-size:20px;
    }

    .solar-settings-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .solar-settings-card{
        min-height:120px;
    }

    .solar-settings-panel{
        padding:24px 18px;
    }

    .solar-settings-info-table div,
    .solar-settings-row{
        display:block;
    }

    .solar-settings-row .solar-settings-button{
        margin-top:14px;
    }
}
/* SOLAR SETTINGS HUB END */

/* SOLAR SETTINGS COMPACT FIX START */

/* Dashboard tiles: shorter and cleaner */
.solar-app-grid{
    gap:20px !important;
}

.solar-app-tile{
    min-height:260px !important;
    padding:26px 22px !important;
}

.solar-app-tile strong{
    font-size:30px !important;
}

.solar-app-tile > span:not(.solar-tile-refresh-row){
    font-size:20px !important;
    line-height:1.25 !important;
}

.solar-tile-refresh-row{
    margin-top:22px !important;
}

.solar-tile-refresh-btn{
    min-height:42px !important;
    padding:8px 16px !important;
    font-size:18px !important;
}

/* Settings page cards: less tall */
.solar-settings-page{
    padding-top:22px !important;
}

.solar-settings-header{
    margin-bottom:22px !important;
}

.solar-settings-grid{
    gap:18px !important;
    margin-bottom:24px !important;
}

.solar-settings-card{
    min-height:118px !important;
    gap:10px !important;
    padding:18px 14px !important;
}

.solar-settings-card span{
    font-size:34px !important;
}

.solar-settings-card strong{
    font-size:21px !important;
}

.solar-settings-panel{
    padding:26px 34px !important;
}

.solar-settings-panel h2{
    margin-bottom:20px !important;
    font-size:26px !important;
}

.solar-settings-info-table{
    gap:10px !important;
}

.solar-settings-info-table div{
    font-size:21px !important;
}

.solar-settings-row{
    padding:16px 0 !important;
}

.solar-settings-button,
.solar-settings-choice{
    padding:11px 17px !important;
    font-size:16px !important;
}

/* Tablet/mobile landscape compact mode */
@media(max-width:1200px){
    .solar-settings-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .solar-settings-card{
        min-height:106px !important;
    }

    .solar-settings-card span{
        font-size:30px !important;
    }

    .solar-settings-card strong{
        font-size:19px !important;
    }

    .solar-app-tile{
        min-height:230px !important;
    }
}

/* SOLAR SETTINGS COMPACT FIX END */













/* SOLAR DASHBOARD CLEAN CARD FINAL START */

body.solar-dashboard-body .solar-app-shell{
    height:100dvh !important;
    overflow:hidden !important;
    padding:10px 22px 10px !important;
    box-sizing:border-box !important;
}

body.solar-dashboard-body .solar-app-header{
    min-height:64px !important;
    padding:8px 20px !important;
    margin-bottom:14px !important;
}

body.solar-dashboard-body .solar-app-header img{
    max-height:50px !important;
    max-width:190px !important;
    width:auto !important;
    object-fit:contain !important;
}

/* Hide dashboard card icons to stop vertical clipping */
body.solar-dashboard-body .solar-tile-icon{
    display:none !important;
}

/* Shorter cards, clean centered content */
body.solar-dashboard-body .solar-app-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    margin:0 !important;
    align-items:start !important;
}

body.solar-dashboard-body .solar-app-tile{
    height:165px !important;
    min-height:165px !important;
    max-height:165px !important;
    padding:14px 12px 12px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

body.solar-dashboard-body .solar-app-tile > *{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
}

body.solar-dashboard-body .solar-app-tile strong{
    display:block !important;
    font-size:27px !important;
    line-height:1 !important;
    margin:0 0 8px !important;
    padding:0 !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
}

body.solar-dashboard-body .solar-app-tile b{
    display:block !important;
    width:48px !important;
    height:3px !important;
    margin:0 auto 10px !important;
    flex:0 0 auto !important;
}

body.solar-dashboard-body .solar-app-tile > span:not(.solar-tile-refresh-row){
    display:block !important;
    font-size:15px !important;
    line-height:1.12 !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
}

body.solar-dashboard-body .solar-tile-refresh-row{
    display:flex !important;
    justify-content:center !important;
    margin-top:10px !important;
    flex:0 0 auto !important;
    position:static !important;
}

body.solar-dashboard-body .solar-tile-refresh-placeholder{
    visibility:hidden !important;
}

body.solar-dashboard-body .solar-tile-refresh-btn{
    min-height:28px !important;
    padding:4px 10px !important;
    font-size:12px !important;
    line-height:1 !important;
}

/* iPhone/iPad Safari landscape */
@media(max-height:620px) and (orientation:landscape){
    body.solar-dashboard-body .solar-app-header{
        min-height:56px !important;
        margin-bottom:10px !important;
    }

    body.solar-dashboard-body .solar-app-header img{
        max-height:42px !important;
        max-width:170px !important;
    }

    body.solar-dashboard-body .solar-app-tile{
        height:145px !important;
        min-height:145px !important;
        max-height:145px !important;
        padding:11px 10px !important;
    }

    body.solar-dashboard-body .solar-app-tile strong{
        font-size:24px !important;
        margin-bottom:7px !important;
    }

    body.solar-dashboard-body .solar-app-tile b{
        margin-bottom:8px !important;
    }

    body.solar-dashboard-body .solar-app-tile > span:not(.solar-tile-refresh-row){
        font-size:13px !important;
    }

    body.solar-dashboard-body .solar-tile-refresh-row{
        margin-top:8px !important;
    }

    body.solar-dashboard-body .solar-tile-refresh-btn{
        min-height:24px !important;
        font-size:10.5px !important;
        padding:3px 8px !important;
    }
}

/* SOLAR DASHBOARD CLEAN CARD FINAL END */


/* SOLAR RESTORE ORIGINAL DASHBOARD CARDS START */

/* Stop the dashboard from using the strict no-scroll compressed layout */
.solar-app-shell{
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
    display:block !important;
    padding:24px 28px 34px !important;
}

.solar-app-header{
    min-height:78px !important;
    padding:12px 26px !important;
    margin-bottom:24px !important;
}

.solar-app-header img{
    max-height:48px !important;
    max-width:165px !important;
    width:auto !important;
    object-fit:contain !important;
}

/* Keep welcome box removed if any old CSS tries to show it */
.solar-app-hero{
    display:none !important;
}

/* Restore taller readable dashboard cards */
.solar-app-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:22px !important;
    margin:0 !important;
    align-items:stretch !important;
}

.solar-app-tile{
    height:auto !important;
    min-height:300px !important;
    max-height:none !important;
    padding:30px 22px 24px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}

.solar-app-tile > *{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
}

.solar-tile-icon{
    display:block !important;
    font-size:42px !important;
    line-height:1 !important;
    margin:0 0 18px !important;
}

.solar-app-tile strong{
    display:block !important;
    font-size:36px !important;
    line-height:1.08 !important;
    margin:0 0 14px !important;
    padding:0 !important;
    white-space:nowrap !important;
}

.solar-app-tile b{
    display:block !important;
    width:68px !important;
    height:5px !important;
    margin:0 auto 22px !important;
}

.solar-app-tile > span:not(.solar-tile-refresh-row){
    display:block !important;
    font-size:22px !important;
    line-height:1.22 !important;
    margin:0 !important;
    padding:0 !important;
}

.solar-tile-refresh-row{
    display:flex !important;
    justify-content:center !important;
    margin-top:34px !important;
    position:static !important;
}

.solar-tile-refresh-placeholder{
    visibility:hidden !important;
}

.solar-tile-refresh-btn{
    min-height:42px !important;
    padding:8px 18px !important;
    font-size:18px !important;
    line-height:1 !important;
}

.solar-refresh-status-inline{
    display:none !important;
}

/* iPad/iPhone landscape: still readable, not compressed */
@media(max-height:620px) and (orientation:landscape){
    .solar-app-shell{
        padding:18px 24px 28px !important;
    }

    .solar-app-header{
        min-height:68px !important;
        padding:10px 22px !important;
        margin-bottom:20px !important;
    }

    .solar-app-header img{
        max-height:42px !important;
    }

    .solar-app-tile{
        min-height:255px !important;
        padding:24px 18px 20px !important;
    }

    .solar-tile-icon{
        font-size:34px !important;
        margin-bottom:14px !important;
    }

    .solar-app-tile strong{
        font-size:31px !important;
        margin-bottom:12px !important;
    }

    .solar-app-tile b{
        margin-bottom:18px !important;
    }

    .solar-app-tile > span:not(.solar-tile-refresh-row){
        font-size:18px !important;
    }

    .solar-tile-refresh-row{
        margin-top:24px !important;
    }

    .solar-tile-refresh-btn{
        min-height:36px !important;
        font-size:15px !important;
        padding:6px 14px !important;
    }
}

/* SOLAR RESTORE ORIGINAL DASHBOARD CARDS END */

/* SOLAR SAFE ACCOUNT SETTINGS FIX START */

.solar-settings-header img,
.solar-account-header img{
    background:transparent !important;
    width:auto !important;
    height:auto !important;
    max-width:170px !important;
    max-height:62px !important;
    padding:0 !important;
    object-fit:contain !important;
}

.solar-settings-header{
    grid-template-columns:60px 190px 1fr auto auto !important;
    gap:18px !important;
}

.solar-account-page{
    min-height:100vh;
    padding:22px 42px 42px;
    color:#fff;
    background:
        radial-gradient(circle at 16% 0%,rgba(0,187,255,.55),transparent 34%),
        linear-gradient(135deg,#030515 0%,#07091f 45%,#02030d 100%);
}

.solar-account-panel{
    max-width:1180px;
    margin:28px auto 0;
    padding:30px 42px;
    background:rgba(24,29,48,.94);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 55px rgba(0,0,0,.3);
}

.solar-account-panel h1{
    text-align:center;
    margin:0 0 24px;
    font-size:32px;
    font-weight:600;
}

/* SOLAR SAFE ACCOUNT SETTINGS FIX END */

/* SOLAR DASHBOARD UPDATE INDICATOR START */

.solar-app-tile.is-updating{
    position:relative;
    pointer-events:none;
    opacity:.82;
}

.solar-app-tile.is-updating::after{
    content:"Updating... please wait";
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    padding:12px 14px;
    border-radius:16px;
    text-align:center;
    font-size:16px;
    font-weight:800;
    color:#ffffff;
    background:linear-gradient(135deg,#00bbff,#006dff);
    box-shadow:0 14px 35px rgba(0,187,255,.28);
    z-index:5;
}

.solar-refresh-status.is-success{
    color:#22c55e !important;
    font-weight:800 !important;
}

.solar-refresh-status.is-error{
    color:#fecaca !important;
    font-weight:800 !important;
}

/* SOLAR DASHBOARD UPDATE INDICATOR END */

/* SOLAR DASHBOARD PREMIUM REFRESH FIX START */

.solar-tile-refresh-row{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
}

.solar-tile-refresh-btn{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
    font-size:clamp(13px,1.35vw,18px) !important;
    line-height:1.15 !important;
    padding:11px 14px !important;
    border-radius:999px !important;
}

.solar-app-tile.is-updating::after{
    content:"Updating..." !important;
    left:28px !important;
    right:28px !important;
    bottom:76px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    font-size:14px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    text-align:center !important;
    color:#fff !important;
    background:linear-gradient(135deg,#00bbff,#006dff) !important;
    box-shadow:0 10px 28px rgba(0,187,255,.22) !important;
}

@media (max-width:900px){
    .solar-tile-refresh-btn{
        font-size:13px !important;
        padding:10px 10px !important;
    }

    .solar-app-tile.is-updating::after{
        bottom:70px !important;
        font-size:13px !important;
    }
}

/* SOLAR DASHBOARD PREMIUM REFRESH FIX END */

/* SOLAR REFRESH BUTTON TEXT FIX START */

.solar-tile-refresh-btn,
.solar-tile-refresh-btn.is-disabled,
.solar-tile-refresh-btn[aria-disabled="true"]{
    color:#ffffff !important;
    opacity:1 !important;
    filter:none !important;
    text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
}

.solar-tile-refresh-btn{
    font-size:18px !important;
    font-weight:900 !important;
    letter-spacing:.2px !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

/* SOLAR REFRESH BUTTON TEXT FIX END */