/*==================================================
GREEN ASIST | ENERGY HUB
DESIGN + TEXT SYSTEM
==================================================*/

:root{
    /*==================================================
    TEXT SYSTEM
    ==================================================*/

    /* TEXT 1 | ANA BAŞLIK */
    --text-1-size:clamp(28px,2vw,34px);
    --text-1-color:#17211b;
    --text-1-weight:750;
    --text-1-line:1.10;

    /* TEXT 2 | BÖLÜM BAŞLIĞI */
    --text-2-size:clamp(20px,1.5vw,26px);
    --text-2-color:#243029;
    --text-2-weight:720;
    --text-2-line:1.15;

    /* TEXT 3 | ÖNEMLİ METRİK */
    --text-3-size:clamp(16px,1.1vw,20px);
    --text-3-color:#0b6f3d;
    --text-3-weight:700;
    --text-3-line:1.20;

    /* TEXT 4 | NORMAL RAPOR METNİ */
    --text-4-size:clamp(14px,.9vw,16px);
    --text-4-color:#465149;
    --text-4-weight:500;
    --text-4-line:1.40;

    /* TEXT 5 | YARDIMCI BİLGİ */
    --text-5-size:clamp(12px,.75vw,14px);
    --text-5-color:#7a857e;
    --text-5-weight:600;
    --text-5-line:1.35;


    /*==================================================
    COLOR SYSTEM
    ==================================================*/

    --hub-white:#ffffff;

    --hub-bg:#f3f5f3;
    --hub-bg-soft:#f7f8f7;
    --hub-bg-muted:#eef1ef;

    --hub-black:#121815;
    --hub-anthracite:#1d2721;
    --hub-dark:#243029;

    --hub-green:#0b6f3d;
    --hub-green-dark:#07532e;
    --hub-green-soft:#e9f3ed;

    --hub-orange:#c85f22;
    --hub-orange-soft:#fff0e6;

    --hub-gray-900:#26302a;
    --hub-gray-700:#465149;
    --hub-gray-600:#5f6a63;
    --hub-gray-500:#7a857e;
    --hub-gray-400:#9ba49e;
    --hub-gray-300:#cbd1cd;
    --hub-gray-200:#e0e4e1;
    --hub-gray-150:#e9ecea;
    --hub-gray-100:#f3f5f3;

    --hub-text-positive:#0b6f3d;
    --hub-text-negative:#c85f22;

    --hub-tl:#0b6f3d;
    --hub-usd:#c85f22;


    /*==================================================
    DESKTOP LAYOUT CONTROLS
    ==================================================*/

    /* Sol menü genişliği */
    --hub-sidebar-width:260px;

    /* Sol menü ile rapor arasındaki boşluk */
    --hub-column-gap:12px;

    /* Uygulama dış kenar boşlukları */
    --hub-page-padding-top:12px;
    --hub-page-padding-right:12px;
    --hub-page-padding-bottom:12px;
    --hub-page-padding-left:12px;

    /* Workspace iç kenar boşluğu */
    --hub-workspace-padding:8px;

    /* Rapor bölümleri arası boşluk */
    --hub-section-gap:12px;

    /* Grafik ve metrik paneli arasındaki boşluk */
    --hub-chart-side-gap:12px;

    /* Günlük sağ panel genişliği */
    --hub-daily-side-width:310px;

    /* Aylık ve yıllık sağ panel genişliği */
    --hub-comparison-width:330px;

    /* Grafik yükseklikleri */
    --hub-daily-chart-height:120px;
    --hub-month-chart-height:120px;
    --hub-year-chart-height:120px;
    --hub-yekdem-chart-height:360px;

    /* Köşe değerleri */
    --hub-radius-small:8px;
    --hub-radius-medium:12px;
    --hub-radius-large:16px;

    /* Gölge */
    --hub-shadow:
        0 12px 34px rgba(16,28,21,.06);

    --hub-shadow-soft:
        0 8px 24px rgba(16,28,21,.045);

    /* Geçiş */
    --hub-transition:
        .20s ease;
}

/*==================================================
GREEN ASIST | RENEWABLE ENERGY DATA
==================================================*/

.hub-renewable-dashboard{
    --renewable-navy:#053d64;
    --renewable-green:#078451;
    --renewable-mint:#eef8f3;
    --renewable-line:#d5e3de;
    --renewable-soft:#f6f9f8;

    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    overflow:hidden;
    background:#fff;
}

.hub-renewable-dashboard[hidden]{
    display:none !important;
}

.hub-renewable-head{
    min-height:67px;
    margin:0 0 8px;
    padding:0 12px 8px;
    border-bottom:1px solid var(--renewable-line);
}

.hub-renewable-head .hub-detail-title-row{
    display:flex;
    align-items:baseline;
    gap:13px;
}

.hub-renewable-head h2{
    color:var(--renewable-navy);
    font-size:29px;
    line-height:1;
    letter-spacing:-.04em;
}

.hub-renewable-head p{
    color:var(--renewable-green);
    font-size:13px;
    font-weight:650;
}

.hub-renewable-year{
    min-width:132px;
    height:46px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 13px;
    border:1px solid var(--renewable-line);
    border-radius:14px;
    background:#fff;
}

.hub-renewable-year span{
    color:#60756d;
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
}

.hub-renewable-year select{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    color:var(--renewable-navy);
    background:transparent;
    font:700 14px/1 inherit;
}

.hub-renewable-content{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(520px,.64fr) minmax(350px,.36fr);
    gap:10px;
    padding:10px;
    border-radius:18px;
    background:#edf3f1;
    overflow:hidden;
}

.hub-renewable-map-panel,
.hub-renewable-report{
    min-width:0;
    min-height:0;
    border:1px solid var(--renewable-line);
    border-radius:17px;
    background:#fff;
    box-shadow:0 10px 28px rgba(5,43,32,.045);
}

.hub-renewable-map-panel{
    display:grid;
    grid-template-rows:auto minmax(210px,1fr) auto auto;
    gap:9px;
    padding:14px;
    overflow:hidden;
}

.hub-renewable-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.hub-renewable-section-head span:first-child,
.hub-renewable-chart-panel header span{
    display:block;
    margin-bottom:4px;
    color:var(--renewable-green);
    font-size:9px;
    font-weight:700;
    letter-spacing:.15em;
}

.hub-renewable-section-head h3,
.hub-renewable-chart-panel h3{
    color:var(--renewable-navy);
    font-size:17px;
    line-height:1.15;
}

.hub-renewable-source-badge{
    padding:7px 9px;
    border:1px solid #c7e5d5;
    border-radius:999px;
    color:var(--renewable-green);
    background:var(--renewable-mint);
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    white-space:nowrap;
}

.hub-renewable-map{
    z-index:1;
    min-height:210px;
    border:1px solid #c8dcd5;
    border-radius:14px;
    overflow:hidden;
    background:#dbe9e4;
}

.hub-renewable-map.is-unavailable{
    display:grid;
    place-items:center;
    padding:20px;
    color:#60756d;
    font-size:13px;
    text-align:center;
}

.hub-renewable-map .leaflet-control-attribution{
    font-size:8px;
}

.hub-renewable-map .leaflet-bar{
    border:0;
    box-shadow:0 5px 15px rgba(4,45,31,.18);
}

.hub-renewable-city-label{
    border:0 !important;
    background:transparent !important;
}

.hub-renewable-city-label span{
    display:inline-block;
    padding:1px 3px;
    border-radius:4px;
    color:#244d43;
    background:rgba(255,255,255,.76);
    box-shadow:0 1px 3px rgba(9,51,39,.12);
    font:700 9px/1.2 Arial,sans-serif;
    white-space:nowrap;
    transform:translate(-50%,-50%);
}

.hub-renewable-location-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(105px,.55fr) auto;
    gap:7px;
}

.hub-renewable-location-form label{
    min-width:0;
    display:grid;
    gap:4px;
}

.hub-renewable-location-form label span{
    color:#60756d;
    font-size:9px;
    font-weight:650;
}

.hub-renewable-elevation-field{
    position:relative;
}

.hub-renewable-elevation-field small{
    position:absolute;
    right:8px;
    bottom:3px;
    max-width:calc(100% - 16px);
    overflow:hidden;
    color:#71877e;
    font-size:6.8px;
    font-weight:700;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
    pointer-events:none;
}

.hub-renewable-elevation-field input{
    padding-bottom:8px;
}

.hub-renewable-location-form input{
    width:100%;
    height:39px;
    padding:0 10px;
    border:1px solid var(--renewable-line);
    border-radius:10px;
    outline:0;
    color:var(--renewable-navy);
    background:#f8fbfa;
    font-size:13px;
    font-weight:700;
    font-variant-numeric:tabular-nums;
}

.hub-renewable-location-form input:focus{
    border-color:#55b98b;
    box-shadow:0 0 0 3px rgba(7,132,81,.1);
}

.hub-renewable-location-form button{
    align-self:end;
    height:39px;
    padding:0 14px;
    border:0;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(135deg,var(--renewable-navy),var(--renewable-green));
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
    cursor:pointer;
}

.hub-renewable-location-note{
    margin:0;
    padding-left:10px;
    border-left:2px solid #75cba2;
    color:#60756d;
    font-size:9.5px;
    line-height:1.35;
}

.hub-renewable-report{
    display:grid;
    grid-template-rows:auto auto auto minmax(155px,1fr) auto;
    gap:7px;
    padding:10px;
    overflow:hidden;
}

.hub-renewable-status{
    min-height:27px;
    display:flex;
    align-items:center;
    padding:5px 10px;
    border-radius:9px;
    color:#61766e;
    background:#f2f6f4;
    font-size:9.5px;
    font-weight:700;
}

.hub-renewable-status.is-loading{
    color:#755815;
    background:#fff8df;
}

.hub-renewable-status.is-success{
    color:#076e46;
    background:#eaf8f1;
}

.hub-renewable-status.is-warning{
    color:#755815;
    background:#fff8df;
}

.hub-renewable-status.is-error{
    color:#a33a2c;
    background:#fff0ed;
}

.hub-renewable-kpis,
.hub-renewable-periods{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.hub-renewable-kpi{
    position:relative;
    min-width:0;
    min-height:86px;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto 1fr;
    align-items:end;
    padding:9px 10px;
    border:1px solid var(--renewable-line);
    border-radius:13px;
    background:linear-gradient(145deg,#fff,#f4f9f7);
    overflow:hidden;
}

.hub-renewable-kpi::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:3px;
    background:var(--accent,#078451);
}

.hub-renewable-kpi.is-wind{--accent:#1678a8}
.hub-renewable-kpi.is-temperature{--accent:#df7b32}

.hub-renewable-kpi > span{
    grid-column:1/-1;
    color:#60756d;
    font-size:8.5px;
    font-weight:700;
    letter-spacing:.08em;
}

.hub-renewable-kpi > small{
    grid-column:1/-1;
    color:#758a82;
    font-size:9px;
}

.hub-renewable-kpi > strong{
    color:var(--renewable-navy);
    font-size:23px;
    line-height:1;
    letter-spacing:-.04em;
    font-variant-numeric:tabular-nums;
}

.hub-renewable-kpi > em{
    padding-bottom:2px;
    color:#60756d;
    font-size:9px;
    font-style:normal;
    font-weight:700;
}

.hub-renewable-periods article{
    min-width:0;
    display:grid;
    gap:3px;
    padding:6px 8px;
    border:1px solid #d8e7e1;
    border-radius:11px;
    background:#fbfdfc;
}

.hub-renewable-periods span{
    color:#60756d;
    font-size:7.8px;
    font-weight:700;
    letter-spacing:.06em;
}

.hub-renewable-periods strong{
    color:#076e46;
    font-size:12.5px;
    line-height:1.1;
    font-variant-numeric:tabular-nums;
}

.hub-renewable-periods small{
    color:#758a82;
    font-size:8.5px;
}

.hub-renewable-chart-panel{
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:5px;
    padding:8px 9px 6px;
    border:1px solid var(--renewable-line);
    border-radius:13px;
    background:#fff;
}

.hub-renewable-chart-panel > header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.hub-renewable-chart-panel h3{
    font-size:15px;
}

.hub-renewable-chart-tabs{
    display:flex;
    gap:3px;
    padding:3px;
    border-radius:10px;
    background:#edf4f1;
}

.hub-renewable-chart-tabs button{
    min-height:27px;
    padding:0 9px;
    border:0;
    border-radius:7px;
    color:#5c7169;
    background:transparent;
    font-size:9px;
    font-weight:650;
    cursor:pointer;
}

.hub-renewable-chart-tabs button.is-active{
    color:#fff;
    background:var(--renewable-navy);
    box-shadow:0 3px 8px rgba(5,61,100,.16);
}

.hub-renewable-chart-wrap{
    position:relative;
    min-height:125px;
}

.hub-renewable-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:31px;
}

.hub-renewable-footer p{
    margin:0;
    color:#60756d;
    font-size:8.8px;
    line-height:1.25;
}

.hub-renewable-footer button{
    flex:0 0 auto;
    min-height:30px;
    padding:0 12px;
    border:1px solid #9dd5ba;
    border-radius:999px;
    color:#076e46;
    background:#fff;
    font-size:9px;
    font-weight:700;
    cursor:pointer;
}

.hub-renewable-dialog .hub-insight-dialog-panel{
    width:min(650px,calc(100vw - 28px));
}

.hub-renewable-method-list{
    display:grid;
    gap:7px;
    margin:12px 0 0;
}

.hub-renewable-method-list > div{
    display:grid;
    grid-template-columns:minmax(140px,.34fr) minmax(0,.66fr);
    gap:10px;
    padding:10px 12px;
    border:1px solid var(--renewable-line);
    border-radius:10px;
    background:#f7faf9;
}

.hub-renewable-method-list dt{
    color:var(--renewable-green);
    font-size:11px;
    font-weight:700;
}

.hub-renewable-method-list dd{
    margin:0;
    color:#50675e;
    font-size:11px;
    line-height:1.4;
}

@media (min-width:901px) and (max-width:1180px){
    .hub-renewable-content{
        grid-template-columns:minmax(430px,.58fr) minmax(0,.42fr);
        gap:7px;
        padding:7px;
    }

    .hub-renewable-map-panel,
    .hub-renewable-report{
        padding:9px;
    }

    .hub-renewable-map-panel{
        grid-template-rows:auto minmax(190px,1fr) auto auto;
    }

    .hub-renewable-kpi{
        min-height:86px;
        padding:8px 9px;
    }

    .hub-renewable-kpi > strong{font-size:21px}
    .hub-renewable-periods strong{font-size:12px}
    .hub-renewable-chart-tabs button{padding:0 6px;font-size:8px}
}

@media (min-width:769px) and (max-width:900px){
    .hub-renewable-dashboard{
        height:auto;
        overflow:visible;
    }

    .hub-renewable-content{
        grid-template-columns:minmax(280px,.4fr) minmax(0,.6fr);
        min-height:610px;
        overflow:visible;
    }

    .hub-renewable-head{
        min-height:58px;
    }

    .hub-renewable-head h2{font-size:20px}
    .hub-renewable-head p{font-size:9px}
    .hub-renewable-map-panel{grid-template-rows:auto 245px auto auto}
    .hub-renewable-location-form{grid-template-columns:1fr 1fr}
    .hub-renewable-location-form button{grid-column:1/-1}
    .hub-renewable-kpis{grid-template-columns:repeat(3,1fr)}
    .hub-renewable-kpi > strong{font-size:18px}
    .hub-renewable-kpi > em{font-size:7px}
    .hub-renewable-periods{grid-template-columns:1fr}
    .hub-renewable-periods article{
        grid-template-columns:1fr auto;
        align-items:center;
    }
    .hub-renewable-periods small{grid-column:1/-1}
}

@media (max-width:768px){
    .hub-renewable-dashboard{
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
    }

    .hub-renewable-head{
        min-height:0;
        display:grid !important;
        grid-template-columns:1fr;
        gap:8px;
        padding:6px 5px 9px;
    }

    .hub-renewable-head .hub-detail-title-row{
        flex-wrap:wrap;
        gap:5px 9px;
    }

    .hub-renewable-head h2{font-size:22px}
    .hub-renewable-head p{font-size:10px}
    .hub-renewable-head .hub-detail-actions{
        width:100%;
        display:grid !important;
        grid-template-columns:1fr auto auto;
        gap:6px;
    }
    .hub-renewable-year{
        min-width:0;
        height:39px;
        border-radius:10px;
    }

    .hub-renewable-content{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        padding:7px;
        overflow:visible;
    }

    .hub-renewable-map-panel,
    .hub-renewable-report{
        padding:10px;
    }

    .hub-renewable-map-panel{
        grid-template-rows:auto 230px auto auto;
    }

    .hub-renewable-location-form{
        grid-template-columns:1fr 1fr;
    }

    .hub-renewable-location-form button{
        grid-column:1/-1;
    }

    .hub-renewable-report{
        grid-template-rows:auto auto auto 250px auto;
        overflow:visible;
    }

    .hub-renewable-kpi{
        min-height:92px;
        padding:9px;
    }

    .hub-renewable-kpi > strong{font-size:20px}
    .hub-renewable-kpi > span{font-size:7px}
    .hub-renewable-kpi > em{font-size:7px}
    .hub-renewable-periods strong{font-size:11px}
}

@media (max-width:520px){
    .hub-renewable-head h2{font-size:20px}

    .hub-renewable-map-panel{
        grid-template-rows:auto 218px auto auto;
    }

    .hub-renewable-section-head h3{font-size:15px}
    .hub-renewable-source-badge{font-size:7.5px}

    .hub-renewable-kpis{
        grid-template-columns:1fr;
    }

    .hub-renewable-kpi{
        min-height:72px;
        grid-template-columns:1fr auto auto;
        grid-template-rows:auto auto;
        align-items:center;
    }

    .hub-renewable-kpi > span{grid-column:1/-1}
    .hub-renewable-kpi > small{grid-column:1}
    .hub-renewable-kpi > strong{font-size:23px}
    .hub-renewable-kpi > em{padding-left:5px}

    .hub-renewable-periods{
        grid-template-columns:1fr;
    }

    .hub-renewable-periods article{
        grid-template-columns:1fr auto;
        align-items:center;
    }

    .hub-renewable-periods small{grid-column:1/-1}

    .hub-renewable-chart-panel > header{
        align-items:flex-start;
        flex-direction:column;
    }

    .hub-renewable-chart-tabs{
        width:100%;
    }

    .hub-renewable-chart-tabs button{
        flex:1;
    }

    .hub-renewable-footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .hub-renewable-method-list > div{
        grid-template-columns:1fr;
        gap:4px;
    }
}

@media print{
    body[data-print-report="solar"] .hub-sidebar,
    body[data-print-report="solar"] .hub-renewable-head .hub-detail-actions,
    body[data-print-report="solar"] .hub-renewable-location-form button{
        display:none !important;
    }
}




/*==================================================
GREEN ASIST | ENERGY HUB
GLOBAL BOX MODEL
==================================================*/

*{
    box-sizing:border-box;
}

[hidden]{
    display:none !important;
}


/*==================================================
GREEN ASIST | ENERGY HUB
HEADER + FOOTER
==================================================*/

#contact,
#siteFooter{
    display:none;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PAGE FRAME
==================================================*/

html,
body{
    width:100%;
    height:100%;
}

body{
    min-width:1180px;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);

    margin:0;
    overflow:hidden;

    background:var(--hub-bg);
    color:var(--hub-gray-900);
}

#siteHeader{
    grid-row:1;
}


/*==================================================
GREEN ASIST | ENERGY HUB
APPLICATION FRAME
==================================================*/

.hub-app{
    grid-row:2;

    width:100%;
    height:100%;

    min-width:0;
    min-height:0;

    display:grid;
    grid-template-columns:
        var(--hub-sidebar-width)
        minmax(0,1fr);

    column-gap:var(--hub-column-gap);

    padding:
        var(--hub-page-padding-top)
        var(--hub-page-padding-right)
        var(--hub-page-padding-bottom)
        var(--hub-page-padding-left);

    overflow:hidden;

    background:var(--hub-bg);
}


/*==================================================
GREEN ASIST | ENERGY HUB
SIDEBAR
==================================================*/

.hub-sidebar{
    min-width:0;
    min-height:0;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #111b16 0%,
            #0c1511 100%
        );

    border:1px solid rgba(255,255,255,.05);
    border-radius:var(--hub-radius-large);

    box-shadow:var(--hub-shadow);
}


/*==================================================
SIDEBAR | HEADER
==================================================*/

.hub-sidebar-head{
    padding:26px 22px 22px;

    border-bottom:1px solid rgba(255,255,255,.08);
}

.hub-sidebar-head span{
    display:block;

    margin:0 0 7px;

    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.18em;

    color:#6dc68f;
}

.hub-sidebar-head strong{
    display:block;

    font-size:21px;
    line-height:1.15;
    font-weight:650;

    color:#ffffff;
}


/*==================================================
SIDEBAR | NAVIGATION
==================================================*/

.hub-sidebar-nav{
    min-height:0;

    display:flex;
    flex-direction:column;
    gap:8px;

    padding:18px 12px;

    overflow-y:auto;
}

.hub-nav-item{
    width:100%;

    display:grid;
    grid-template-columns:
        34px
        minmax(0,1fr);

    align-items:center;
    column-gap:12px;

    padding:15px 14px;

    appearance:none;
    border:1px solid transparent;
    border-radius:10px;

    background:transparent;
    color:#ffffff;

    text-align:left;
    cursor:pointer;

    transition:
        background var(--hub-transition),
        border-color var(--hub-transition),
        transform var(--hub-transition);
}

.hub-nav-item:hover{
    background:rgba(255,255,255,.055);
    border-color:rgba(255,255,255,.08);
}

.hub-nav-item.is-active{
    background:
        linear-gradient(
            135deg,
            rgba(20,132,73,.24),
            rgba(20,132,73,.10)
        );

    border-color:rgba(103,205,141,.28);
}

.hub-nav-index{
    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;

    font-size:11px;
    line-height:1;
    font-weight:700;

    color:#8d9b93;
}

.hub-nav-item.is-active .hub-nav-index{
    border-color:#62ba83;
    color:#7ed19d;
}

.hub-nav-copy{
    min-width:0;

    display:flex;
    flex-direction:column;
    gap:5px;
}

.hub-nav-copy strong{
    display:block;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    font-size:14px;
    line-height:1.15;
    font-weight:650;

    color:#f8faf9;
}

.hub-nav-copy small{
    display:block;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    font-size:9px;
    line-height:1.2;
    font-weight:650;
    letter-spacing:.10em;

    color:#849089;
}


/*==================================================
SIDEBAR | FOOT
==================================================*/

.hub-sidebar-foot{
    margin-top:auto;
    padding:17px 22px 20px;

    border-top:1px solid rgba(255,255,255,.08);
}

.hub-sidebar-foot span{
    display:block;

    margin-bottom:4px;

    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;

    color:#7ed19d;
}

.hub-sidebar-foot small{
    display:block;

    font-size:11px;
    line-height:1.3;
    font-weight:500;

    color:#7f8b84;
}


/*==================================================
GREEN ASIST | ENERGY HUB
WORKSPACE
==================================================*/

.hub-workspace{
    min-width:0;
    min-height:0;

    padding:var(--hub-workspace-padding);

    overflow-y:auto;
    overflow-x:hidden;

    background:var(--hub-white);

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-large);

    box-shadow:var(--hub-shadow);
}

.hub-detail-wrap{
    width:100%;
    min-width:0;
}

.hub-detail{
    width:100%;
    min-width:0;
}


/*==================================================
WORKSPACE | SCROLLBAR
==================================================*/

.hub-workspace::-webkit-scrollbar,
.hub-sidebar-nav::-webkit-scrollbar{
    width:8px;
}

.hub-workspace::-webkit-scrollbar-track,
.hub-sidebar-nav::-webkit-scrollbar-track{
    background:transparent;
}

.hub-workspace::-webkit-scrollbar-thumb{
    border:2px solid transparent;
    border-radius:20px;

    background-clip:padding-box;
    background-color:#c8cfca;
}

.hub-sidebar-nav::-webkit-scrollbar-thumb{
    background-color:rgba(255,255,255,.16);
}


/*==================================================
GREEN ASIST | ENERGY HUB
DETAIL HEADER
==================================================*/

.hub-detail-head{
    min-width:0;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;

    margin:0 0 20px;
    padding:4px 2px 19px;

    border-bottom:1px solid var(--hub-gray-200);
}

.hub-detail-title{
    min-width:0;
}

.hub-section-kicker{
    display:block;

    margin:0 0 8px;

    font-size:var(--text-5-size);
    line-height:var(--text-5-line);
    font-weight:700;
    letter-spacing:.10em;

    color:var(--hub-green);
}

.hub-detail-title-row{
    min-width:0;

    display:flex;
    align-items:flex-end;
    gap:16px;
}

.hub-detail-title-row h2{
    margin:0;

    font-size:var(--text-1-size);
    line-height:var(--text-1-line);
    font-weight:var(--text-1-weight);

    color:var(--text-1-color);
}

.hub-detail-title-row p{
    margin:0 0 2px;

    font-size:var(--text-5-size);
    line-height:var(--text-5-line);
    font-weight:var(--text-5-weight);

    color:var(--text-5-color);
}

.hub-detail-actions{
    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}


/*==================================================
DETAIL HEADER | BUTTONS
==================================================*/

.hub-detail-actions button{
    min-height:36px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:8px 14px;

    border:1px solid var(--hub-gray-300);
    border-radius:8px;

    background:#ffffff;

    font-size:12px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-700);

    cursor:pointer;

    transition:
        border-color var(--hub-transition),
        background var(--hub-transition),
        color var(--hub-transition);
}

.hub-detail-actions button:hover:not(:disabled){
    border-color:var(--hub-green);
    color:var(--hub-green);
}

.hub-detail-actions button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

.hub-detail-close-button{
    background:var(--hub-dark) !important;
    border-color:var(--hub-dark) !important;
    color:#ffffff !important;
}

.hub-detail-close-button:hover{
    background:var(--hub-black) !important;
    border-color:var(--hub-black) !important;
}


/*==================================================
GLOBAL TL + USD LEGEND
==================================================*/

.hub-global-series-legend{
    display:flex;
    align-items:center;
    gap:12px;

    margin-right:4px;
}

.hub-global-series-legend span{
    display:flex;
    align-items:center;
    gap:6px;

    font-size:11px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-600);
}

.hub-global-series-legend i{
    width:8px;
    height:8px;

    display:block;

    border-radius:50%;
}

.hub-global-series-legend .is-tl i{
    background:var(--hub-tl);
}

.hub-global-series-legend .is-usd i{
    background:var(--hub-usd);
}


/*==================================================
GREEN ASIST | ENERGY HUB
LOADING + ERROR
==================================================*/

.hub-loading{
    min-height:300px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;

    color:var(--hub-gray-500);
}

.hub-loading span{
    width:32px;
    height:32px;

    display:block;

    border:3px solid var(--hub-gray-200);
    border-top-color:var(--hub-green);
    border-radius:50%;

    animation:hub-loading-spin .8s linear infinite;
}

.hub-loading p{
    margin:0;

    font-size:var(--text-4-size);
    line-height:var(--text-4-line);
    font-weight:var(--text-4-weight);
}

.hub-error{
    padding:18px;

    border:1px solid #f1c8af;
    border-radius:10px;

    background:var(--hub-orange-soft);

    font-size:var(--text-4-size);
    line-height:var(--text-4-line);
    font-weight:650;

    color:var(--hub-orange);
}

@keyframes hub-loading-spin{
    to{
        transform:rotate(360deg);
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
DASHBOARD CONTENT
==================================================*/

.hub-dashboard-content{
    display:flex;
    flex-direction:column;
    gap:var(--hub-section-gap);
}

.hub-dashboard-section{
    width:100%;
    min-width:0;

    padding:18px;

    background:var(--hub-bg-soft);

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-medium);
}


/*==================================================
DASHBOARD SECTION HEADER
==================================================*/

.hub-dashboard-section-head{
    min-width:0;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;

    margin:0 0 15px;
}

.hub-dashboard-section-head > div:first-child{
    min-width:0;
}

.hub-dashboard-index{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:28px;
    height:20px;

    margin-bottom:7px;
    padding:0 7px;

    border-radius:30px;

    background:var(--hub-green-soft);

    font-size:10px;
    line-height:1;
    font-weight:650;

    color:var(--hub-green);
}

.hub-dashboard-section-head h3{
    margin:0 0 5px;

    font-size:var(--text-2-size);
    line-height:var(--text-2-line);
    font-weight:var(--text-2-weight);

    color:var(--text-2-color);
}

.hub-dashboard-section-head p{
    margin:0;

    font-size:var(--text-4-size);
    line-height:var(--text-4-line);
    font-weight:var(--text-4-weight);

    color:var(--text-4-color);
}

.hub-dashboard-period{
    flex:0 0 auto;

    padding:8px 11px;

    border:1px solid var(--hub-gray-200);
    border-radius:8px;

    background:#ffffff;

    font-size:var(--text-5-size);
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-600);
}


/*==================================================
SECTION CHART META
==================================================*/

.hub-section-chart-meta{
    display:flex;
    align-items:center;
    gap:14px;

    margin-top:11px;
}

.hub-section-chart-meta > span:first-child{
    font-size:var(--text-5-size);
    line-height:var(--text-5-line);
    font-weight:650;

    color:var(--hub-gray-500);
}

.hub-section-average{
    display:flex;
    align-items:center;
    gap:8px;

    padding-left:14px;

    border-left:1px solid var(--hub-gray-300);
}

.hub-section-average > small{
    font-size:11px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-500);
}

.hub-section-average-value{
    display:flex;
    align-items:baseline;
    gap:5px;
}

.hub-section-average-value b{
    font-size:15px;
    line-height:1;
    font-weight:650;

    color:var(--hub-green);
}

.hub-section-average-value em{
    font-size:10px;
    line-height:1;
    font-weight:600;
    font-style:normal;

    color:var(--hub-gray-500);
}


/*==================================================
GREEN ASIST | ENERGY HUB
DAILY LAYOUT
==================================================*/

.hub-daily-layout{
    min-width:0;

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        var(--hub-daily-side-width);

    gap:var(--hub-chart-side-gap);
    align-items:stretch;
}

.hub-daily-side{
    min-width:0;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);

    gap:12px;
}


/*==================================================
MONTHLY + YEARLY LAYOUT
==================================================*/

.hub-monthly-layout,
.hub-yearly-layout{
    min-width:0;

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        var(--hub-comparison-width);

    gap:var(--hub-chart-side-gap);
    align-items:stretch;
}


/*==================================================
DASHBOARD PANEL
==================================================*/

.hub-dashboard-panel,
.hub-chart-panel{
    min-width:0;

    padding:14px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-medium);

    box-shadow:var(--hub-shadow-soft);
}

.hub-dashboard-chart{
    position:relative;

    width:100%;
    min-width:0;
}

.hub-dashboard-chart canvas,
.hub-chart-panel canvas{
    width:100% !important;
    height:100% !important;
}

.hub-dashboard-chart-daily{
    height:var(--hub-daily-chart-height);
}

.hub-dashboard-chart-month{
    height:var(--hub-month-chart-height);
}

.hub-dashboard-chart-year{
    height:var(--hub-year-chart-height);
}


/*==================================================
GREEN ASIST | ENERGY HUB
COMPARISON CARDS
==================================================*/

.hub-comparison-card{
    min-width:0;

    padding:15px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-medium);

    box-shadow:var(--hub-shadow-soft);
}

.hub-comparison-main{
    padding:14px;

    border-radius:10px;

    background:var(--hub-green-soft);
}

.hub-comparison-main.is-usd{
    background:var(--hub-orange-soft);
}

.hub-comparison-main > small{
    display:block;

    margin-bottom:8px;

    font-size:10px;
    line-height:1;
    font-weight:700;
    letter-spacing:.06em;

    color:var(--hub-gray-600);
}

.hub-comparison-main-value{
    min-width:0;

    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:8px;
}

.hub-comparison-main-value strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    font-size:24px;
    line-height:1;
    font-weight:650;

    color:var(--hub-green-dark);
}

.hub-comparison-main.is-usd .hub-comparison-main-value strong{
    color:var(--hub-orange);
}

.hub-comparison-main-value em{
    flex:0 0 auto;

    font-size:10px;
    line-height:1;
    font-weight:650;
    font-style:normal;

    color:var(--hub-gray-600);
}


/*==================================================
COMPARISON LIST
==================================================*/

.hub-comparison-card dl{
    margin:13px 0 0;
}

.hub-comparison-card dl > div{
    min-width:0;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    padding:10px 0;

    border-bottom:1px solid var(--hub-gray-150);
}

.hub-comparison-card dl > div:last-child{
    border-bottom:0;
}

.hub-comparison-card dt{
    min-width:0;

    font-size:11px;
    line-height:1.25;
    font-weight:550;

    color:var(--hub-gray-500);
}

.hub-comparison-card dd{
    flex:0 0 auto;

    margin:0;

    font-size:12px;
    line-height:1;
    font-weight:700;

    color:var(--hub-gray-900);
}


/*==================================================
DUAL TL + USD COMPARISON
==================================================*/

.hub-dual-comparison{
    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;
}

.hub-comparison-currency{
    min-width:0;
}

.hub-comparison-currency.is-usd{
    padding-left:12px;

    border-left:1px solid var(--hub-gray-200);
}


/*==================================================
COMPARISON FOOTER
==================================================*/

.hub-comparison-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    margin-top:14px;
    padding-top:13px;

    border-top:1px solid var(--hub-gray-200);
}

.hub-comparison-footer small{
    font-size:10px;
    line-height:1.2;
    font-weight:600;

    color:var(--hub-gray-500);
}

.hub-comparison-footer strong{
    font-size:11px;
    line-height:1.2;
    font-weight:700;

    color:var(--hub-gray-700);
}


/*==================================================
GREEN ASIST | ENERGY HUB
HOURLY VALUES
==================================================*/

.hub-hourly-values-panel{
    min-width:0;

    padding:14px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-medium);

    box-shadow:var(--hub-shadow-soft);
}

.hub-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-bottom:10px;
}

.hub-panel-head strong{
    font-size:12px;
    line-height:1.2;
    font-weight:700;

    color:var(--hub-gray-900);
}

.hub-panel-head small{
    font-size:9px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-500);
}

.hub-hourly-values{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:6px;
}

.hub-hourly-values > *{
    min-width:0;

    padding:7px 5px;

    text-align:center;

    background:var(--hub-bg-soft);

    border:1px solid var(--hub-gray-150);
    border-radius:6px;

    font-size:10px;
    line-height:1.15;
    font-weight:650;

    color:var(--hub-gray-700);
}


/*==================================================
GREEN ASIST | ENERGY HUB
SOURCE + DISCLAIMER
==================================================*/

.hub-source{
    margin:0;
    padding:13px 15px;

    background:var(--hub-bg-soft);

    border-left:3px solid var(--hub-green);
    border-radius:0 8px 8px 0;

    font-size:var(--text-5-size);
    line-height:1.50;
    font-weight:500;

    color:var(--hub-gray-500);
}

.hub-source strong{
    color:var(--hub-green-dark);
}

.hub-source p{
    margin:4px 0 0;
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM CONTROLS
==================================================*/

.hub-yekdem-mode-controls{
    display:flex;
    align-items:center;
    gap:12px;
}

.hub-yekdem-currency-toggle{
    display:flex;
    align-items:center;

    padding:3px;

    background:var(--hub-gray-100);

    border:1px solid var(--hub-gray-200);
    border-radius:8px;
}

.hub-yekdem-currency-toggle button{
    min-width:42px;
    min-height:28px;

    padding:6px 9px;

    border:0;
    border-radius:6px;

    background:transparent;

    font-size:11px;
    font-weight:700;

    color:var(--hub-gray-500);
}

.hub-yekdem-currency-toggle button.is-active{
    background:#ffffff;
    color:var(--hub-green);

    box-shadow:0 2px 7px rgba(16,28,21,.08);
}

.hub-yekdem-trend-control{
    display:flex;
    align-items:center;
    gap:8px;
}

.hub-yekdem-trend-control > span{
    font-size:11px;
    line-height:1;
    font-weight:600;

    color:var(--hub-gray-500);
}

.hub-yekdem-trend-switch{
    display:flex !important;
    align-items:center;
    gap:7px;

    min-height:30px !important;
    padding:4px 8px !important;

    background:var(--hub-gray-100) !important;
}

.hub-yekdem-trend-switch-track{
    width:28px;
    height:16px;

    display:block;
    position:relative;

    border-radius:20px;

    background:var(--hub-gray-300);
}

.hub-yekdem-trend-switch-track i{
    width:12px;
    height:12px;

    position:absolute;
    top:2px;
    left:2px;

    border-radius:50%;

    background:#ffffff;

    transition:left var(--hub-transition);
}

.hub-yekdem-trend-switch.is-on .hub-yekdem-trend-switch-track{
    background:var(--hub-green);
}

.hub-yekdem-trend-switch.is-on .hub-yekdem-trend-switch-track i{
    left:14px;
}

.hub-yekdem-trend-switch b{
    font-size:9px;
    line-height:1;
    font-weight:700;

    color:var(--hub-gray-500);
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM CONTENT
==================================================*/

.hub-yekdem-content{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.hub-yekdem-section{
    padding:18px;

    background:var(--hub-bg-soft);

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-medium);
}

.hub-yekdem-section-titlearea{
    min-width:0;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;

    flex:1;
}

.hub-yekdem-series-legend{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.hub-yekdem-series-legend span{
    display:flex;
    align-items:center;
    gap:6px;
}

.hub-yekdem-series-legend i{
    width:9px;
    height:9px;

    display:block;

    border-radius:50%;
}

.hub-yekdem-series-legend b{
    font-size:11px;
    line-height:1.2;
    font-weight:650;

    color:var(--hub-gray-600);
}

.hub-yekdem-series-legend .is-previous i{
    background:var(--hub-gray-400);
}

.hub-yekdem-series-legend .is-forecast i{
    background:var(--hub-orange);
}

.hub-yekdem-series-legend .is-actual-green i{
    background:var(--hub-green);
}

.hub-yekdem-side-summary{
    min-width:0;

    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}


/*==================================================
YEKDEM GRAPH + TABLE
==================================================*/

.hub-yekdem-visual{
    min-width:0;

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        235px;

    gap:var(--hub-chart-side-gap);
    align-items:stretch;
}

.hub-yekdem-chart-panel{
    height:var(--hub-yekdem-chart-height);
}

.hub-yekdem-axis-table-wrap{
    min-width:0;
    max-height:var(--hub-yekdem-chart-height);

    overflow-y:auto;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:var(--hub-radius-medium);
}

.hub-yekdem-axis-table{
    width:100%;

    border-collapse:collapse;
}

.hub-yekdem-axis-table td,
.hub-yekdem-axis-table th{
    padding:10px 11px;

    border-bottom:1px solid var(--hub-gray-150);

    font-size:11px;
    line-height:1.2;
    font-weight:550;

    color:var(--hub-gray-700);

    text-align:right;
}

.hub-yekdem-axis-table td:first-child,
.hub-yekdem-axis-table th:first-child{
    text-align:left;
}

.hub-yekdem-axis-table tr:last-child td{
    border-bottom:0;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PLACEHOLDER MODULES
==================================================*/

.hub-placeholder-detail{
    min-height:420px;

    padding:4px 2px;
}

.hub-placeholder-detail > p{
    max-width:760px;

    margin:0 0 20px;

    font-size:var(--text-4-size);
    line-height:1.55;
    font-weight:var(--text-4-weight);

    color:var(--hub-gray-600);
}

.hub-placeholder-detail .hub-detail-head > div h2{
    margin:8px 0 0;

    font-size:var(--text-1-size);
    line-height:var(--text-1-line);
    font-weight:var(--text-1-weight);

    color:var(--text-1-color);
}

.placeholder-close{
    min-height:36px;

    padding:8px 14px;

    border:1px solid var(--hub-dark);
    border-radius:8px;

    background:var(--hub-dark);

    font-size:12px;
    line-height:1;
    font-weight:650;

    color:#ffffff;

    cursor:pointer;
}


/*==================================================
GREEN ASIST | ENERGY HUB
METRIC STATES
==================================================*/

.is-positive,
.positive,
[data-state="positive"]{
    color:var(--hub-text-positive) !important;
}

.is-negative,
.negative,
[data-state="negative"]{
    color:var(--hub-text-negative) !important;
}

.is-neutral,
.neutral,
[data-state="neutral"]{
    color:var(--hub-gray-600) !important;
}


/*==================================================
GREEN ASIST | ENERGY HUB
FOCUS STATES
==================================================*/

.hub-nav-item:focus-visible,
.hub-detail-actions button:focus-visible,
.placeholder-close:focus-visible{
    outline:2px solid var(--hub-green);
    outline-offset:2px;
}


/*==================================================
GREEN ASIST | ENERGY HUB
DESKTOP REPORT ROW LAYOUT
FINAL OVERRIDES
==================================================*/

/*
Her rapor bölümü üç sütun kullanır:

1. Bölüm adı
2. Grafik
3. Metrikler

Bu bölüm yalnızca masaüstü yerleşimini düzenler.
==================================================*/

:root{
    /* Rapor satırındaki sol başlık alanı */
    --hub-report-label-width:190px;

    /* Rapor satırındaki sağ metrik alanı */
    --hub-report-metric-width:320px;

    /* Grafik ile diğer alanların arasındaki boşluk */
    --hub-report-row-gap:14px;

    /* PTF grafiklerinin masaüstü yüksekliği */
    --hub-daily-chart-height:230px;
    --hub-month-chart-height:230px;
    --hub-year-chart-height:230px;
}


/*==================================================
REPORT SECTION | THREE COLUMN FRAME
==================================================*/

.hub-dashboard-section{
    display:grid;
    grid-template-columns:
        var(--hub-report-label-width)
        minmax(0,1fr)
        var(--hub-report-metric-width);

    column-gap:var(--hub-report-row-gap);
    align-items:start;

    padding:16px;
}


/*==================================================
REPORT SECTION | LEFT LABEL
==================================================*/

.hub-dashboard-section-head{
    grid-column:1;
    grid-row:1;

    display:block;

    margin:0;
    padding:8px 12px 8px 2px;

    border-right:1px solid var(--hub-gray-200);
}

.hub-dashboard-section-head > div:first-child{
    width:100%;
}

.hub-dashboard-index{
    margin-bottom:12px;
}

.hub-dashboard-section-head h3{
    margin-bottom:8px;
}

.hub-dashboard-section-head p{
    max-width:165px;
}

.hub-dashboard-period{
    display:inline-flex;

    margin-top:14px;
    padding:7px 9px;
}


/*==================================================
DAILY REPORT | GRAPH + METRICS
==================================================*/

.hub-daily-layout{
    display:contents;
}

.hub-daily-chart-panel{
    grid-column:2;
    grid-row:1;

    align-self:start;
}

.hub-daily-side{
    grid-column:3;
    grid-row:1;

    align-self:start;

    display:grid;
    grid-template-rows:
        auto
        auto;

    gap:12px;
}


/*==================================================
MONTHLY + YEARLY | GRAPH + METRICS
==================================================*/

.hub-monthly-layout,
.hub-yearly-layout{
    display:contents;
}

.hub-monthly-layout > .hub-dashboard-panel,
.hub-yearly-layout > .hub-dashboard-panel{
    grid-column:2;
    grid-row:1;

    align-self:start;
}

.hub-monthly-layout > .hub-comparison-card,
.hub-yearly-layout > .hub-comparison-card{
    grid-column:3;
    grid-row:1;

    align-self:start;
}


/*==================================================
GRAPH PANELS | COMPACT DESKTOP SIZE
==================================================*/

.hub-dashboard-panel{
    width:100%;
    height:auto;

    padding:12px;
}

.hub-dashboard-chart{
    width:100%;
}

.hub-dashboard-chart-daily{
    height:var(--hub-daily-chart-height);
}

.hub-dashboard-chart-month{
    height:var(--hub-month-chart-height);
}

.hub-dashboard-chart-year{
    height:var(--hub-year-chart-height);
}


/*==================================================
DAILY METRICS | COMPACT
==================================================*/

.hub-daily-side .hub-comparison-card{
    padding:12px;
}

.hub-daily-side .hub-comparison-main{
    padding:12px;
}

.hub-daily-side .hub-comparison-main-value strong{
    font-size:22px;
}

.hub-daily-side .hub-comparison-card dl{
    margin-top:8px;
}

.hub-daily-side .hub-comparison-card dl > div{
    padding:7px 0;
}


/*==================================================
24 HOUR VALUES | COMPACT GRID
==================================================*/

.hub-hourly-values-panel{
    padding:12px;
}

.hub-hourly-values{
    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:5px;
}

.hub-hourly-values > *{
    padding:6px 4px;

    font-size:9px;
}


/*==================================================
MONTHLY + YEARLY METRICS | COMPACT
==================================================*/

.hub-comparison-card-month,
.hub-comparison-card-year{
    padding:12px;
}

.hub-dual-comparison{
    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;
}

.hub-comparison-currency.is-usd{
    padding-left:10px;
}

.hub-comparison-card-month .hub-comparison-main,
.hub-comparison-card-year .hub-comparison-main{
    padding:11px;
}

.hub-comparison-card-month .hub-comparison-main-value strong,
.hub-comparison-card-year .hub-comparison-main-value strong{
    font-size:19px;
}

.hub-comparison-card-month dl,
.hub-comparison-card-year dl{
    margin-top:8px;
}

.hub-comparison-card-month dl > div,
.hub-comparison-card-year dl > div{
    padding:7px 0;
}


/*==================================================
SECTION META | LEFT COLUMN
==================================================*/

.hub-section-chart-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;

    margin-top:13px;
}

.hub-section-average{
    padding-left:0;

    border-left:0;
}

.hub-section-average-value{
    flex-wrap:wrap;
}


/*==================================================
REPORT CONTENT | VERTICAL RHYTHM
==================================================*/

.hub-dashboard-content{
    gap:12px;
}

.hub-source-v30{
    margin-top:0;
}


/*==================================================
GREEN ASIST | ENERGY HUB
COMPACT DETAIL HEADER
==================================================*/

.hub-detail-head{
    min-height:46px;

    align-items:center;

    margin:0 0 10px;
    padding:4px 2px 8px;
}

.hub-detail-title{
    display:flex;
    align-items:center;
    gap:12px;
}

.hub-section-kicker{
    margin:0;

    white-space:nowrap;
}

.hub-detail-title-row{
    align-items:center;
    gap:10px;
}

.hub-detail-title-row h2{
    font-size:26px;
    line-height:1;
}

.hub-detail-title-row p{
    margin:0;

    white-space:nowrap;
}

.hub-detail-actions{
    flex-wrap:nowrap;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PTF SCREEN FIT LAYOUT
==================================================*/

:root{
    /* Ana PTF yerleşimi */
    --hub-ptf-main-gap:10px;
    --hub-ptf-left-width:minmax(0,1.28fr);
    --hub-ptf-right-width:minmax(430px,.72fr);

    /* Grafik yükseklikleri */
    --hub-daily-chart-height:250px;
    --hub-month-chart-height:135px;
    --hub-year-chart-height:135px;
}


/*==================================================
COMPACT DASHBOARD HEADER
==================================================*/

.hub-detail-head{
    min-height:34px;

    align-items:center;

    margin:0 0 6px;
    padding:0 2px 5px;
}

.hub-detail-title{
    display:flex;
    align-items:center;
    gap:10px;
}

.hub-section-kicker{
    margin:0;

    font-size:10px;
    line-height:1;
    letter-spacing:.08em;

    white-space:nowrap;
}

.hub-detail-title-row{
    align-items:center;
    gap:9px;
}

.hub-detail-title-row h2{
    font-size:22px;
    line-height:1;
}

.hub-detail-title-row p{
    margin:0;

    font-size:11px;
    line-height:1;

    white-space:nowrap;
}

.hub-detail-actions{
    flex-wrap:nowrap;
    gap:7px;
}

.hub-detail-actions button{
    min-height:30px;

    padding:6px 10px;
}


/*==================================================
PTF CONTENT | FULL SCREEN GRID
==================================================*/

.hub-detail[data-detail="ptf"]{
    height:100%;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);
}

.hub-dashboard-content{
    min-height:0;
    height:100%;

    display:grid;
    grid-template-columns:
        var(--hub-ptf-left-width)
        var(--hub-ptf-right-width);

    grid-template-rows:
        minmax(0,1fr)
        minmax(0,1fr)
        auto;

    gap:var(--hub-ptf-main-gap);

    overflow:hidden;
}


/* Günlük: sol sütunda iki satırı kaplar */
.hub-dashboard-content > .hub-dashboard-section:nth-of-type(1){
    grid-column:1;
    grid-row:1 / span 2;
}

/* Aylık: sağ üst */
.hub-dashboard-content > .hub-dashboard-section:nth-of-type(2){
    grid-column:2;
    grid-row:1;
}

/* Yıllık: sağ alt */
.hub-dashboard-content > .hub-dashboard-section:nth-of-type(3){
    grid-column:2;
    grid-row:2;
}

/* Kaynak ve uyarı: en alt, tam genişlik */
.hub-dashboard-content > .hub-source{
    grid-column:1 / -1;
    grid-row:3;
}


/*==================================================
COMMON REPORT SECTION
==================================================*/

.hub-dashboard-section{
    min-width:0;
    min-height:0;

    display:flex;
    flex-direction:column;

    padding:11px;

    overflow:hidden;
}

.hub-dashboard-section-head{
    flex:0 0 auto;

    display:flex;

    margin:0 0 7px;
    padding:0 0 6px;

    border-right:0;
    border-bottom:1px solid var(--hub-gray-200);
}

.hub-dashboard-section-head h3{
    margin:0 0 3px;

    font-size:17px;
    line-height:1.05;
}

.hub-dashboard-section-head p{
    max-width:none;

    font-size:11px;
    line-height:1.25;
}

.hub-dashboard-index{
    min-width:24px;
    height:17px;

    margin-bottom:5px;
    padding:0 6px;

    font-size:9px;
}

.hub-dashboard-period{
    margin:0;
    padding:6px 8px;

    font-size:10px;
}


/*==================================================
DAILY REPORT | DOMINANT LEFT PANEL
==================================================*/

.hub-dashboard-content > .hub-dashboard-section:nth-of-type(1) .hub-dashboard-section-head{
    min-height:64px;
}

.hub-daily-layout{
    min-height:0;
    flex:1;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:
        var(--hub-daily-chart-height)
        minmax(0,1fr);

    gap:9px;
}

.hub-daily-chart-panel{
    grid-column:1;
    grid-row:1;

    min-height:0;
}

.hub-daily-side{
    grid-column:1;
    grid-row:2;

    min-height:0;

    display:grid;
    grid-template-columns:
        minmax(220px,.72fr)
        minmax(0,1.28fr);

    grid-template-rows:minmax(0,1fr);

    gap:9px;
}

.hub-daily-side .hub-comparison-card{
    min-height:0;

    overflow:hidden;
}

.hub-hourly-values-panel{
    min-height:0;

    overflow:hidden;
}

.hub-dashboard-chart-daily{
    height:100%;
}


/*==================================================
DAILY METRICS + HOURLY VALUES
==================================================*/

.hub-daily-side .hub-comparison-card{
    padding:10px;
}

.hub-daily-side .hub-comparison-main{
    padding:10px;
}

.hub-daily-side .hub-comparison-main-value strong{
    font-size:20px;
}

.hub-daily-side .hub-comparison-card dl{
    margin-top:5px;
}

.hub-daily-side .hub-comparison-card dl > div{
    padding:5px 0;
}

.hub-hourly-values-panel{
    padding:10px;
}

.hub-panel-head{
    margin-bottom:6px;
}

.hub-hourly-values{
    grid-template-columns:
        repeat(8,minmax(0,1fr));

    gap:4px;
}

.hub-hourly-values > *{
    padding:5px 3px;

    font-size:8px;
    line-height:1.05;
}


/*==================================================
MONTHLY + YEARLY | RIGHT STACK
==================================================*/

.hub-monthly-layout,
.hub-yearly-layout{
    min-height:0;
    flex:1;

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        235px;

    grid-template-rows:minmax(0,1fr);

    gap:8px;
}

.hub-monthly-layout > .hub-dashboard-panel,
.hub-yearly-layout > .hub-dashboard-panel{
    grid-column:1;
    grid-row:1;

    min-height:0;
}

.hub-monthly-layout > .hub-comparison-card,
.hub-yearly-layout > .hub-comparison-card{
    grid-column:2;
    grid-row:1;

    min-height:0;

    overflow:hidden;
}

.hub-dashboard-chart-month,
.hub-dashboard-chart-year{
    height:100%;
}


/*==================================================
RIGHT SIDE METRICS | COMPACT
==================================================*/

.hub-comparison-card-month,
.hub-comparison-card-year{
    padding:8px;
}

.hub-dual-comparison{
    height:100%;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;
}

.hub-comparison-currency.is-usd{
    padding-left:7px;
}

.hub-comparison-card-month .hub-comparison-main,
.hub-comparison-card-year .hub-comparison-main{
    padding:8px;
}

.hub-comparison-card-month .hub-comparison-main-value,
.hub-comparison-card-year .hub-comparison-main-value{
    display:block;
}

.hub-comparison-card-month .hub-comparison-main-value strong,
.hub-comparison-card-year .hub-comparison-main-value strong{
    display:block;

    font-size:16px;
}

.hub-comparison-card-month .hub-comparison-main-value em,
.hub-comparison-card-year .hub-comparison-main-value em{
    display:block;

    margin-top:3px;
}

.hub-comparison-card-month dl,
.hub-comparison-card-year dl{
    margin-top:4px;
}

.hub-comparison-card-month dl > div,
.hub-comparison-card-year dl > div{
    display:block;

    padding:4px 0;
}

.hub-comparison-card-month dt,
.hub-comparison-card-year dt{
    font-size:9px;
}

.hub-comparison-card-month dd,
.hub-comparison-card-year dd{
    margin-top:2px;

    font-size:10px;
}


/*==================================================
CHART PANELS | SCREEN FIT
==================================================*/

.hub-dashboard-panel{
    height:100%;
    min-height:0;

    padding:8px;
}

.hub-dashboard-chart{
    height:100%;
    min-height:0;
}


/*==================================================
BOTTOM SOURCE + WARNING
==================================================*/

.hub-source-v30{
    margin:0;
    padding:7px 11px;

    font-size:10px;
    line-height:1.30;
}


/*==================================================
WORKSPACE | NO PAGE OVERFLOW
==================================================*/

.hub-workspace{
    overflow:hidden;
}

.hub-detail-wrap{
    height:100%;
}

#ptfContent{
    min-height:0;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PTF DESKTOP FIT V50
==================================================*/

:root{
    /* Ana PTF detay alanı */
    --ptf-grid-gap:12px;
    --ptf-left-col:620px;
    --ptf-right-col:500px;
    --ptf-section-title-col:126px;

    /* İç yerleşim */
    --ptf-section-gap:10px;
    --ptf-daily-bottom-gap:10px;
    --ptf-daily-metric-col:176px;
    --ptf-small-metric-col:182px;

    /* Grafik yükseklikleri */
    --ptf-daily-chart-height:228px;
    --ptf-small-chart-height:134px;
}

/*----------------------------------
PTF ANA BAŞLIK SATIRI
----------------------------------*/
.hub-detail[data-detail="ptf"] .hub-detail-head{
    min-height:26px;
    margin:0 0 6px;
    padding:0 0 4px;
    align-items:flex-end;
}

.hub-detail[data-detail="ptf"] .hub-detail-title{
    display:flex;
    align-items:flex-end;
    gap:12px;
}

.hub-detail[data-detail="ptf"] .hub-section-kicker{
    order:2;
    margin:0 0 2px;
    font-size:11px;
    line-height:1;
    white-space:nowrap;
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row{
    order:1;
    display:flex;
    align-items:flex-end;
    gap:12px;
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row h2{
    margin:0;
    font-size:20px;
    line-height:1;
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row p{
    margin:0 0 1px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
}

.hub-detail[data-detail="ptf"] .hub-detail-actions{
    gap:8px;
    flex-wrap:nowrap;
    align-items:center;
}

.hub-detail[data-detail="ptf"] .hub-detail-actions button{
    min-height:30px;
    padding:6px 11px;
}

/*----------------------------------
PTF GENEL GRID
----------------------------------*/
.hub-detail[data-detail="ptf"]{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
}

#ptfContent.hub-dashboard-content{
    min-height:0;
    height:100%;
    display:grid;
    grid-template-columns:var(--ptf-left-col) var(--ptf-right-col);
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;
    gap:var(--ptf-grid-gap);
    align-content:stretch;
    justify-content:space-between;
    overflow:hidden;
}

#ptfContent > .hub-ptf-daily-section{
    grid-column:1;
    grid-row:1 / span 2;
}

#ptfContent > .hub-ptf-monthly-section{
    grid-column:2;
    grid-row:1;
}

#ptfContent > .hub-ptf-yearly-section{
    grid-column:2;
    grid-row:2;
}

#ptfContent > .hub-source{
    grid-column:1 / -1;
    grid-row:3;
    margin:0;
}

/*----------------------------------
ORTAK SECTION YERLEŞİMİ
----------------------------------*/
#ptfContent .hub-dashboard-section{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:var(--ptf-section-title-col) minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    column-gap:var(--ptf-section-gap);
    padding:8px;
    overflow:hidden;
}

#ptfContent .hub-dashboard-section-head{
    grid-column:1;
    grid-row:1;
    min-width:0;
    min-height:0;
    margin:0;
    padding:4px 10px 4px 2px;
    border-right:1px solid var(--hub-gray-200);
    border-bottom:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:6px;
    overflow:hidden;
}

#ptfContent .hub-dashboard-section-head > div:first-child{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    width:100%;
}

#ptfContent .hub-dashboard-index{
    min-width:24px;
    height:18px;
    margin:0;
    padding:0 7px;
    font-size:10px;
    line-height:18px;
}

#ptfContent .hub-dashboard-section-head h3{
    margin:0;
    font-size:18px;
    line-height:1.05;
}

#ptfContent .hub-dashboard-section-head p{
    display:none;
}

#ptfContent .hub-dashboard-period{
    display:none;
}

/* Günlük başlık alanında meta kalsın */
#ptfContent .hub-section-chart-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    margin-top:6px;
}

#ptfContent .hub-section-chart-meta > span:first-child{
    font-size:12px;
    line-height:1.2;
    color:var(--hub-gray-600);
}

#ptfContent .hub-section-average{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}

#ptfContent .hub-section-average small{
    display:none;
}

#ptfContent .hub-section-average-value{
    display:flex;
    align-items:flex-end;
    gap:6px;
}

#ptfContent .hub-section-average-value b{
    font-size:13px;
    line-height:1;
}

#ptfContent .hub-section-average-value em{
    font-size:11px;
    line-height:1;
    font-style:normal;
}

/*----------------------------------
GÜNLÜK BÖLÜM
----------------------------------*/
#ptfContent .hub-daily-layout{
    grid-column:2;
    grid-row:1;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:var(--ptf-daily-chart-height) minmax(0,1fr);
    gap:var(--ptf-daily-bottom-gap);
}

#ptfContent .hub-daily-chart-panel{
    min-width:0;
    min-height:0;
}

#ptfContent .hub-daily-side{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:var(--ptf-daily-metric-col) minmax(0,1fr);
    gap:var(--ptf-daily-bottom-gap);
    align-items:stretch;
}

#ptfContent .hub-daily-side .hub-comparison-card,
#ptfContent .hub-hourly-values-panel{
    min-height:0;
    overflow:hidden;
    padding:10px;
}

#ptfContent .hub-daily-side .hub-comparison-main{
    padding:10px;
}

#ptfContent .hub-daily-side .hub-comparison-main-value{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:6px;
}

#ptfContent .hub-daily-side .hub-comparison-main-value strong{
    font-size:18px;
    line-height:1;
}

#ptfContent .hub-daily-side .hub-comparison-main-value em{
    font-size:11px;
    line-height:1;
}

#ptfContent .hub-daily-side .hub-comparison-card dl{
    margin-top:6px;
}

#ptfContent .hub-daily-side .hub-comparison-card dl > div{
    padding:6px 0;
}

#ptfContent .hub-daily-side .hub-comparison-card dt,
#ptfContent .hub-daily-side .hub-comparison-card dd{
    font-size:11px;
    line-height:1.25;
}

#ptfContent .hub-hourly-values-panel .hub-panel-head{
    margin-bottom:7px;
}

#ptfContent .hub-hourly-values-panel .hub-panel-head strong{
    font-size:13px;
    line-height:1.15;
}

#ptfContent .hub-hourly-values-panel .hub-panel-head small{
    font-size:10px;
}

#ptfContent .hub-hourly-values{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
}

#ptfContent .hub-hourly-values > *{
    min-width:0;
    padding:6px 5px;
    font-size:9px;
    line-height:1.1;
}

#ptfContent .hub-hourly-values > * span:first-child{
    margin-right:4px;
}

/*----------------------------------
AYLIK + YILLIK BÖLÜM
----------------------------------*/
#ptfContent .hub-monthly-layout,
#ptfContent .hub-yearly-layout{
    grid-column:2;
    grid-row:1;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--ptf-small-metric-col);
    gap:8px;
    align-items:stretch;
}

#ptfContent .hub-monthly-layout > .hub-dashboard-panel,
#ptfContent .hub-yearly-layout > .hub-dashboard-panel,
#ptfContent .hub-monthly-layout > .hub-comparison-card,
#ptfContent .hub-yearly-layout > .hub-comparison-card{
    min-width:0;
    min-height:0;
    overflow:hidden;
}

#ptfContent .hub-comparison-card-month,
#ptfContent .hub-comparison-card-year{
    padding:8px;
}

#ptfContent .hub-dual-comparison{
    height:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

#ptfContent .hub-comparison-currency{
    min-width:0;
}

#ptfContent .hub-comparison-currency.is-usd{
    padding-left:7px;
}

#ptfContent .hub-comparison-card-month .hub-comparison-main,
#ptfContent .hub-comparison-card-year .hub-comparison-main{
    padding:8px;
}

#ptfContent .hub-comparison-card-month .hub-comparison-main-value,
#ptfContent .hub-comparison-card-year .hub-comparison-main-value{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
}

#ptfContent .hub-comparison-card-month .hub-comparison-main-value strong,
#ptfContent .hub-comparison-card-year .hub-comparison-main-value strong{
    font-size:15px;
    line-height:1;
}

#ptfContent .hub-comparison-card-month .hub-comparison-main-value em,
#ptfContent .hub-comparison-card-year .hub-comparison-main-value em{
    font-size:10px;
    line-height:1;
    font-style:normal;
}

#ptfContent .hub-comparison-card-month dl,
#ptfContent .hub-comparison-card-year dl{
    margin-top:4px;
}

#ptfContent .hub-comparison-card-month dl > div,
#ptfContent .hub-comparison-card-year dl > div{
    display:block;
    padding:4px 0;
}

#ptfContent .hub-comparison-card-month dt,
#ptfContent .hub-comparison-card-year dt{
    font-size:9px;
    line-height:1.2;
}

#ptfContent .hub-comparison-card-month dd,
#ptfContent .hub-comparison-card-year dd{
    margin-top:2px;
    font-size:10px;
    line-height:1.2;
}

#ptfContent .hub-comparison-footer{
    margin-top:6px;
    padding-top:6px;
}

#ptfContent .hub-comparison-footer small{
    font-size:9px;
}

#ptfContent .hub-comparison-footer strong{
    font-size:11px;
}

/*----------------------------------
GRAFİK PANELLERİ
----------------------------------*/
#ptfContent .hub-dashboard-panel{
    height:100%;
    min-height:0;
    padding:8px;
}

#ptfContent .hub-dashboard-chart{
    height:100%;
    min-height:0;
}

#ptfContent .hub-dashboard-chart-daily{
    height:var(--ptf-daily-chart-height);
}

#ptfContent .hub-dashboard-chart-month,
#ptfContent .hub-dashboard-chart-year{
    height:var(--ptf-small-chart-height);
}

/*----------------------------------
ALT UYARI METNİ
----------------------------------*/
#ptfContent .hub-source-v30{
    padding:8px 12px;
    font-size:10px;
    line-height:1.35;
}

/*----------------------------------
TAŞMAYI ENGELLE
----------------------------------*/
.hub-workspace,
.hub-detail-wrap,
#hubDetail,
.hub-detail[data-detail="ptf"]{
    min-height:0;
    overflow:hidden;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PTF LAYOUT REVIZE V51
==================================================*/

:root{
    --ptf-grid-gap:12px;
    --ptf-left-col:635px;
    --ptf-right-col:485px;
    --ptf-section-title-col:126px;

    --ptf-section-gap:10px;
    --ptf-daily-bottom-gap:10px;
    --ptf-daily-metric-col:186px;
    --ptf-small-metric-col:188px;

    --ptf-daily-chart-height:240px;
    --ptf-small-chart-height:138px;
}

/*----------------------------------
PTF ANA BAŞLIK SATIRI | %20 DAHA YÜKSEK
----------------------------------*/
.hub-detail[data-detail="ptf"] .hub-detail-head{
    min-height:34px;
    margin:0 0 8px;
    padding:0 0 6px;
    align-items:flex-end;
}

.hub-detail[data-detail="ptf"] .hub-detail-title{
    gap:14px;
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row{
    gap:14px;
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row h2{
    font-size:22px;
    font-weight:650;
    line-height:1;
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row p{
    margin:0 0 2px;
    font-size:13px;
    font-weight:620;
    line-height:1;
}

.hub-detail[data-detail="ptf"] .hub-section-kicker{
    margin:0 0 2px;
    font-size:12px;
    font-weight:650;
    line-height:1;
}

/*----------------------------------
PTF ANA GRID
----------------------------------*/
#ptfContent.hub-dashboard-content{
    grid-template-columns:var(--ptf-left-col) var(--ptf-right-col);
    gap:var(--ptf-grid-gap);
}

/*----------------------------------
GÜNLÜK BÖLÜM
- başlık alt satıra taşındı
- grafik sol başlık alanını da kapsıyor
----------------------------------*/
#ptfContent > .hub-ptf-daily-section{
    grid-column:1;
    grid-row:1 / span 2;

    display:grid;
    grid-template-columns:
        var(--ptf-section-title-col)
        var(--ptf-daily-metric-col)
        minmax(0,1fr);
    grid-template-rows:
        var(--ptf-daily-chart-height)
        minmax(0,1fr);
    gap:var(--ptf-daily-bottom-gap);
    padding:8px;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head{
    grid-column:1;
    grid-row:2;

    min-width:0;
    min-height:0;
    margin:0;
    padding:6px 10px 4px 2px;

    border-right:1px solid var(--hub-gray-200);
    border-bottom:0;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:6px;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head > div:first-child{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    width:100%;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3{
    font-size:18px;
    line-height:1.06;
}

#ptfContent > .hub-ptf-daily-section .hub-section-chart-meta{
    display:none;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-layout{
    grid-column:1 / -1;
    grid-row:1 / -1;

    min-height:0;
    display:grid;
    grid-template-columns:
        var(--ptf-section-title-col)
        var(--ptf-daily-metric-col)
        minmax(0,1fr);
    grid-template-rows:
        var(--ptf-daily-chart-height)
        minmax(0,1fr);
    gap:var(--ptf-daily-bottom-gap);
}

#ptfContent > .hub-ptf-daily-section .hub-daily-chart-panel{
    grid-column:1 / -1;
    grid-row:1;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side{
    grid-column:2 / -1;
    grid-row:2;

    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:var(--ptf-daily-metric-col) minmax(0,1fr);
    gap:var(--ptf-daily-bottom-gap);
    align-items:stretch;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-card,
#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel{
    padding:10px;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-main{
    padding:9px 10px;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-main small{
    font-size:11px;
    line-height:1.1;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-main-value strong{
    font-size:19px;
    line-height:1;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-main-value em{
    font-size:11px;
    line-height:1;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-card dl{
    margin-top:6px;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-card dl > div{
    padding:5px 0;
}

#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-card dt,
#ptfContent > .hub-ptf-daily-section .hub-daily-side .hub-comparison-card dd{
    font-size:11px;
    line-height:1.2;
}

/* 24 saatlik veriler */
#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel .hub-panel-head{
    margin-bottom:6px;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel .hub-panel-head strong{
    font-size:13px;
    line-height:1.1;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:minmax(0,1fr);
    column-gap:14px;
    row-gap:2px;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values > *{
    min-width:0;
    padding:2px 2px;

    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:baseline;
    column-gap:7px;

    text-align:left;
    background:transparent;
    border:0;
    border-radius:0;

    font-size:10px;
    line-height:1.12;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values .hub-hourly-pair-hour{
    text-align:left;
    font-weight:650;
    color:var(--hub-gray-600);
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values .hub-hourly-pair-value{
    text-align:right;
    font-size:10px;
    font-weight:700;
    color:var(--hub-gray-800);
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values > *:nth-child(8n),
#ptfContent > .hub-ptf-daily-section .hub-hourly-values > *:nth-child(16n){
    padding-right:10px;
}

/*----------------------------------
AYLIK + YILLIK
- sol üstte bölüm adı
- sol altta grafik
- sağda metrikler
----------------------------------*/
#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    display:grid;
    grid-template-columns:
        var(--ptf-section-title-col)
        minmax(0,1fr)
        var(--ptf-small-metric-col);
    grid-template-rows:minmax(0,1fr);
    column-gap:8px;
    padding:8px;
}

#ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head{
    grid-column:1;
    grid-row:1;

    min-width:0;
    min-height:0;
    margin:0;
    padding:6px 10px 4px 2px;

    border-right:1px solid var(--hub-gray-200);
    border-bottom:0;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:6px;
}

#ptfContent > .hub-ptf-monthly-section .hub-monthly-layout,
#ptfContent > .hub-ptf-yearly-section .hub-yearly-layout{
    grid-column:2 / -1;
    grid-row:1;

    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--ptf-small-metric-col);
    gap:8px;
    align-items:stretch;
}

#ptfContent > .hub-ptf-monthly-section .hub-dashboard-panel,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-panel{
    padding:8px;
}

#ptfContent > .hub-ptf-monthly-section .hub-dashboard-chart-month,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-chart-year{
    height:var(--ptf-small-chart-height);
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-card,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-card{
    padding:8px;
}

#ptfContent > .hub-ptf-monthly-section .hub-dual-comparison,
#ptfContent > .hub-ptf-yearly-section .hub-dual-comparison{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-main,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main{
    padding:8px;
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-main-value strong,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main-value strong{
    font-size:15px;
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-card dt,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-card dt{
    font-size:9px;
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-card dd,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-card dd{
    font-size:10px;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PTF LAYOUT FIX V52
==================================================*/

:root{
    --ptf-grid-gap:10px;
    --ptf-daily-bottom-height:190px;
    --ptf-daily-title-width:126px;
    --ptf-daily-metric-width:190px;
    --ptf-small-metric-width:190px;
}

/*----------------------------------
ANA PTF GRID
----------------------------------*/
#ptfContent.hub-dashboard-content{
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);

    grid-template-rows:
        minmax(0,1fr)
        minmax(0,1fr)
        auto;

    gap:var(--ptf-grid-gap);
}

#ptfContent > .hub-dashboard-section:nth-of-type(1){
    grid-column:1;
    grid-row:1 / span 2;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2){
    grid-column:2;
    grid-row:1;
}

#ptfContent > .hub-dashboard-section:nth-of-type(3){
    grid-column:2;
    grid-row:2;
}

/*----------------------------------
GÜNLÜK
Grafik tam genişlik
Başlık sol altta
Metrikler ve 24 saatlik değerler yanında
----------------------------------*/
#ptfContent > .hub-dashboard-section:nth-of-type(1){
    display:grid;
    grid-template-columns:
        var(--ptf-daily-title-width)
        var(--ptf-daily-metric-width)
        minmax(0,1fr);

    grid-template-rows:
        minmax(0,1fr)
        var(--ptf-daily-bottom-height);

    gap:10px;
    padding:8px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-dashboard-section-head{
    grid-column:1;
    grid-row:2;

    margin:0;
    padding:8px 10px 4px 2px;

    border-right:1px solid var(--hub-gray-200);
    border-bottom:0;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:6px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-dashboard-section-head p,
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-section-chart-meta{
    display:none;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-daily-layout{
    display:contents;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-daily-chart-panel{
    grid-column:1 / -1;
    grid-row:1;

    min-width:0;
    min-height:0;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-dashboard-chart-daily{
    height:100%;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-daily-side{
    display:contents;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card{
    grid-column:2;
    grid-row:2;

    min-width:0;
    min-height:0;
    padding:10px;
    overflow:hidden;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-values-panel{
    grid-column:3;
    grid-row:2;

    min-width:0;
    min-height:0;
    padding:10px;
    overflow:hidden;
}

/* Günlük metrikleri sıkıştır */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-main{
    padding:9px 10px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-main > small{
    margin-bottom:5px;
    font-size:10px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-main-value strong{
    font-size:19px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card dl{
    margin-top:5px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card dl > div{
    padding:5px 0;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card dt,
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card dd{
    font-size:10px;
    line-height:1.15;
}

/* 24 saatlik değerler */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-panel-head{
    margin-bottom:5px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-values{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(8,minmax(0,1fr));
    column-gap:18px;
    row-gap:0;
    height:calc(100% - 22px);
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair{
    min-width:0;
    padding:1px 0;

    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    align-items:center;
    column-gap:8px;

    background:transparent;
    border:0;
    border-radius:0;
    text-align:left;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair-hour{
    font-size:10px;
    line-height:1;
    font-weight:650;
    color:var(--hub-gray-600);
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair-value{
    font-size:10px;
    line-height:1;
    font-weight:700;
    text-align:right;
    color:var(--hub-gray-900);
}

/* 2. ve 3. sütun başlangıcını ayır */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair:nth-child(9),
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair:nth-child(17){
    border-left:1px solid var(--hub-gray-200);
    padding-left:12px;
}

/*----------------------------------
AYLIK + YILLIK
Sol üstte başlık
Sol altta grafik
Sağda metrikler
----------------------------------*/
#ptfContent > .hub-dashboard-section:nth-of-type(2),
#ptfContent > .hub-dashboard-section:nth-of-type(3){
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        var(--ptf-small-metric-width);

    grid-template-rows:
        auto
        minmax(0,1fr);

    gap:8px;
    padding:8px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) > .hub-dashboard-section-head,
#ptfContent > .hub-dashboard-section:nth-of-type(3) > .hub-dashboard-section-head{
    grid-column:1;
    grid-row:1;

    margin:0;
    padding:0 0 4px;

    border:0;

    display:flex;
    align-items:center;
    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-dashboard-section:nth-of-type(3) > .hub-dashboard-section-head > div:first-child{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-section-head p,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-section-head p,
#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-period,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-period{
    display:none;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-section-head h3,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-section-head h3{
    margin:0;
    font-size:17px;
    line-height:1;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) > .hub-monthly-layout,
#ptfContent > .hub-dashboard-section:nth-of-type(3) > .hub-yearly-layout{
    display:contents;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-panel,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-panel{
    grid-column:1;
    grid-row:2;

    min-width:0;
    min-height:0;
    padding:8px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-chart-month,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-chart-year{
    height:100%;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-card,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-card{
    grid-column:2;
    grid-row:1 / span 2;

    min-width:0;
    min-height:0;
    padding:8px;
    overflow:hidden;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dual-comparison,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dual-comparison{
    height:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-main,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-main{
    padding:8px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-main-value strong,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-main-value strong{
    font-size:15px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-card dl > div,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-card dl > div{
    padding:4px 0;
}


/*==================================================
GREEN ASIST | ENERGY HUB
PTF FINAL CLEAN LAYOUT
==================================================*/

:root{
    --ptf-main-gap:12px;
    --ptf-daily-width:48%;
    --ptf-right-width:52%;

    --ptf-daily-metric-width:210px;
    --ptf-daily-bottom-height:188px;

    --ptf-right-metric-width:298px;

    --ptf-metric-font-size:10px;
    --ptf-metric-line-height:1.20;
    --ptf-metric-row-padding:3px;
}


/*==================================================
ANA PTF GRID
Günlük %48 | Aylık-Yıllık %52
==================================================*/

#ptfContent.hub-dashboard-content{
    display:grid;

    grid-template-columns:
        minmax(0,var(--ptf-daily-width))
        minmax(0,var(--ptf-right-width));

    grid-template-rows:
        minmax(0,1fr)
        minmax(0,1fr)
        auto;

    gap:var(--ptf-main-gap);
}

#ptfContent > .hub-dashboard-section:nth-of-type(1){
    grid-column:1;
    grid-row:1 / span 2;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2){
    grid-column:2;
    grid-row:1;
}

#ptfContent > .hub-dashboard-section:nth-of-type(3){
    grid-column:2;
    grid-row:2;
}


/*==================================================
GÜNLÜK BÖLÜM
Grafik
Başlık       | 24 saatlik değerler
Metrikler    | 24 saatlik değerler
==================================================*/

#ptfContent > .hub-dashboard-section:nth-of-type(1){
    display:grid;

    grid-template-columns:
        var(--ptf-daily-metric-width)
        minmax(0,1fr);

    grid-template-rows:
        minmax(0,1fr)
        auto
        var(--ptf-daily-bottom-height);

    column-gap:9px;
    row-gap:6px;

    padding:8px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-dashboard-section-head{
    grid-column:1;
    grid-row:2;

    margin:0;
    padding:5px 2px 2px;

    border:0;

    display:flex;
    align-items:center;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-dashboard-section-head > div:first-child{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-dashboard-section-head p,
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-section-chart-meta{
    display:none;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-dashboard-index{
    margin:0;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-dashboard-section-head h3{
    margin:0;

    font-size:16px;
    line-height:1;
    font-weight:650;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-daily-layout,
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-daily-side{
    display:contents;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-daily-chart-panel{
    grid-column:1 / -1;
    grid-row:1;

    width:100%;
    min-width:0;
    min-height:0;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-dashboard-chart-daily,
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-daily-chart-panel canvas{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card{
    grid-column:1;
    grid-row:3;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    padding:8px;
    overflow:hidden;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-values-panel{
    grid-column:2;
    grid-row:2 / span 2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    padding:10px 12px;
    overflow:hidden;
}


/*==================================================
24 SAATLİK DEĞERLER
Saat · Değer | Saat · Değer | Saat · Değer
==================================================*/

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-panel-head{
    margin-bottom:6px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-panel-head strong{
    font-size:12px;
    line-height:1.1;
    font-weight:600;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-values{
    height:calc(100% - 20px);

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    grid-template-rows:
        repeat(8,minmax(0,1fr));

    grid-auto-flow:column;

    column-gap:0;
    row-gap:0;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair{
    width:100%;
    min-width:0;
    min-height:0;

    display:grid;

    grid-template-columns:
        22px
        72px;

    align-items:center;
    justify-content:start;

    column-gap:4px;

    padding:
        var(--ptf-metric-row-padding)
        18px
        var(--ptf-metric-row-padding)
        0;

    background:transparent;
    border:0;
    border-radius:0;
}

/* 08–15 grubu */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair:nth-child(n+9):nth-child(-n+16){
    padding-left:20px;

    border-left:1px solid #cfd7d2;
}

/* 16–23 grubu */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair:nth-child(n+17):nth-child(-n+24){
    padding-left:20px;

    border-left:1px solid #cfd7d2;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair-hour{
    text-align:left;

    font-size:var(--ptf-metric-font-size);
    line-height:var(--ptf-metric-line-height);
    font-weight:450;

    color:#6f7973;
}

#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-pair-value{
    text-align:right;

    font-size:var(--ptf-metric-font-size);
    line-height:var(--ptf-metric-line-height);
    font-weight:600;

    color:#222a26;
}


/*==================================================
TÜM METRİKLER
Aylık metrik tipografisi ortak referans
==================================================*/

#ptfContent .hub-comparison-main{
    padding:8px;
}

#ptfContent .hub-comparison-main > small{
    margin-bottom:5px;

    font-size:var(--ptf-metric-font-size);
    line-height:1.10;
    font-weight:600;
}

#ptfContent .hub-comparison-main-value strong{
    font-size:18px;
    line-height:1;
    font-weight:650;
}

#ptfContent .hub-comparison-main-value em{
    font-size:var(--ptf-metric-font-size);
    line-height:1;
    font-weight:550;
}

#ptfContent .hub-comparison-card dl{
    margin-top:4px;
}

#ptfContent .hub-comparison-card dl > div{
    min-width:0;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;

    padding:
        var(--ptf-metric-row-padding)
        0;
}

#ptfContent .hub-comparison-card dt{
    min-width:0;

    font-size:var(--ptf-metric-font-size);
    line-height:var(--ptf-metric-line-height);
    font-weight:450;

    color:#6f7973;

    white-space:nowrap;
}

#ptfContent .hub-comparison-card dd{
    flex:0 0 auto;

    margin:0;

    font-size:var(--ptf-metric-font-size);
    line-height:var(--ptf-metric-line-height);
    font-weight:600;

    color:#222a26;

    white-space:nowrap;
}


/*==================================================
AYLIK + YILLIK
Başlık tam genişlik
Grafik ve metrik çerçeveleri aynı üst-alt hizada
==================================================*/

#ptfContent > .hub-dashboard-section:nth-of-type(2),
#ptfContent > .hub-dashboard-section:nth-of-type(3){
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        var(--ptf-right-metric-width);

    grid-template-rows:
        auto
        minmax(0,1fr);

    column-gap:8px;
    row-gap:6px;

    padding:8px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) > .hub-dashboard-section-head,
#ptfContent > .hub-dashboard-section:nth-of-type(3) > .hub-dashboard-section-head{
    grid-column:1 / -1;
    grid-row:1;

    margin:0;
    padding:0 1px 3px;

    border:0;

    display:flex;
    align-items:center;
    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-dashboard-section:nth-of-type(3) > .hub-dashboard-section-head > div:first-child{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-section-head p,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-section-head p,
#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-period,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-period{
    display:none;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-section-head h3,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-section-head h3{
    margin:0;

    font-size:16px;
    line-height:1;
    font-weight:650;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) > .hub-monthly-layout,
#ptfContent > .hub-dashboard-section:nth-of-type(3) > .hub-yearly-layout{
    display:contents;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-panel,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-panel{
    grid-column:1;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    padding:8px;

    align-self:stretch;
    box-sizing:border-box;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-card,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-card{
    grid-column:2;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    padding:8px;
    overflow:hidden;

    align-self:stretch;
    box-sizing:border-box;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-chart-month,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-chart-year,
#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dashboard-panel canvas,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dashboard-panel canvas{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-dual-comparison,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-dual-comparison{
    width:100%;
    height:100%;
    min-width:0;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-currency,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-currency{
    min-width:0;
}

#ptfContent > .hub-dashboard-section:nth-of-type(2) .hub-comparison-currency.is-usd,
#ptfContent > .hub-dashboard-section:nth-of-type(3) .hub-comparison-currency.is-usd{
    padding-left:7px;
}


/*==================================================
ORTAK KART DİLİ
==================================================*/

#ptfContent .hub-dashboard-panel,
#ptfContent .hub-comparison-card,
#ptfContent .hub-hourly-values-panel{
    border-radius:9px;
    box-shadow:none;
}

#ptfContent .hub-dashboard-panel{
    border-color:#dfe4e1;
}

#ptfContent .hub-comparison-card,
#ptfContent .hub-hourly-values-panel{
    border-color:#e3e7e4;
}


/*==================================================
KAYNAK METNİ
==================================================*/

#ptfContent .hub-source-v30{
    padding:7px 11px;

    font-size:10px;
    line-height:1.25;
    font-weight:500;

    color:#66726a;
}


/*==================================================
NOT 1 | ANA FİYAT KUTULARI
Açıklama yok: yalnızca fiyat + birim
==================================================*/

#ptfContent .hub-comparison-main > small{
    display:none;
}

#ptfContent .hub-comparison-main{
    min-height:64px;

    display:flex;
    align-items:center;
    justify-content:flex-start;

    padding:10px 12px;
}

#ptfContent .hub-comparison-main-value{
    display:inline-flex;
    align-items:baseline;
    gap:7px;

    width:auto;
}

#ptfContent .hub-comparison-main-value strong,
#ptfContent .hub-comparison-main-value em{
    margin:0;
}

#ptfContent .hub-comparison-main-value em{
    white-space:nowrap;
}


/*==================================================
NOT 2 | GÜNLÜK BÖLÜM
Metrikler üstte, grafik altta
==================================================*/

#ptfContent > .hub-dashboard-section:nth-of-type(1){
    grid-template-columns:
        var(--ptf-daily-metric-width)
        minmax(0,1fr);

    grid-template-rows:
        auto
        var(--ptf-daily-bottom-height)
        minmax(0,1fr);
}

/* 01 Günlük PTF başlığı üstte */
#ptfContent > .hub-dashboard-section:nth-of-type(1) > .hub-dashboard-section-head{
    grid-column:1;
    grid-row:1;
}

/* Günlük metrik kartı başlığın altında */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-comparison-card{
    grid-column:1;
    grid-row:2;
}

/* 24 saatlik veriler sağ üstte */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-hourly-values-panel{
    grid-column:2;
    grid-row:1 / span 2;
}

/* Günlük grafik en altta */
#ptfContent > .hub-dashboard-section:nth-of-type(1) .hub-daily-chart-panel{
    grid-column:1 / -1;
    grid-row:3;
}


/*==================================================
PTF | NOT 3 + DÖRT EŞİT ANA SECTION
==================================================*/

:root{
    --ptf-main-column-gap:12px;
    --ptf-main-row-gap:12px;
    --ptf-section-padding:8px;
    --ptf-section-inner-gap:8px;
    --ptf-metric-frame-width:238px;
}


/*==================================================
ANA 2 × 2 GRID
==================================================*/

#ptfContent.hub-dashboard-content{
    display:grid;

    grid-template-columns:
        minmax(0,48%)
        minmax(0,52%);

    grid-template-rows:
        repeat(2,minmax(0,1fr))
        auto;

    column-gap:var(--ptf-main-column-gap);
    row-gap:var(--ptf-main-row-gap);
}

#ptfContent > .hub-ptf-daily-section{
    grid-column:1;
    grid-row:1;
}

#ptfContent > .hub-ptf-price-section{
    grid-column:1;
    grid-row:2;
}

#ptfContent > .hub-ptf-monthly-section{
    grid-column:2;
    grid-row:1;
}

#ptfContent > .hub-ptf-yearly-section{
    grid-column:2;
    grid-row:2;
}

#ptfContent > .hub-ptf-daily-section,
#ptfContent > .hub-ptf-price-section,
#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    box-sizing:border-box;
}


/*==================================================
ORTAK SECTION YAPISI
==================================================*/

#ptfContent > .hub-ptf-daily-section,
#ptfContent > .hub-ptf-price-section,
#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    display:grid;

    grid-template-rows:
        auto
        minmax(0,1fr);

    row-gap:6px;

    padding:var(--ptf-section-padding);
}

#ptfContent > .hub-ptf-daily-section >
.hub-dashboard-section-head,
#ptfContent > .hub-ptf-price-section >
.hub-dashboard-section-head,
#ptfContent > .hub-ptf-monthly-section >
.hub-dashboard-section-head,
#ptfContent > .hub-ptf-yearly-section >
.hub-dashboard-section-head{
    grid-column:1 / -1;
    grid-row:1;

    margin:0;
    padding:0 1px 3px;

    display:flex;
    align-items:center;
}

#ptfContent > .hub-ptf-price-section >
.hub-dashboard-section-head > div{
    display:flex;
    align-items:center;
    gap:7px;
}

#ptfContent > .hub-ptf-price-section h3{
    margin:0;

    font-size:16px;
    line-height:1;
    font-weight:650;
}


/*==================================================
SOL ÜST | GÜNLÜK PTF
Metrik çerçevesi ve 24 saatlik veriler eşit yükseklik
==================================================*/

#ptfContent > .hub-ptf-daily-section{
    grid-template-columns:
        var(--ptf-metric-frame-width)
        minmax(0,1fr);

    column-gap:var(--ptf-section-inner-gap);
}

#ptfContent > .hub-ptf-daily-section >
.hub-daily-layout,
#ptfContent > .hub-ptf-daily-section
.hub-daily-side{
    display:contents;
}

#ptfContent > .hub-ptf-daily-section
.hub-comparison-card{
    grid-column:1;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    align-self:stretch;
    box-sizing:border-box;
}

#ptfContent > .hub-ptf-daily-section
.hub-hourly-values-panel{
    grid-column:2;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    align-self:stretch;
    box-sizing:border-box;
}


/*==================================================
SOL ALT | FİYAT EĞRİSİ
==================================================*/

#ptfContent > .hub-ptf-price-section
.hub-daily-chart-panel{
    grid-column:1;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    box-sizing:border-box;
}

#ptfContent > .hub-ptf-price-section
.hub-dashboard-chart-daily,
#ptfContent > .hub-ptf-price-section canvas{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
}


/*==================================================
SAĞ ÜST + SAĞ ALT
Grafik + tek seçili metrik çerçevesi
==================================================*/

#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    grid-template-columns:
        minmax(0,1fr)
        var(--ptf-metric-frame-width);

    column-gap:var(--ptf-section-inner-gap);
}

#ptfContent > .hub-ptf-monthly-section >
.hub-monthly-layout,
#ptfContent > .hub-ptf-yearly-section >
.hub-yearly-layout{
    display:contents;
}

#ptfContent > .hub-ptf-monthly-section
.hub-dashboard-panel,
#ptfContent > .hub-ptf-yearly-section
.hub-dashboard-panel{
    grid-column:1;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    align-self:stretch;
    box-sizing:border-box;
}

#ptfContent > .hub-ptf-monthly-section
.hub-comparison-card,
#ptfContent > .hub-ptf-yearly-section
.hub-comparison-card{
    grid-column:2;
    grid-row:2;

    width:100%;
    height:100%;
    min-width:0;
    min-height:0;

    align-self:stretch;
    box-sizing:border-box;
}

#ptfContent > .hub-ptf-monthly-section
.hub-dual-comparison,
#ptfContent > .hub-ptf-yearly-section
.hub-dual-comparison{
    width:100%;
    height:100%;

    display:block;
}

#ptfContent > .hub-ptf-monthly-section
.hub-comparison-currency,
#ptfContent > .hub-ptf-yearly-section
.hub-comparison-currency{
    width:100%;
    height:100%;
    min-width:0;

    padding:0;
    border:0;
}

#ptfContent[data-currency="tl"]
.hub-comparison-currency.is-usd,
#ptfContent[data-currency="usd"]
.hub-comparison-currency:not(.is-usd){
    display:none !important;
}


/*==================================================
BAŞLIK SATIRI | TL / USD TOGGLE
==================================================*/

.hub-ptf-currency-toggle{
    display:inline-flex;
    align-items:center;

    padding:2px;

    border:1px solid #d9e1dc;
    border-radius:8px;

    background:#f4f7f5;
}

.hub-ptf-currency-toggle button{
    min-width:39px;
    height:28px;

    padding:0 10px;

    border:0;
    border-radius:6px;

    background:transparent;
    color:#6c7770;

    font-size:11px;
    line-height:1;
    font-weight:700;

    cursor:pointer;
}

.hub-ptf-currency-toggle button.is-active{
    background:#0e2b1f;
    color:#ffffff;
}


/*==================================================
ANA FİYAT KUTULARI | YALNIZ FİYAT + BİRİM
==================================================*/

#ptfContent .hub-comparison-main > small{
    display:none;
}

#ptfContent .hub-comparison-main{
    min-height:58px;

    display:flex;
    align-items:center;

    padding:9px 10px;
}

#ptfContent .hub-comparison-main-value{
    display:inline-flex;
    align-items:baseline;
    gap:7px;

    width:auto;
}

#ptfContent .hub-comparison-main-value em{
    white-space:nowrap;
}


/*==================================================
GREEN ASIST | ENERGY HUB
4 SECTION FIXED LAYOUT
==================================================*/

:root{
    --ptf-main-column-gap:12px;
    --ptf-main-row-gap:12px;

    --ptf-section-padding:8px;
    --ptf-section-head-gap:6px;
    --ptf-section-inner-gap:8px;

    --ptf-metric-frame-width:238px;

    --ptf-hourly-outer-space:12px;
    --ptf-hourly-column-gap:14px;
    --ptf-hourly-hour-width:20px;
    --ptf-hourly-value-width:66px;
    --ptf-hourly-inner-gap:4px;
}


/*==================================================
ESKİ TL / USD GÖSTERGESİ
Yalnızca yeni seçim düğmesi kalır
==================================================*/

.hub-detail[data-detail="ptf"]
.hub-global-series-legend{
    display:none !important;
}


/*==================================================
ANA 2 × 2 YERLEŞİM
Sol üst  : Günlük PTF
Sol alt  : Fiyat Eğrisi
Sağ üst  : Aylık PTF
Sağ alt  : Yıllık PTF
==================================================*/

#ptfContent.hub-dashboard-content{
    display:grid !important;

    grid-template-columns:
        minmax(0,48%)
        minmax(0,52%) !important;

    grid-template-rows:
        repeat(2,minmax(0,1fr))
        auto !important;

    column-gap:var(--ptf-main-column-gap) !important;
    row-gap:var(--ptf-main-row-gap) !important;
}


/* Günlük */
#ptfContent > .hub-ptf-daily-section{
    grid-column:1 !important;
    grid-row:1 !important;
}


/* Fiyat Eğrisi */
#ptfContent > .hub-ptf-price-section{
    grid-column:1 !important;
    grid-row:2 !important;
}


/* Aylık */
#ptfContent > .hub-ptf-monthly-section{
    grid-column:2 !important;
    grid-row:1 !important;
}


/* Yıllık */
#ptfContent > .hub-ptf-yearly-section{
    grid-column:2 !important;
    grid-row:2 !important;
}


/* Dört section eşit davranır */
#ptfContent > .hub-ptf-daily-section,
#ptfContent > .hub-ptf-price-section,
#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:var(--ptf-section-padding) !important;

    box-sizing:border-box !important;
}


/*==================================================
ORTAK SECTION BAŞLIK YAPISI
==================================================*/

#ptfContent > .hub-ptf-daily-section,
#ptfContent > .hub-ptf-price-section,
#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    display:grid !important;

    grid-template-rows:
        auto
        minmax(0,1fr) !important;

    row-gap:var(--ptf-section-head-gap) !important;
}

#ptfContent > .hub-ptf-daily-section >
.hub-dashboard-section-head,
#ptfContent > .hub-ptf-price-section >
.hub-dashboard-section-head,
#ptfContent > .hub-ptf-monthly-section >
.hub-dashboard-section-head,
#ptfContent > .hub-ptf-yearly-section >
.hub-dashboard-section-head{
    grid-column:1 / -1 !important;
    grid-row:1 !important;

    min-height:24px !important;

    margin:0 !important;
    padding:0 1px 3px !important;

    display:flex !important;
    align-items:center !important;
}


/*==================================================
SOL ÜST | GÜNLÜK PTF
Metrik ve 24 saatlik panel aynı yükseklikte
==================================================*/

#ptfContent > .hub-ptf-daily-section{
    grid-template-columns:
        var(--ptf-metric-frame-width)
        minmax(0,1fr) !important;

    column-gap:var(--ptf-section-inner-gap) !important;
}

#ptfContent > .hub-ptf-daily-section >
.hub-daily-layout,
#ptfContent > .hub-ptf-daily-section
.hub-daily-side{
    display:contents !important;
}

#ptfContent > .hub-ptf-daily-section
.hub-comparison-card{
    grid-column:1 !important;
    grid-row:2 !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    align-self:stretch !important;
    box-sizing:border-box !important;
}

#ptfContent > .hub-ptf-daily-section
.hub-hourly-values-panel{
    grid-column:2 !important;
    grid-row:2 !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    align-self:stretch !important;
    box-sizing:border-box !important;

    padding:10px var(--ptf-hourly-outer-space) !important;
}


/*==================================================
24 SAATLİK VERİLER
6 + 6 + 6 + 6

Saat Fiyat   boşluk   Saat Fiyat
boşluk      Saat Fiyat   boşluk   Saat Fiyat

Sol ve sağ dış boşluklar eşit.
Sütun aralıkları eşit.
==================================================*/

#ptfContent > .hub-ptf-daily-section
.hub-hourly-values{
    width:100% !important;
    height:calc(100% - 22px) !important;

    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    grid-template-rows:
        repeat(6,minmax(0,1fr)) !important;

    grid-auto-flow:column !important;

    column-gap:var(--ptf-hourly-column-gap) !important;
    row-gap:0 !important;

    padding:0 !important;
    margin:0 !important;

    box-sizing:border-box !important;
}

#ptfContent > .hub-ptf-daily-section
.hub-hourly-pair{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;

    display:grid !important;

    grid-template-columns:
        var(--ptf-hourly-hour-width)
        var(--ptf-hourly-value-width) !important;

    align-items:center !important;
    justify-content:center !important;

    column-gap:var(--ptf-hourly-inner-gap) !important;

    margin:0 !important;
    padding:3px 0 !important;

    border:0 !important;
    background:transparent !important;
}

#ptfContent > .hub-ptf-daily-section
.hub-hourly-pair-hour{
    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section
.hub-hourly-pair-value{
    text-align:right !important;
}


/* Eski 8+8+8 ayırıcılarını iptal et */
#ptfContent > .hub-ptf-daily-section
.hub-hourly-pair:nth-child(n+7){
    margin-left:0 !important;
    padding-left:0 !important;

    border-left:0 !important;
}


/*==================================================
SOL ALT | FİYAT EĞRİSİ
==================================================*/

#ptfContent > .hub-ptf-price-section{
    grid-template-columns:minmax(0,1fr) !important;
}

#ptfContent > .hub-ptf-price-section
.hub-daily-chart-panel{
    grid-column:1 !important;
    grid-row:2 !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    box-sizing:border-box !important;
}

#ptfContent > .hub-ptf-price-section
.hub-dashboard-chart-daily,
#ptfContent > .hub-ptf-price-section canvas{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
}


/*==================================================
SAĞ ÜST / SAĞ ALT
Grafik + seçili para biriminin tek metrik çerçevesi
==================================================*/

#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    grid-template-columns:
        minmax(0,1fr)
        var(--ptf-metric-frame-width) !important;

    column-gap:var(--ptf-section-inner-gap) !important;
}

#ptfContent > .hub-ptf-monthly-section >
.hub-monthly-layout,
#ptfContent > .hub-ptf-yearly-section >
.hub-yearly-layout{
    display:contents !important;
}

#ptfContent > .hub-ptf-monthly-section
.hub-dashboard-panel,
#ptfContent > .hub-ptf-yearly-section
.hub-dashboard-panel{
    grid-column:1 !important;
    grid-row:2 !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    align-self:stretch !important;
    box-sizing:border-box !important;
}

#ptfContent > .hub-ptf-monthly-section
.hub-comparison-card,
#ptfContent > .hub-ptf-yearly-section
.hub-comparison-card{
    grid-column:2 !important;
    grid-row:2 !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    align-self:stretch !important;
    box-sizing:border-box !important;
}

#ptfContent > .hub-ptf-monthly-section
.hub-dual-comparison,
#ptfContent > .hub-ptf-yearly-section
.hub-dual-comparison{
    width:100% !important;
    height:100% !important;

    display:block !important;
}

#ptfContent > .hub-ptf-monthly-section
.hub-comparison-currency,
#ptfContent > .hub-ptf-yearly-section
.hub-comparison-currency{
    width:100% !important;
    height:100% !important;

    min-width:0 !important;

    padding:0 !important;
    border:0 !important;
}

#ptfContent[data-currency="tl"]
.hub-comparison-currency.is-usd,
#ptfContent[data-currency="usd"]
.hub-comparison-currency:not(.is-usd){
    display:none !important;
}


/*==================================================
GRAFİKLERİN SECTION İÇİNDE TAŞMAMASI
==================================================*/

#ptfContent > .hub-ptf-monthly-section
.hub-dashboard-chart-month,
#ptfContent > .hub-ptf-yearly-section
.hub-dashboard-chart-year,
#ptfContent > .hub-ptf-monthly-section canvas,
#ptfContent > .hub-ptf-yearly-section canvas{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
}


/*==================================================
FINAL PATCH | SECTION ORDER + HOURLY LAYOUT + HEAD ALIGN
==================================================*/

/* Görsel sıra: Sol Üst 01 | Sol Alt 02 | Sağ Üst 03 | Sağ Alt 04 */
#ptfContent > .hub-ptf-daily-section{
    grid-column:1 !important;
    grid-row:1 !important;
}

#ptfContent > .hub-ptf-price-section{
    grid-column:1 !important;
    grid-row:2 !important;
}

#ptfContent > .hub-ptf-monthly-section{
    grid-column:2 !important;
    grid-row:1 !important;
}

#ptfContent > .hub-ptf-yearly-section{
    grid-column:2 !important;
    grid-row:2 !important;
}

/* Section başlıkları solda ve aynı yükseklik hissi */
#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head > div:first-child{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-index,
#ptfContent > .hub-ptf-price-section .hub-dashboard-index,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-index,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-index{
    min-width:auto !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
    color:#0b6f3d !important;
    letter-spacing:0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-price-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head h3{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:650 !important;
    text-align:left !important;
}

#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head{
    justify-content:flex-start !important;
    text-align:left !important;
}

/* Aylık ve yıllık ana fiyat + birim yan yana */
#ptfContent > .hub-ptf-monthly-section .hub-comparison-main-value,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main-value,
#ptfContent > .hub-ptf-daily-section .hub-comparison-main-value{
    display:flex !important;
    align-items:baseline !important;
    gap:8px !important;
    flex-direction:row !important;
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-main-value em,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main-value em,
#ptfContent > .hub-ptf-daily-section .hub-comparison-main-value em{
    display:inline-block !important;
    margin:0 !important;
}

/* 24 saatlik veri paneli: 4 kolon, her kolonda 6 satır */
#ptfContent > .hub-ptf-daily-section .hub-hourly-values{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:18px !important;
    row-gap:0 !important;
    align-items:stretch !important;
    height:calc(100% - 28px) !important;
    padding:0 !important;
    margin:0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-column{
    display:grid !important;
    grid-template-rows:repeat(6,minmax(0,1fr)) !important;
    row-gap:2px !important;
    min-width:0 !important;
    align-content:space-between !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row{
    display:grid !important;
    grid-template-columns:22px minmax(0,1fr) !important;
    column-gap:8px !important;
    align-items:center !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row-hour{
    text-align:left !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    color:#5f6b63 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row-value{
    text-align:right !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#17211b !important;
}

/* Eski pair yapısını pasif hale getir */
#ptfContent > .hub-ptf-daily-section .hub-hourly-pair{
    all:unset !important;
}

/* Günlük 24 saat paneli ve metrik paneli eşit yükseklik hissi */
#ptfContent > .hub-ptf-daily-section .hub-comparison-card,
#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel{
    min-height:224px !important;
}


/*==================================================
ARİF FIX | 24 SAAT + SECTION BAŞLIKLARI
==================================================*/

/*==================================================
TÜM SECTION BAŞLIKLARI
01 Günlük PTF
02 Fiyat Eğrisi
03 Aylık PTF
04 Yıllık PTF
==================================================*/

#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head{
    justify-content:flex-start !important;
    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head > div:first-child{
    width:auto !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-index,
#ptfContent > .hub-ptf-price-section .hub-dashboard-index,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-index,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-index{
    display:inline-block !important;

    min-width:0 !important;
    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    font-size:18px !important;
    line-height:1 !important;
    font-weight:650 !important;

    color:#08713e !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-price-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head h3{
    margin:0 !important;
    padding:0 !important;

    font-size:18px !important;
    line-height:1 !important;
    font-weight:650 !important;

    text-align:left !important;
}


/*==================================================
24 SAATLİK VERİLER
4 eşit sütun × 6 satır
==================================================*/

#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel{
    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values{
    flex:1 1 auto !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    display:flex !important;
    align-items:stretch !important;
    justify-content:space-between !important;

    gap:18px !important;

    margin:0 !important;
    padding:0 2px !important;

    overflow:hidden !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-column{
    flex:1 1 0 !important;

    min-width:0 !important;
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;

    gap:0 !important;

    margin:0 !important;
    padding:0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row{
    flex:0 0 auto !important;

    width:100% !important;
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:8px !important;

    margin:0 !important;
    padding:2px 0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row-hour{
    flex:0 0 22px !important;

    margin:0 !important;
    padding:0 !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:450 !important;

    color:#6f7973 !important;

    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row-value{
    flex:1 1 auto !important;

    margin:0 !important;
    padding:0 !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:600 !important;

    color:#222a26 !important;

    text-align:right !important;
    white-space:nowrap !important;
}


/*==================================================
ANA FİYAT + BİRİM
Günlük / Aylık / Yıllık aynı satır
==================================================*/

#ptfContent > .hub-ptf-daily-section .hub-comparison-main-value,
#ptfContent > .hub-ptf-monthly-section .hub-comparison-main-value,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main-value{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:baseline !important;

    gap:8px !important;

    width:auto !important;
}

#ptfContent > .hub-ptf-daily-section .hub-comparison-main-value strong,
#ptfContent > .hub-ptf-monthly-section .hub-comparison-main-value strong,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main-value strong,
#ptfContent > .hub-ptf-daily-section .hub-comparison-main-value em,
#ptfContent > .hub-ptf-monthly-section .hub-comparison-main-value em,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main-value em{
    display:inline-block !important;

    margin:0 !important;
    padding:0 !important;

    white-space:nowrap !important;
}


/*==================================================
FINAL FIX | BAŞLIK + 24 SAAT + YILLIK GRAFİK
==================================================*/

/*==================================================
SECTION BAŞLIKLARI SAĞA HİZALI
Sayı ve başlık aynı font yüksekliğinde
==================================================*/

#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head{
    justify-content:flex-end !important;
    text-align:right !important;
}

#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head > div:first-child{
    width:auto !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:baseline !important;
    justify-content:flex-end !important;

    gap:8px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:right !important;
}

/* Sayılar artık başlıktan daha büyük veya kalın değil */
#ptfContent > .hub-ptf-daily-section .hub-dashboard-index,
#ptfContent > .hub-ptf-price-section .hub-dashboard-index,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-index,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-index{
    display:inline-block !important;

    min-width:0 !important;
    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:700 !important;

    color:#08713e !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-price-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head h3{
    margin:0 !important;
    padding:0 !important;

    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:700 !important;

    text-align:right !important;
}


/*==================================================
24 SAATLİK DEĞERLER
3 sütun × 8 satır
Tüm 24 değer görünür
==================================================*/

#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel{
    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-values{
    flex:1 1 auto !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    column-gap:18px !important;
    row-gap:0 !important;

    align-items:stretch !important;

    margin:0 !important;
    padding:0 4px !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-column{
    min-width:0 !important;
    height:100% !important;

    display:grid !important;
    grid-template-rows:repeat(8,minmax(0,1fr)) !important;

    row-gap:0 !important;

    margin:0 !important;
    padding:0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row{
    min-width:0 !important;

    display:grid !important;
    grid-template-columns:22px minmax(0,1fr) !important;

    align-items:center !important;
    column-gap:6px !important;

    margin:0 !important;
    padding:1px 0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row-hour{
    text-align:left !important;

    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:450 !important;

    color:#6f7973 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-row-value{
    text-align:right !important;

    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:600 !important;

    color:#222a26 !important;

    white-space:nowrap !important;
}


/*==================================================
YILLIK GRAFİK
Son bar için sağ iç boşluk
==================================================*/

#ptfContent > .hub-ptf-yearly-section .hub-dashboard-panel{
    padding-right:12px !important;
}

#ptfContent > .hub-ptf-yearly-section canvas{
    max-width:100% !important;
}


/*==================================================
FINAL | SECTION BAŞLIKLARI SOLDA
==================================================*/

#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head{
    justify-content:flex-start !important;
    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-price-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-monthly-section > .hub-dashboard-section-head > div:first-child,
#ptfContent > .hub-ptf-yearly-section > .hub-dashboard-section-head > div:first-child{
    width:auto !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:baseline !important;
    justify-content:flex-start !important;

    gap:8px !important;

    margin:0 auto 0 0 !important;
    padding:0 !important;

    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-index,
#ptfContent > .hub-ptf-price-section .hub-dashboard-index,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-index,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-index,
#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-price-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head h3{
    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:650 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-price-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head h3,
#ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head h3{
    text-align:left !important;
}


/*==================================================
FINAL | 24 SAATLİK VERİLER
3 sütun × 8 satır
==================================================*/

#ptfContent > .hub-ptf-daily-section .hub-hourly-values-panel{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
}

#ptfContent > .hub-ptf-daily-section .hub-panel-head{
    flex:0 0 auto !important;
    margin-bottom:8px !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-grid-final{
    flex:1 1 auto !important;

    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    grid-template-rows:
        repeat(8,minmax(18px,1fr)) !important;

    column-gap:22px !important;
    row-gap:0 !important;

    align-items:center !important;

    margin:0 !important;
    padding:0 6px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-cell-final{
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
        22px
        minmax(0,1fr) !important;

    align-items:center !important;
    column-gap:6px !important;

    margin:0 !important;
    padding:0 !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-hour-final{
    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:450 !important;

    color:#6f7973 !important;

    text-align:left !important;
}

#ptfContent > .hub-ptf-daily-section .hub-hourly-value-final{
    font-size:10px !important;
    line-height:1.15 !important;
    font-weight:600 !important;

    color:#222a26 !important;

    text-align:right !important;
    white-space:nowrap !important;
}


/* Eski saatlik düzen sınıflarını tamamen devre dışı bırak */
#ptfContent > .hub-ptf-daily-section .hub-hourly-column,
#ptfContent > .hub-ptf-daily-section .hub-hourly-row,
#ptfContent > .hub-ptf-daily-section .hub-hourly-row-hour,
#ptfContent > .hub-ptf-daily-section .hub-hourly-row-value,
#ptfContent > .hub-ptf-daily-section .hub-hourly-pair,
#ptfContent > .hub-ptf-daily-section .hub-hourly-pair-hour,
#ptfContent > .hub-ptf-daily-section .hub-hourly-pair-value{
    all:unset;
}

/*==================================================
PTF | AYLIK + YILLIK GRAFİK ALANI GENİŞLETME
==================================================*/

:root{
    --ptf-small-metric-col:160px;
}

#ptfContent > .hub-ptf-monthly-section,
#ptfContent > .hub-ptf-yearly-section{
    grid-template-columns:
        minmax(0,1fr)
        var(--ptf-small-metric-col);
}

#ptfContent > .hub-ptf-monthly-section .hub-comparison-card,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-card{
    min-width:0;
}


/*==================================================
PTF | ANA FİYAT ETİKETİ
==================================================*/

#ptfContent > .hub-ptf-daily-section .hub-comparison-main,
#ptfContent > .hub-ptf-monthly-section .hub-comparison-main,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main{
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;

    gap:5px !important;
}

#ptfContent > .hub-ptf-daily-section .hub-comparison-main > small,
#ptfContent > .hub-ptf-monthly-section .hub-comparison-main > small,
#ptfContent > .hub-ptf-yearly-section .hub-comparison-main > small{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:650 !important;

    color:#66756d !important;
}


/*==================================================
GREEN ASIST | ENERGY HUB
RESPONSIVE 01 | 1024 × 900
==================================================*/

@media (max-width:1180px){
    :root{
        --hub-page-padding-top:10px;
        --hub-page-padding-right:10px;
        --hub-page-padding-bottom:10px;
        --hub-page-padding-left:10px;

        --hub-column-gap:10px;
        --hub-workspace-padding:8px;

        --ptf-metric-frame-width:190px;
    }

    html,
    body{
        min-width:0;
    }

    .hub-app{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:
            74px
            minmax(0,1fr);

        column-gap:0;
        row-gap:var(--hub-column-gap);
    }

    .hub-sidebar{
        display:grid;
        grid-template-columns:
            156px
            minmax(0,1fr);

        border-radius:12px;
    }

    .hub-sidebar-head{
        display:flex;
        flex-direction:column;
        justify-content:center;

        padding:12px 16px;

        border-right:1px solid rgba(255,255,255,.08);
        border-bottom:0;
    }

    .hub-sidebar-head span{
        margin-bottom:5px;

        font-size:9px;
    }

    .hub-sidebar-head strong{
        font-size:16px;
    }

    .hub-sidebar-nav{
        flex-direction:row;
        gap:6px;

        padding:8px;

        overflow:hidden;
    }

    .hub-nav-item{
        min-width:0;

        grid-template-columns:
            28px
            minmax(0,1fr);

        column-gap:8px;

        padding:8px 10px;
    }

    .hub-nav-index{
        width:27px;
        height:27px;

        font-size:9px;
    }

    .hub-nav-copy{
        gap:3px;
    }

    .hub-nav-copy strong{
        font-size:12px;
    }

    .hub-nav-copy small{
        font-size:7px;
        letter-spacing:.07em;
    }

    .hub-sidebar-foot{
        display:none;
    }

    .hub-workspace{
        border-radius:12px;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
RESPONSIVE 02 | 820 × 900
==================================================*/

@media (max-width:900px){
    .hub-app{
        grid-template-rows:
            64px
            minmax(0,1fr);
    }

    .hub-sidebar-head{
        padding:9px 13px;
    }

    .hub-sidebar-nav{
        padding:6px;
    }

    .hub-nav-item{
        padding:6px 8px;
    }

    .hub-nav-copy strong{
        overflow:visible;
        text-overflow:clip;
        white-space:normal;

        font-size:11px;
        line-height:1.15;
    }

    .hub-nav-copy small{
        display:none;
    }

    .hub-workspace{
        overflow-x:hidden !important;
        overflow-y:auto !important;

        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .hub-detail-wrap,
    #hubDetail,
    .hub-detail[data-detail="ptf"]{
        height:auto !important;
        min-height:0 !important;

        overflow:visible !important;
    }

    .hub-detail[data-detail="ptf"]{
        display:block !important;
    }

    #ptfContent.hub-dashboard-content{
        height:auto !important;
        min-height:0 !important;

        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            250px
            260px
            260px
            260px
            auto !important;

        align-content:start !important;
        overflow:visible !important;
    }

    #ptfContent > .hub-ptf-daily-section{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    #ptfContent > .hub-ptf-price-section{
        grid-column:1 !important;
        grid-row:2 !important;
    }

    #ptfContent > .hub-ptf-monthly-section{
        grid-column:1 !important;
        grid-row:3 !important;
    }

    #ptfContent > .hub-ptf-yearly-section{
        grid-column:1 !important;
        grid-row:4 !important;
    }

    #ptfContent > .hub-source{
        grid-column:1 !important;
        grid-row:5 !important;
    }
}

/* Doğal sayfa akışı: dashboard önce, bilgi/SSS sonra */
html{
    height:auto !important;
    min-height:100%;
}

body{
    height:auto !important;
    min-height:100vh;
    display:flex !important;
    flex-direction:column;
    grid-template-rows:none !important;
    overflow-x:auto !important;
    overflow-y:auto !important;
}

#siteHeader{
    flex:0 0 auto;
}

.hub-app{
    flex:0 0 auto;
    grid-row:auto !important;
    height:auto !important;
    min-height:760px;
    overflow:visible !important;
}

.hub-workspace{
    height:auto !important;
    min-height:0;
    overflow:visible !important;
}

.hub-detail-wrap,
#hubDetail{
    height:auto !important;
    min-height:100%;
    overflow:visible !important;
}

.hub-seo-content-wrap{
    flex:0 0 auto;
    order:2;
}

#contact,
#siteFooter{
    flex:0 0 auto;
}

@media (max-width:900px){
    .hub-app{
        min-height:0;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
RESPONSIVE 03 | 390 × 844
==================================================*/

@media (max-width:520px){
    :root{
        --hub-page-padding-top:6px;
        --hub-page-padding-right:6px;
        --hub-page-padding-bottom:6px;
        --hub-page-padding-left:6px;

        --hub-workspace-padding:6px;
        --ptf-main-row-gap:10px;
    }

    .hub-app{
        grid-template-rows:
            142px
            minmax(0,1fr);

        row-gap:6px;
    }

    .hub-sidebar{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:
            38px
            minmax(0,1fr);

        border-radius:10px;
    }

    .hub-sidebar-head{
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
        gap:9px;

        padding:7px 10px;

        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .hub-sidebar-head span{
        margin:0;

        font-size:8px;
    }

    .hub-sidebar-head strong{
        font-size:14px;
    }

    .hub-sidebar-nav{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(2,minmax(0,1fr));
        gap:5px;

        padding:6px;

        overflow:hidden;
    }

    .hub-sidebar-nav::-webkit-scrollbar{
        display:none;
    }

    .hub-nav-item{
        width:100%;
        min-height:0;

        grid-template-columns:
            26px
            minmax(0,1fr);

        column-gap:7px;

        padding:5px 7px;
    }

    .hub-nav-index{
        width:25px;
        height:25px;
    }

    .hub-nav-copy strong{
        font-size:10px;
    }

    .hub-workspace{
        padding:var(--hub-workspace-padding);

        border-radius:10px;
        scrollbar-gutter:auto;
    }

    .hub-detail-head{
        min-height:0;

        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:8px !important;

        margin:0 0 8px !important;
        padding:2px 1px 8px !important;
    }

    .hub-detail-title{
        display:block !important;
    }

    .hub-detail-title-row{
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:baseline !important;
        gap:5px 10px !important;
    }

    .hub-detail-title-row h2{
        width:100%;

        font-size:22px !important;
        line-height:1.05 !important;
    }

    .hub-detail-title-row p,
    .hub-section-kicker{
        font-size:9px !important;
        line-height:1.2 !important;
    }

    .hub-detail-actions{
        width:100%;

        justify-content:flex-start;
        gap:6px;
    }

    .hub-detail-actions button{
        min-height:28px;

        padding:5px 9px;

        font-size:10px;
    }

    .hub-ptf-currency-toggle button{
        min-width:35px;
        height:26px;

        padding:0 8px;
    }

    #ptfContent.hub-dashboard-content{
        grid-template-rows:
            450px
            270px
            410px
            370px
            auto !important;
    }

    #ptfContent > .hub-ptf-daily-section{
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            auto
            auto
            minmax(0,1fr) !important;
    }

    #ptfContent > .hub-ptf-daily-section
    .hub-comparison-card{
        grid-column:1 !important;
        grid-row:2 !important;

        height:auto !important;
        min-height:0 !important;
    }

    #ptfContent > .hub-ptf-daily-section
    .hub-hourly-values-panel{
        grid-column:1 !important;
        grid-row:3 !important;

        height:100% !important;
        min-height:0 !important;
    }

    #ptfContent > .hub-ptf-monthly-section,
    #ptfContent > .hub-ptf-yearly-section{
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            auto
            220px
            auto !important;
    }

    #ptfContent > .hub-ptf-monthly-section
    .hub-dashboard-panel,
    #ptfContent > .hub-ptf-yearly-section
    .hub-dashboard-panel{
        grid-column:1 !important;
        grid-row:2 !important;
    }

    #ptfContent > .hub-ptf-monthly-section
    .hub-comparison-card,
    #ptfContent > .hub-ptf-yearly-section
    .hub-comparison-card{
        grid-column:1 !important;
        grid-row:3 !important;

        height:auto !important;
        min-height:0 !important;
        align-self:start !important;
    }

    #ptfContent > .hub-ptf-daily-section .hub-dashboard-section-head h3,
    #ptfContent > .hub-ptf-price-section .hub-dashboard-section-head h3,
    #ptfContent > .hub-ptf-monthly-section .hub-dashboard-section-head h3,
    #ptfContent > .hub-ptf-yearly-section .hub-dashboard-section-head h3{
        font-size:16px !important;
    }

    #ptfContent .hub-source-v30{
        padding:8px 9px;

        font-size:9px;
        line-height:1.35;
    }
}

/* =========================================================
   ULUSAL TARİFELER | ÜÇ KOLONLU ÇALIŞMA MASASI
   Sol: profil, Orta: fiyatlar, Sağ: notlar ve uygulama esasları
   ========================================================= */
@media (min-width:1181px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:242px minmax(0,1fr) 300px;
        grid-template-rows:minmax(0,1fr) 46px;
        gap:8px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-main{
        display:contents;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector{
        grid-column:1;
        grid-row:1 / 3;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:14px;
        padding:16px 14px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector > header{
        padding-bottom:12px;
        border-bottom:1px solid #dce7e8;
    }

    .hub-detail[data-detail="tariffs"] #nationalTariffVersionLabel{
        margin-top:8px;
        white-space:normal;
        overflow:visible;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:11px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid label > span{
        margin-bottom:5px;
        font-size:9px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
        height:42px;
        font-size:11px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
        grid-column:2;
        grid-row:1 / 3;
        grid-template-rows:auto auto auto auto;
        align-content:start;
        padding:12px 13px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column{
        grid-column:3;
        grid-row:1;
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto auto;
        align-content:start;
        gap:8px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        grid-template-rows:auto auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        grid-column:3;
        grid-row:2;
        grid-template-columns:minmax(0,1fr) 54px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-source-link{
        width:54px;
        padding:0;
        font-size:0;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-source-link b{
        font-size:14px;
    }
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    gap:3px 12px;
    margin-top:4px;
    padding:10px 11px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > span,
.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3{
    grid-column:1;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3{
    margin:1px 0 0;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list{
    grid-column:2;
    grid-row:1 / 3;
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > p{
    grid-column:1 / -1;
    margin-top:4px;
}

@media (max-width:1180px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:230px minmax(0,1fr);
        grid-template-rows:auto auto auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-main{
        display:contents;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector{
        grid-column:1;
        grid-row:1;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
        grid-column:2;
        grid-row:1 / 3;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        grid-column:1;
        grid-row:2;
        order:0;
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        grid-column:1 / -1;
        grid-row:3;
    }
}

@media (max-width:820px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector,
    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note,
    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        grid-column:1;
        grid-row:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline{
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > span,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > p{
        grid-column:1;
        grid-row:auto;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   ULUSAL TARİFELER | VERİ CETVELİ KOMPOZİSYONU
   Kart/reklam ağırlığını azaltır; tüm fiyat satırlarını öne çıkarır.
   ========================================================= */
.hub-detail[data-detail="tariffs"] .hub-tariff-content{
    grid-template-rows:66px minmax(0,1fr) 44px;
    gap:7px;
    padding:8px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-selector{
    grid-template-columns:190px minmax(0,1fr);
    gap:12px;
    padding:8px 12px;
    border-radius:14px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-selector h3{
    font-size:15px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
    height:34px;
    border-radius:8px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-main{
    grid-template-columns:minmax(0,1.6fr) minmax(380px,.9fr);
    gap:9px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
    grid-template-rows:auto auto auto;
    align-content:start;
    gap:5px;
    padding:9px 11px;
    border-radius:14px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card > header{
    align-items:center;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card h3{
    font-size:16px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-table-block h4{
    margin-bottom:4px;
    font-size:10px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-matrix-wrap{
    overflow:visible;
    border-radius:8px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table td{
    height:25px;
    padding:4px 7px;
    font-size:8.5px;
    line-height:1.18;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table thead th{
    height:27px;
    font-size:7.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td strong{
    font-size:10.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td small{
    display:inline;
    margin-left:4px;
    font-size:6px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-other-block{
    margin-top:1px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column{
    grid-template-rows:auto auto;
    align-content:start;
    gap:7px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
    grid-template-rows:auto auto auto;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-fact-card{
    padding:11px 12px;
    border-radius:14px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-fact-card > strong{
    margin:4px 0 2px;
    font-size:15px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-fact-card > p{
    font-size:8px;
    line-height:1.25;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-card h3{
    margin:4px 0 8px;
    font-size:16px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-list{
    gap:6px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-list > div{
    min-height:39px;
    padding:8px 10px;
    border:1px solid #cde6d8;
    border-radius:10px;
    background:linear-gradient(105deg,#e9f7ef 0,#f7fbf9 62%,#eef8f3 100%);
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-list strong{
    font-size:10px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-list span{
    font-size:9.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-list strong{
    color:#005d3f;
    font-size:15px;
    letter-spacing:-.01em;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-card{
    border-color:#b9ddca;
    background:
        radial-gradient(circle at 94% 8%,rgba(0,155,89,.09),transparent 34%),
        #fff;
    box-shadow:0 10px 24px rgba(0,91,61,.08);
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-card > p{
    margin-top:5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
    grid-template-columns:1fr 180px;
    border-radius:12px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip > div{
    display:none;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip > button{
    grid-column:1;
    padding:5px 10px;
    border-left:0;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip > button > span:first-child{
    width:28px;
    height:28px;
    border-radius:8px;
    font-size:15px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-source-link{
    grid-column:2;
    font-size:9px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-cta{
    display:none;
}

@media (max-width:1180px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-rows:auto auto auto;
        overflow:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-main{
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:auto;
    }
}

@media (max-width:820px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        order:-1;
        grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-card{
        grid-row:span 2;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        padding:6px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector{
        grid-template-columns:1fr;
        gap:8px;
        padding:10px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector > header{
        display:grid;
        grid-template-columns:auto minmax(0,1fr);
        align-items:end;
        gap:0 10px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector > header > span{
        grid-column:1 / -1;
    }

    .hub-detail[data-detail="tariffs"] #nationalTariffVersionLabel{
        margin:0 0 1px;
        text-align:right;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
        height:36px;
        padding-left:8px;
        font-size:10px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-card{
        grid-row:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table,
    .hub-detail[data-detail="tariffs"] .hub-tariff-other-table{
        min-width:0;
        width:100%;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th:first-child{
        width:34%;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th:not(:first-child){
        width:16.5%;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th,
    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td{
        height:27px;
        padding:3px 2px;
        font-size:6.5px;
        overflow-wrap:anywhere;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th{
        font-size:6px;
        line-height:1.05;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td strong{
        font-size:7.5px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td small{
        display:block;
        margin:1px 0 0;
        font-size:5.5px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-other-table th:first-child{
        width:42%;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-other-table th,
    .hub-detail[data-detail="tariffs"] .hub-tariff-other-table td{
        height:26px;
        padding:4px 3px;
        font-size:6.8px;
        overflow-wrap:anywhere;
    }
}

/*==================================================
PTF TABLET COMPOSITION — DOM ORDER SAFE
The four panels are positioned without relying on
classes that are added after the first JavaScript pass.
==================================================*/
@media (min-width:721px) and (max-width:900px){
    #ptfContent:not([hidden]){
        display:grid !important;
        width:100% !important;
        max-width:none !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        grid-template-rows:245px 285px auto !important;
        gap:9px !important;
        align-items:stretch !important;
    }

    #ptfContent > section{
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        margin:0 !important;
    }

    #ptfContent > section:nth-of-type(1){
        grid-column:1 !important;
        grid-row:1 !important;
        height:245px !important;
    }

    #ptfContent > #ptfPriceCurveSection{
        grid-column:2 !important;
        grid-row:1 !important;
        height:245px !important;
    }

    #ptfContent > section:nth-of-type(2){
        grid-column:1 !important;
        grid-row:2 !important;
        height:285px !important;
    }

    #ptfContent > section:nth-of-type(3){
        grid-column:2 !important;
        grid-row:2 !important;
        height:285px !important;
    }

    #ptfContent > .hub-source{
        grid-column:1 / -1 !important;
        grid-row:3 !important;
        width:100% !important;
    }
}

/*==================================================
FINAL OVERRIDE | PHONE VERTICAL RHYTHM
YEKDEM summary uses natural height.
PTF is limited to roughly two 390 x 844 screens.
==================================================*/
@media (max-width:520px){
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column-v22{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        align-items:start !important;
        align-content:start !important;
        gap:8px !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section-v22{
        display:grid !important;
        grid-template-rows:36px auto !important;
        align-self:start !important;
        align-content:start !important;
        gap:5px !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:7px !important;
        overflow:visible !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-dashboard-section-head{
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
        padding:0 4px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        align-self:start !important;
        align-content:start !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 !important;
        padding:6px !important;
    }

    #ptfContent:not([hidden]){
        display:grid !important;
        width:100% !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:350px 270px 310px 310px auto !important;
        gap:8px !important;
        align-content:start !important;
        overflow:visible !important;
    }

    #ptfContent > section{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    #ptfContent > section:nth-of-type(1){
        grid-column:1 !important;
        grid-row:1 !important;
        height:350px !important;
    }

    #ptfContent > #ptfPriceCurveSection{
        grid-column:1 !important;
        grid-row:2 !important;
        height:270px !important;
    }

    #ptfContent > section:nth-of-type(2){
        grid-column:1 !important;
        grid-row:3 !important;
        height:310px !important;
    }

    #ptfContent > section:nth-of-type(3){
        grid-column:1 !important;
        grid-row:4 !important;
        height:310px !important;
    }

    #ptfContent > .hub-source{
        grid-column:1 !important;
        grid-row:5 !important;
        min-height:42px !important;
        height:auto !important;
        margin:0 !important;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
DESKTOP | AYLIK + YILLIK GRAFİK GENİŞLETME
==================================================*/

@media (min-width:1181px){
    :root{
        --ptf-desktop-small-metric-col:190px;
    }

    #ptfContent > .hub-ptf-monthly-section,
    #ptfContent > .hub-ptf-yearly-section{
        grid-template-columns:
            minmax(0,1fr)
            var(--ptf-desktop-small-metric-col) !important;
    }

    #ptfContent > .hub-ptf-daily-section
    .hub-hourly-values-panel{
        min-height:0 !important;
    }

    #ptfContent > .hub-ptf-daily-section
    .hub-panel-head{
        margin-bottom:5px !important;
    }

    #ptfContent > .hub-ptf-daily-section
    .hub-hourly-grid-final{
        flex:1 1 0 !important;
        height:auto !important;

        grid-template-rows:
            repeat(8,minmax(0,1fr)) !important;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
MOBİL | PTF DİKEY ALAN OPTİMİZASYONU
==================================================*/

@media (max-width:520px){
    #ptfContent.hub-dashboard-content{
        grid-template-rows:
            430px
            245px
            auto
            auto
            auto !important;
    }

    #ptfContent > .hub-ptf-monthly-section,
    #ptfContent > .hub-ptf-yearly-section{
        height:auto !important;

        grid-template-rows:
            auto
            195px
            auto !important;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM RAPOR DÜZENİ V35
==================================================*/

.hub-yekdem-dashboard .hub-yekdem-content{
    gap:8px;
}

.hub-yekdem-dashboard .hub-yekdem-section{
    padding:10px;
}

.hub-yekdem-dashboard .hub-yekdem-section-head-v30{
    min-height:34px;

    align-items:center;

    margin:0 0 8px;
    padding:0;
}

.hub-yekdem-dashboard .hub-yekdem-section-titlearea{
    align-items:center;
    justify-content:flex-start;
    gap:22px;
}

.hub-yekdem-report-title{
    flex:0 0 auto;
}

.hub-yekdem-report-title span{
    display:block;

    margin:0 0 3px;

    font-size:9px;
    line-height:1.1;
    font-weight:650;
    letter-spacing:.08em;

    color:var(--hub-green);
}

.hub-yekdem-report-title h3{
    margin:0;

    font-size:17px;
    line-height:1.15;
    font-weight:650;

    color:var(--hub-dark);
}

.hub-yekdem-dashboard .hub-yekdem-series-legend{
    gap:14px;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend i{
    width:16px;
    height:3px;

    border-radius:4px;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-previous i{
    background:#a8b2ac;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-forecast i{
    background:#c96a2b;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-actual-green i{
    background:#087f45;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-grid{
    width:100%;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;

    margin:0 0 8px;
}

.hub-yekdem-kpi-card{
    min-width:0;
    min-height:72px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:8px 11px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:10px;
}

.hub-yekdem-kpi-card > span{
    margin:0 0 4px;

    font-size:10px;
    line-height:1.15;
    font-weight:650;

    color:var(--hub-gray-500);
}

.hub-yekdem-kpi-card > strong{
    overflow:hidden;

    font-size:20px;
    line-height:1;
    font-weight:650;

    color:var(--hub-dark);

    white-space:nowrap;
    text-overflow:ellipsis;
}

.hub-yekdem-kpi-card > small{
    margin-top:4px;

    font-size:9px;
    line-height:1;
    font-weight:550;

    color:var(--hub-gray-500);
}

.hub-yekdem-kpi-card.is-primary{
    background:#eaf5ef;
    border-color:#cfe6d8;
}

.hub-yekdem-kpi-card.is-primary > strong{
    color:#006b39;
}

.hub-yekdem-kpi-card.is-forecast{
    border-top:3px solid #c96a2b;
}

.hub-yekdem-kpi-card.is-previous{
    border-top:3px solid #a8b2ac;
}

.hub-yekdem-kpi-card.is-positive > strong{
    color:#087f45;
}

.hub-yekdem-kpi-card.is-negative > strong{
    color:#d45a16;
}

.hub-yekdem-dashboard .hub-yekdem-visual{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:220px auto;
    gap:8px;
}

.hub-yekdem-dashboard .hub-yekdem-chart-panel{
    height:220px;
    min-height:0;

    padding:8px 12px 4px;
}

.hub-yekdem-dashboard .hub-yekdem-axis-table-wrap{
    width:100%;
    max-height:none;

    overflow-x:auto;
    overflow-y:hidden;
}

.hub-yekdem-dashboard .hub-yekdem-axis-table{
    min-width:900px;

    table-layout:fixed;
}

.hub-yekdem-dashboard .hub-yekdem-axis-table th,
.hub-yekdem-dashboard .hub-yekdem-axis-table td{
    padding:5px 7px;

    font-size:9px;
    line-height:1.15;
}

.hub-yekdem-dashboard .hub-yekdem-axis-table th:first-child{
    width:105px;
}

.hub-yekdem-dashboard .hub-yekdem-axis-period-row td span{
    display:block;

    font-size:8px;
    color:var(--hub-gray-500);
}

.hub-yekdem-dashboard .hub-yekdem-axis-period-row td b{
    display:block;

    margin-top:2px;

    font-size:9px;
    color:var(--hub-dark);
}

.hub-yekdem-dashboard .hub-yekdem-axis-actual-row{
    background:#edf7f1;
}

.hub-yekdem-dashboard .hub-source-v34{
    padding:6px 10px;

    font-size:9.5px;
    line-height:1.3;
}

@media (max-width:900px){
    .hub-yekdem-dashboard .hub-yekdem-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hub-yekdem-dashboard .hub-yekdem-section-titlearea{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
}

@media (max-width:520px){
    .hub-yekdem-dashboard .hub-yekdem-section{
        padding:8px;
    }

    .hub-yekdem-report-title h3{
        font-size:15px;
    }

    .hub-yekdem-kpi-card{
        min-height:74px;
        padding:9px 10px;
    }

    .hub-yekdem-kpi-card > strong{
        font-size:18px;
    }

    .hub-yekdem-dashboard .hub-yekdem-visual{
        grid-template-rows:225px auto;
    }

    .hub-yekdem-dashboard .hub-yekdem-chart-panel{
        height:225px;
        padding:8px 6px 4px;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM DÖRT BÖLÜMLÜ RAPOR MİMARİSİ V36
==================================================*/

.hub-yekdem-dashboard .hub-yekdem-content{
    display:grid;
    grid-template-columns:
        minmax(0,1.58fr)
        minmax(300px,.82fr);
    grid-template-rows:
        290px
        210px
        auto;
    gap:8px;
}

.hub-yekdem-comparison-section{
    grid-column:1;
    grid-row:1;
}

.hub-yekdem-production-section{
    grid-column:2;
    grid-row:1;
}

.hub-yekdem-table-section{
    grid-column:1;
    grid-row:2;
}

.hub-yekdem-components-section{
    grid-column:2;
    grid-row:2;
}

.hub-yekdem-dashboard .hub-source-v34{
    grid-column:1 / -1;
    grid-row:3;
}

.hub-yekdem-dashboard .hub-yekdem-section{
    min-width:0;
    min-height:0;

    overflow:hidden;
}

.hub-yekdem-block-title{
    min-width:0;

    display:flex;
    align-items:center;
    gap:8px;
}

.hub-yekdem-block-title > span{
    flex:0 0 auto;

    font-size:14px;
    line-height:1;
    font-weight:650;

    color:var(--hub-green);
}

.hub-yekdem-block-title h3{
    min-width:0;

    margin:0;

    font-size:16px;
    line-height:1.1;
    font-weight:650;

    color:var(--hub-dark);
}

.hub-yekdem-report-title > small{
    display:block;

    margin:4px 0 0 30px;

    font-size:8px;
    line-height:1;
    font-weight:700;
    letter-spacing:.06em;

    color:var(--hub-green);
}

.hub-yekdem-dashboard .hub-yekdem-section-head-v30{
    min-height:32px;

    margin-bottom:7px;
}

.hub-yekdem-dashboard .hub-yekdem-section-titlearea{
    justify-content:space-between;
    gap:14px;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend{
    flex-wrap:nowrap;
    gap:10px;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend b{
    font-size:9px;
}

.hub-yekdem-compact-section-head{
    min-height:26px;

    margin:0 0 7px;
    padding:0 0 6px;

    border-bottom:1px solid var(--hub-gray-150);
}

.hub-yekdem-comparison-layout{
    min-width:0;
    min-height:0;

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        178px;
    gap:8px;
}

.hub-yekdem-dashboard .hub-yekdem-chart-panel{
    height:228px;

    padding:7px 8px 3px;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-grid{
    width:auto;
    height:228px;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:6px;

    margin:0;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card{
    min-height:0;

    padding:6px 9px;

    border-radius:8px;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card > span{
    margin-bottom:3px;

    font-size:8px;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card > strong{
    font-size:16px;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card > small{
    margin-top:3px;

    font-size:7.5px;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-forecast,
.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-previous{
    border-top-width:2px;
}

.hub-yekdem-reserved-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.hub-yekdem-reserved-metrics article{
    min-width:0;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:10px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:9px;
}

.hub-yekdem-reserved-metrics article > span{
    font-size:9px;
    line-height:1.15;
    font-weight:650;

    color:var(--hub-gray-500);
}

.hub-yekdem-reserved-metrics article > strong{
    margin-top:7px;

    font-size:20px;
    line-height:1;
    font-weight:700;

    color:var(--hub-dark);
}

.hub-yekdem-reserved-metrics article > small{
    margin-top:5px;

    font-size:8px;
    color:var(--hub-gray-500);
}

.hub-yekdem-reserved-note{
    margin:10px 0 0;
    padding:8px 9px;

    background:rgba(255,255,255,.58);

    border-left:2px solid var(--hub-green);
    border-radius:0 7px 7px 0;

    font-size:8.5px;
    line-height:1.35;
    font-weight:550;

    color:var(--hub-gray-500);
}

.hub-yekdem-table-section .hub-yekdem-axis-table-wrap{
    height:159px;
}

.hub-yekdem-table-section .hub-yekdem-axis-table{
    min-width:800px;
}

.hub-yekdem-table-section .hub-yekdem-axis-table th,
.hub-yekdem-table-section .hub-yekdem-axis-table td{
    padding:4px 6px;

    font-size:8.5px;
}

.hub-yekdem-table-section .hub-yekdem-axis-table th:first-child{
    width:92px;
}

.hub-yekdem-component-list{
    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:9px;
}

.hub-yekdem-component-list > div{
    min-height:34px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    padding:7px 10px;

    border-bottom:1px solid var(--hub-gray-150);
}

.hub-yekdem-component-list > div:last-child{
    border-bottom:0;
}

.hub-yekdem-component-list span{
    font-size:9px;
    line-height:1.15;
    font-weight:600;

    color:var(--hub-gray-600);
}

.hub-yekdem-component-list strong{
    font-size:14px;
    line-height:1;
    font-weight:700;

    color:var(--hub-dark);
}

@media (min-width:901px){
    .hub-yekdem-dashboard .hub-detail-head{
        min-height:48px;

        margin-bottom:6px;
        padding-bottom:6px;
    }

    .hub-yekdem-dashboard .hub-section-kicker{
        font-size:9px;
    }

    .hub-yekdem-dashboard .hub-detail-title-row h2{
        font-size:24px;
    }
}

@media (max-width:1180px) and (min-width:901px){
    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:
            minmax(0,1.48fr)
            minmax(280px,.92fr);
    }

    .hub-yekdem-comparison-layout{
        grid-template-columns:
            minmax(0,1fr)
            150px;
    }

    .hub-yekdem-dashboard .hub-yekdem-series-legend{
        gap:6px;
    }
}

@media (max-width:900px){
    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto;
    }

    .hub-yekdem-comparison-section,
    .hub-yekdem-production-section,
    .hub-yekdem-table-section,
    .hub-yekdem-components-section,
    .hub-yekdem-dashboard .hub-source-v34{
        grid-column:1;
        grid-row:auto;
    }

    .hub-yekdem-comparison-section{
        min-height:290px;
    }

    .hub-yekdem-dashboard .hub-yekdem-section-titlearea{
        align-items:center;
        flex-direction:row;
    }
}

@media (max-width:520px){
    .hub-yekdem-comparison-layout{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:210px auto;
    }

    .hub-yekdem-dashboard .hub-yekdem-chart-panel{
        height:210px;
    }

    .hub-yekdem-dashboard .hub-yekdem-kpi-grid{
        height:auto;

        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(2,70px);
    }

    .hub-yekdem-dashboard .hub-yekdem-section-titlearea{
        align-items:flex-start;
        flex-direction:column;
    }

    .hub-yekdem-reserved-metrics{
        grid-template-columns:minmax(0,1fr);
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM GRAFİK + TABLO HİZALI MİMARİ V37
==================================================*/

.hub-yekdem-dashboard .hub-yekdem-content{
    grid-template-columns:
        minmax(0,1.38fr)
        140px
        minmax(320px,.92fr);
    grid-template-rows:
        280px
        230px
        auto;
    gap:8px;
}

.hub-yekdem-comparison-section{
    grid-column:1;
    grid-row:1 / 3;
}

.hub-yekdem-summary-section{
    grid-column:2;
    grid-row:1 / 3;
}

.hub-yekdem-production-section{
    grid-column:3;
    grid-row:1;
}

.hub-yekdem-components-section{
    grid-column:3;
    grid-row:2;
}

.hub-yekdem-dashboard .hub-source-v34{
    grid-column:1 / -1;
    grid-row:3;
}

.hub-yekdem-series-stack{
    min-width:0;
    min-height:0;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:
        290px
        160px;
    gap:7px;
}

.hub-yekdem-comparison-section .hub-yekdem-chart-panel{
    width:100%;
    height:290px;

    box-sizing:border-box;
    padding:7px 8px 3px;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table-wrap{
    width:100%;
    height:160px;
    max-height:none;

    box-sizing:border-box;
    padding:0 8px;

    overflow:hidden;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table{
    width:100%;
    min-width:0;

    table-layout:fixed;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table th,
.hub-yekdem-comparison-section .hub-yekdem-axis-table td{
    padding:5px 2px;

    font-size:8px;
    line-height:1.1;

    text-align:center;
    white-space:nowrap;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table th:first-child{
    width:62px;

    padding-left:0;

    text-align:left;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-period-row td b{
    margin:0;

    font-size:8px;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-previous i{
    background:#4c5a53;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-forecast i{
    background:#d45a16;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-actual-green i{
    background:#087f45;
}

.hub-yekdem-summary-section{
    display:flex;
    flex-direction:column;
}

.hub-yekdem-summary-section .hub-yekdem-compact-section-head{
    flex:0 0 auto;
}

.hub-yekdem-summary-section .hub-yekdem-block-title{
    gap:5px;
}

.hub-yekdem-summary-section .hub-yekdem-block-title h3{
    font-size:13px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-grid{
    width:100%;
    height:auto;

    flex:1 1 auto;

    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:7px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card{
    padding:8px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > span{
    font-size:8px;
    line-height:1.15;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > strong{
    font-size:16px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > small{
    font-size:7px;
}

@media (max-width:1180px) and (min-width:901px){
    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:
            minmax(0,1fr)
            125px
            minmax(285px,.78fr);
    }

    .hub-yekdem-comparison-section .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section .hub-yekdem-axis-table td{
        font-size:7.5px;
    }
}

@media (max-width:900px){
    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto;
    }

    .hub-yekdem-comparison-section,
    .hub-yekdem-summary-section,
    .hub-yekdem-production-section,
    .hub-yekdem-components-section,
    .hub-yekdem-dashboard .hub-source-v34{
        grid-column:1;
        grid-row:auto;
    }

    .hub-yekdem-series-stack{
        grid-template-rows:
            250px
            158px;
    }

    .hub-yekdem-comparison-section .hub-yekdem-chart-panel{
        height:250px;
    }

    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        grid-template-rows:76px;
    }
}

@media (max-width:520px){
    .hub-yekdem-series-stack{
        grid-template-rows:
            215px
            158px;
    }

    .hub-yekdem-comparison-section .hub-yekdem-chart-panel{
        height:215px;
    }

    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(2,70px);
    }

    .hub-yekdem-comparison-section .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section .hub-yekdem-axis-table td{
        padding:5px 1px;

        font-size:7px;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM ÖZET + TABLO OKUNABİLİRLİK V38
==================================================*/

.hub-yekdem-summary-section .hub-yekdem-kpi-grid{
    height:auto;

    flex:0 0 auto;
    align-content:start;

    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(4,64px);
    gap:6px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card{
    min-height:64px;

    justify-content:center;

    padding:7px 8px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > span{
    margin-bottom:3px;

    font-size:8.5px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > strong{
    font-size:17px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > small{
    margin-top:3px;

    font-size:7.5px;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table th,
.hub-yekdem-comparison-section .hub-yekdem-axis-table td{
    padding:5px 2px;

    font-size:9px;
    line-height:1.1;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-period-row td b{
    font-size:9.5px;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table th:first-child{
    font-weight:650;
}

@media (max-width:1180px) and (min-width:901px){
    .hub-yekdem-comparison-section .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section .hub-yekdem-axis-table td{
        font-size:8.5px;
    }
}

@media (max-width:900px){
    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        grid-template-rows:68px;
    }
}

@media (max-width:520px){
    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-rows:repeat(2,68px);
    }

    .hub-yekdem-comparison-section .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section .hub-yekdem-axis-table td{
        font-size:7.5px;
    }
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM SERİ RENK SİSTEMİ V39
==================================================*/

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-previous i{
    background:#c65314;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-forecast i{
    background:#202622;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-actual-blue i{
    background:#125f9c;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-primary{
    background:#edf5fb;
    border-color:#cbddec;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-primary > strong{
    color:#125f9c;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-forecast{
    border-top-color:#202622;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-previous{
    border-top-color:#c65314;
}

.hub-yekdem-dashboard .hub-yekdem-axis-actual-row{
    background:#edf5fb;
}

.hub-yekdem-dashboard .hub-yekdem-axis-previous-row th{
    color:#a64410;
}

.hub-yekdem-dashboard .hub-yekdem-axis-forecast-row th{
    color:#202622;
}

.hub-yekdem-dashboard .hub-yekdem-axis-actual-row th{
    color:#125f9c;
}


/*==================================================
GREEN ASIST | ENERGY HUB
YEKDEM CANLI OPERASYON + BİLEŞEN METRİKLERİ V40
==================================================*/

.hub-yekdem-production-section .hub-yekdem-reserved-metrics article{
    padding:8px;
}

.hub-yekdem-production-section .hub-yekdem-reserved-metrics article > span{
    min-height:21px;

    font-size:8.5px;
}

.hub-yekdem-production-section .hub-yekdem-reserved-metrics article > strong{
    margin-top:5px;

    font-size:16px;
}

.hub-yekdem-production-section .hub-yekdem-reserved-metrics article:nth-child(1){
    border-top:2px solid #16824b;
}

.hub-yekdem-production-section .hub-yekdem-reserved-metrics article:nth-child(2){
    border-top:2px solid #125f9c;
}

.hub-yekdem-production-section .hub-yekdem-reserved-metrics article:nth-child(3){
    border-top:2px solid #c65314;
}

#yekdemOperationalProduction{
    color:#08713f;
}

#yekdemOperationalConsumption{
    color:#125f9c;
}

#yekdemOperationalShare{
    color:#a64410;
}

.hub-yekdem-components-section .hub-yekdem-component-list > div{
    min-height:24px;

    padding:4px 8px;
}

.hub-yekdem-components-section .hub-yekdem-component-list span{
    font-size:8.25px;
}

.hub-yekdem-components-section .hub-yekdem-component-list strong{
    white-space:nowrap;

    font-size:10.5px;
    font-variant-numeric:tabular-nums;
}

.hub-yekdem-components-section .hub-yekdem-component-list .is-income strong{
    color:#08713f;
}

.hub-yekdem-components-section .hub-yekdem-component-list .is-cost strong{
    color:#a64410;
}

.hub-yekdem-components-section .hub-yekdem-component-list .is-formula strong{
    color:#202622;
}

.hub-yekdem-components-section .hub-yekdem-component-list .is-official{
    background:#edf5fb;
}

.hub-yekdem-components-section .hub-yekdem-component-list .is-official strong{
    color:#125f9c;
}

.hub-yekdem-components-section .hub-yekdem-reserved-note{
    margin-top:6px;
    padding:5px 7px;

    font-size:7.75px;
}

@media (max-width:520px){
    .hub-yekdem-production-section .hub-yekdem-reserved-metrics article > strong{
        font-size:18px;
    }

    .hub-yekdem-components-section .hub-yekdem-component-list > div{
        min-height:30px;

        padding:6px 9px;
    }

    .hub-yekdem-components-section .hub-yekdem-component-list span{
        font-size:9px;
    }

    .hub-yekdem-components-section .hub-yekdem-component-list strong{
        font-size:11px;
    }
}

/*==================================================
GREEN ASIST | ENERGY HUB
PTF | TARİH SEÇİMİ
==================================================*/

.hub-ptf-date-control{
    min-width:0;

    display:flex;
    align-items:center;
    gap:4px;

    padding:3px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:9px;

    box-shadow:var(--hub-shadow-soft);
}

.hub-ptf-date-control .hub-ptf-date-step{
    width:30px;
    min-width:30px;
    height:30px;
    min-height:30px;

    padding:0;

    border:0;
    border-radius:6px;

    background:var(--hub-bg-soft);

    font-size:18px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-700);
}

.hub-ptf-date-control .hub-ptf-date-step:hover:not(:disabled){
    background:var(--hub-green-soft);
    color:var(--hub-green);
}

.hub-ptf-date-field{
    min-width:0;

    display:flex;
    align-items:center;
}

.hub-ptf-date-field > span{
    position:absolute;

    width:1px;
    height:1px;

    padding:0;
    margin:-1px;

    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;

    border:0;
}

.hub-ptf-date-field input{
    width:132px;
    height:30px;

    padding:0 7px;

    border:0;
    border-radius:6px;
    outline:0;

    background:#ffffff;

    font:inherit;
    font-size:11px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-900);

    cursor:pointer;
}

.hub-ptf-date-field input:focus-visible{
    box-shadow:
        0 0 0 2px rgba(11,111,61,.16);
}

.hub-ptf-date-control .hub-ptf-date-latest{
    min-height:30px;

    padding:0 10px;

    border:0;
    border-left:1px solid var(--hub-gray-200);
    border-radius:0 6px 6px 0;

    background:#ffffff;

    font-size:10px;
    line-height:1;
    font-weight:700;

    color:var(--hub-green);

    white-space:nowrap;
}

.hub-ptf-date-control .hub-ptf-date-latest:hover:not(:disabled){
    background:var(--hub-green-soft);
}

.hub-ptf-date-control button:disabled{
    opacity:.38;
    cursor:not-allowed;
}


/*==================================================
PTF | TARİH SEÇİMİ | TABLET
==================================================*/

@media (max-width:1180px){

    .hub-ptf-date-control{
        order:3;

        width:100%;

        justify-content:flex-start;
    }

    .hub-ptf-date-field{
        flex:1 1 auto;
    }

    .hub-ptf-date-field input{
        width:100%;
    }

}


/*==================================================
PTF | TARİH SEÇİMİ | MOBİL
==================================================*/

@media (max-width:520px){

    .hub-ptf-date-control{
        display:grid;
        grid-template-columns:
            30px
            minmax(0,1fr)
            30px;

        gap:4px;
    }

    .hub-ptf-date-control .hub-ptf-date-latest{
        grid-column:1 / -1;

        width:100%;

        border-left:0;
        border-top:1px solid var(--hub-gray-200);
        border-radius:0 0 6px 6px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V16
PTF + YEKDEM DÖNEM KONTROLLERİ
==================================================*/

.hub-yekdem-period-control{
    min-width:0;

    display:flex;
    align-items:center;
    gap:4px;

    padding:3px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:9px;

    box-shadow:var(--hub-shadow-soft);
}

.hub-yekdem-period-control .hub-yekdem-period-step{
    width:30px;
    min-width:30px;
    height:30px;
    min-height:30px;

    padding:0;

    border:0;
    border-radius:6px;

    background:var(--hub-bg-soft);

    font-size:18px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-700);
}

.hub-yekdem-period-control .hub-yekdem-period-step:hover:not(:disabled){
    background:var(--hub-green-soft);
    color:var(--hub-green);
}

.hub-yekdem-period-field{
    min-width:0;

    display:flex;
    align-items:center;
}

.hub-yekdem-period-field > span{
    position:absolute;

    width:1px;
    height:1px;

    padding:0;
    margin:-1px;

    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;

    border:0;
}

.hub-yekdem-period-field input{
    width:126px;
    height:30px;

    padding:0 7px;

    border:0;
    border-radius:6px;
    outline:0;

    background:#ffffff;

    font:inherit;
    font-size:11px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-900);

    cursor:pointer;
}

.hub-yekdem-period-field input:focus-visible{
    box-shadow:
        0 0 0 2px rgba(11,111,61,.16);
}

.hub-yekdem-period-control .hub-yekdem-period-latest{
    min-height:30px;

    padding:0 10px;

    border:0;
    border-left:1px solid var(--hub-gray-200);
    border-radius:0 6px 6px 0;

    background:#ffffff;

    font-size:10px;
    line-height:1;
    font-weight:700;

    color:var(--hub-green);

    white-space:nowrap;
}

.hub-yekdem-period-control .hub-yekdem-period-latest:hover:not(:disabled){
    background:var(--hub-green-soft);
}

.hub-yekdem-period-control button:disabled{
    opacity:.38;
    cursor:not-allowed;
}


/*==================================================
YEKDEM | BAŞLIK HİZASI
==================================================*/

.hub-yekdem-dashboard .hub-detail-head{
    align-items:flex-start;
}

.hub-yekdem-dashboard .hub-detail-title{
    padding-top:0;
}

.hub-yekdem-dashboard .hub-detail-actions{
    align-items:center;
}

.hub-yekdem-dashboard .hub-section-kicker{
    margin-bottom:8px;
}


/*==================================================
YEKDEM | KARŞILAŞTIRMA GRAFİĞİ
==================================================*/

.hub-yekdem-dashboard .hub-yekdem-series-legend{
    gap:14px;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-forecast i{
    background:#a9d9bd;
}

.hub-yekdem-dashboard .hub-yekdem-series-legend .is-actual i{
    background:#0b6f3d;
}

.hub-yekdem-dashboard.is-yekdem-usd .hub-yekdem-series-legend .is-forecast i{
    background:#ffd2b3;
}

.hub-yekdem-dashboard.is-yekdem-usd .hub-yekdem-series-legend .is-actual i{
    background:#c85f22;
}

.hub-yekdem-comparison-section .hub-yekdem-chart-panel{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcfb 100%
        );
}


/*==================================================
YEKDEM | ÖZET
==================================================*/

.hub-yekdem-summary-section .hub-yekdem-kpi-grid{
    grid-template-columns:
        repeat(3,minmax(0,1fr));
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card.is-forecast{
    background:#f3f8f5;
    border-color:#cfe4d7;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-forecast{
    background:#fff7f1;
    border-color:#f1d4bf;
}


/*==================================================
YEKDEM | DÖNEM + DURUM ROZETLERİ
==================================================*/

.hub-yekdem-period-status{
    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;
}

.hub-yekdem-period-chip,
.hub-yekdem-status-chip{
    min-height:28px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 9px;

    border:1px solid var(--hub-gray-200);
    border-radius:7px;

    background:#ffffff;

    font-size:9px;
    line-height:1;
    font-weight:650;
    letter-spacing:.05em;

    color:var(--hub-gray-600);

    white-space:nowrap;
}

.hub-yekdem-status-chip{
    color:var(--hub-green);
}

.hub-yekdem-production-section{
    position:relative;

    overflow:hidden;
}

.hub-yekdem-production-section::before,
.hub-yekdem-components-section::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:4px;
    height:100%;

    background:var(--hub-gray-300);
}

.hub-yekdem-production-section.is-current::before{
    background:var(--hub-green);
}

.hub-yekdem-production-section.is-complete::before{
    background:#548c6b;
}

.hub-yekdem-production-section.is-partial::before{
    background:var(--hub-orange);
}

.hub-yekdem-production-section.is-unavailable::before{
    background:var(--hub-gray-300);
}

.hub-yekdem-components-section{
    position:relative;

    overflow:hidden;
}

.hub-yekdem-components-section::before{
    background:#3976a8;
}

.hub-yekdem-components-section.is-unavailable::before{
    background:var(--hub-gray-300);
}

.hub-yekdem-production-section.is-current
.hub-yekdem-status-chip{
    background:var(--hub-green-soft);
    border-color:#c9e2d2;
    color:var(--hub-green);
}

.hub-yekdem-production-section.is-complete
.hub-yekdem-status-chip{
    background:#edf5f0;
    border-color:#d5e5db;
    color:#47755a;
}

.hub-yekdem-production-section.is-partial
.hub-yekdem-status-chip{
    background:var(--hub-orange-soft);
    border-color:#f1d1bd;
    color:var(--hub-orange);
}

.hub-yekdem-production-section.is-unavailable
.hub-yekdem-status-chip,
.hub-yekdem-components-section.is-unavailable
.hub-yekdem-status-chip{
    background:var(--hub-bg-muted);
    color:var(--hub-gray-500);
}

.hub-yekdem-components-section.is-complete
.hub-yekdem-status-chip{
    background:#edf5fb;
    border-color:#cfdfec;
    color:#2f6f9f;
}


/*==================================================
YEKDEM | BİLEŞENLER BOŞ DURUMU
==================================================*/

.hub-yekdem-component-list .hub-yekdem-component-empty{
    grid-column:1 / -1;

    min-height:110px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;

    border:1px dashed var(--hub-gray-300);
    border-radius:9px;

    background:var(--hub-bg-soft);

    text-align:center;
}

.hub-yekdem-component-list .hub-yekdem-component-empty span{
    max-width:420px;

    font-size:12px;
    line-height:1.45;
    font-weight:600;

    color:var(--hub-gray-500);
}


/*==================================================
PTF | OK DÜĞMELERİ
==================================================*/

.hub-ptf-date-control .hub-ptf-date-step{
    user-select:none;
}


/*==================================================
TABLET
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-period-control{
        order:3;

        width:100%;

        justify-content:flex-start;
    }

    .hub-yekdem-period-field{
        flex:1 1 auto;
    }

    .hub-yekdem-period-field input{
        width:100%;
    }

}


/*==================================================
MOBİL
==================================================*/

@media (max-width:768px){

    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:1fr;
    }

    .hub-yekdem-period-status{
        width:100%;

        justify-content:flex-start;
    }

}

@media (max-width:520px){

    .hub-yekdem-period-control{
        display:grid;
        grid-template-columns:
            30px
            minmax(0,1fr)
            30px;

        gap:4px;
    }

    .hub-yekdem-period-control .hub-yekdem-period-latest{
        grid-column:1 / -1;

        width:100%;

        border-left:0;
        border-top:1px solid var(--hub-gray-200);
        border-radius:0 0 6px 6px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V17
YEKDEM MASAÜSTÜ DENGE VE OKUNABİLİRLİK
==================================================*/


/*==================================================
01 | YEKDEM ÜST BAŞLIĞI
PTF BAŞLIK DÜZENİYLE AYNI AKIŞ
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard .hub-detail-head{
        min-height:34px;

        align-items:flex-end;

        margin:0 0 8px;
        padding:0 0 6px;
    }

    .hub-yekdem-dashboard .hub-detail-title{
        display:flex;
        align-items:flex-end;
        gap:14px;
    }

    .hub-yekdem-dashboard .hub-section-kicker{
        order:2;

        margin:0 0 2px;

        font-size:12px;
        line-height:1;
        font-weight:650;

        white-space:nowrap;
    }

    .hub-yekdem-dashboard .hub-detail-title-row{
        order:1;

        display:flex;
        align-items:flex-end;
        gap:14px;
    }

    .hub-yekdem-dashboard .hub-detail-title-row h2{
        margin:0;

        font-size:22px;
        line-height:1;
        font-weight:650;

        white-space:nowrap;
    }

    .hub-yekdem-dashboard .hub-detail-title-row p{
        margin:0 0 2px;

        font-size:13px;
        line-height:1;
        font-weight:620;

        white-space:nowrap;
    }

    .hub-yekdem-dashboard .hub-detail-actions{
        align-items:center;
        flex-wrap:nowrap;
        gap:8px;
    }

}


/*==================================================
02 | ANA GRID DENGESİ
ÖZET SÜTUNU GENİŞLETİLDİ
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:
            minmax(0,1.34fr)
            184px
            minmax(440px,.96fr);
    }

}


/*==================================================
03 | YEKDEM ÖZETİ
DİKEY, OKUNAKLI VE KOMPAKT
==================================================*/

.hub-yekdem-summary-section .hub-yekdem-kpi-grid{
    width:100%;
    height:auto;

    flex:0 0 auto;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(3,92px);
    align-content:start;
    gap:7px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card{
    min-width:0;
    min-height:92px;

    justify-content:center;

    padding:10px 11px;

    overflow:hidden;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > span{
    margin-bottom:5px;

    font-size:9px;
    line-height:1.18;
    font-weight:650;

    white-space:normal;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > strong{
    max-width:100%;

    font-size:20px;
    line-height:1;
    font-weight:650;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > small{
    margin-top:5px;

    font-size:8px;
    line-height:1.1;

    white-space:nowrap;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-primary{
    background:#edf7f1;
    border-color:#c9e2d2;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-primary > strong{
    color:#08713f;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-forecast{
    background:#f6faf7;
    border-color:#d7e8dd;
}

.hub-yekdem-dashboard .hub-yekdem-kpi-card.is-forecast > strong{
    color:#365f48;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-kpi-card.is-primary{
    background:#fff1e8;
    border-color:#efc8ae;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-kpi-card.is-primary > strong{
    color:#b94f13;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-kpi-card.is-forecast{
    background:#fff8f3;
    border-color:#f1d9c8;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-kpi-card.is-forecast > strong{
    color:#8f5b3c;
}


/*==================================================
04 | 03–04 BAŞLIK VE ROZET HİZASI
==================================================*/

.hub-yekdem-production-section
.hub-yekdem-compact-section-head,
.hub-yekdem-components-section
.hub-yekdem-compact-section-head{
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
}

.hub-yekdem-production-section
.hub-yekdem-block-title,
.hub-yekdem-components-section
.hub-yekdem-block-title{
    min-width:0;
    flex:1 1 auto;
}

.hub-yekdem-production-section
.hub-yekdem-block-title h3,
.hub-yekdem-components-section
.hub-yekdem-block-title h3{
    min-width:0;

    font-size:14px;
    line-height:1.1;

    white-space:nowrap;
}

.hub-yekdem-production-section
.hub-yekdem-period-status,
.hub-yekdem-components-section
.hub-yekdem-period-status{
    flex:0 0 auto;
    flex-wrap:nowrap;
    gap:5px;
}

.hub-yekdem-production-section
.hub-yekdem-period-chip,
.hub-yekdem-production-section
.hub-yekdem-status-chip,
.hub-yekdem-components-section
.hub-yekdem-period-chip,
.hub-yekdem-components-section
.hub-yekdem-status-chip{
    min-height:27px;

    padding:0 8px;

    font-size:8px;
}


/*==================================================
05 | KARŞILAŞTIRMA TABLOSU
ETİKETLER VE RENK BÜTÜNLÜĞÜ
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th:first-child{
    width:86px;

    font-weight:650;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-table td{
    font-size:8.5px;
}

.hub-yekdem-dashboard
.hub-yekdem-axis-actual-row{
    background:#edf7f1;
}

.hub-yekdem-dashboard
.hub-yekdem-axis-actual-row th,
.hub-yekdem-dashboard
.hub-yekdem-axis-actual-row td{
    color:#08713f;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-actual-row{
    background:#fff1e8;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-actual-row th,
.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-actual-row td{
    color:#b94f13;
}


/*==================================================
06 | GRAFİK VE BÖLÜM İNCE AYARLARI
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel{
    padding-top:10px;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend b{
    font-size:8.5px;
}

.hub-yekdem-production-section
.hub-yekdem-operational-card strong{
    letter-spacing:-.02em;
}

.hub-yekdem-components-section
.hub-yekdem-component-list strong{
    letter-spacing:-.01em;
}


/*==================================================
07 | ORTA GENİŞLİKLER
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:
            minmax(0,1.25fr)
            172px
            minmax(405px,.92fr);
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > strong{
        font-size:18px;
    }

    .hub-yekdem-production-section
    .hub-yekdem-block-title h3,
    .hub-yekdem-components-section
    .hub-yekdem-block-title h3{
        font-size:13px;
    }

    .hub-yekdem-production-section
    .hub-yekdem-period-chip,
    .hub-yekdem-production-section
    .hub-yekdem-status-chip,
    .hub-yekdem-components-section
    .hub-yekdem-period-chip,
    .hub-yekdem-components-section
    .hub-yekdem-status-chip{
        padding:0 6px;

        font-size:7.5px;
    }

}


/*==================================================
08 | TABLET / MOBİL KORUMASI
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:88px;
    }

    .hub-yekdem-production-section
    .hub-yekdem-compact-section-head,
    .hub-yekdem-components-section
    .hub-yekdem-compact-section-head{
        flex-wrap:wrap;
    }

    .hub-yekdem-production-section
    .hub-yekdem-block-title h3,
    .hub-yekdem-components-section
    .hub-yekdem-block-title h3{
        white-space:normal;
    }

}

@media (max-width:768px){

    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:repeat(3,82px);
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V18
YEKDEM İKİ SÜTUNLU RAPOR MİMARİSİ
==================================================*/


/*==================================================
01 | ANA YERLEŞİM
SOL: KARŞILAŞTIRMA + YATAY ÖZET
SAĞ: OPERASYONEL + BİLEŞENLER
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:auto;

        display:grid;
        grid-template-columns:
            minmax(570px,1.20fr)
            minmax(430px,.80fr);
        grid-template-rows:
            560px
            auto;
        gap:8px;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column{
        min-width:0;
        min-height:0;

        display:grid;
        gap:8px;
    }

    .hub-yekdem-left-column{
        grid-column:1;
        grid-row:1;

        grid-template-rows:
            minmax(0,1fr)
            116px;
    }

    .hub-yekdem-right-column{
        grid-column:2;
        grid-row:1;

        grid-template-rows:
            minmax(0,1.08fr)
            minmax(0,.92fr);
    }

    .hub-yekdem-left-column
    .hub-yekdem-comparison-section,
    .hub-yekdem-left-column
    .hub-yekdem-summary-section,
    .hub-yekdem-right-column
    .hub-yekdem-production-section,
    .hub-yekdem-right-column
    .hub-yekdem-components-section{
        grid-column:auto;
        grid-row:auto;
    }

    .hub-yekdem-dashboard .hub-source-v34{
        grid-column:1 / -1;
        grid-row:2;
    }

}


/*==================================================
02 | KARŞILAŞTIRMA BÖLÜMÜ
GRAFİK KISALTILDI, TABLO OKUNAKLI HALE GETİRİLDİ
==================================================*/

.hub-yekdem-comparison-section{
    min-height:0;

    display:flex;
    flex-direction:column;
}

.hub-yekdem-comparison-section
.hub-yekdem-section-head-v30{
    flex:0 0 auto;

    min-height:37px;

    margin-bottom:7px;
}

.hub-yekdem-comparison-section
.hub-yekdem-series-stack{
    min-height:0;

    flex:1 1 auto;

    display:grid;
    grid-template-rows:
        minmax(0,1fr)
        124px;
    gap:7px;
}

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel{
    width:100%;
    height:100%;
    min-height:0;

    padding:
        9px
        10px
        4px;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table-wrap{
    width:100%;
    height:124px;
    min-height:124px;

    padding:0 8px;

    overflow:hidden;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table{
    width:100%;

    table-layout:fixed;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-table td{
    padding:6px 3px;

    font-size:9.5px;
    line-height:1.15;
    font-weight:600;

    text-align:center;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th:first-child{
    width:98px;

    padding-left:2px;

    font-size:9.5px;
    font-weight:650;

    text-align:left;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-period-row td b{
    font-size:9.5px;
    font-weight:650;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-forecast-row{
    background:#f7fbf8;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-forecast-row th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-forecast-row td{
    color:#688074;
}

.hub-yekdem-dashboard
.hub-yekdem-axis-actual-row{
    background:#e7f4ec;
}

.hub-yekdem-dashboard
.hub-yekdem-axis-actual-row th,
.hub-yekdem-dashboard
.hub-yekdem-axis-actual-row td{
    color:#07683a;

    font-weight:650;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-forecast-row{
    background:#fff8f3;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-forecast-row th,
.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-forecast-row td{
    color:#98715a;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-actual-row{
    background:#fff0e6;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-actual-row th,
.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-axis-actual-row td{
    color:#a94714;
}

.hub-yekdem-report-title > small{
    margin-top:4px;

    font-size:9.5px;
    line-height:1.1;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend b{
    font-size:9.5px;
    font-weight:680;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend .is-forecast{
    opacity:.68;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend .is-forecast i{
    background:rgba(89,176,125,.44);
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend .is-actual i{
    background:#087541;
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-series-legend .is-forecast i{
    background:rgba(229,137,77,.42);
}

.hub-yekdem-dashboard.is-yekdem-usd
.hub-yekdem-series-legend .is-actual i{
    background:#c85f22;
}


/*==================================================
03 | SECTION 02
TABLONUN ALTINDA YATAY ÖZET
==================================================*/

.hub-yekdem-summary-section{
    min-height:0;

    display:flex;
    flex-direction:column;

    padding:10px 12px;
}

.hub-yekdem-summary-section
.hub-yekdem-compact-section-head{
    min-height:25px;

    margin-bottom:7px;
    padding-bottom:5px;
}

.hub-yekdem-summary-section
.hub-yekdem-block-title h3{
    font-size:14px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    min-height:0;
    width:100%;
    height:auto;

    flex:1 1 auto;

    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    grid-template-rows:minmax(0,1fr);
    gap:8px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card{
    min-width:0;
    min-height:0;

    justify-content:center;

    padding:8px 13px;

    border-radius:8px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span{
    margin-bottom:6px;

    font-size:10px;
    line-height:1.15;
    font-weight:670;

    white-space:normal;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card > strong{
    max-width:100%;

    font-size:23px;
    line-height:1;
    font-weight:650;

    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card > small{
    display:none;
}


/*==================================================
04 | DÖNEM SEÇİCİ
DAHA BASKIN REFERANS KONTROLÜ
==================================================*/

.hub-yekdem-period-control{
    min-height:38px;

    gap:5px;

    padding:4px;

    background:#eef7f1;

    border:1.5px solid #9cc9ad;
    border-radius:10px;

    box-shadow:
        0 4px 12px rgba(17,55,34,.07);
}

.hub-yekdem-period-control
.hub-yekdem-period-step{
    width:32px;
    min-width:32px;
    height:32px;
    min-height:32px;

    background:#ffffff;

    color:#315d45;
}

.hub-yekdem-period-field{
    min-width:145px;

    display:flex;
    align-items:center;
    gap:7px;

    padding:0 4px;
}

.hub-yekdem-period-field > span{
    position:static;

    width:auto;
    height:auto;

    margin:0;
    padding:0;

    overflow:visible;
    clip:auto;
    white-space:nowrap;

    font-size:8px;
    line-height:1;
    font-weight:650;
    letter-spacing:.08em;

    color:#49705a;
}

.hub-yekdem-period-field input{
    width:116px;
    height:32px;

    padding:0 6px;

    background:#ffffff;

    border:1px solid #d1e4d8;
    border-radius:7px;

    font-size:12px;
    font-weight:650;

    color:#153d28;
}

.hub-yekdem-period-control
.hub-yekdem-period-latest{
    min-height:32px;

    padding:0 11px;

    border-left:1px solid #c9dfd1;

    background:transparent;

    font-size:10px;
    font-weight:650;
}


/*==================================================
05 | SECTION 03
SAYISAL DEĞERLER KORUNDU, TANIMLAR BÜYÜTÜLDÜ
==================================================*/

.hub-yekdem-production-section
.hub-yekdem-period-chip,
.hub-yekdem-components-section
.hub-yekdem-period-chip{
    display:none;
}

.hub-yekdem-production-section
.hub-yekdem-block-title h3,
.hub-yekdem-components-section
.hub-yekdem-block-title h3{
    font-size:14.5px;
}

.hub-yekdem-reserved-metrics{
    gap:8px;
}

.hub-yekdem-reserved-metrics article{
    padding:11px;
}

.hub-yekdem-reserved-metrics article > span{
    font-size:10px;
    line-height:1.22;
    font-weight:660;
}

.hub-yekdem-reserved-metrics article > strong{
    margin-top:8px;

    font-size:20px;
}

.hub-yekdem-reserved-metrics article > small{
    margin-top:6px;

    font-size:9px;
}

.hub-yekdem-reserved-note{
    margin-top:10px;
    padding:9px 10px;

    font-size:9.5px;
    line-height:1.42;
    font-weight:570;
}


/*==================================================
06 | SECTION 04
TANIM VE NOT OKUNABİLİRLİĞİ
==================================================*/

.hub-yekdem-component-list > div{
    min-height:37px;

    padding:8px 11px;
}

.hub-yekdem-component-list span{
    font-size:10px;
    line-height:1.2;
    font-weight:620;
}

.hub-yekdem-component-list strong{
    font-size:14.5px;
    line-height:1;
    font-weight:650;
}

.hub-yekdem-components-section
.hub-yekdem-reserved-note{
    font-size:9.5px;
}


/*==================================================
07 | ALT KAYNAK NOTU
==================================================*/

.hub-yekdem-dashboard
.hub-source-v34{
    font-size:9.5px;
    line-height:1.4;
}


/*==================================================
08 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:
            minmax(535px,1.15fr)
            minmax(400px,.85fr);
        grid-template-rows:
            550px
            auto;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > strong{
        font-size:21px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td{
        font-size:9px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child{
        width:92px;
    }

    .hub-yekdem-reserved-metrics article > span{
        font-size:9.5px;
    }

}


/*==================================================
09 | TABLET
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:auto;

        display:grid;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column{
        min-width:0;

        display:grid;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto;
        gap:8px;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-dashboard .hub-source-v34{
        grid-column:1;
        grid-row:auto;
    }

    .hub-yekdem-left-column
    .hub-yekdem-comparison-section,
    .hub-yekdem-left-column
    .hub-yekdem-summary-section,
    .hub-yekdem-right-column
    .hub-yekdem-production-section,
    .hub-yekdem-right-column
    .hub-yekdem-components-section{
        grid-column:1;
        grid-row:auto;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        grid-template-rows:
            250px
            132px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        height:250px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
        grid-template-rows:82px;
    }

    .hub-yekdem-period-control{
        width:100%;
    }

    .hub-yekdem-period-field{
        flex:1 1 auto;
    }

    .hub-yekdem-period-field input{
        flex:1 1 auto;
        width:auto;
    }

}


/*==================================================
10 | MOBİL
==================================================*/

@media (max-width:768px){

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:repeat(3,78px);
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        overflow-x:auto;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table{
        min-width:760px;
    }

}

@media (max-width:520px){

    .hub-yekdem-period-control{
        grid-template-columns:
            32px
            minmax(0,1fr)
            32px;
    }

    .hub-yekdem-period-field{
        min-width:0;

        gap:5px;
    }

    .hub-yekdem-period-field > span{
        font-size:7px;
    }

    .hub-yekdem-period-field input{
        min-width:0;

        font-size:11px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        grid-template-rows:
            220px
            132px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        height:220px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V19
YEKDEM SAĞ SÜTUN: 02 → 03 → 04
SOL SÜTUN: 01 + YÖNTEM NOTU
==================================================*/


/*==================================================
01 | ANA MASAÜSTÜ YERLEŞİMİ
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:auto;

        display:grid;
        grid-template-columns:
            minmax(610px,1.16fr)
            minmax(470px,.84fr);
        grid-template-rows:
            560px;
        gap:8px;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column{
        min-width:0;
        min-height:0;

        display:grid;
        gap:8px;
    }

    .hub-yekdem-left-column{
        grid-column:1;
        grid-row:1;

        grid-template-rows:
            minmax(0,1fr)
            86px;
    }

    .hub-yekdem-right-column{
        grid-column:2;
        grid-row:1;

        grid-template-rows:
            116px
            188px
            minmax(0,1fr);
    }

    .hub-yekdem-left-column
    .hub-yekdem-comparison-section,
    .hub-yekdem-left-column
    .hub-yekdem-method-note,
    .hub-yekdem-right-column
    .hub-yekdem-summary-section,
    .hub-yekdem-right-column
    .hub-yekdem-production-section,
    .hub-yekdem-right-column
    .hub-yekdem-components-section{
        min-width:0;
        min-height:0;

        grid-column:auto;
        grid-row:auto;
    }

}


/*==================================================
02 | SECTION 01
ALTINDA NOT İÇİN GRAFİK ALANI DENGELENDİ
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        grid-template-rows:
            minmax(0,1fr)
            124px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        min-height:0;
    }

}


/*==================================================
03 | VERİ KAYNAĞI VE YÖNTEM NOTU
==================================================*/

.hub-yekdem-method-note{
    position:relative;

    min-width:0;
    min-height:0;

    display:grid;
    grid-template-columns:
        188px
        minmax(0,1fr);
    align-items:center;
    gap:14px;

    padding:11px 14px;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #f4f9f6 0%,
            #fbfdfc 100%
        );

    border:1px solid #dbe7df;
    border-radius:10px;
}

.hub-yekdem-method-note::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:4px;
    height:100%;

    background:#42b96e;
}

.hub-yekdem-method-title{
    min-width:0;

    display:flex;
    align-items:center;
    gap:9px;
}

.hub-yekdem-method-title > span{
    flex:0 0 27px;

    width:27px;
    height:27px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#e4f3e9;

    border:1px solid #c4dfcd;
    border-radius:50%;

    font-size:13px;
    line-height:1;
    font-weight:650;

    color:#08713f;
}

.hub-yekdem-method-title > strong{
    font-size:11px;
    line-height:1.25;
    font-weight:650;

    color:#183f2a;
}

.hub-yekdem-method-note > p{
    min-width:0;

    margin:0;

    font-size:10px;
    line-height:1.48;
    font-weight:550;

    color:#52645a;
}


/*==================================================
04 | SECTION 02
SAĞ ÜSTTE YATAY VE KOMPAKT
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-summary-section{
    padding:9px 11px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-compact-section-head{
    min-height:24px;

    margin-bottom:6px;
    padding-bottom:5px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-block-title h3{
    font-size:13.5px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    min-height:0;

    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    grid-template-rows:
        minmax(0,1fr);
    gap:7px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card{
    min-width:0;
    min-height:0;

    justify-content:center;

    padding:7px 9px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span{
    margin-bottom:5px;

    font-size:9px;
    line-height:1.18;
    font-weight:670;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card > strong{
    font-size:19px;
    line-height:1;
    font-weight:650;
}


/*==================================================
05 | SECTION 03
ORTA YÜKSEKLİĞE UYUMLU
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-production-section{
    padding:10px 11px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-compact-section-head{
    min-height:27px;

    margin-bottom:8px;
    padding-bottom:6px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics{
    gap:7px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article{
    min-height:83px;

    padding:9px 10px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > span{
    min-height:25px;

    font-size:9.5px;
    line-height:1.22;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > strong{
    margin-top:5px;

    font-size:19px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > small{
    margin-top:5px;

    font-size:8.5px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-note{
    margin-top:8px;
    padding:7px 9px;

    font-size:9.5px;
    line-height:1.35;
}


/*==================================================
06 | SECTION 04
MEVCUT YÜKSEKLİĞİ VE OKUNABİLİRLİĞİ KORU
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-components-section{
    padding:10px 11px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-compact-section-head{
    min-height:28px;

    margin-bottom:7px;
    padding-bottom:6px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list > div{
    min-height:36px;

    padding:7px 10px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list span{
    font-size:9.5px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list strong{
    font-size:14px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-reserved-note{
    margin-top:7px;
    padding:7px 9px;

    font-size:9px;
    line-height:1.35;
}


/*==================================================
07 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        grid-template-columns:
            minmax(560px,1.12fr)
            minmax(430px,.88fr);
        grid-template-rows:
            550px;
    }

    .hub-yekdem-left-column{
        grid-template-rows:
            minmax(0,1fr)
            84px;
    }

    .hub-yekdem-right-column{
        grid-template-rows:
            112px
            184px
            minmax(0,1fr);
    }

    .hub-yekdem-method-note{
        grid-template-columns:
            170px
            minmax(0,1fr);

        gap:11px;

        padding:
            9px
            12px;
    }

    .hub-yekdem-method-note > p{
        font-size:9.5px;
    }

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > strong{
        font-size:18px;
    }

}


/*==================================================
08 | TABLET
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        display:grid;
        grid-template-columns:
            minmax(0,1fr);
        grid-template-rows:auto;
        gap:8px;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column{
        min-width:0;

        display:grid;
        grid-template-columns:
            minmax(0,1fr);
        grid-template-rows:auto;
        gap:8px;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column{
        grid-column:1;
        grid-row:auto;
    }

    .hub-yekdem-method-note{
        grid-template-columns:
            180px
            minmax(0,1fr);
    }

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
        grid-template-rows:82px;
    }

}


/*==================================================
09 | MOBİL
==================================================*/

@media (max-width:768px){

    .hub-yekdem-method-note{
        grid-template-columns:
            minmax(0,1fr);

        gap:8px;
    }

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-columns:
            minmax(0,1fr);
        grid-template-rows:
            repeat(3,78px);
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V20
YEKDEM GÖRSEL HİYERARŞİ VE SECTION 04 TAM GÖRÜNÜM
==================================================*/


/*==================================================
01 | SAĞ SÜTUN YÜKSEKLİK DAĞILIMI
02 KÜÇÜLTÜLDÜ, 04 ALANI GENİŞLETİLDİ
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-right-column{
        grid-template-rows:
            96px
            174px
            minmax(0,1fr);
    }

}


/*==================================================
02 | SECTION 01 ANA BÖLÜM HİYERARŞİSİ
==================================================*/

.hub-yekdem-comparison-section{
    border-color:#d5e2da;

    box-shadow:
        0 5px 16px rgba(18,52,32,.055);
}

.hub-yekdem-comparison-section
.hub-yekdem-block-title h3{
    font-size:15px;
    font-weight:650;
}

.hub-yekdem-comparison-section
.hub-yekdem-report-title > small{
    font-size:9.5px;
    font-weight:680;
}

.hub-yekdem-comparison-section
.hub-yekdem-section-head-v30{
    min-height:39px;
}


/*==================================================
03 | SECTION 02 DAHA KOMPAKT VE İKİNCİL
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-summary-section{
    padding:7px 10px;

    background:#fbfcfb;

    border-color:#e0e7e2;

    box-shadow:none;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-compact-section-head{
    min-height:21px;

    margin-bottom:5px;
    padding-bottom:4px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-block-title h3{
    font-size:13px;
    font-weight:700;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    gap:6px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card{
    padding:6px 9px;

    background:#ffffff;

    border-radius:7px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span{
    margin-bottom:4px;

    font-size:8.5px;
    line-height:1.1;
    font-weight:640;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card > strong{
    font-size:17px;
    line-height:1;
    font-weight:650;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-primary,
.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-forecast{
    background:#f5faf7;
}


/*==================================================
04 | SECTION 03 KOMPAKT DENGE
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-production-section{
    padding:8px 10px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-compact-section-head{
    min-height:25px;

    margin-bottom:6px;
    padding-bottom:5px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-block-title h3{
    font-size:13.5px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article{
    min-height:75px;

    padding:8px 9px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > span{
    min-height:22px;

    font-size:9px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > strong{
    margin-top:4px;

    font-size:18px;
}

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-note{
    margin-top:6px;
    padding:6px 8px;

    font-size:9px;
}


/*==================================================
05 | SECTION 04 TAM SATIR GÖRÜNÜMÜ
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-components-section{
    min-height:0;

    display:flex;
    flex-direction:column;

    padding:8px 10px;

    overflow:visible;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-compact-section-head{
    flex:0 0 auto;

    min-height:25px;

    margin-bottom:5px;
    padding-bottom:5px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-block-title h3{
    font-size:13.5px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list{
    min-height:0;

    flex:1 1 auto;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-auto-rows:minmax(28px,1fr);

    overflow:visible;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list > div{
    min-height:28px;

    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        auto;
    align-items:center;
    gap:14px;

    padding:5px 9px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list span,
.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list strong{
    font-size:10px;
    line-height:1.15;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list span{
    min-width:0;

    font-weight:590;

    color:#526159;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list strong{
    font-weight:650;

    text-align:right;

    white-space:nowrap;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list
.is-official{
    min-height:30px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-reserved-note{
    flex:0 0 auto;

    margin-top:5px;
    padding:5px 8px;

    font-size:8.5px;
    line-height:1.3;
}


/*==================================================
06 | SECTION BAŞLIK DENGESİ
01 BİRİNCİL, 02–04 İKİNCİL
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-block-title > span{
    font-size:15px;
}

.hub-yekdem-right-column
.hub-yekdem-block-title > span{
    font-size:13px;
}

.hub-yekdem-right-column
.hub-yekdem-section{
    box-shadow:none;
}


/*==================================================
07 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-right-column{
        grid-template-rows:
            94px
            170px
            minmax(0,1fr);
    }

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > strong{
        font-size:16px;
    }

    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list span,
    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list strong{
        font-size:9.5px;
    }

}


/*==================================================
08 | TABLET VE MOBİL
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-right-column
    .hub-yekdem-summary-section{
        min-height:104px;
    }

    .hub-yekdem-right-column
    .hub-yekdem-production-section,
    .hub-yekdem-right-column
    .hub-yekdem-components-section{
        min-height:auto;
    }

    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list{
        display:block;
    }

    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list > div{
        min-height:34px;
    }

}

@media (max-width:768px){

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > strong{
        font-size:19px;
    }

    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list span,
    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list strong{
        font-size:10px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V21
TÜM BÖLÜMLER TEK EKRANDA
02 VE 03 EŞİT YÜKSEKLİK / AYNI METRİK DİLİ
==================================================*/


/*==================================================
01 | MASAÜSTÜ ANA YÜKSEKLİK DAĞILIMI
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:530px;
        max-height:530px;

        grid-template-rows:530px;
    }

    .hub-yekdem-left-column{
        grid-template-rows:
            minmax(0,1fr)
            88px;
    }

    .hub-yekdem-right-column{
        grid-template-rows:
            138px
            138px
            minmax(0,1fr);
    }

}


/*==================================================
02 | SECTION 01
TABLO ALTI BOŞLUK AZALTILDI
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-series-stack{
    grid-template-rows:
        minmax(0,1fr)
        108px;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table-wrap{
    height:108px;
    min-height:108px;

    padding:
        0
        8px
        2px;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-table td{
    padding:
        4px
        3px;

    font-size:9.5px;
    line-height:1.1;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th:first-child{
    font-size:9.5px;
}


/*==================================================
03 | SECTION 01 ALT AÇIKLAMA ALANI
TÜM METİN GÖRÜNÜR VE OKUNAKLI
==================================================*/

.hub-yekdem-method-note{
    min-height:88px;

    grid-template-columns:
        178px
        minmax(0,1fr);
    gap:12px;

    padding:
        9px
        13px;

    overflow:hidden;
}

.hub-yekdem-method-title > strong{
    font-size:10.5px;
    line-height:1.25;
}

.hub-yekdem-method-copy{
    min-width:0;

    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap:12px;
}

.hub-yekdem-method-copy > p{
    min-width:0;

    margin:0;

    font-size:9px;
    line-height:1.38;
    font-weight:550;

    color:#506158;
}


/*==================================================
04 | SECTION 02 VE 03 ORTAK KART SİSTEMİ
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-summary-section,
.hub-yekdem-right-column
.hub-yekdem-production-section{
    min-height:0;

    padding:
        8px
        10px;

    background:#fbfcfb;

    border-color:#dce5df;

    box-shadow:none;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-compact-section-head,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-compact-section-head{
    min-height:25px;

    margin-bottom:7px;
    padding-bottom:5px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-block-title h3,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-block-title h3{
    font-size:13.5px;
    line-height:1.1;
    font-weight:650;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-grid,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics{
    min-height:0;

    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    grid-template-rows:
        68px;
    gap:7px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article{
    min-width:0;
    min-height:68px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        8px
        10px;

    background:#ffffff;

    border:1px solid #d9e3dc;
    border-radius:8px;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > span{
    min-height:22px;

    margin:0 0 5px;

    font-size:9px;
    line-height:1.18;
    font-weight:650;

    color:#5a6a61;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-primary,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article:first-child{
    border-top:2px solid #159456;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-forecast,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article:nth-child(2){
    border-top:2px solid #2475b6;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-negative,
.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card.is-positive,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article:nth-child(3){
    border-top:2px solid #cf5d20;
}


/*==================================================
05 | SECTION 02 VE 03 DEĞER + BİRİM AYNI SATIRDA
==================================================*/

.hub-yekdem-metric-value{
    min-width:0;

    display:flex;
    align-items:baseline;
    gap:5px;
}

.hub-yekdem-metric-value > strong{
    min-width:0;

    margin:0;

    font-size:18px;
    line-height:1;
    font-weight:650;

    letter-spacing:-.015em;

    white-space:nowrap;
}

.hub-yekdem-metric-value > small{
    flex:0 0 auto;

    margin:0;

    font-size:8px;
    line-height:1;
    font-weight:650;

    color:#7a877f;

    white-space:nowrap;
}

.hub-yekdem-right-column
.hub-yekdem-summary-section
.hub-yekdem-kpi-card > strong,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > strong,
.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-metrics article > small{
    margin:0;
}


/*==================================================
06 | SECTION 03 AÇIKLAMA NOTU
KARTLARIN ALTINDA TEK SATIRLIK ALANA SIĞAR
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-production-section
.hub-yekdem-reserved-note{
    min-height:20px;

    margin-top:6px;
    padding:
        5px
        8px;

    overflow:hidden;

    font-size:8.5px;
    line-height:1.18;
    font-weight:560;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/*==================================================
07 | SECTION 04
ALTI SATIR + NOT EKSİKSİZ GÖRÜNÜR
==================================================*/

.hub-yekdem-right-column
.hub-yekdem-components-section{
    min-height:0;

    padding:
        8px
        10px;

    overflow:hidden;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-compact-section-head{
    min-height:25px;

    margin-bottom:5px;
    padding-bottom:5px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list{
    min-height:0;

    flex:1 1 auto;

    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:
        repeat(6,minmax(25px,1fr));

    overflow:hidden;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list > div{
    min-height:25px;

    padding:
        4px
        9px;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list span,
.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-component-list strong{
    font-size:10px;
    line-height:1.15;
}

.hub-yekdem-right-column
.hub-yekdem-components-section
.hub-yekdem-reserved-note{
    min-height:18px;

    margin-top:4px;
    padding:
        4px
        8px;

    overflow:hidden;

    font-size:8px;
    line-height:1.15;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/*==================================================
08 | SECTION 01 BİRİNCİL HİYERARŞİ
==================================================*/

.hub-yekdem-comparison-section{
    border-color:#cdded3;

    box-shadow:
        0 5px 15px rgba(18,52,32,.055);
}

.hub-yekdem-comparison-section
.hub-yekdem-block-title h3{
    font-size:15px;
    font-weight:650;
}

.hub-yekdem-comparison-section
.hub-yekdem-block-title > span{
    font-size:15px;
}


/*==================================================
09 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:520px;
        max-height:520px;

        grid-template-rows:520px;
    }

    .hub-yekdem-left-column{
        grid-template-rows:
            minmax(0,1fr)
            86px;
    }

    .hub-yekdem-right-column{
        grid-template-rows:
            135px
            135px
            minmax(0,1fr);
    }

    .hub-yekdem-method-note{
        grid-template-columns:
            165px
            minmax(0,1fr);
    }

    .hub-yekdem-method-copy{
        gap:9px;
    }

    .hub-yekdem-method-copy > p{
        font-size:8.5px;
    }

    .hub-yekdem-metric-value > strong{
        font-size:16.5px;
    }

    .hub-yekdem-metric-value > small{
        font-size:7.5px;
    }

}


/*==================================================
10 | TABLET VE MOBİL
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:auto;
        max-height:none;

        grid-template-rows:auto;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column{
        grid-template-rows:auto;
    }

    .hub-yekdem-method-note{
        min-height:auto;

        grid-template-columns:
            minmax(0,1fr);
    }

    .hub-yekdem-method-copy{
        grid-template-columns:
            minmax(0,1fr);
    }

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid,
    .hub-yekdem-right-column
    .hub-yekdem-production-section
    .hub-yekdem-reserved-metrics{
        grid-template-rows:76px;
    }

    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-component-list{
        display:block;
    }

}

@media (max-width:768px){

    .hub-yekdem-right-column
    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid,
    .hub-yekdem-right-column
    .hub-yekdem-production-section
    .hub-yekdem-reserved-metrics{
        grid-template-columns:
            minmax(0,1fr);
        grid-template-rows:
            repeat(3,76px);
    }

    .hub-yekdem-right-column
    .hub-yekdem-production-section
    .hub-yekdem-reserved-note,
    .hub-yekdem-right-column
    .hub-yekdem-components-section
    .hub-yekdem-reserved-note{
        white-space:normal;
    }

}




/*==================================================
GREEN ASIST | ENERGY HUB V22
YEKDEM FINAL HIERARCHY REVISION
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard .hub-yekdem-content{
        height:500px;
        max-height:500px;
        grid-template-rows:500px;
    }

    .hub-yekdem-left-column{
        grid-template-rows:minmax(0,1fr) 74px;
    }

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:146px minmax(0,1fr);
    }
}

.hub-yekdem-header-title .hub-detail-title-row{
    align-items:baseline;
    gap:16px;
}

.hub-yekdem-header-title #yekdemPeriod{
    margin:0;
    font-size:14px;
    line-height:1;
    font-weight:700;
    color:#0e6b3d;
}

.hub-yekdem-report-title > small{
    display:none !important;
}

.hub-yekdem-comparison-section .hub-yekdem-series-stack{
    grid-template-rows:minmax(0,1fr) 92px;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table-wrap{
    height:92px;
    min-height:92px;
    padding:0 8px 0;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table th,
.hub-yekdem-comparison-section .hub-yekdem-axis-table td{
    padding:3px 3px;
    font-size:10px;
    line-height:1.06;
}

.hub-yekdem-comparison-section .hub-yekdem-axis-table th:first-child,
.hub-yekdem-comparison-section .hub-yekdem-axis-period-row td b{
    font-size:10px;
}

.hub-yekdem-method-note{
    min-height:74px;
    grid-template-columns:178px minmax(0,1fr);
    align-items:start;
    gap:12px;
    padding:8px 13px 8px;
}

.hub-yekdem-method-title{
    align-self:start;
    align-items:flex-start;
    padding-top:2px;
}

.hub-yekdem-method-title > span{
    margin-top:0;
}

.hub-yekdem-method-copy{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 14px;
    align-items:start;
}

.hub-yekdem-method-copy > p{
    position:relative;
    margin:0;
    padding-left:12px;
    font-size:9px;
    line-height:1.35;
    font-weight:560;
    color:#55665d;
}

.hub-yekdem-method-copy > p::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    color:#10824a;
    font-size:11px;
    line-height:1.1;
}

.hub-yekdem-summary-section,
.hub-yekdem-summary-section-v22{
    border:1.5px solid #cfe1d5;
    box-shadow:0 10px 24px rgba(15,61,34,.07);
    background:linear-gradient(180deg,#fbfcfb 0%,#f7faf8 100%);
}

.hub-yekdem-summary-section .hub-yekdem-compact-section-head{
    justify-content:center;
    text-align:center;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-grid{
    align-items:stretch;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:78px;
    gap:10px;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card{
    min-height:78px;
    padding:10px 11px;
    border-radius:10px;
    background:#ffffff;
}

.hub-yekdem-summary-section .hub-yekdem-kpi-card > span{
    min-height:24px;
    font-size:9.5px;
    font-weight:700;
    color:#53625b;
    margin-bottom:6px;
}

.hub-yekdem-summary-section .hub-yekdem-metric-value{
    justify-content:flex-start;
}

.hub-yekdem-summary-section .hub-yekdem-metric-value > strong{
    font-size:16px;
    font-weight:650;
    color:#113420;
}

.hub-yekdem-summary-section .hub-yekdem-metric-value > small{
    font-size:9px;
    font-weight:700;
    color:#73817a;
}

.hub-yekdem-merged-section,
.hub-yekdem-merged-section.hub-yekdem-components-section{
    padding:8px 10px;
    border-color:#dce5df;
    box-shadow:none;
}

.hub-yekdem-merged-section::before,
.hub-yekdem-production-section::before,
.hub-yekdem-components-section::before{
    display:none !important;
}

.hub-yekdem-merged-section .hub-yekdem-compact-section-head{
    min-height:25px;
    margin-bottom:6px;
    padding-bottom:5px;
}

.hub-yekdem-merged-list{
    display:grid !important;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(9,minmax(0,1fr));
    gap:0;
    height:100%;
}

.hub-yekdem-merged-list > div{
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:5px 10px;
    border-bottom:1px solid #e3ebe6;
    background:#ffffff;
}

.hub-yekdem-merged-list > div:last-child{
    border-bottom:none;
}

.hub-yekdem-merged-list span,
.hub-yekdem-merged-list strong{
    font-size:10.8px !important;
    line-height:1.15;
}

.hub-yekdem-merged-list span{
    font-weight:600;
    color:#485750;
}

.hub-yekdem-merged-list strong{
    font-weight:700;
    color:#142219;
    text-align:right;
    white-space:nowrap;
}

.hub-yekdem-merged-list .is-income strong{
    color:#0e7b45;
}

.hub-yekdem-merged-list .is-cost strong{
    color:#b44e18;
}

.hub-yekdem-merged-list .is-formula strong,
.hub-yekdem-merged-list .is-official strong{
    color:#114f8a;
}

@media (max-width:1380px) and (min-width:1181px){
    .hub-yekdem-dashboard .hub-yekdem-content{
        height:492px;
        max-height:492px;
        grid-template-rows:492px;
    }
    .hub-yekdem-left-column{
        grid-template-rows:minmax(0,1fr) 72px;
    }
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:142px minmax(0,1fr);
    }
    .hub-yekdem-method-note{
        min-height:72px;
        grid-template-columns:170px minmax(0,1fr);
    }
    .hub-yekdem-method-copy > p{
        font-size:8.6px;
    }
    .hub-yekdem-merged-list span,
    .hub-yekdem-merged-list strong{
        font-size:10.2px !important;
    }
}

@media (max-width:1180px){
    .hub-yekdem-dashboard .hub-yekdem-content{
        height:auto;
        max-height:none;
        grid-template-rows:auto;
    }
    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:auto;
    }
    .hub-yekdem-method-note{
        min-height:auto;
        grid-template-columns:minmax(0,1fr);
    }
    .hub-yekdem-method-copy{
        grid-template-columns:minmax(0,1fr);
    }
    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-rows:86px;
    }
    .hub-yekdem-merged-list{
        display:block !important;
        height:auto;
    }
}

@media (max-width:768px){
    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:repeat(3,82px);
    }
    .hub-yekdem-merged-list > div{
        flex-direction:column;
        align-items:flex-start;
    }
    .hub-yekdem-merged-list strong{
        text-align:left;
    }
}

/*==================================================
GREEN ASIST | ENERGY HUB V23
NOT 1–9 | YEKDEM FINAL UYGULAMA
==================================================*/


/*==================================================
NOT 1
YEKDEM DASHBOARD HEADER = PTF DASHBOARD HEADER
==================================================*/

.hub-detail[data-detail="yekdem"]{
    height:100%;
    min-height:0;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);
}

.hub-detail[data-detail="yekdem"] > .hub-detail-head{
    min-height:26px;

    align-items:flex-end;

    margin:0 0 6px;
    padding:0 0 4px;
}

.hub-detail[data-detail="yekdem"]
.hub-detail-title{
    display:flex;
    align-items:flex-end;
    gap:12px;

    padding:0;
}

.hub-detail[data-detail="yekdem"]
.hub-detail-title-row{
    display:flex;
    align-items:flex-end;
    gap:12px;
}

.hub-detail[data-detail="yekdem"]
.hub-detail-title-row h2{
    margin:0;

    font-size:20px;
    line-height:1;
    font-weight:650;

    white-space:nowrap;
}

.hub-detail[data-detail="yekdem"]
.hub-detail-title-row p{
    margin:0 0 1px;

    font-size:12px;
    line-height:1;
    font-weight:620;

    color:var(--hub-green);

    white-space:nowrap;
}

.hub-detail[data-detail="yekdem"]
.hub-detail-actions{
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
}

.hub-detail[data-detail="yekdem"]
.hub-detail-actions > button{
    min-height:30px;

    padding:
        6px
        11px;
}


/*==================================================
NOT 1 + NOT 9
DÖNEM KONTROLÜ VE TL/USD = PTF STİLİ
==================================================*/

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-control{
    min-width:0;
    min-height:auto;

    display:flex;
    align-items:center;
    gap:4px;

    padding:3px;

    background:#ffffff;

    border:1px solid var(--hub-gray-200);
    border-radius:9px;

    box-shadow:var(--hub-shadow-soft);
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-control
.hub-yekdem-period-step{
    width:30px;
    min-width:30px;
    height:30px;
    min-height:30px;

    padding:0;

    background:var(--hub-bg-soft);

    border:0;
    border-radius:6px;

    font-size:18px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-700);
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-field{
    min-width:0;

    display:flex;
    align-items:center;

    padding:0;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-field > span{
    position:absolute;

    width:1px;
    height:1px;

    margin:-1px;
    padding:0;

    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;

    border:0;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-field input{
    width:132px;
    height:30px;

    padding:
        0
        7px;

    background:#ffffff;

    border:0;
    border-radius:6px;
    outline:0;

    font:inherit;
    font-size:11px;
    line-height:1;
    font-weight:650;

    color:var(--hub-gray-900);

    cursor:pointer;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-control
.hub-yekdem-period-latest{
    min-height:30px;

    padding:
        0
        10px;

    background:#ffffff;

    border:0;
    border-left:1px solid var(--hub-gray-200);
    border-radius:
        0
        6px
        6px
        0;

    font-size:10px;
    line-height:1;
    font-weight:700;

    color:var(--hub-green);

    white-space:nowrap;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-currency-toggle{
    display:inline-flex;
    align-items:center;

    padding:2px;

    background:#f4f7f5;

    border:1px solid #d9e1dc;
    border-radius:8px;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-currency-toggle button{
    min-width:39px;
    height:28px;
    min-height:28px;

    padding:
        0
        10px;

    background:transparent;
    color:#6c7770;

    border:0;
    border-radius:6px;

    font-size:11px;
    line-height:1;
    font-weight:700;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-currency-toggle button.is-active{
    background:#0e2b1f;
    color:#ffffff;
}


/*==================================================
NOT 2
YEKDEM SECTION BAŞLIKLARI = PTF SECTION BAŞLIKLARI
==================================================*/

.hub-yekdem-dashboard
.hub-yekdem-section
> .hub-dashboard-section-head{
    min-height:24px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    margin:0;
    padding:
        0
        1px
        3px;

    text-align:left;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading{
    width:auto;

    display:flex;
    flex-direction:row;
    align-items:baseline;
    justify-content:flex-start;
    gap:8px;

    margin:
        0
        auto
        0
        0;
    padding:0;

    text-align:left;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading
.hub-dashboard-index,
.hub-yekdem-dashboard
.hub-yekdem-section-heading h3{
    margin:0;
    padding:0;

    font-size:16px;
    line-height:1.1;
    font-weight:650;

    text-align:left;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading
.hub-dashboard-index{
    display:inline-block;

    min-width:0;
    width:auto;
    height:auto;

    background:transparent;

    border:0;
    border-radius:0;

    color:#08713e;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading h3{
    color:var(--hub-gray-900);
}

.hub-yekdem-section-tools{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}


/*==================================================
TÜM EKRAN YERLEŞİMİ
==================================================*/

@media (min-width:1181px){

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        height:500px;
        max-height:500px;

        grid-template-columns:
            minmax(610px,1.16fr)
            minmax(470px,.84fr);
        grid-template-rows:500px;

        gap:8px;
    }

    .hub-yekdem-left-column{
        grid-template-rows:
            minmax(0,1fr)
            86px;

        gap:8px;
    }

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:
            208px
            284px;

        gap:8px;
    }

}


/*==================================================
NOT 3
TABLODA YALANCI BOŞ SATIR YOK
4 SATIR ÇERÇEVEYİ DİKEY DOLDURUR
==================================================*/

.hub-yekdem-comparison-section{
    min-height:0;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);

    row-gap:6px;

    padding:10px;
}

.hub-yekdem-comparison-section
.hub-yekdem-series-stack{
    min-height:0;

    display:grid;
    grid-template-rows:
        minmax(0,1fr)
        108px;

    gap:7px;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table-wrap{
    width:100%;
    height:108px;
    min-height:108px;

    display:flex;
    align-items:stretch;

    padding:
        0
        8px;

    overflow:hidden;

    background:#ffffff;

    border:1px solid #dce5df;
    border-radius:8px;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table{
    width:100%;
    height:100%;

    table-layout:fixed;
    border-collapse:collapse;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table tr{
    height:25%;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-table td{
    height:25%;

    padding:
        5px
        3px;

    border-bottom:1px solid #e3ebe6;

    font-size:10px;
    line-height:1.18;
    font-weight:620;

    vertical-align:middle;
    text-align:center;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table tr:last-child th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-table tr:last-child td{
    border-bottom:0;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th:first-child{
    width:104px;

    padding-left:3px;

    font-size:10px;
    font-weight:650;

    text-align:left;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-period-row td b{
    font-size:10px;
    line-height:1.18;
    font-weight:650;
}


/*==================================================
NOT 4 + NOT 5
GRAFİK BARLARI TABLO AYLARIYLA AYNI X POZİSYONUNDA
Y EKSENİ 0'DAN BAŞLAR, MAKSİMUM OTOMATİKTİR
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel{
    width:100%;
    height:100%;
    min-height:0;

    padding:
        8px
        8px
        2px;
}


/*==================================================
SECTION 01 ALT AÇIKLAMA
BAŞLIK SOL ÜSTTE, METİNLER MADDE İMLİ
==================================================*/

.hub-yekdem-method-note{
    min-height:86px;

    grid-template-columns:
        178px
        minmax(0,1fr);
    align-items:start;
    gap:12px;

    padding:
        9px
        13px;

    overflow:hidden;
}

.hub-yekdem-method-title{
    align-self:start;
    align-items:flex-start;

    padding-top:1px;
}

.hub-yekdem-method-title > span{
    margin-top:0;
}

.hub-yekdem-method-title > strong{
    font-size:10.5px;
    line-height:1.28;
}

.hub-yekdem-method-copy{
    min-width:0;

    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    align-items:start;
    gap:
        8px
        14px;
}

.hub-yekdem-method-copy > p{
    position:relative;

    margin:0;
    padding-left:13px;

    font-size:9.2px;
    line-height:1.38;
    font-weight:560;

    color:#53645b;
}

.hub-yekdem-method-copy > p::before{
    content:"•";

    position:absolute;
    top:0;
    left:0;

    font-size:12px;
    line-height:1.1;

    color:#10824a;
}


/*==================================================
NOT 6
SECTION 02 PREMIUM VE BASKIN
==================================================*/

.hub-yekdem-summary-section,
.hub-yekdem-summary-section-v22{
    min-height:0;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);

    row-gap:6px;

    padding:10px;

    background:
        linear-gradient(
            180deg,
            #eaf4ed 0%,
            #e4f0e8 100%
        );

    border:1.5px solid #9fc7ad;
    border-radius:10px;

    box-shadow:
        0 12px 28px rgba(17,69,39,.10);
}

.hub-yekdem-summary-section
.hub-yekdem-compact-section-head{
    justify-content:space-between;

    margin:0;
    padding:
        0
        1px
        3px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    min-height:0;

    align-self:stretch;

    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    grid-template-rows:88px;
    align-content:center;
    align-items:stretch;

    gap:10px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card{
    min-width:0;
    min-height:88px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        11px
        12px;

    background:#ffffff;

    border:1px solid #cfded4;
    border-radius:9px;

    box-shadow:
        0 4px 12px rgba(17,64,36,.045);
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span{
    min-height:24px;

    margin:
        0
        0
        6px;

    font-size:10px;
    line-height:1.18;
    font-weight:700;

    color:#526159;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value{
    display:flex;
    align-items:baseline;
    gap:5px;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value > strong{
    font-size:17px;
    line-height:1;
    font-weight:650;

    color:#102f1e;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value > small{
    font-size:9px;
    line-height:1;
    font-weight:700;

    color:#728078;
}


/*==================================================
NOT 7
SECTION 03 | 9 SATIR %20+ DAHA KOMPAKT
==================================================*/

.hub-yekdem-merged-section,
.hub-yekdem-merged-section.hub-yekdem-components-section{
    min-height:0;

    display:grid;
    grid-template-rows:
        auto
        minmax(0,1fr);

    row-gap:6px;

    padding:10px;

    overflow:hidden;

    background:#ffffff;

    border:1px solid #dce5df;
    border-radius:10px;

    box-shadow:none;
}

.hub-yekdem-merged-section::before,
.hub-yekdem-components-section::before,
.hub-yekdem-production-section::before{
    display:none !important;
}

.hub-yekdem-merged-section
.hub-yekdem-compact-section-head{
    min-height:24px;

    margin:0;
    padding:
        0
        1px
        3px;
}

.hub-yekdem-merged-list{
    min-height:0;
    height:auto;

    display:grid !important;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:
        repeat(9,26px);
    align-content:start;

    overflow:hidden;

    background:#ffffff;

    border:1px solid #dce5df;
    border-radius:8px;
}

.hub-yekdem-merged-list > div{
    min-height:26px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    padding:
        3px
        10px;

    background:#ffffff;

    border-bottom:1px solid #e5ece7;
}

.hub-yekdem-merged-list > div:last-child{
    border-bottom:0;
}

.hub-yekdem-merged-list span,
.hub-yekdem-merged-list strong{
    font-size:10.5px !important;
    line-height:1.1;
}

.hub-yekdem-merged-list span{
    min-width:0;

    font-weight:600;

    color:#4f5e56;
}

.hub-yekdem-merged-list strong{
    flex:0 0 auto;

    font-weight:710;

    color:#152219;

    text-align:right;
    white-space:nowrap;
}

.hub-yekdem-merged-list
.is-income strong{
    color:#0d7542;
}

.hub-yekdem-merged-list
.is-cost strong{
    color:#ad4b18;
}

.hub-yekdem-merged-list
.is-formula strong,
.hub-yekdem-merged-list
.is-official strong{
    color:#174f82;
}


/*==================================================
ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        height:492px;
        max-height:492px;

        grid-template-columns:
            minmax(560px,1.12fr)
            minmax(430px,.88fr);
        grid-template-rows:492px;
    }

    .hub-yekdem-left-column{
        grid-template-rows:
            minmax(0,1fr)
            84px;
    }

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:
            200px
            284px;
    }

    .hub-yekdem-method-note{
        min-height:84px;

        grid-template-columns:
            168px
            minmax(0,1fr);
    }

    .hub-yekdem-method-copy > p{
        font-size:8.8px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > strong{
        font-size:16px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > span{
        font-size:9.5px;
    }

    .hub-yekdem-merged-list span,
    .hub-yekdem-merged-list strong{
        font-size:10px !important;
    }

}


/*==================================================
TABLET
==================================================*/

@media (max-width:1180px){

    .hub-detail[data-detail="yekdem"]{
        height:auto;

        display:block;
    }

    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        flex-wrap:wrap;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        height:auto;
        max-height:none;

        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:auto;
    }

    .hub-yekdem-method-note{
        min-height:auto;

        grid-template-columns:minmax(0,1fr);
    }

    .hub-yekdem-method-copy{
        grid-template-columns:minmax(0,1fr);
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-rows:88px;
    }

    .hub-yekdem-merged-list{
        height:auto;

        display:block !important;
    }

    .hub-yekdem-merged-list > div{
        min-height:32px;
    }

}


/*==================================================
MOBİL
==================================================*/

@media (max-width:768px){

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control{
        width:100%;

        display:grid;
        grid-template-columns:
            30px
            minmax(0,1fr)
            30px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-field input{
        width:100%;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-latest{
        grid-column:1 / -1;

        width:100%;

        border-left:0;
        border-top:1px solid var(--hub-gray-200);
        border-radius:
            0
            0
            6px
            6px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:
            repeat(3,84px);
    }

    .hub-yekdem-merged-list > div{
        min-height:38px;

        flex-direction:column;
        align-items:flex-start;
        gap:4px;
    }

    .hub-yekdem-merged-list strong{
        text-align:left;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V24
SECTION HEADER EŞİTLEME + SECTION 03 SATIR DÜZENİ
==================================================*/


/*==================================================
01 | TÜM YEKDEM SECTION HEADERLARI
TEK SABİT YÜKSEKLİK VE TEK HİZALAMA
==================================================*/

.hub-yekdem-dashboard
.hub-yekdem-section
> .hub-dashboard-section-head{
    box-sizing:border-box !important;

    width:100%;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;

    flex:0 0 36px;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px;

    margin:0 !important;
    padding:
        0
        2px
        6px !important;

    overflow:visible;

    border-bottom:1px solid #dfe7e2;

    text-align:left;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading{
    min-width:0;
    height:29px;

    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;

    margin:0 auto 0 0;
    padding:0;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading
.hub-dashboard-index,
.hub-yekdem-dashboard
.hub-yekdem-section-heading h3{
    margin:0 !important;
    padding:0 !important;

    line-height:1 !important;

    white-space:nowrap;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading
.hub-dashboard-index{
    flex:0 0 auto;

    font-size:15px !important;
    font-weight:650 !important;
}

.hub-yekdem-dashboard
.hub-yekdem-section-heading h3{
    min-width:0;

    font-size:16px !important;
    font-weight:650 !important;
}

.hub-yekdem-dashboard
.hub-yekdem-section-tools,
.hub-yekdem-dashboard
.hub-yekdem-period-status{
    height:29px;

    display:flex;
    align-items:center;
    justify-content:flex-end;

    margin:0;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend{
    display:flex;
    align-items:center;
    gap:14px;

    white-space:nowrap;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend span,
.hub-yekdem-dashboard
.hub-yekdem-series-legend b{
    white-space:nowrap;
}

.hub-yekdem-dashboard
.hub-yekdem-series-legend b{
    font-size:9.5px;
    line-height:1;
}

.hub-yekdem-dashboard
.hub-dashboard-period,
.hub-yekdem-dashboard
.hub-yekdem-status-chip{
    height:29px;
    min-height:29px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    box-sizing:border-box;

    margin:0;
}


/*==================================================
02 | SECTION İÇ GRIDLERİ
AYNI HEADER YÜKSEKLİĞİNE GÖRE
==================================================*/

.hub-yekdem-comparison-section,
.hub-yekdem-summary-section,
.hub-yekdem-summary-section-v22,
.hub-yekdem-merged-section,
.hub-yekdem-merged-section.hub-yekdem-components-section{
    grid-template-rows:
        36px
        minmax(0,1fr) !important;

    row-gap:6px !important;
}


/*==================================================
03 | SAĞ SÜTUN ALAN DAĞILIMI
SECTION 03'E SON SATIR İÇİN EK ALAN
==================================================*/

@media (min-width:1381px){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:
            194px
            298px !important;
    }

}

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:
            190px
            294px !important;
    }

}


/*==================================================
04 | SECTION 02 METRİKLERİ
YENİ HEADER ÖLÇÜSÜ İÇİN DİKEY MERKEZ
==================================================*/

.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    min-height:0;

    align-self:stretch;
    align-content:center;

    margin:0;
}


/*==================================================
05 | SECTION 03
9 SATIR TAMAMEN EŞİT VE EKSİKSİZ
==================================================*/

#yekdemMergedList{
    box-sizing:border-box;

    width:100%;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:
        repeat(9,minmax(0,1fr)) !important;
    grid-auto-rows:unset !important;
    align-content:stretch !important;
    gap:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}

#yekdemMergedList > div{
    box-sizing:border-box !important;

    width:100%;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;

    margin:0 !important;
    padding:
        2px
        10px !important;

    border-top:0 !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid #e5ece7 !important;

    line-height:1 !important;
}

#yekdemMergedList > div:last-child{
    border-bottom:0 !important;
}

#yekdemMergedList > div::before,
#yekdemMergedList > div::after{
    display:none !important;
}

#yekdemMergedList > div > span,
#yekdemMergedList > div > strong{
    margin:0 !important;
    padding:0 !important;

    font-size:10.2px !important;
    line-height:1 !important;

    vertical-align:middle;
}

#yekdemMergedList > div > span{
    min-width:0;

    font-weight:600 !important;
}

#yekdemMergedList > div > strong{
    flex:0 0 auto;

    font-weight:710 !important;

    text-align:right;
    white-space:nowrap;
}


/*==================================================
06 | TABLET VE MOBİL
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-dashboard
    .hub-yekdem-section
    > .hub-dashboard-section-head{
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
    }

    .hub-yekdem-comparison-section,
    .hub-yekdem-summary-section,
    .hub-yekdem-summary-section-v22,
    .hub-yekdem-merged-section,
    .hub-yekdem-merged-section.hub-yekdem-components-section{
        grid-template-rows:
            36px
            auto !important;
    }

    #yekdemMergedList{
        height:auto !important;

        display:block !important;
    }

    #yekdemMergedList > div{
        min-height:34px !important;

        padding:
            7px
            10px !important;
    }

}

@media (max-width:768px){

    .hub-yekdem-dashboard
    .hub-yekdem-section
    > .hub-dashboard-section-head{
        height:auto !important;
        min-height:36px !important;
        max-height:none !important;

        align-items:flex-start !important;
        flex-wrap:wrap;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading{
        height:auto;
        min-height:29px;
    }

    #yekdemMergedList > div{
        min-height:42px !important;

        align-items:flex-start !important;
        flex-direction:column;
        gap:4px !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V25
FINAL MICRO POLISH
==================================================*/


/*==================================================
01 | SECTION 02 FAZLA DİKEY BOŞLUK AZALTILDI
AÇILAN ALAN SECTION 03'E AKTARILDI
==================================================*/

@media (min-width:1381px){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:
            182px
            310px !important;
    }

}

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:
            178px
            306px !important;
    }

}


/*==================================================
02 | SECTION 02 METRİK BLOĞU DAHA SIKI MERKEZ
==================================================*/

.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    grid-template-rows:86px;

    align-content:center;

    gap:9px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card{
    min-height:86px;

    padding:
        10px
        12px;
}


/*==================================================
03 | AÇIKLAMA ALANI OKUNABİLİRLİĞİ
==================================================*/

.hub-yekdem-method-note{
    grid-template-columns:
        158px
        minmax(0,1fr);

    gap:11px;
}

.hub-yekdem-method-title > strong{
    font-size:10.7px;
    line-height:1.3;
}

.hub-yekdem-method-copy{
    gap:
        7px
        12px;
}

.hub-yekdem-method-copy > p{
    font-size:9.6px;
    line-height:1.42;
}


/*==================================================
04 | SECTION 03 DEĞERLERİ BİR KADEME DAHA BELİRGİN
==================================================*/

#yekdemMergedList > div > span{
    font-size:10.2px !important;
    font-weight:600 !important;
}

#yekdemMergedList > div > strong{
    font-size:10.5px !important;
    font-weight:650 !important;

    letter-spacing:-.005em;
}


/*==================================================
05 | SEÇİLEN AY TABLODA BELİRGİN
==================================================*/

.hub-yekdem-axis-table td.is-selected-period{
    position:relative;

    font-weight:650 !important;

    box-shadow:
        inset 1px 0 rgba(18,122,69,.22),
        inset -1px 0 rgba(18,122,69,.22);
}

.hub-yekdem-axis-period-row
td.is-selected-period{
    background:#edf6f0;
    color:#075f35;
}

.hub-yekdem-axis-forecast-row
td.is-selected-period{
    background:#e7f3eb;
}

.hub-yekdem-axis-actual-row
td.is-selected-period{
    background:#dcefe3;
}

.hub-yekdem-axis-ratio-row
td.is-selected-period{
    background:#f2f7f4;
}


/*==================================================
06 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-method-note{
        grid-template-columns:
            150px
            minmax(0,1fr);
    }

    .hub-yekdem-method-copy > p{
        font-size:9.2px;
    }

}


/*==================================================
07 | TABLET VE MOBİL KORUMALARI
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-method-note{
        grid-template-columns:minmax(0,1fr);
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-rows:88px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V26
TAKVİM VURGUSU + HEADER GİRİNTİSİ
==================================================*/


/*==================================================
01 | PTF VE YEKDEM DASHBOARD BAŞLIKLARI
KÜÇÜK SOL GİRİNTİ
==================================================*/

.hub-detail[data-detail="ptf"]
> .hub-detail-head
.hub-detail-title,
.hub-detail[data-detail="yekdem"]
> .hub-detail-head
.hub-detail-title{
    padding-left:8px;
}


/*==================================================
02 | ORTAK TAKVİM / DÖNEM SEÇİCİ
PTF VE YEKDEM AYNI PREMIUM STİL
==================================================*/

.hub-detail[data-detail="ptf"]
.hub-ptf-date-control,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-control{
    padding:3px;

    background:
        linear-gradient(
            180deg,
            #edf6f0 0%,
            #e7f2eb 100%
        );

    border:1.5px solid #89b99b;
    border-radius:9px;

    box-shadow:
        0 4px 13px rgba(17,70,39,.09);
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-step,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-step{
    background:#ffffff;

    border:1px solid #d8e6dd;

    color:#1d5c39;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-step:hover,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-step:hover{
    background:#f8fbf9;

    border-color:#b9d4c3;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-field,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-field{
    min-width:0;

    padding:0;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-field input,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-field input{
    height:30px;

    background:#ffffff;

    border:1px solid #bcd6c5;
    border-radius:6px;

    box-shadow:
        inset 0 1px 2px rgba(12,47,27,.025);

    font-weight:650;

    color:#153f29;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-field input:focus,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-field input:focus{
    border-color:#4e9b6b;
    outline:2px solid rgba(52,151,89,.12);
    outline-offset:0;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-latest,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-latest{
    background:rgba(255,255,255,.58);

    border-left:1px solid #afd0ba;

    color:#0b713e;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-latest:not(:disabled):hover,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-latest:not(:disabled):hover{
    background:#ffffff;
}

.hub-detail[data-detail="ptf"]
.hub-ptf-date-control:focus-within,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-control:focus-within{
    border-color:#4e9b6b;

    box-shadow:
        0 0 0 3px rgba(52,151,89,.10),
        0 5px 15px rgba(17,70,39,.10);
}


/*==================================================
03 | SEÇİLİ DÖNEM RENKLENDİRMELERİNİ NÖTRLE
==================================================*/

.hub-yekdem-axis-table
td.is-selected-period{
    background:inherit !important;

    font-weight:inherit !important;

    box-shadow:none !important;
}


/*==================================================
04 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-detail[data-detail="ptf"]
    > .hub-detail-head
    .hub-detail-title,
    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head
    .hub-detail-title{
        padding-left:7px;
    }

}


/*==================================================
05 | MOBİL
==================================================*/

@media (max-width:768px){

    .hub-detail[data-detail="ptf"]
    > .hub-detail-head
    .hub-detail-title,
    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head
    .hub-detail-title{
        padding-left:4px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V27
STANDART Y ÖLÇEĞİ + SOL EKSEN ETİKET PANELİ
==================================================*/


/*==================================================
01 | GRAFİK PANELİ
CANVAS İÇİ ETİKET ALANINA UYUMLU
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel{
    position:relative;

    overflow:hidden;

    background:#ffffff;
}

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel canvas{
    display:block;

    width:100% !important;
    height:100% !important;
}


/*==================================================
02 | DAR MASAÜSTÜ KORUMASI
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        padding:
            7px
            7px
            2px;
    }

}


/*==================================================
03 | MOBİL
==================================================*/

@media (max-width:768px){

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        min-width:760px;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V28
TAKVİM ALT SINIRI + EKSEN PANELİ YÜKSEKLİĞİ
==================================================*/


/*==================================================
01 | ALT SINIRDA ÖNCEKİ DÖNEM BUTONU
==================================================*/

.hub-detail[data-detail="ptf"]
.hub-ptf-date-step:disabled,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-step:disabled{
    opacity:.38;

    cursor:not-allowed;

    box-shadow:none;
}


/*==================================================
02 | GEÇERSİZ TARİH GİRİŞİNDE TUTARLI KONTROL
==================================================*/

.hub-detail[data-detail="ptf"]
.hub-ptf-date-field input:invalid,
.hub-detail[data-detail="yekdem"]
.hub-ptf-date-field input:invalid{
    border-color:#89b99b;

    box-shadow:
        inset 0 1px 2px rgba(12,47,27,.025);
}

/*==================================================
GREEN ASIST | ENERGY HUB V29
10 PUANLIK SON RÖTUŞLAR
==================================================*/


/*==================================================
01 | SECTION 01 ÜST BİRİM ROZETİ KALDIRILDI
==================================================*/

.hub-yekdem-section-tools{
    gap:0;
}


/*==================================================
02 | SECTION 02 KARTLARI +12 PX
TANIM / DEĞER / BİRİM ÜÇ SATIR
==================================================*/

.hub-yekdem-summary-section
.hub-yekdem-kpi-grid{
    grid-template-rows:98px;

    gap:10px;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card{
    min-height:98px;

    align-items:center;
    justify-content:center;

    padding:
        11px
        10px;

    text-align:center;
}

.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span{
    width:100%;
    min-height:auto;

    margin:
        0
        0
        8px;

    font-size:11px;
    line-height:1.15;
    font-weight:710;

    text-align:center;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;

    text-align:center;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value > strong{
    width:100%;

    font-size:21px;
    line-height:1;
    font-weight:650;

    text-align:center;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value > small{
    width:100%;

    font-size:10px;
    line-height:1;
    font-weight:700;

    text-align:center;
}


/*==================================================
03 | SOL EKSEN PANELİ GRAFİKLE BÜTÜNLEŞİK
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel{
    background:
        linear-gradient(
            90deg,
            #f4faf6 0,
            #ffffff 116px,
            #ffffff 100%
        );
}


/*==================================================
04 | GRAFİK ALT TABLO FONTU +1 KADEME
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th,
.hub-yekdem-comparison-section
.hub-yekdem-axis-table td{
    font-size:11px;
    line-height:1.16;
}

.hub-yekdem-comparison-section
.hub-yekdem-axis-table th:first-child,
.hub-yekdem-comparison-section
.hub-yekdem-axis-period-row td b{
    font-size:11px;
}


/*==================================================
05 | ORTA MASAÜSTÜ
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-rows:96px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card{
        min-height:96px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > span{
        font-size:10.5px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > strong{
        font-size:20px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > small{
        font-size:9.5px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-period-row td b{
        font-size:10.5px;
    }

}


/*==================================================
06 | TABLET VE MOBİL
==================================================*/

@media (max-width:1180px){

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-rows:100px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card{
        min-height:100px;
    }

}

@media (max-width:768px){

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        grid-template-rows:
            repeat(3,100px);
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V30
EKSEN PANELİ BÜTÜNLEŞME + SECTION 02 FONT İNCELTME
==================================================*/


/*==================================================
01 | GRAFİK PENCERESİ
SOL YEŞİL ALAN DIŞ KENARLARLA BÜTÜNLEŞİR
==================================================*/

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel{
    padding:0 !important;

    overflow:hidden;

    background:#ffffff;
}

.hub-yekdem-comparison-section
.hub-yekdem-chart-panel canvas{
    display:block;

    border:0 !important;
    outline:0 !important;
}


/*==================================================
02 | SECTION 02 YAZI AĞIRLIKLARI
ÖLÇÜLER KORUNDU, KALINLIK AZALTILDI
==================================================*/

.hub-yekdem-summary-section
.hub-yekdem-kpi-card > span{
    font-weight:620;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value > strong{
    font-weight:700;
}

.hub-yekdem-summary-section
.hub-yekdem-metric-value > small{
    font-weight:600;
}


/*==================================================
03 | ORTA MASAÜSTÜ VE MOBİL
==================================================*/

@media (max-width:1380px) and (min-width:1181px){

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        padding:0 !important;
    }

}

@media (max-width:768px){

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        padding:0 !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V32
1024 × 900 | TEK EKRAN KOMPAKT YEKDEM RAPORU
==================================================*/


/*==================================================
01 | 901–1180 PX
SCROLL YOK, İKİ SÜTUNLU TEK EKRAN
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-workspace{
        min-height:0 !important;

        overflow:hidden !important;
    }

    .hub-detail-wrap,
    #hubDetail,
    .hub-detail[data-detail="yekdem"],
    .hub-yekdem-dashboard{
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:hidden !important;
    }

    .hub-detail[data-detail="yekdem"]{
        display:grid !important;
        grid-template-rows:
            44px
            minmax(0,1fr) !important;
    }

}


/*==================================================
02 | YEKDEM HEADER
1024 PX'DE TEK SATIRA SIĞAR
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head{
        min-height:40px !important;

        align-items:center !important;
        flex-wrap:nowrap !important;

        gap:8px;

        margin:
            0
            0
            4px !important;
        padding:
            0
            0
            4px !important;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title{
        flex:0 1 auto;

        min-width:0;

        padding-left:5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row{
        min-width:0;

        align-items:baseline;
        flex-direction:row !important;
        gap:9px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row h2{
        font-size:18px;
        line-height:1;

        white-space:nowrap;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row p{
        font-size:10.5px;
        line-height:1;

        white-space:nowrap;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        min-width:0;

        flex:0 0 auto;

        align-items:center;
        flex-wrap:nowrap !important;
        gap:4px;

        margin-left:auto;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control{
        min-width:0;

        gap:2px;

        padding:2px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control
    .hub-yekdem-period-step{
        width:27px;
        min-width:27px;
        height:27px;
        min-height:27px;

        font-size:16px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-field input{
        width:108px;
        height:27px;

        font-size:9.5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control
    .hub-yekdem-period-latest{
        min-height:27px;

        padding:
            0
            7px;

        font-size:8.5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle button{
        min-width:34px;
        height:27px;
        min-height:27px;

        padding:
            0
            7px;

        font-size:9.5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions > button{
        min-height:29px;

        padding:
            5px
            8px;

        font-size:9.5px;
    }

}


/*==================================================
03 | ANA RAPOR GRIDİ
SOL: 01 + YÖNTEM
SAĞ: 02 + 03
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        width:100%;
        height:500px !important;
        min-height:500px !important;
        max-height:500px !important;

        display:grid !important;
        grid-template-columns:
            minmax(0,1.16fr)
            minmax(330px,.84fr) !important;
        grid-template-rows:500px !important;
        align-content:start !important;
        gap:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        min-width:0;
        min-height:0;
        max-height:500px;

        display:grid !important;

        overflow:hidden !important;
    }

    .hub-yekdem-left-column{
        grid-column:1 !important;
        grid-row:1 !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            418px
            74px !important;

        gap:8px;
    }

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-column:2 !important;
        grid-row:1 !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            174px
            318px !important;

        gap:8px;
    }

}


/*==================================================
04 | SECTION 01
KOMPAKT GRAFİK + TABLO
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-comparison-section{
        min-height:0 !important;
        max-height:418px !important;

        grid-template-rows:
            34px
            minmax(0,1fr) !important;

        row-gap:5px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section
    > .hub-dashboard-section-head{
        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;

        flex:0 0 34px;

        padding:
            0
            1px
            5px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading{
        height:27px;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading
    .hub-dashboard-index{
        font-size:13px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading h3{
        font-size:14px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-series-legend{
        gap:9px;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-series-legend b{
        font-size:8px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        min-height:0;

        grid-template-rows:
            minmax(0,1fr)
            96px !important;

        gap:6px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        min-height:0 !important;
        height:100% !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        height:96px !important;
        min-height:96px !important;

        padding:
            0
            6px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-period-row td b{
        font-size:8.4px !important;
        line-height:1.05;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td{
        padding:
            3px
            2px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child{
        width:84px;
    }

}


/*==================================================
05 | YÖNTEM NOTU
TEK EKRANDA OKUNUR, TAŞMAZ
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-method-note{
        width:100%;
        height:74px !important;
        min-height:74px !important;
        max-height:74px !important;

        grid-template-columns:
            122px
            minmax(0,1fr) !important;
        align-items:start;
        gap:8px;

        padding:
            7px
            9px;

        overflow:hidden !important;
    }

    .hub-yekdem-method-title{
        gap:6px;

        padding-top:0;
    }

    .hub-yekdem-method-title > span{
        flex-basis:23px;

        width:23px;
        height:23px;

        font-size:11px;
    }

    .hub-yekdem-method-title > strong{
        font-size:8.6px;
        line-height:1.2;
    }

    .hub-yekdem-method-copy{
        display:grid !important;
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-method-copy > p{
        padding-left:9px;

        font-size:7.5px !important;
        line-height:1.28 !important;
    }

    .hub-yekdem-method-copy > p::before{
        font-size:9px;
    }

}


/*==================================================
06 | SECTION 02
3 KART TEK SATIR
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-summary-section,
    .hub-yekdem-summary-section-v22{
        min-height:0 !important;
        max-height:174px !important;

        grid-template-rows:
            34px
            minmax(0,1fr) !important;

        row-gap:5px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        min-height:0;

        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
        grid-template-rows:94px !important;
        align-content:center;

        gap:7px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card{
        min-height:94px !important;

        padding:
            8px
            6px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > span{
        margin-bottom:6px;

        font-size:8px;
        line-height:1.1;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value{
        gap:4px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > strong{
        font-size:17px;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > small{
        font-size:7.8px;
    }

}


/*==================================================
07 | SECTION 03
9 SATIR EŞİT VE TAM
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-merged-section,
    .hub-yekdem-merged-section.hub-yekdem-components-section{
        min-height:0 !important;
        max-height:318px !important;

        grid-template-rows:
            34px
            minmax(0,1fr) !important;

        row-gap:5px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    #yekdemMergedList{
        height:100% !important;

        display:grid !important;
        grid-template-rows:
            repeat(9,minmax(0,1fr)) !important;

        overflow:hidden !important;
    }

    #yekdemMergedList > div{
        min-height:0 !important;

        padding:
            2px
            8px !important;
    }

    #yekdemMergedList > div > span{
        font-size:8.2px !important;
    }

    #yekdemMergedList > div > strong{
        font-size:8.6px !important;
    }

    .hub-yekdem-status-chip{
        min-height:25px !important;
        height:25px !important;

        padding:
            0
            7px;

        font-size:7.5px;
    }

}


/*==================================================
08 | 900 PX VE ALTINDA
SONRAKİ TABLET/MOBİL TESTLERİ İÇİN STACK KORUNUR
==================================================*/

@media (max-width:900px){

    .hub-detail[data-detail="yekdem"],
    .hub-yekdem-dashboard,
    .hub-yekdem-dashboard
    .hub-yekdem-content{
        height:auto !important;
        max-height:none !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V33
1024 × 900 | CHILD GRID POSITION FIX
==================================================*/


/*==================================================
01 | 901–1180 PX
SOL VE SAĞ SÜTUN ÇOCUKLARI DOĞRU GRID HÜCRELERİNDE
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-left-column
    > .hub-yekdem-comparison-section{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        height:100% !important;

        align-self:stretch !important;
        justify-self:stretch !important;
    }

    .hub-yekdem-left-column
    > .hub-yekdem-method-note{
        grid-column:1 !important;
        grid-row:2 !important;

        width:100% !important;
        height:74px !important;

        align-self:stretch !important;
        justify-self:stretch !important;
    }

    .hub-yekdem-right-column
    > .hub-yekdem-summary-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-summary-section{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        height:174px !important;

        align-self:stretch !important;
        justify-self:stretch !important;
    }

    .hub-yekdem-right-column
    > .hub-yekdem-merged-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-merged-section{
        grid-column:1 !important;
        grid-row:2 !important;

        width:100% !important;
        height:318px !important;

        align-self:stretch !important;
        justify-self:stretch !important;
    }

}


/*==================================================
02 | ESKİ GRID KOLONLARINDAN OLUŞAN İMPLICIT KOLONLARI ENGELLE
==================================================*/

@media (min-width:901px) and (max-width:1180px){

    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-auto-columns:0 !important;
        grid-auto-rows:0 !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V34
RESPONSIVE ACTIVE DASHBOARD VISIBILITY FIX
==================================================*/


/*==================================================
01 | HIDDEN SEMANTİĞİ HER BREAKPOINT'TE ÜSTÜN
==================================================*/

.hub-detail[hidden],
.hub-placeholder-detail[hidden],
#hubDetail[hidden]{
    display:none !important;
}


/*==================================================
02 | YALNIZCA AKTİF DETAY GÖRÜNÜR
==================================================*/

.hub-detail:not([hidden]){
    visibility:visible;
}

/*==================================================
GREEN ASIST | ENERGY HUB V35
820 × 900 | TABLET RAPOR YERLEŞİMİ
==================================================*/


/*==================================================
01 | 769–900 PX GENEL AKIŞ
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-workspace{
        overflow-x:hidden !important;
        overflow-y:auto !important;

        -webkit-overflow-scrolling:touch;
    }

    .hub-detail[data-detail="yekdem"],
    .hub-yekdem-dashboard{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:block !important;

        overflow:visible !important;
    }

}


/*==================================================
02 | DASHBOARD HEADER
BAŞLIK ÜSTTE, TÜM KONTROLLER TEK SATIRDA
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            auto
            auto !important;
        align-items:center !important;
        gap:7px !important;

        margin:
            0
            0
            7px !important;
        padding:
            0
            5px
            7px !important;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title{
        grid-column:1;
        grid-row:1;

        width:100%;
        min-width:0;

        padding-left:3px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row{
        width:100%;

        display:flex !important;
        flex-direction:row !important;
        align-items:baseline !important;
        gap:10px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row h2{
        font-size:18px;
        line-height:1;

        white-space:nowrap;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row p{
        font-size:10.5px;
        line-height:1;

        white-space:nowrap;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        grid-column:1;
        grid-row:2;

        width:100%;
        min-width:0;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;
        gap:5px !important;

        margin:0 !important;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control{
        order:1;

        flex:1 1 auto;

        min-width:0;
        max-width:none;

        gap:2px;

        padding:2px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control
    .hub-yekdem-period-step{
        flex:0 0 29px;

        width:29px;
        min-width:29px;
        height:29px;
        min-height:29px;

        font-size:16px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-field{
        flex:1 1 auto;

        min-width:110px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-field input{
        width:100%;
        min-width:0;
        height:29px;

        font-size:9.5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-period-control
    .hub-yekdem-period-latest{
        flex:0 0 auto;

        min-height:29px;

        padding:
            0
            8px;

        font-size:8.5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-mode-controls{
        order:2;

        flex:0 0 auto;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle button{
        min-width:35px;
        height:29px;
        min-height:29px;

        padding:
            0
            7px;

        font-size:9.5px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button{
        order:3;

        min-height:31px;

        padding:
            5px
            8px;

        font-size:9px;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        order:4;

        min-height:31px;

        padding:
            5px
            9px;

        font-size:9.5px;
    }

}


/*==================================================
03 | ANA YEKDEM AKIŞI
SECTION 01 TAM GENİŞLİK, ALT RAPOR İKİ SÜTUN
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        width:100%;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            auto
            auto !important;
        align-content:start !important;
        gap:8px !important;

        overflow:visible !important;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        width:100%;
        min-width:0;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        grid-column:1 !important;
        grid-row:auto !important;

        overflow:visible !important;
    }

    .hub-yekdem-left-column{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            362px
            66px !important;
        gap:8px;
    }

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        display:grid !important;
        grid-template-columns:
            minmax(190px,.36fr)
            minmax(0,.64fr) !important;
        grid-template-rows:224px !important;
        gap:8px;
    }

}


/*==================================================
04 | SECTION 01
GRAFİK YÜKSEKLİĞİ AZALTILDI
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-left-column
    > .hub-yekdem-comparison-section{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        height:362px !important;
        min-height:362px !important;
        max-height:362px !important;

        display:grid !important;
        grid-template-rows:
            34px
            minmax(0,1fr) !important;
        row-gap:5px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section
    > .hub-dashboard-section-head{
        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;

        flex:0 0 34px;

        padding:
            0
            1px
            5px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading{
        height:27px;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading
    .hub-dashboard-index{
        font-size:13.5px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading h3{
        font-size:14px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-series-legend{
        gap:10px;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-series-legend b{
        font-size:8px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        min-height:0;

        display:grid !important;
        grid-template-rows:
            minmax(0,1fr)
            92px !important;
        gap:6px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        min-height:0 !important;
        height:100% !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        height:92px !important;
        min-height:92px !important;

        padding:
            0
            6px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-period-row td b{
        font-size:8.5px !important;
        line-height:1.05;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td{
        padding:
            3px
            2px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child{
        width:82px;
    }

}


/*==================================================
05 | YÖNTEM NOTU
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-left-column
    > .hub-yekdem-method-note{
        grid-column:1 !important;
        grid-row:2 !important;

        width:100% !important;
        height:66px !important;
        min-height:66px !important;
        max-height:66px !important;

        grid-template-columns:
            126px
            minmax(0,1fr) !important;
        align-items:start;
        gap:8px;

        padding:
            7px
            9px;

        overflow:hidden !important;
    }

    .hub-yekdem-method-title{
        gap:6px;

        padding-top:0;
    }

    .hub-yekdem-method-title > span{
        flex:0 0 23px;

        width:23px;
        height:23px;

        font-size:11px;
    }

    .hub-yekdem-method-title > strong{
        font-size:8.5px;
        line-height:1.18;
    }

    .hub-yekdem-method-copy{
        display:grid !important;
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-method-copy > p{
        padding-left:9px;

        font-size:7.4px !important;
        line-height:1.25 !important;
    }

    .hub-yekdem-method-copy > p::before{
        font-size:9px;
    }

}


/*==================================================
06 | SECTION 02
SOL SÜTUNDA ÜÇ KART ALT ALTA
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-right-column
    > .hub-yekdem-summary-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-summary-section{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        height:224px !important;
        min-height:224px !important;
        max-height:224px !important;

        display:grid !important;
        grid-template-rows:
            34px
            minmax(0,1fr) !important;
        row-gap:5px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        min-height:0;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            repeat(3,minmax(0,1fr)) !important;
        align-content:stretch !important;
        gap:6px !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card{
        min-height:0 !important;

        display:grid !important;
        grid-template-columns:
            minmax(0,1fr)
            auto !important;
        grid-template-rows:
            auto
            auto !important;
        align-content:center !important;
        align-items:center !important;
        column-gap:7px;
        row-gap:2px;

        padding:
            5px
            7px;

        text-align:left;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > span{
        grid-column:1;
        grid-row:1 / span 2;

        width:auto;
        min-width:0;

        margin:0;

        font-size:8px;
        line-height:1.13;
        font-weight:620;

        text-align:left;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value{
        grid-column:2;
        grid-row:1 / span 2;

        width:auto;

        align-items:flex-end;
        gap:3px;

        text-align:right;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > strong{
        font-size:15.5px;
        line-height:1;
        font-weight:700;

        text-align:right;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > small{
        font-size:7.5px;
        line-height:1;
        font-weight:600;

        text-align:right;
    }

}


/*==================================================
07 | SECTION 03
SAĞ SÜTUNDA KOMPAKT TANIM / DEĞER TABLOSU
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-right-column
    > .hub-yekdem-merged-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-merged-section{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;
        height:224px !important;
        min-height:224px !important;
        max-height:224px !important;

        display:grid !important;
        grid-template-rows:
            34px
            minmax(0,1fr) !important;
        row-gap:5px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-period-status{
        height:27px;
    }

    .hub-yekdem-status-chip{
        height:25px !important;
        min-height:25px !important;

        padding:
            0
            6px;

        font-size:7px;
    }

    #yekdemMergedList{
        width:100%;
        height:100% !important;
        min-height:0 !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            repeat(9,minmax(0,1fr)) !important;
        gap:0 !important;

        overflow:hidden !important;
    }

    #yekdemMergedList > div{
        min-height:0 !important;

        display:grid !important;
        grid-template-columns:
            minmax(0,58%)
            minmax(0,42%) !important;
        align-items:center !important;
        gap:4px !important;

        padding:
            2px
            6px !important;
    }

    #yekdemMergedList > div > span{
        min-width:0;

        overflow:hidden;

        font-size:7.9px !important;
        line-height:1 !important;

        text-overflow:ellipsis;
        white-space:nowrap;
    }

    #yekdemMergedList > div > strong{
        min-width:0;

        overflow:hidden;

        font-size:8.2px !important;
        line-height:1 !important;

        text-align:right;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

}


/*==================================================
08 | 768 PX VE ALTINDA
MOBİL STACK DAVRANIŞI KORUNUR
==================================================*/

@media (max-width:768px){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V36
820 PX ORTAK HEADER + DASHBOARD GİZLİLİK DÜZELTMESİ
==================================================*/


/*==================================================
01 | AKTİF OLMAYAN DASHBOARD
TÜM RESPONSIVE DISPLAY KURALLARINDAN DAHA ÜSTÜN
==================================================*/

html body
.hub-workspace
.hub-detail[hidden][data-detail],
html body
.hub-workspace
.hub-placeholder-detail[hidden]{
    display:none !important;
    visibility:hidden !important;

    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;
}


/*==================================================
02 | 769–900 PX
PTF VE YEKDEM HEADER AYNI TEK SATIR YAPISI
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-detail[data-detail="ptf"]
    > .hub-detail-head,
    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head{
        min-height:38px !important;

        display:grid !important;
        grid-template-columns:
            minmax(150px,.72fr)
            minmax(0,1.28fr) !important;
        grid-template-rows:38px !important;
        align-items:center !important;
        gap:6px !important;

        margin:
            0
            0
            6px !important;
        padding:
            0
            4px
            4px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title{
        grid-column:1 !important;
        grid-row:1 !important;

        min-width:0;

        display:flex !important;
        align-items:center !important;

        padding-left:3px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title-row,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row{
        min-width:0;

        display:flex !important;
        flex-direction:row !important;
        align-items:baseline !important;
        gap:7px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title-row h2,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row h2{
        margin:0 !important;

        font-size:16px !important;
        line-height:1 !important;
        font-weight:650 !important;

        white-space:nowrap !important;
    }

    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row p{
        margin:0 !important;

        font-size:8.8px !important;
        line-height:1 !important;
        font-weight:650 !important;

        white-space:nowrap !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-section-kicker,
    .hub-detail[data-detail="ptf"]
    #detailDate{
        display:none !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-actions,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100%;
        min-width:0;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        flex-wrap:nowrap !important;
        gap:4px !important;

        margin:0 !important;
    }

}


/*==================================================
03 | ORTAK TAKVİM
PTF VE YEKDEM'DE İLK SIRADA
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-detail[data-detail="ptf"]
    #ptfDateControl,
    .hub-detail[data-detail="yekdem"]
    #yekdemPeriodControl{
        order:1 !important;

        flex:1 1 auto !important;

        min-width:0 !important;
        max-width:none !important;

        gap:2px !important;

        padding:2px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-step,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-step{
        flex:0 0 27px !important;

        width:27px !important;
        min-width:27px !important;
        height:27px !important;
        min-height:27px !important;

        padding:0 !important;

        font-size:15px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-field,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-field{
        flex:1 1 auto !important;

        min-width:76px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-field input,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-field input{
        width:100% !important;
        min-width:0 !important;
        height:27px !important;

        padding:
            0
            5px !important;

        font-size:8.5px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-latest,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-latest{
        flex:0 0 auto !important;

        min-height:27px !important;

        padding:
            0
            6px !important;

        font-size:7.4px !important;
    }

}


/*==================================================
04 | PARA BİRİMİ + PDF + KAPAT
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-detail[data-detail="ptf"]
    #ptfCurrencyToggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-mode-controls{
        order:2 !important;

        flex:0 0 auto !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-currency-toggle button,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle button{
        min-width:30px !important;
        height:27px !important;
        min-height:27px !important;

        padding:
            0
            5px !important;

        font-size:8.3px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button{
        order:3 !important;

        min-height:29px !important;

        padding:
            4px
            6px !important;

        font-size:7.8px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        order:4 !important;

        min-height:29px !important;

        padding:
            4px
            7px !important;

        font-size:8.5px !important;
    }

}


/*==================================================
05 | YEKDEM SECTION 01 BİRAZ DAHA KOMPAKT
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-left-column{
        grid-template-rows:
            338px
            56px !important;
    }

    .hub-yekdem-left-column
    > .hub-yekdem-comparison-section{
        height:338px !important;
        min-height:338px !important;
        max-height:338px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        grid-template-rows:
            minmax(0,1fr)
            86px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        height:86px !important;
        min-height:86px !important;
    }

    .hub-yekdem-left-column
    > .hub-yekdem-method-note{
        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;

        grid-template-columns:
            116px
            minmax(0,1fr) !important;

        padding:
            6px
            8px;
    }

    .hub-yekdem-method-title > strong{
        font-size:7.8px !important;
    }

    .hub-yekdem-method-copy > p{
        font-size:6.9px !important;
        line-height:1.2 !important;
    }

}


/*==================================================
06 | ALT RAPOR BLOKLARI BİRAZ DAHA KISA
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        grid-template-rows:194px !important;
    }

    .hub-yekdem-right-column
    > .hub-yekdem-summary-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-summary-section,
    .hub-yekdem-right-column
    > .hub-yekdem-merged-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-merged-section{
        height:194px !important;
        min-height:194px !important;
        max-height:194px !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        gap:4px !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card{
        padding:
            4px
            6px !important;
    }

    #yekdemMergedList > div{
        padding:
            1px
            6px !important;
    }

}


/*==================================================
07 | 820 PX'DE GÜVENLİ SCROLL
İÇERİK SIĞARSA SCROLL OLUŞMAZ
==================================================*/

@media (min-width:769px) and (max-width:900px){

    .hub-workspace{
        overflow-x:hidden !important;
        overflow-y:auto !important;

        overscroll-behavior:contain;

        -webkit-overflow-scrolling:touch;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V37
390 × 844 | MOBİL PTF TAKVİM + YEKDEM YENİDEN KURGU
==================================================*/


/*==================================================
01 | MOBİL ÇALIŞMA ALANI
==================================================*/

@media (max-width:520px){

    .hub-workspace{
        overflow-x:hidden !important;
        overflow-y:auto !important;

        -webkit-overflow-scrolling:touch;
    }

    .hub-detail:not([hidden]){
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:visible !important;
    }

}


/*==================================================
02 | PTF VE YEKDEM HEADER
BUTONLAR ÜST SATIR, TAKVİM TAM GENİŞLİK ALT SATIR
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    > .hub-detail-head,
    .hub-detail[data-detail="yekdem"]
    > .hub-detail-head{
        display:block !important;

        min-height:0 !important;

        margin:
            0
            0
            8px !important;
        padding:
            0
            4px
            8px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title{
        width:100%;

        margin:
            0
            0
            9px;
        padding-left:2px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title-row,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title-row h2,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row h2{
        font-size:20px !important;
        line-height:1.04 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-section-kicker{
        margin-bottom:3px;

        font-size:8px !important;
        line-height:1 !important;
    }

    .hub-detail[data-detail="ptf"]
    #detailDate,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row p{
        display:block !important;

        margin:0 !important;

        font-size:9px !important;
        line-height:1.1 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-actions,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        width:100%;

        display:grid !important;
        grid-template-columns:
            auto
            auto
            auto !important;
        grid-template-rows:
            auto
            auto !important;
        align-items:center !important;
        justify-content:start !important;
        gap:
            8px
            7px !important;

        margin:0 !important;
    }

    .hub-detail[data-detail="ptf"]
    #ptfCurrencyToggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-mode-controls{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button{
        grid-column:2 !important;
        grid-row:1 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        grid-column:3 !important;
        grid-row:1 !important;
    }

    .hub-detail[data-detail="ptf"]
    #ptfDateControl,
    .hub-detail[data-detail="yekdem"]
    #yekdemPeriodControl{
        grid-column:1 / -1 !important;
        grid-row:2 !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        display:grid !important;
        grid-template-columns:
            32px
            minmax(0,1fr)
            32px !important;
        gap:3px !important;

        padding:3px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-step,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-step{
        width:32px !important;
        min-width:32px !important;
        height:32px !important;
        min-height:32px !important;

        padding:0 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-field,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-field{
        min-width:0 !important;
        width:100% !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-field input,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-field input{
        width:100% !important;
        min-width:0 !important;
        height:32px !important;

        padding:
            0
            8px !important;

        font-size:10px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-latest,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-latest{
        grid-column:1 / -1 !important;
        grid-row:2 !important;

        width:100% !important;
        min-height:35px !important;

        border-top:1px solid #afd0ba !important;
        border-left:0 !important;
        border-radius:
            0
            0
            7px
            7px !important;

        font-size:9px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-currency-toggle button,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle button{
        min-width:38px !important;
        height:31px !important;
        min-height:31px !important;

        font-size:10px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        min-height:33px !important;

        padding:
            5px
            10px !important;

        font-size:9.5px !important;
    }

}


/*==================================================
03 | YEKDEM ANA AKIŞI
==================================================*/

@media (max-width:520px){

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        width:100%;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:block !important;

        overflow:visible !important;
    }

    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        width:100%;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:block !important;

        overflow:visible !important;
    }

    .hub-yekdem-section,
    .hub-yekdem-method-note{
        width:100%;

        margin:
            0
            0
            9px;
    }

}


/*==================================================
04 | SECTION 01
GRAFİK SAYFAYA SIĞAR, TABLO KENDİ İÇİNDE YATAY KAYAR
==================================================*/

@media (max-width:520px){

    .hub-yekdem-comparison-section{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:grid !important;
        grid-template-rows:
            38px
            auto !important;
        row-gap:6px !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section
    > .hub-dashboard-section-head{
        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;

        align-items:center !important;
        flex-wrap:nowrap !important;

        padding:
            0
            1px
            6px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading{
        min-width:0;
        height:30px;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading
    .hub-dashboard-index{
        font-size:14px !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-section-heading h3{
        overflow:hidden;

        font-size:15px !important;

        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-series-legend{
        gap:7px;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-series-legend b{
        font-size:7.2px;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        min-height:0;

        display:grid !important;
        grid-template-rows:
            270px
            112px !important;
        gap:7px !important;

        overflow:visible !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        width:100% !important;
        min-width:0 !important;
        height:270px !important;
        min-height:270px !important;
        max-height:270px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel canvas{
        width:100% !important;
        min-width:0 !important;
        height:270px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        width:100%;
        height:112px !important;
        min-height:112px !important;

        display:block !important;

        padding:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:thin;

        -webkit-overflow-scrolling:touch;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table{
        width:680px !important;
        min-width:680px !important;
        height:100% !important;

        table-layout:fixed;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-period-row td b{
        font-size:9px !important;
        line-height:1.1 !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child{
        position:sticky;
        left:0;
        z-index:2;

        width:92px !important;

        background:#ffffff;

        box-shadow:
            1px 0 #dce5df;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-forecast-row th:first-child{
        background:#f7faf8;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-actual-row th:first-child{
        background:#e8f4ec;
    }

}


/*==================================================
05 | YÖNTEM NOTU
==================================================*/

@media (max-width:520px){

    .hub-yekdem-method-note{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        grid-template-columns:minmax(0,1fr) !important;
        gap:9px;

        padding:
            10px
            11px;

        overflow:visible !important;
    }

    .hub-yekdem-method-title{
        align-items:center;
    }

    .hub-yekdem-method-title > strong{
        font-size:10px !important;
    }

    .hub-yekdem-method-copy{
        grid-template-columns:minmax(0,1fr) !important;
        gap:7px !important;

        overflow:visible !important;
    }

    .hub-yekdem-method-copy > p{
        font-size:9px !important;
        line-height:1.42 !important;
    }

}


/*==================================================
06 | SECTION 02
KOMPAKT YATAY METRİK KARTLARI
==================================================*/

@media (max-width:520px){

    .hub-yekdem-summary-section,
    .hub-yekdem-summary-section-v22{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:grid !important;
        grid-template-rows:
            38px
            auto !important;
        row-gap:6px !important;

        padding:8px !important;

        overflow:visible !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-grid{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            repeat(3,68px) !important;
        gap:6px !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card{
        min-height:68px !important;

        display:grid !important;
        grid-template-columns:
            minmax(0,1fr)
            auto !important;
        grid-template-rows:auto !important;
        align-items:center !important;
        gap:10px;

        padding:
            8px
            10px !important;

        text-align:left !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-kpi-card > span{
        min-width:0;

        margin:0 !important;

        font-size:10px !important;
        line-height:1.2 !important;

        text-align:left !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value{
        width:auto !important;

        align-items:flex-end !important;
        gap:4px !important;

        text-align:right !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > strong{
        font-size:18px !important;
        font-weight:700 !important;

        text-align:right !important;
    }

    .hub-yekdem-summary-section
    .hub-yekdem-metric-value > small{
        font-size:8.5px !important;
        font-weight:600 !important;

        text-align:right !important;
    }

}


/*==================================================
07 | SECTION 03
TANIM VE DEĞER AYNI SATIRDA
==================================================*/

@media (max-width:520px){

    .hub-yekdem-merged-section,
    .hub-yekdem-merged-section.hub-yekdem-components-section{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:grid !important;
        grid-template-rows:
            38px
            auto !important;
        row-gap:6px !important;

        padding:8px !important;

        overflow:visible !important;
    }

    .hub-yekdem-period-status{
        height:29px;
    }

    .hub-yekdem-status-chip{
        height:27px !important;
        min-height:27px !important;

        padding:
            0
            7px;

        font-size:7.5px;
    }

    #yekdemMergedList{
        height:auto !important;
        min-height:0 !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            repeat(9,38px) !important;
        gap:0 !important;

        overflow:hidden !important;
    }

    #yekdemMergedList > div{
        min-height:38px !important;

        display:grid !important;
        grid-template-columns:
            minmax(0,58%)
            minmax(0,42%) !important;
        align-items:center !important;
        gap:7px !important;

        padding:
            5px
            9px !important;
    }

    #yekdemMergedList > div > span{
        min-width:0;

        font-size:9.5px !important;
        line-height:1.12 !important;

        text-align:left !important;
    }

    #yekdemMergedList > div > strong{
        min-width:0;

        font-size:10px !important;
        line-height:1.1 !important;

        text-align:right !important;
        white-space:nowrap !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V38
390 × 844 | MOBİL HEADER KONTROL YERLEŞİMİ
==================================================*/


/*==================================================
01 | TARİH SOLDA
TL/USD SAĞ ÜSTTE
PDF + KAPAT SAĞ ALTTA
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-actions,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        width:100%;

        display:grid !important;
        grid-template-columns:
            minmax(0,1fr)
            auto
            auto !important;
        grid-template-rows:
            32px
            34px !important;
        align-items:center !important;
        justify-content:stretch !important;
        gap:
            5px
            6px !important;

        margin:0 !important;
    }

}


/*==================================================
02 | TARİH BLOĞU İKİ SATIRI KAPLAR
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    #ptfDateControl,
    .hub-detail[data-detail="yekdem"]
    #yekdemPeriodControl{
        grid-column:1 !important;
        grid-row:1 / 3 !important;

        width:100% !important;
        min-width:0 !important;
        height:71px !important;

        display:grid !important;
        grid-template-columns:
            30px
            minmax(0,1fr)
            30px !important;
        grid-template-rows:
            32px
            32px !important;
        align-content:start !important;
        gap:
            3px
            3px !important;

        padding:3px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-step,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-step{
        width:30px !important;
        min-width:30px !important;
        height:32px !important;
        min-height:32px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-field,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-field{
        width:100% !important;
        min-width:0 !important;
        height:32px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-field input,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-field input{
        width:100% !important;
        min-width:0 !important;
        height:32px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-date-latest,
    .hub-detail[data-detail="yekdem"]
    .hub-ptf-date-latest{
        grid-column:1 / -1 !important;
        grid-row:2 !important;

        width:100% !important;
        height:32px !important;
        min-height:32px !important;

        border-top:1px solid #afd0ba !important;
        border-left:0 !important;
        border-radius:
            0
            0
            7px
            7px !important;

        font-size:8.5px !important;
    }

}


/*==================================================
03 | TL/USD SAĞ ÜST
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    #ptfCurrencyToggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-mode-controls{
        grid-column:2 / 4 !important;
        grid-row:1 !important;

        justify-self:end !important;
        align-self:center !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-currency-toggle button,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle button{
        height:31px !important;
        min-height:31px !important;
    }

}


/*==================================================
04 | PDF VE KAPAT SAĞ ALT
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button{
        grid-column:2 !important;
        grid-row:2 !important;

        justify-self:end !important;

        height:34px !important;
        min-height:34px !important;

        padding:
            5px
            8px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        grid-column:3 !important;
        grid-row:2 !important;

        justify-self:end !important;

        height:34px !important;
        min-height:34px !important;

        padding:
            5px
            9px !important;
    }

}


/*==================================================
05 | ÇOK DAR EKRAN KORUMASI
==================================================*/

@media (max-width:360px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-actions,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        grid-template-columns:
            minmax(0,1fr)
            58px
            58px !important;

        gap:
            5px
            4px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        width:58px !important;

        padding:
            4px
            5px !important;

        font-size:8.5px !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V39
PTF / YEKDEM ORTAK MOBİL HEADER STANDARDI
==================================================*/


/*==================================================
01 | PTF VE YEKDEM BAŞLIK YAPISI AYNI
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-title,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title{
        width:100%;

        margin:
            0
            0
            9px !important;
        padding:
            0
            2px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title-row,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row{
        width:100%;

        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:4px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-title-row h2,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-title-row h2{
        margin:0 !important;

        font-size:20px !important;
        line-height:1.04 !important;
        font-weight:650 !important;

        white-space:nowrap !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-subtitle,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-subtitle{
        display:block !important;

        margin:0 !important;

        font-size:9px !important;
        line-height:1.1 !important;
        font-weight:650 !important;

        color:#08713f;

        white-space:nowrap !important;
    }

}


/*==================================================
02 | MOBİL KONTROL GRIDİ
TARİH SOLDA, SAĞ KONTROL BLOĞU SABİT GENİŞLİKTE
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-actions,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        width:100%;

        display:grid !important;
        grid-template-columns:
            minmax(0,1fr)
            58px
            58px !important;
        grid-template-rows:
            32px
            34px !important;
        align-items:center !important;
        justify-content:stretch !important;
        gap:
            5px
            6px !important;

        margin:0 !important;
    }

}


/*==================================================
03 | TARİH SOLDA İKİ SATIRI KAPLAR
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    #ptfDateControl,
    .hub-detail[data-detail="yekdem"]
    #yekdemPeriodControl{
        grid-column:1 !important;
        grid-row:1 / 3 !important;

        width:100% !important;
        min-width:0 !important;
        height:71px !important;

        display:grid !important;
        grid-template-columns:
            30px
            minmax(0,1fr)
            30px !important;
        grid-template-rows:
            32px
            32px !important;
        gap:
            3px
            3px !important;

        padding:3px !important;
    }

}


/*==================================================
04 | TL/USD GENİŞLİĞİ = YAZDIR + KAPAT TOPLAMI
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    #ptfCurrencyToggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-mode-controls{
        grid-column:2 / 4 !important;
        grid-row:1 !important;

        width:122px !important;

        justify-self:end !important;
        align-self:center !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-currency-toggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle{
        width:122px !important;

        display:grid !important;
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-ptf-currency-toggle button,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle button{
        width:100% !important;
        min-width:0 !important;
        height:31px !important;
        min-height:31px !important;

        padding:
            0
            5px !important;
    }

}


/*==================================================
05 | YAZDIR VE KAPAT EŞİT GENİŞLİKTE
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button{
        grid-column:2 !important;
        grid-row:2 !important;

        width:58px !important;
        height:34px !important;
        min-height:34px !important;

        justify-self:end !important;

        padding:
            5px
            4px !important;

        font-size:9px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        grid-column:3 !important;
        grid-row:2 !important;

        width:58px !important;
        height:34px !important;
        min-height:34px !important;

        justify-self:end !important;

        padding:
            5px
            4px !important;

        font-size:9px !important;
    }

}


/*==================================================
06 | İLK SECTION SOL VE ÜST HİZASI ORTAK
==================================================*/

@media (max-width:520px){

    .hub-detail[data-detail="ptf"]
    .hub-dashboard-content,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-content{
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-dashboard-content
    > .hub-dashboard-section:first-child,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-content
    .hub-yekdem-comparison-section{
        width:100% !important;

        margin:
            0
            0
            9px !important;

        align-self:start !important;
        justify-self:start !important;
    }

}


/*==================================================
07 | ÇOK DAR EKRAN
==================================================*/

@media (max-width:360px){

    .hub-detail[data-detail="ptf"]
    .hub-detail-actions,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-actions{
        grid-template-columns:
            minmax(0,1fr)
            54px
            54px !important;

        gap:
            5px
            4px !important;
    }

    .hub-detail[data-detail="ptf"]
    #ptfCurrencyToggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-mode-controls,
    .hub-detail[data-detail="ptf"]
    .hub-ptf-currency-toggle,
    .hub-detail[data-detail="yekdem"]
    .hub-yekdem-currency-toggle{
        width:112px !important;
    }

    .hub-detail[data-detail="ptf"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-pdf-button,
    .hub-detail[data-detail="ptf"]
    .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"]
    .hub-detail-close-button{
        width:54px !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V40
TELEFON YÖNÜNE DUYARLI YEKDEM GRAFİĞİ
==================================================*/


/*==================================================
01 | DİKEY TELEFON
YALNIZCA GERÇEKLEŞEN, YATAY BARLAR
==================================================*/

@media
(max-width:520px)
and (orientation:portrait){

    .hub-yekdem-comparison-section{
        display:block !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        padding:8px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-comparison-section
    > .hub-dashboard-section-head{
        display:none !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        display:block !important;

        height:390px !important;
        min-height:390px !important;
        max-height:390px !important;

        overflow:hidden !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        width:100% !important;
        min-width:0 !important;
        height:390px !important;
        min-height:390px !important;
        max-height:390px !important;

        overflow:hidden !important;

        background:
            linear-gradient(
                90deg,
                #f4faf6 0,
                #ffffff 112px,
                #ffffff 100%
            );
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel canvas{
        width:100% !important;
        min-width:0 !important;
        height:390px !important;
        min-height:390px !important;
        max-height:390px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        display:none !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V41
YATAY TELEFON | GRAFİK + TABLO AKIŞ DÜZELTMESİ
==================================================*/


/*==================================================
01 | YATAY TELEFONDA SABİT YÜKSEKLİKLERİ KALDIR
==================================================*/

@media
(max-width:900px)
and (max-height:520px)
and (orientation:landscape){

    .hub-detail[data-detail="yekdem"],
    .hub-yekdem-dashboard,
    .hub-yekdem-dashboard
    .hub-yekdem-content,
    .hub-yekdem-left-column,
    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        overflow:visible !important;
    }

    .hub-yekdem-dashboard
    .hub-yekdem-content{
        display:block !important;
    }

    .hub-yekdem-left-column{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            auto
            auto !important;
        gap:8px !important;
    }

}

/*==================================================
03 | GRAFİK VE TABLO AYRI, TAM GÖRÜNÜR SATIRLAR
==================================================*/

@media
(max-width:900px)
and (max-height:520px)
and (orientation:landscape){

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        width:100%;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:
            220px
            116px !important;
        gap:7px !important;

        overflow:visible !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel,
    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel canvas{
        width:100% !important;
        min-width:0 !important;
        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        display:block !important;

        width:100% !important;
        height:116px !important;
        min-height:116px !important;
        max-height:116px !important;

        padding:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:thin;

        -webkit-overflow-scrolling:touch;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table{
        width:100% !important;
        min-width:760px !important;
        height:116px !important;

        table-layout:fixed;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-period-row td b{
        font-size:9px !important;
        line-height:1.12 !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th,
    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table td{
        height:29px !important;

        padding:
            4px
            3px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table th:first-child{
        position:sticky;
        left:0;
        z-index:3;

        width:94px !important;

        background:#ffffff;

        box-shadow:
            1px 0 #dce5df;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-forecast-row th:first-child{
        background:#f7faf8;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-actual-row th:first-child{
        background:#e8f4ec;
    }

}


/*==================================================
04 | YÖNTEM NOTU TABLODAN SONRA BAŞLAR
==================================================*/

@media
(max-width:900px)
and (max-height:520px)
and (orientation:landscape){

    .hub-yekdem-left-column
    > .hub-yekdem-method-note{
        grid-column:1 !important;
        grid-row:2 !important;

        width:100% !important;
        height:auto !important;
        min-height:58px !important;
        max-height:none !important;

        margin:0 !important;

        overflow:visible !important;
    }

}


/*==================================================
05 | SECTION 02–03 YÖNTEM NOTUNDAN SONRA BAŞLAR
==================================================*/

@media
(max-width:900px)
and (max-height:520px)
and (orientation:landscape){

    .hub-yekdem-right-column,
    .hub-yekdem-right-column-v22{
        width:100% !important;

        display:grid !important;
        grid-template-columns:
            minmax(190px,.36fr)
            minmax(0,.64fr) !important;
        grid-template-rows:auto !important;
        gap:8px !important;

        margin-top:8px !important;
    }

    .hub-yekdem-right-column
    > .hub-yekdem-summary-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-summary-section{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        height:204px !important;
        min-height:204px !important;
        max-height:204px !important;
    }

    .hub-yekdem-right-column
    > .hub-yekdem-merged-section,
    .hub-yekdem-right-column-v22
    > .hub-yekdem-merged-section{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;
        height:204px !important;
        min-height:204px !important;
        max-height:204px !important;
    }

}

/*==================================================
GREEN ASIST | ENERGY HUB V42
DİKEY MOBİL GRAFİK | OKUNAKLI DÖNEM / DEĞER ALANI
==================================================*/


/*==================================================
01 | 12 SATIRIN DİKEY RİTMİ SIKILAŞTIRILDI
==================================================*/

@media
(max-width:520px)
and (orientation:portrait){

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        height:352px !important;
        min-height:352px !important;
        max-height:352px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel,
    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel canvas{
        height:352px !important;
        min-height:352px !important;
        max-height:352px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel{
        background:
            linear-gradient(
                90deg,
                #f4faf6 0,
                #ffffff 88px,
                #ffffff 100%
            );
    }

}

/*==================================================
GREEN ASIST | PTF + YEKDEM PREMIUM SYSTEM
Desktop, tablet and mobile presentation layer
==================================================*/

:root{
    --hub-premium-navy:#073b62;
    --hub-premium-green:#07824c;
    --hub-premium-mint:#eef8f3;
    --hub-premium-ink:#082d45;
    --hub-premium-muted:#607887;
    --hub-premium-line:#d9e4e8;
    --hub-premium-surface:#ffffff;
    --hub-premium-soft:#f5f8f7;
    --hub-premium-radius:14px;
    --hub-premium-shadow:0 12px 34px rgba(6,39,56,.055);
}

.hub-detail[data-detail="ptf"],
.hub-detail[data-detail="yekdem"]{
    color:var(--hub-premium-ink);
}

.hub-detail[data-detail="ptf"] .hub-detail-head,
.hub-detail[data-detail="yekdem"] .hub-detail-head{
    min-height:62px;
    padding:8px 10px;
    border-bottom:1px solid var(--hub-premium-line);
}

.hub-detail[data-detail="ptf"] .hub-detail-title-row h2,
.hub-detail[data-detail="yekdem"] .hub-detail-title-row h2{
    color:var(--hub-premium-navy);
    font-size:27px;
    letter-spacing:-.035em;
}

.hub-detail[data-detail="ptf"] .hub-detail-subtitle,
.hub-detail[data-detail="yekdem"] .hub-detail-subtitle{
    color:var(--hub-premium-green);
    font-size:13px;
    font-weight:650;
}

.hub-detail[data-detail="ptf"] .hub-detail-actions,
.hub-detail[data-detail="yekdem"] .hub-detail-actions{
    gap:8px;
}

.hub-ptf-currency-toggle,
.hub-yekdem-currency-toggle,
.hub-ptf-date-control,
.hub-yekdem-period-control{
    border-color:#cfe1d7 !important;
    box-shadow:none !important;
}

.hub-detail[data-detail="ptf"] .hub-dashboard-section,
.hub-detail[data-detail="yekdem"] .hub-yekdem-section{
    border:1px solid var(--hub-premium-line) !important;
    border-radius:var(--hub-premium-radius) !important;
    background:var(--hub-premium-surface) !important;
    box-shadow:var(--hub-premium-shadow);
}

.hub-detail[data-detail="ptf"] .hub-dashboard-section-head,
.hub-detail[data-detail="yekdem"] .hub-dashboard-section-head{
    border-bottom:1px solid #e5edef !important;
}

.hub-detail[data-detail="ptf"] .hub-dashboard-section-head h3,
.hub-detail[data-detail="yekdem"] .hub-dashboard-section-head h3{
    color:var(--hub-premium-ink);
    letter-spacing:-.02em;
}

.hub-detail[data-detail="ptf"] .hub-dashboard-index,
.hub-detail[data-detail="yekdem"] .hub-dashboard-index{
    color:var(--hub-premium-green);
}

.hub-detail[data-detail="ptf"] .hub-dashboard-panel,
.hub-detail[data-detail="ptf"] .hub-comparison-card,
.hub-detail[data-detail="ptf"] .hub-hourly-values-panel,
.hub-detail[data-detail="yekdem"] .hub-chart-panel{
    border-color:#e0e8eb !important;
    border-radius:12px !important;
    box-shadow:none !important;
}

.hub-detail[data-detail="ptf"] .hub-comparison-main,
.hub-detail[data-detail="yekdem"] .hub-yekdem-kpi-card{
    background:linear-gradient(145deg,#f2faf6,#edf6f1) !important;
    border-color:#d7e8de !important;
}

.hub-insight-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    margin-left:auto;
    padding:0 11px;
    border:1px solid #b8d8c6;
    border-radius:999px;
    color:#076f41;
    background:#fff;
    font:650 9px/1 inherit;
    letter-spacing:.035em;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}

.hub-insight-button:hover{
    color:#fff;
    background:var(--hub-premium-green);
    transform:translateY(-1px);
}

.hub-hourly-values-panel .hub-panel-head{
    display:flex;
    align-items:center;
    gap:9px;
}

.hub-yekdem-method-title{
    align-items:center !important;
}

.hub-yekdem-method-title .hub-insight-button{
    margin-left:auto;
}

/* Accessible shared detail dialog */
.hub-insight-dialog{
    width:min(780px,calc(100vw - 34px));
    max-height:min(720px,calc(100vh - 34px));
    padding:0;
    border:0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 30px 90px rgba(0,25,43,.3);
    overflow:hidden;
}

.hub-insight-dialog::backdrop{
    background:rgba(0,25,43,.7);
    backdrop-filter:blur(5px);
}

.hub-insight-dialog-panel{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    max-height:inherit;
}

.hub-insight-dialog-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:19px 22px;
    color:#fff;
    background:linear-gradient(110deg,#063b62,#08774e);
}

.hub-insight-dialog-head span{
    display:block;
    margin-bottom:4px;
    color:#8ce2b5;
    font-size:9px;
    font-weight:700;
    letter-spacing:.14em;
}

.hub-insight-dialog-head h2{
    margin:0;
    font-size:21px;
    line-height:1.2;
}

.hub-insight-dialog-head > button{
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.34);
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.08);
    font-size:21px;
    cursor:pointer;
}

.hub-insight-dialog-body{
    padding:22px;
    overflow:auto;
}

.hub-insight-dialog-lead{
    margin:0 0 17px;
    color:var(--hub-premium-muted);
    font-size:13px;
    line-height:1.55;
}

.hub-hourly-dialog-values{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}

.hub-hourly-dialog-values > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:8px 11px;
    border:1px solid #e1e9eb;
    border-radius:9px;
    background:#f7faf9;
}

.hub-hourly-dialog-values span{
    color:#6a7f8b;
    font-size:11px;
}

.hub-hourly-dialog-values strong{
    color:var(--hub-premium-navy);
    font-size:12px;
}

.hub-yekdem-method-dialog-copy{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.hub-yekdem-method-dialog-copy article{
    padding:17px;
    border:1px solid #dfe9e5;
    border-radius:12px;
    background:#f5faf7;
}

.hub-yekdem-method-dialog-copy strong{
    color:var(--hub-premium-navy);
    font-size:13px;
}

.hub-yekdem-method-dialog-copy p{
    margin:8px 0 0;
    color:#4d6978;
    font-size:12px;
    line-height:1.6;
}

.hub-insight-dialog-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:13px 22px;
    border-top:1px solid #dfe8eb;
    background:#f7faf9;
}

.hub-insight-dialog-foot span{
    color:#66808c;
    font-size:10px;
    font-weight:650;
}

.hub-insight-dialog-foot span a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:2px;
}

.hub-insight-dialog-foot button{
    min-height:35px;
    padding:0 17px;
    border:0;
    border-radius:999px;
    color:#fff;
    background:var(--hub-premium-navy);
    font-size:10px;
    font-weight:650;
    cursor:pointer;
}

body.hub-insight-dialog-open{overflow:hidden}

/* Premium micro-adjustments: compact detail actions and vertical rhythm */
.hub-insight-button{
    flex:0 0 auto;
    width:auto;
    min-width:72px;
    min-height:29px;
    padding:0 12px;
    white-space:nowrap;
    font-family:inherit;
    font-size:10px;
    font-weight:650;
    line-height:1;
}

.hub-hourly-values-panel .hub-insight-button{
    min-width:82px;
}

.hub-yekdem-method-title .hub-insight-button{
    flex:0 0 72px;
    width:72px;
    min-width:72px;
    margin-left:auto;
}

@media (min-width:1181px){
    .hub-detail[data-detail="ptf"] .hub-dashboard-content{
        gap:12px !important;
        padding:10px !important;
    }

    .hub-ptf-daily-section{
        grid-template-rows:39px minmax(0,1fr) !important;
    }

    .hub-ptf-daily-section .hub-daily-layout{
        grid-template-columns:minmax(220px,.4fr) minmax(0,.6fr) !important;
        gap:10px !important;
    }

    .hub-ptf-daily-section .hub-comparison-card{
        padding:10px !important;
    }

    .hub-ptf-daily-section .hub-hourly-values-panel{
        padding:9px 11px !important;
    }

    .hub-ptf-price-section .hub-dashboard-chart,
    .hub-ptf-monthly-section .hub-dashboard-chart,
    .hub-ptf-yearly-section .hub-dashboard-chart{
        padding:7px 9px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-source{
        min-height:35px !important;
        padding:8px 14px !important;
        color:#58717e !important;
        font-size:10px !important;
        background:#f6f9f8 !important;
        border-left:3px solid #28a667 !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-content{
        grid-template-columns:minmax(0,1.42fr) minmax(390px,1fr) !important;
        gap:12px !important;
        padding:10px !important;
    }

    .hub-yekdem-summary-section{
        min-height:0 !important;
    }

    .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        align-content:center !important;
        gap:9px !important;
        padding:11px !important;
    }

    .hub-yekdem-summary-section .hub-yekdem-kpi-card{
        min-height:76px !important;
        padding:10px !important;
    }

    .hub-yekdem-method-note{
        min-height:58px !important;
        grid-template-columns:245px minmax(0,1fr) !important;
        column-gap:14px !important;
        padding:8px 11px !important;
        border:1px solid #dce9e2 !important;
        border-left:3px solid #28aa68 !important;
        border-radius:12px !important;
        background:#f5faf7 !important;
    }

    .hub-yekdem-method-title{
        min-width:0 !important;
        width:100%;
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:8px !important;
    }

    .hub-yekdem-method-title > strong{
        flex:1 1 auto;
        min-width:0;
        max-width:112px;
        font-size:10.5px !important;
        line-height:1.25 !important;
    }

    .hub-yekdem-method-copy > p{
        font-size:9.8px !important;
        line-height:1.36 !important;
    }
}

@media (max-width:1180px){
    .hub-detail[data-detail="ptf"] .hub-detail-head,
    .hub-detail[data-detail="yekdem"] .hub-detail-head{
        padding:10px 12px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-dashboard-content,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-content{
        gap:11px !important;
        padding:10px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-dashboard-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-section{
        box-shadow:0 8px 24px rgba(6,39,56,.04);
    }

    .hub-yekdem-method-note{
        border-radius:12px !important;
    }
}

@media (max-width:820px){
    .hub-detail[data-detail="ptf"] .hub-detail-title-row h2,
    .hub-detail[data-detail="yekdem"] .hub-detail-title-row h2{
        font-size:23px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-dashboard-section-head h3,
    .hub-detail[data-detail="yekdem"] .hub-dashboard-section-head h3{
        font-size:16px !important;
    }

    .hub-hourly-dialog-values{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .hub-yekdem-method-dialog-copy{
        grid-template-columns:1fr;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="ptf"] .hub-detail-head,
    .hub-detail[data-detail="yekdem"] .hub-detail-head{
        min-height:0;
        padding:10px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-detail-title-row h2,
    .hub-detail[data-detail="yekdem"] .hub-detail-title-row h2{
        font-size:21px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-detail-subtitle,
    .hub-detail[data-detail="yekdem"] .hub-detail-subtitle{
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:9px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-dashboard-content,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-content{
        padding:8px !important;
        gap:9px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-dashboard-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-section{
        border-radius:12px !important;
        box-shadow:none !important;
    }

    .hub-insight-button{
        min-height:30px;
        padding:0 12px;
        font-size:9px;
    }

    .hub-hourly-values-panel .hub-insight-button{
        display:inline-flex !important;
    }

    .hub-hourly-dialog-values{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hub-insight-dialog{
        width:calc(100vw - 18px);
        max-height:calc(100vh - 18px);
        border-radius:14px;
    }

    .hub-insight-dialog-head,
    .hub-insight-dialog-body,
    .hub-insight-dialog-foot{
        padding-left:15px;
        padding-right:15px;
    }

    .hub-insight-dialog-head h2{font-size:18px}
}

/*==================================================
ENERGY HUB | SHARED PREMIUM HEADER
PTF and YEKDEM use the same title rhythm as SKTT
==================================================*/
@media (min-width:721px){
    .hub-detail[data-detail="ptf"] > .hub-detail-head,
    .hub-detail[data-detail="yekdem"] > .hub-detail-head{
        position:relative;
        box-sizing:border-box;
        height:62px !important;
        min-height:62px !important;
        max-height:62px !important;
        align-items:center !important;
        margin:0 0 6px !important;
        padding:8px 10px !important;
        border-bottom:1px solid #d8e4e9 !important;
        background:linear-gradient(90deg,rgba(7,59,98,.025),rgba(8,130,76,.012) 55%,transparent) !important;
    }

    .hub-detail[data-detail="ptf"] > .hub-detail-head::after,
    .hub-detail[data-detail="yekdem"] > .hub-detail-head::after{
        content:"";
        position:absolute;
        left:10px;
        bottom:-1px;
        width:116px;
        height:2px;
        border-radius:999px;
        background:linear-gradient(90deg,#073b62 0 62%,#0a9858 62% 100%);
    }

    .hub-detail[data-detail="ptf"] .hub-detail-title-row,
    .hub-detail[data-detail="yekdem"] .hub-detail-title-row{
        min-height:32px;
        align-items:baseline !important;
        gap:13px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-detail-title-row h2,
    .hub-detail[data-detail="yekdem"] .hub-detail-title-row h2{
        margin:0 !important;
        color:#073b62 !important;
        font-size:27px !important;
        font-weight:650 !important;
        line-height:1.05 !important;
        letter-spacing:-.038em !important;
    }

    .hub-detail[data-detail="ptf"] .hub-detail-subtitle,
    .hub-detail[data-detail="yekdem"] .hub-detail-subtitle{
        margin:0 !important;
        color:#087c47 !important;
        font-size:12.5px !important;
        font-weight:650 !important;
        line-height:1.15 !important;
    }

    .hub-detail[data-detail="ptf"] .hub-detail-actions,
    .hub-detail[data-detail="yekdem"] .hub-detail-actions{
        height:42px !important;
        min-height:42px !important;
        align-items:center !important;
    }

    .hub-detail[data-detail="ptf"] .hub-detail-pdf-button,
    .hub-detail[data-detail="ptf"] .hub-detail-close-button,
    .hub-detail[data-detail="yekdem"] .hub-detail-pdf-button,
    .hub-detail[data-detail="yekdem"] .hub-detail-close-button{
        box-sizing:border-box;
        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-currency-toggle,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-currency-toggle{
        box-sizing:border-box;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        align-items:center !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-date-control,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-period-control{
        box-sizing:border-box;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        align-items:center !important;
    }

    .hub-detail[data-detail="ptf"] .hub-dashboard-section-head h3,
    .hub-detail[data-detail="yekdem"] .hub-dashboard-section-head h3{
        color:#073b62 !important;
    }
}


/*==================================================
02 | YATAY TELEFON
MEVCUT KARŞILAŞTIRMALI DİKEY BAR YAPISI
==================================================*/

@media
(max-width:900px)
and (max-height:520px)
and (orientation:landscape){

    .hub-yekdem-comparison-section
    > .hub-dashboard-section-head{
        display:flex !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-series-stack{
        display:grid !important;
        grid-template-rows:
            250px
            92px !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        gap:6px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel,
    .hub-yekdem-comparison-section
    .hub-yekdem-chart-panel canvas{
        width:100% !important;
        min-width:0 !important;
        height:250px !important;
        min-height:250px !important;
        max-height:250px !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table-wrap{
        display:block !important;

        width:100% !important;
        height:92px !important;
        min-height:92px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;
    }

    .hub-yekdem-comparison-section
    .hub-yekdem-axis-table{
        width:100% !important;
        min-width:680px !important;
    }

}

/*==================================================
FINAL RESPONSIVE PASS | PTF + YEKDEM
1024 / 820 / 390 verified composition
==================================================*/

@media (min-width:721px) and (max-width:900px){
    .hub-detail[data-detail="ptf"] #ptfContent:not([hidden]){
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-areas:
            "daily curve"
            "monthly yearly"
            "source source" !important;
        grid-template-rows:245px 285px auto !important;
        gap:9px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-daily-section{
        grid-area:daily !important;
        grid-column:1 !important;
        grid-row:1 !important;
        height:245px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-price-section{
        grid-area:curve !important;
        grid-column:2 !important;
        grid-row:1 !important;
        height:245px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-monthly-section{
        grid-area:monthly !important;
        grid-column:1 !important;
        grid-row:2 !important;
        height:285px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-yearly-section{
        grid-area:yearly !important;
        grid-column:2 !important;
        grid-row:2 !important;
        height:285px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-source{
        grid-area:source !important;
        grid-column:1 / -1 !important;
        grid-row:3 !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-daily-section .hub-daily-layout{
        display:block !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-daily-section .hub-daily-side{
        display:block !important;
        height:auto !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-daily-section .hub-hourly-values-panel{
        min-height:47px !important;
        height:47px !important;
        margin-top:7px;
        padding:7px 9px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-daily-section .hub-hourly-grid-final{
        display:none !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-daily-section .hub-comparison-card{
        min-height:142px !important;
        height:142px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-monthly-section,
    .hub-detail[data-detail="ptf"] .hub-ptf-yearly-section{
        min-width:0 !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-monthly-section .hub-monthly-layout,
    .hub-detail[data-detail="ptf"] .hub-ptf-yearly-section .hub-yearly-layout{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:155px 82px !important;
        gap:7px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-monthly-section .hub-comparison-card,
    .hub-detail[data-detail="ptf"] .hub-ptf-yearly-section .hub-comparison-card{
        min-height:82px !important;
        height:82px !important;
        padding:8px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-monthly-section .hub-comparison-main,
    .hub-detail[data-detail="ptf"] .hub-ptf-yearly-section .hub-comparison-main{
        min-height:52px !important;
        padding:7px 9px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-ptf-monthly-section .hub-comparison-card dl,
    .hub-detail[data-detail="ptf"] .hub-ptf-yearly-section .hub-comparison-card dl{
        display:none !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-note{
        min-height:50px !important;
        height:50px !important;
        grid-template-columns:minmax(0,1fr) !important;
        padding:7px 9px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-title{
        width:100%;
        display:grid !important;
        grid-template-columns:31px minmax(0,1fr) auto !important;
        align-items:center !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-copy{
        display:none !important;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="ptf"] .hub-hourly-values-panel{
        min-height:50px !important;
        height:auto !important;
        padding:9px 10px !important;
        overflow:hidden !important;
    }

    .hub-detail[data-detail="ptf"] .hub-hourly-values-panel .hub-panel-head{
        min-height:31px;
        margin:0 !important;
    }

    .hub-detail[data-detail="ptf"] .hub-hourly-grid-final{
        display:none !important;
    }

    .hub-detail[data-detail="ptf"] .hub-daily-side{
        gap:8px !important;
    }

    .hub-detail[data-detail="ptf"] .hub-insight-button{
        min-width:84px;
        min-height:31px;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-note{
        min-height:54px !important;
        padding:8px 10px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-title{
        width:100%;
        display:grid !important;
        grid-template-columns:31px minmax(0,1fr) auto !important;
        gap:8px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-title > strong{
        max-width:none !important;
        font-size:10px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-method-copy{
        display:none !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:6px !important;
        padding:8px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-card{
        min-width:0 !important;
        min-height:116px !important;
        height:116px !important;
        padding:10px 5px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-card > span{
        font-size:7.8px !important;
        line-height:1.18 !important;
        min-height:28px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-metric-value > strong{
        font-size:15px !important;
        line-height:1.05 !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-metric-value > small{
        font-size:8px !important;
        margin-top:5px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section-v22{
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        padding-bottom:0 !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        min-height:0 !important;
        height:auto !important;
        padding-bottom:8px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-comparison-section .hub-yekdem-series-stack,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-comparison-section .hub-yekdem-chart-panel,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-comparison-section .hub-yekdem-chart-panel canvas{
        height:360px !important;
        min-height:360px !important;
        max-height:360px !important;
    }
}


/*==================================================
02 | SECTION 01 TAM İÇERİĞİ KADAR UZAR
==================================================*/

@media
(max-width:900px)
and (max-height:520px)
and (orientation:landscape){

    .hub-yekdem-left-column
    > .hub-yekdem-comparison-section{
        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:grid !important;
        grid-template-rows:
            34px
            auto !important;
        row-gap:6px !important;

        padding:8px !important;

        overflow:visible !important;
    }

    .hub-yekdem-comparison-section
    > .hub-dashboard-section-head{
        display:flex !important;

        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;
    }

}

/*==================================================
FINAL OVERRIDE | PTF TABLET 2 x 2 COMPOSITION
Uses stable DOM order, independent of runtime classes.
==================================================*/
@media (min-width:721px) and (max-width:900px){
    #ptfContent:not([hidden]){
        display:grid !important;
        width:100% !important;
        max-width:none !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        grid-template-rows:245px 285px auto !important;
        gap:9px !important;
        align-items:stretch !important;
    }

    #ptfContent > section{
        width:auto !important;
        max-width:none !important;
        min-width:0 !important;
        margin:0 !important;
    }

    #ptfContent > section:nth-of-type(1){
        grid-column:1 !important;
        grid-row:1 !important;
        height:245px !important;
    }

    #ptfContent > #ptfPriceCurveSection{
        grid-column:2 !important;
        grid-row:1 !important;
        height:245px !important;
    }

    #ptfContent > section:nth-of-type(2){
        grid-column:1 !important;
        grid-row:2 !important;
        height:285px !important;
    }

    #ptfContent > section:nth-of-type(3){
        grid-column:2 !important;
        grid-row:2 !important;
        height:285px !important;
    }

    #ptfContent > .hub-source{
        grid-column:1 / -1 !important;
        grid-row:3 !important;
        width:100% !important;
    }
}

/* FINAL PHONE OVERRIDE — MUST REMAIN AT END OF FILE */
@media (max-width:520px){
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column-v22{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        align-items:start !important;
        align-content:start !important;
        gap:8px !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section-v22{
        display:grid !important;
        grid-template-rows:36px auto !important;
        align-self:start !important;
        align-content:start !important;
        gap:5px !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        padding:7px !important;
        overflow:visible !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-dashboard-section-head{
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
        padding:0 4px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-grid{
        align-self:start !important;
        align-content:start !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 !important;
        padding:6px !important;
    }

    #ptfContent:not([hidden]){
        display:grid !important;
        width:100% !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:350px 270px 310px 310px auto !important;
        gap:8px !important;
        align-content:start !important;
        overflow:visible !important;
    }

    #ptfContent > section{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    #ptfContent > section:nth-of-type(1){
        grid-column:1 !important;
        grid-row:1 !important;
        height:350px !important;
    }

    #ptfContent > #ptfPriceCurveSection{
        grid-column:1 !important;
        grid-row:2 !important;
        height:270px !important;
    }

    #ptfContent > section:nth-of-type(2){
        grid-column:1 !important;
        grid-row:3 !important;
        height:310px !important;
    }

    #ptfContent > section:nth-of-type(3){
        grid-column:1 !important;
        grid-row:4 !important;
        height:310px !important;
    }

    #ptfContent > .hub-source{
        grid-column:1 !important;
        grid-row:5 !important;
        min-height:42px !important;
        height:auto !important;
        margin:0 !important;
    }
}

/* FINAL YEKDEM PHONE SUMMARY HEIGHT */
@media (max-width:520px){
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column-v22{
        grid-template-rows:176px auto !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section-v22{
        box-sizing:border-box !important;
        height:176px !important;
        min-height:176px !important;
        max-height:176px !important;
        overflow:hidden !important;
    }
}

/* FINAL YEKDEM PHONE KPI COMPACTION */
@media (max-width:520px){
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-right-column-v22{
        grid-template-rows:151px auto !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section,
    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section-v22{
        height:151px !important;
        min-height:151px !important;
        max-height:151px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-card{
        height:90px !important;
        min-height:90px !important;
        max-height:90px !important;
        padding:7px 4px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-kpi-card > span{
        min-height:21px !important;
        font-size:7.3px !important;
        line-height:1.12 !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-metric-value > strong{
        font-size:14px !important;
    }

    .hub-detail[data-detail="yekdem"] .hub-yekdem-summary-section .hub-yekdem-metric-value > small{
        margin-top:3px !important;
        font-size:7.5px !important;
    }
}
/*==================================================
GREEN ASIST | NATIONAL TARIFF DASHBOARD
==================================================*/

.hub-detail[data-detail="tariffs"]{
    --tariff-navy:#063b61;
    --tariff-navy-deep:#052f4c;
    --tariff-green:#009b59;
    --tariff-green-dark:#007d49;
    --tariff-line:#d8e5e8;
    --tariff-soft:#f4f8f7;
    --tariff-mint:#edf8f2;
    display:grid;
    grid-template-rows:64px minmax(0,1fr);
    height:100%;
    max-height:100%;
    min-height:0;
    overflow:hidden;
    background:#fff;
    color:#062f4d;
}

.hub-detail[data-detail="tariffs"][hidden]{
    display:none !important;
}

.hub-tariff-head{
    min-height:64px;
    padding:0 14px;
    border-bottom:1px solid var(--tariff-line);
}

.hub-tariff-head .hub-detail-title-row h2{
    color:var(--tariff-navy);
}

.hub-tariff-head .hub-detail-title-row p{
    color:var(--tariff-green-dark);
}

.hub-tariff-actions{
    gap:8px;
}

.hub-tariff-date-control{
    display:flex;
    align-items:center;
    height:44px;
    padding:0 8px 0 12px;
    gap:10px;
    border:1px solid #d8e4e9;
    border-radius:13px;
    background:#fff;
}

.hub-tariff-date-control span{
    color:#627889;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
}

.hub-tariff-date-control input{
    width:126px;
    border:0;
    outline:0;
    background:transparent;
    color:var(--tariff-navy);
    font:700 13px/1 inherit;
}

.hub-tariff-content{
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto auto;
    gap:8px;
    padding:10px;
    background:linear-gradient(180deg,#f4f8f8 0,#eef4f3 100%);
    overflow:hidden;
    transition:opacity .2s ease;
}

.hub-tariff-content.is-loading{
    opacity:.45;
    pointer-events:none;
}

.hub-tariff-loading,
.hub-tariff-error{
    position:absolute;
    z-index:5;
    inset:74px 10px auto;
}

.hub-tariff-selector,
.hub-tariff-price-card,
.hub-tariff-fact-card,
.hub-tariff-summary-strip{
    border:1px solid var(--tariff-line);
    background:#fff;
    box-shadow:0 6px 20px rgba(4,49,77,.045);
}

.hub-tariff-selector{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:18px;
    align-items:end;
    padding:12px 14px;
    border-radius:18px;
}

.hub-tariff-selector > header{
    align-self:center;
}

.hub-tariff-selector > header span,
.hub-tariff-price-card > header span,
.hub-tariff-fact-card > span,
.hub-tariff-summary-strip > div > span,
.hub-tariff-cta span{
    display:block;
    color:var(--tariff-green-dark);
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
}

.hub-tariff-selector h3,
.hub-tariff-price-card h3{
    margin:3px 0 0;
    color:var(--tariff-navy-deep);
    font-size:17px;
    line-height:1.15;
}

#nationalTariffVersionLabel{
    margin:4px 0 0;
    color:#6b7f8d;
    font-size:10px;
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hub-tariff-filter-grid{
    display:grid;
    grid-template-columns:minmax(170px,1.8fr) repeat(4,minmax(112px,1fr));
    gap:8px;
}

.hub-tariff-filter-grid label{
    min-width:0;
}

.hub-tariff-filter-grid label > span{
    display:block;
    margin:0 0 5px 2px;
    color:#577080;
    font-size:9px;
    font-weight:650;
}

.hub-tariff-filter-grid select{
    width:100%;
    height:38px;
    padding:0 30px 0 11px;
    border:1px solid #d5e1e5;
    border-radius:10px;
    outline:0;
    background:#f9fbfb;
    color:var(--tariff-navy-deep);
    font:700 11px/1 inherit;
    text-overflow:ellipsis;
}

.hub-tariff-filter-grid select:focus{
    border-color:#67ba91;
    box-shadow:0 0 0 3px rgba(0,155,89,.1);
}

.hub-tariff-filter-grid select:disabled{
    appearance:none;
    color:#294a5d;
    opacity:1;
}

.hub-tariff-main{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);
    gap:8px;
}

.hub-tariff-price-card{
    min-height:0;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    padding:13px 14px;
    border-radius:18px;
    overflow:hidden;
}

.hub-tariff-price-card > header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
}

.hub-tariff-effective{
    max-width:230px;
    color:#6b7f8d !important;
    font-size:9px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-align:right;
}

.hub-tariff-primary-price{
    display:grid;
    grid-template-columns:minmax(150px,.8fr) auto auto;
    align-items:end;
    gap:9px;
    margin:10px 0;
    padding:12px 16px;
    border-radius:14px;
    background:
        radial-gradient(circle at 94% 12%,rgba(0,155,89,.11),transparent 28%),
        linear-gradient(110deg,var(--tariff-navy) 0,#07567c 58%,#007b5c 100%);
    color:#fff;
}

.hub-tariff-primary-price > span{
    align-self:center;
    font-size:11px;
    font-weight:650;
    line-height:1.25;
}

.hub-tariff-primary-price strong{
    font-size:30px;
    line-height:.95;
    letter-spacing:-.03em;
}

.hub-tariff-primary-price.is-multitime strong{
    font-size:18px;
    letter-spacing:0;
}

.hub-tariff-primary-price em{
    padding-bottom:2px;
    font-size:10px;
    font-style:normal;
    opacity:.8;
}

.hub-tariff-charge-grid{
    min-height:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(54px,1fr);
    gap:7px;
    align-content:stretch;
}

.hub-tariff-charge-grid article{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:2px 8px;
    align-items:center;
    padding:9px 10px;
    border:1px solid #e0e9eb;
    border-radius:11px;
    background:var(--tariff-soft);
}

.hub-tariff-charge-grid span{
    min-width:0;
    color:#476274;
    font-size:9px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hub-tariff-charge-grid strong{
    color:var(--tariff-navy-deep);
    font-size:16px;
    text-align:right;
}

.hub-tariff-charge-grid small{
    grid-column:2;
    color:#6f818c;
    font-size:8px;
    text-align:right;
}

.hub-tariff-facts{
    min-height:0;
    display:grid;
    grid-template-rows:minmax(0,.78fr) minmax(0,1.22fr);
    gap:8px;
}

.hub-tariff-fact-card{
    min-height:0;
    padding:12px 13px;
    border-radius:18px;
    overflow:hidden;
}

.hub-tariff-fact-card > strong{
    display:block;
    margin:7px 0 3px;
    color:var(--tariff-navy);
    font-size:21px;
    line-height:1;
}

.hub-tariff-fact-card > p{
    margin:0;
    color:#5a7180;
    font-size:9px;
    line-height:1.35;
}

.hub-tariff-tax-list{
    display:grid;
    gap:6px;
    margin-top:7px;
}

.hub-tariff-tax-list > div{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:7px;
    padding:7px 8px;
    border-radius:9px;
    background:var(--tariff-soft);
}

.hub-tariff-tax-list span{
    min-width:0;
    color:#294c60;
    font-size:9px;
    font-weight:700;
}

.hub-tariff-tax-list strong{
    color:var(--tariff-navy);
    font-size:13px;
}

.hub-tariff-tax-list em{
    padding:3px 6px;
    border-radius:999px;
    background:#e5f5eb;
    color:#007848;
    font-size:7px;
    font-style:normal;
    font-weight:700;
    white-space:nowrap;
}

.hub-tariff-tax-list em.is-conditional{
    background:#fff4d9;
    color:#8a5b00;
}

.hub-tariff-tax-list em.is-not_applicable{
    background:#edf1f3;
    color:#60747e;
}

.hub-tariff-tax-notice:empty{
    display:none;
}

.hub-tariff-summary-strip{
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px 190px;
    align-items:stretch;
    border-radius:16px;
    overflow:hidden;
}

.hub-tariff-summary-strip > div{
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    gap:2px 14px;
    padding:10px 14px;
}

.hub-tariff-summary-strip > div > span{
    grid-column:1;
}

.hub-tariff-summary-strip > div > strong{
    grid-column:1;
    color:var(--tariff-navy);
    font-size:19px;
}

.hub-tariff-summary-strip > div > small{
    grid-column:2;
    grid-row:1 / 3;
    color:#58707e;
    font-size:9px;
    line-height:1.35;
}

.hub-tariff-summary-strip > button{
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 12px;
    border:0;
    border-left:1px solid var(--tariff-line);
    background:#f7faf9;
    color:var(--tariff-navy);
    cursor:pointer;
}

.hub-tariff-summary-strip > button > span:first-child{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#dff2e8;
    color:var(--tariff-green-dark);
    font-size:18px;
    font-weight:700;
}

.hub-tariff-summary-strip button > span:nth-child(2){
    min-width:0;
    flex:1;
    text-align:left;
}

.hub-tariff-summary-strip button small,
.hub-tariff-summary-strip button strong{
    display:block;
}

.hub-tariff-summary-strip button small{
    color:var(--tariff-green-dark);
    font-size:7px;
    font-weight:700;
    letter-spacing:.08em;
}

.hub-tariff-summary-strip button strong{
    margin-top:3px;
    font-size:10px;
}

.hub-tariff-summary-strip button em{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    border:1px solid #bcd8c8;
    font-size:9px;
    font-style:normal;
    font-weight:700;
}

.hub-tariff-source-link{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 12px;
    border-left:1px solid var(--tariff-line);
    color:var(--tariff-green-dark);
    font-size:10px;
    font-weight:700;
    text-decoration:none;
}

.hub-tariff-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:52px;
    padding:7px 10px 7px 16px;
    border-radius:15px;
    background:linear-gradient(105deg,var(--tariff-navy) 0,#075173 55%,#007a4b 100%);
    color:#fff;
}

.hub-tariff-cta span{
    color:#70efb4;
}

.hub-tariff-cta p{
    margin:3px 0 0;
    font-size:11px;
    font-weight:700;
}

.hub-tariff-cta button{
    min-width:190px;
    height:38px;
    padding:0 18px;
    border:0;
    border-radius:999px;
    background:#fff;
    color:#006442;
    font:700 11px/1 inherit;
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    cursor:pointer;
}

.hub-tariff-rules-dialog{
    position:fixed !important;
    inset:auto !important;
    top:50% !important;
    left:50% !important;
    width:min(920px,calc(100vw - 40px)) !important;
    height:min(760px,calc(100vh - 40px));
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    transform:translate(-50%,-50%);
}

.hub-tariff-rules-dialog .hub-insight-dialog-panel{
    width:100%;
    height:100%;
    max-height:none;
    overflow:hidden;
}

.hub-tariff-rules-dialog .hub-insight-dialog-body{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
}

.hub-tariff-rules-lead{
    margin:0 0 12px;
    color:#5c7281;
    font-size:12px;
}

.hub-tariff-rules-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}

.hub-tariff-rules-list article{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:10px;
    padding:12px;
    border:1px solid #dce7e9;
    border-radius:12px;
    background:#f7faf9;
}

.hub-tariff-rules-list article > span{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#dff2e8;
    color:#007d49;
    font-size:9px;
    font-weight:700;
}

.hub-tariff-rules-list h3{
    margin:0 0 4px;
    color:#063b61;
    font-size:12px;
}

.hub-tariff-rules-list p{
    margin:0;
    color:#58707e;
    font-size:10px;
    line-height:1.4;
}

@media (max-width:1180px){
    .hub-detail[data-detail="tariffs"]{
        grid-template-rows:auto minmax(0,1fr);
        overflow:auto;
    }

    .hub-tariff-content{
        overflow:auto;
    }

    .hub-tariff-selector{
        grid-template-columns:1fr;
        gap:9px;
    }

    .hub-tariff-selector > header{
        display:flex;
        align-items:end;
        justify-content:space-between;
        gap:16px;
    }

    #nationalTariffVersionLabel{
        max-width:55%;
        text-align:right;
    }

    .hub-tariff-filter-grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
    }

    .hub-tariff-main{
        grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);
    }

    .hub-tariff-charge-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:820px){
    .hub-tariff-head{
        padding:6px 10px;
    }

    .hub-tariff-actions{
        width:auto;
    }

    .hub-tariff-date-control{
        height:38px;
    }

    .hub-tariff-date-control input{
        width:112px;
    }

    .hub-tariff-content{
        display:block;
        padding:8px;
    }

    .hub-tariff-selector,
    .hub-tariff-main,
    .hub-tariff-summary-strip,
    .hub-tariff-cta{
        margin-bottom:8px;
    }

    .hub-tariff-filter-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .hub-tariff-main{
        grid-template-columns:1fr;
    }

    .hub-tariff-facts{
        grid-template-columns:1fr 1.35fr;
        grid-template-rows:auto;
    }

    .hub-tariff-summary-strip{
        grid-template-columns:1fr 250px;
    }

    .hub-tariff-source-link{
        grid-column:1 / -1;
        min-height:38px;
        border-top:1px solid var(--tariff-line);
        border-left:0;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="tariffs"]{
        overflow:hidden;
    }

    .hub-tariff-head{
        gap:8px;
    }

    .hub-tariff-head .hub-detail-title-row p{
        max-width:150px;
        white-space:normal;
    }

    .hub-tariff-actions{
        display:grid;
        grid-template-columns:1fr auto auto;
        width:100%;
    }

    .hub-tariff-date-control{
        min-width:0;
    }

    .hub-tariff-date-control span{
        display:none;
    }

    .hub-tariff-date-control input{
        width:100%;
        font-size:11px;
    }

    .hub-tariff-content{
        height:auto;
        overflow:auto;
        padding:6px;
    }

    .hub-tariff-selector{
        padding:12px;
        border-radius:14px;
    }

    .hub-tariff-selector > header{
        display:block;
    }

    #nationalTariffVersionLabel{
        max-width:none;
        text-align:left;
    }

    .hub-tariff-filter-grid{
        grid-template-columns:1fr 1fr;
    }

    .hub-tariff-filter-grid label:first-child{
        grid-column:1 / -1;
    }

    .hub-tariff-price-card{
        padding:12px;
        border-radius:14px;
    }

    .hub-tariff-price-card > header{
        display:block;
    }

    .hub-tariff-effective{
        display:block;
        max-width:none;
        margin-top:4px;
        text-align:left;
    }

    .hub-tariff-primary-price{
        grid-template-columns:1fr auto;
        padding:12px;
    }

    .hub-tariff-primary-price > span{
        grid-column:1 / -1;
    }

    .hub-tariff-primary-price strong{
        font-size:26px;
    }

    .hub-tariff-charge-grid{
        grid-template-columns:1fr 1fr;
    }

    .hub-tariff-facts{
        grid-template-columns:1fr;
    }

    .hub-tariff-summary-strip{
        grid-template-columns:1fr;
    }

    .hub-tariff-summary-strip > div{
        grid-template-columns:1fr;
    }

    .hub-tariff-summary-strip > div > small{
        grid-column:1;
        grid-row:auto;
        margin-top:3px;
    }

    .hub-tariff-summary-strip > button,
    .hub-tariff-source-link{
        border-left:0;
        border-top:1px solid var(--tariff-line);
    }

    .hub-tariff-cta{
        align-items:flex-start;
        flex-direction:column;
        padding:13px;
    }

    .hub-tariff-cta button{
        width:100%;
    }

    .hub-tariff-rules-list{
        grid-template-columns:1fr;
    }

    .hub-tariff-rules-dialog{
        width:calc(100vw - 16px) !important;
        height:calc(100vh - 16px);
        border-radius:14px;
    }
}

@media print{
    body[data-print-report="tariffs"] .hub-sidebar,
    body[data-print-report="tariffs"] .hub-detail-head,
    body[data-print-report="tariffs"] .hub-tariff-cta{
        display:none !important;
    }

    body[data-print-report="tariffs"] .hub-tariff-content{
        overflow:visible;
        background:#fff;
    }
}

/* National tariff matrix composition */
.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
    grid-template-columns:minmax(210px,1.8fr) repeat(3,minmax(130px,1fr));
}

.hub-tariff-matrix-card{
    grid-template-rows:auto auto minmax(0,1fr);
    gap:8px;
}

.hub-tariff-table-block{
    min-width:0;
}

.hub-tariff-table-block h4{
    margin:0 0 5px;
    color:var(--tariff-navy);
    font-size:11px;
}

.hub-tariff-matrix-wrap{
    overflow:auto;
    border:1px solid #d9e5e8;
    border-radius:11px;
}

.hub-tariff-energy-table,
.hub-tariff-other-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.hub-tariff-energy-table th,
.hub-tariff-energy-table td,
.hub-tariff-other-table th,
.hub-tariff-other-table td{
    padding:7px 9px;
    border-right:1px solid #dce7ea;
    border-bottom:1px solid #dce7ea;
    color:#123f59;
    font-size:9px;
    text-align:right;
}

.hub-tariff-energy-table th:last-child,
.hub-tariff-energy-table td:last-child,
.hub-tariff-other-table th:last-child,
.hub-tariff-other-table td:last-child{
    border-right:0;
}

.hub-tariff-energy-table tbody tr:last-child > *,
.hub-tariff-other-table tbody tr:last-child > *{
    border-bottom:0;
}

.hub-tariff-energy-table thead th,
.hub-tariff-other-table thead th{
    background:var(--tariff-navy);
    color:#fff;
    font-size:8px;
    font-weight:700;
}

.hub-tariff-energy-table th:first-child,
.hub-tariff-other-table th:first-child{
    width:32%;
    text-align:left;
}

.hub-tariff-energy-table tbody th,
.hub-tariff-other-table tbody th{
    background:#f8fbfa;
    color:var(--tariff-navy-deep);
    font-weight:650;
}

.hub-tariff-energy-table td strong{
    display:block;
    font-size:11px;
}

.hub-tariff-energy-table td small{
    display:block;
    margin-top:2px;
    color:#667d8a;
    font-size:7px;
}

.hub-tariff-energy-table td.is-active{
    background:#edf8f2;
    color:#006e44;
}

.hub-tariff-energy-table td.is-inactive{
    background:#f2f4f5;
    color:#9aa8ae;
}

.hub-tariff-energy-table td.is-inactive strong{
    opacity:.55;
}

.hub-tariff-other-table th:first-child{
    width:42%;
}

.hub-tariff-other-table th:nth-child(2){
    width:17%;
}

.hub-tariff-other-table th:nth-child(3){
    width:17%;
}

.hub-tariff-other-table td.is-applied{
    color:#007c49;
    font-weight:650;
}

.hub-tariff-other-table td.is-conditional{
    color:#9a6400;
    font-weight:650;
}

.hub-tariff-analysis-column{
    grid-template-rows:minmax(0,1.2fr) minmax(0,.8fr);
}

.hub-tariff-analysis-column.has-transformer-note{
    grid-template-rows:minmax(0,1.12fr) minmax(0,.7fr) minmax(0,.78fr);
}

.hub-tariff-estimate-card h3{
    margin:5px 0 7px;
    color:var(--tariff-navy);
    font-size:15px;
}

.hub-tariff-estimate-list{
    display:grid;
    gap:5px;
}

.hub-tariff-estimate-list > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px 8px;
    border-radius:9px;
    background:linear-gradient(100deg,#edf8f2,#f7faf9);
}

.hub-tariff-estimate-list span{
    color:#456271;
    font-size:8px;
    font-weight:650;
}

.hub-tariff-estimate-list strong{
    color:#006f47;
    font-size:11px;
    text-align:right;
}

.hub-tariff-estimate-card > p{
    margin-top:7px;
}

.hub-tariff-transformer-note{
    border-color:#d8e5ed;
    background:linear-gradient(120deg,#f7fafc,#eef6f8);
}

.hub-tariff-transformer-note[hidden]{
    display:none !important;
}

.hub-tariff-transformer-note > strong{
    margin:6px 0 4px;
    font-size:14px;
}

@media (max-width:1180px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

    .hub-tariff-analysis-column{
        grid-template-rows:auto auto auto;
    }
}

@media (max-width:820px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hub-tariff-analysis-column{
        grid-template-columns:1.4fr 1fr;
    }

    .hub-tariff-transformer-note{
        grid-column:1 / -1;
    }
}

@media (max-width:520px){
    .hub-tariff-matrix-wrap{
        overflow-x:auto;
    }

    .hub-tariff-energy-table{
        min-width:620px;
    }

    .hub-tariff-other-table{
        min-width:560px;
    }

    .hub-tariff-analysis-column{
        grid-template-columns:1fr;
    }

    .hub-tariff-transformer-note{
        grid-column:auto;
    }
}

/* =========================================================
   ULUSAL TARİFELER | NİHAİ ÜÇ KOLON YERLEŞİMİ
   Bu blok dosyanın sonunda bilinçli olarak tutulmalıdır.
   ========================================================= */
.hub-detail[data-detail="tariffs"] .hub-tariff-content{
    grid-template-columns:210px minmax(0,1fr) clamp(292px,19vw,340px);
    grid-template-rows:minmax(0,1fr) 52px;
    gap:10px;
    padding:10px;
    overflow:hidden;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-main{
    display:contents;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-selector{
    grid-column:1;
    grid-row:1 / 3;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    padding:15px 13px;
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff 0%,#f9fcfb 100%);
    box-shadow:0 10px 28px rgba(4,48,67,.045);
}

.hub-detail[data-detail="tariffs"] .hub-tariff-selector > header{
    padding-bottom:12px;
    border-bottom:1px solid #dce7e8;
}

.hub-detail[data-detail="tariffs"] #nationalTariffVersionLabel{
    margin-top:8px;
    white-space:normal;
    overflow:visible;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:11px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
    height:42px;
    font-size:11px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
    grid-column:2;
    grid-row:1 / 3;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    align-content:start;
    gap:10px;
    padding:13px 14px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 30px rgba(4,48,67,.05);
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card > header{
    order:0;
    flex:0 0 auto;
    padding-bottom:3px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card > .hub-tariff-table-block:not(.hub-tariff-other-block){
    order:1;
    width:100%;
    align-self:start;
    flex:0 0 auto;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card > .hub-tariff-core-block{
    order:2;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline{
    order:2;
    width:100%;
    align-self:start;
    flex:0 0 auto;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-other-block{
    order:3;
    width:100%;
    align-self:start;
    flex:0 0 auto;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
    grid-column:3;
    grid-row:1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
    align-content:start;
    gap:10px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card{
    padding:15px 16px;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(4,48,67,.04);
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > span{
    font-size:9.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > strong{
    margin:6px 0 5px;
    font-size:17px;
    line-height:1.12;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > p{
    font-size:10.5px;
    line-height:1.46;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
    grid-column:3;
    grid-row:2;
    grid-template-columns:minmax(0,1fr) 54px;
    border-radius:14px;
    box-shadow:0 8px 22px rgba(4,48,67,.045);
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip > div{
    display:none;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip > button{
    grid-column:1;
    padding:5px 9px;
    border-left:0;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-source-link{
    grid-column:2;
    width:54px;
    padding:0;
    font-size:0;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-source-link b{
    font-size:14px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-cta{
    display:none;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-matrix-wrap{
    overflow:visible;
    border-radius:8px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table{
    width:100%;
    table-layout:fixed;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table td,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td{
    height:28px;
    padding:5px 8px;
    font-size:11px;
    line-height:1.2;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table thead th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table thead th{
    height:29px;
    font-size:9.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td strong{
    font-size:14.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td,
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table td,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td{
    font-variant-numeric:tabular-nums;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td:not(:first-child),
.hub-detail[data-detail="tariffs"] .hub-tariff-other-table td:not(:first-child),
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td:not(:first-child){
    white-space:nowrap;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-table-block h4{
    margin-bottom:6px;
    font-size:12px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-table-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:6px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-table-title h4{
    margin:0;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-table-title > span,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-head > div > span{
    color:#607987;
    font-size:9px;
    font-weight:650;
    letter-spacing:.04em;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th:first-child{
    width:34%;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table th:first-child{
    width:34%;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td{
    text-align:right;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td strong{
    display:block;
    color:#006b43;
    font-size:13px;
    font-weight:650;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td small{
    display:block;
    margin-top:1px;
    color:#758994;
    font-size:7.5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td.is-inactive{
    background:#f3f6f6;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td.is-inactive strong{
    color:#bcc7ca;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total td{
    background:#edf8f2;
    border-top:1px solid #9ed2b7;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total td strong{
    color:#003f64;
    font-size:14px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:6px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head h4{
    margin:0;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head > div{
    display:flex;
    align-items:baseline;
    gap:9px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head button{
    min-height:30px;
    padding:5px 13px;
    border:1px solid #8fcbb0;
    border-radius:999px;
    background:#fff;
    color:#007a4a;
    font:650 10px/1 inherit;
    cursor:pointer;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head button:hover{
    border-color:#009b59;
    background:#eff9f4;
}

.hub-tariff-components-dialog .hub-insight-dialog-panel{
    width:min(820px,calc(100vw - 32px));
}

.hub-tariff-components-lead,
.hub-tariff-components-note{
    margin:0;
    color:#526d7d;
    font-size:12px;
    line-height:1.55;
}

.hub-tariff-components-table-wrap{
    margin:14px 0;
    overflow:auto;
    border:1px solid #d6e3e6;
    border-radius:12px;
}

.hub-tariff-components-table th,
.hub-tariff-components-table td{
    height:42px;
    padding:9px 10px;
    font-size:11.5px;
}

.hub-tariff-components-table thead th{
    background:#073f63;
    color:#fff;
}

.hub-tariff-components-table th:first-child{
    width:42% !important;
}

.hub-tariff-components-table th:nth-child(2){
    width:18% !important;
}

.hub-tariff-components-table th:nth-child(3){
    width:16% !important;
}

.hub-tariff-components-table th:nth-child(4){
    width:24% !important;
}

.hub-tariff-components-table th:last-child,
.hub-tariff-components-table td:last-child{
    white-space:normal !important;
    overflow-wrap:anywhere;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-other-table th:first-child{
    width:43%;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-other-table th:nth-child(2){
    width:19%;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-other-table th:nth-child(3){
    width:18%;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline{
    display:grid;
    grid-template-columns:165px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    gap:5px 12px;
    min-height:88px;
    margin-top:1px;
    padding:11px 12px;
    overflow:visible;
    border:1px solid #9fd3b8;
    border-radius:14px;
    background:linear-gradient(112deg,#effaf4 0%,#f8fcfa 48%,#ffffff 100%);
    box-shadow:inset 4px 0 0 #0a9e60;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-note-card > strong{
    margin:6px 0 4px;
    font-size:15px;
    line-height:1.15;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-note-card > p{
    font-size:9.5px;
    line-height:1.42;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > span,
.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3{
    grid-column:1;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3{
    margin:1px 0 0;
    font-size:16px;
    line-height:1.16;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list{
    grid-column:2;
    grid-row:1 / 3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list > div{
    min-height:42px;
    padding:8px 10px;
    background:rgba(255,255,255,.72);
    border-color:#c9e6d6;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list strong{
    font-size:16px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > p{
    grid-column:1 / -1;
    margin-top:3px;
    font-size:9px;
    line-height:1.4;
}

@media (min-width:1181px) and (max-width:1500px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline{
        grid-template-columns:1fr;
        min-height:112px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > span,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > p{
        grid-column:1;
        grid-row:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:1180px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:220px minmax(0,1fr);
        grid-template-rows:auto auto auto;
        overflow:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector{
        grid-column:1;
        grid-row:1;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
        grid-column:2;
        grid-row:1 / 3;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        grid-column:1;
        grid-row:2;
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        grid-column:1 / -1;
        grid-row:3;
    }
}

@media (max-width:820px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector,
    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note,
    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        grid-column:1;
        grid-row:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector{
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline{
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > span,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > h3,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list,
    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline > p{
        grid-column:1;
        grid-row:auto;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-estimate-inline .hub-tariff-estimate-list{
        grid-template-columns:1fr;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table,
    .hub-detail[data-detail="tariffs"] .hub-tariff-other-table{
        min-width:0;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th,
    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td{
        padding:3px 2px;
        font-size:6.5px;
        overflow-wrap:anywhere;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td strong{
        font-size:7.5px;
    }
}

/* ================================================================
   ULUSAL TARİFELER | SON OKUNABİLİRLİK VE DETAY PENCERESİ DENGESİ
   ================================================================ */

/* Ana tablolar: etiketler solda, sütun başlıkları ve sayılar sağda. */
.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table thead th{
    font-size:10px !important;
    font-weight:650 !important;
    letter-spacing:0 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th:first-child,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table thead th:first-child,
.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table tbody th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tbody th{
    padding-left:11px !important;
    text-align:left !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th:not(:first-child),
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table thead th:not(:first-child),
.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table tbody td,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tbody td{
    padding-right:11px !important;
    text-align:right !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table tbody th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tbody th{
    color:#173f58 !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    line-height:1.22 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td strong,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td strong{
    font-weight:550 !important;
}

/* Yalnızca yaklaşık toplam satırları bir kademe güçlüdür. */
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total th{
    color:#073f63 !important;
    font-weight:700 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total td strong{
    color:#003f64 !important;
    font-size:13.5px !important;
    font-weight:650 !important;
}

/* Bileşenler popup: küçük, ortalanmış ve metinleri kırılan belge görünümü. */
.hub-tariff-components-dialog[open]{
    position:fixed !important;
    inset:0 !important;
    width:min(610px,calc(100vw - 32px)) !important;
    max-width:610px !important;
    height:auto !important;
    max-height:min(590px,calc(100vh - 32px)) !important;
    margin:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-panel{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:min(590px,calc(100vh - 32px)) !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-head{
    gap:12px !important;
    padding:14px 16px !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-head h2{
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.18 !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-head > button{
    width:32px !important;
    height:32px !important;
    font-size:18px !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-body{
    min-width:0 !important;
    padding:14px 16px 12px !important;
    box-sizing:border-box !important;
}

.hub-tariff-components-lead,
.hub-tariff-components-note{
    margin:0 !important;
    color:#526d7d !important;
    font-size:10.5px !important;
    line-height:1.4 !important;
}

.hub-tariff-components-table-wrap{
    width:100% !important;
    min-width:0 !important;
    margin:9px 0 !important;
    overflow:hidden !important;
    border-radius:9px !important;
    box-sizing:border-box !important;
}

.hub-tariff-components-table{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    table-layout:fixed !important;
}

.hub-tariff-components-table th,
.hub-tariff-components-table td{
    height:31px !important;
    padding:5px 7px !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    font-size:10px !important;
    font-weight:450 !important;
    line-height:1.22 !important;
}

.hub-tariff-components-table thead th{
    height:32px !important;
    font-size:9px !important;
    font-weight:650 !important;
}

.hub-tariff-components-table tbody th{
    color:#173f58 !important;
    font-weight:600 !important;
}

.hub-tariff-components-table th:first-child{
    width:36% !important;
    text-align:left !important;
}

.hub-tariff-components-table th:nth-child(2){
    width:17% !important;
    text-align:right !important;
}

.hub-tariff-components-table th:nth-child(3){
    width:14% !important;
    text-align:right !important;
}

.hub-tariff-components-table th:nth-child(4){
    width:33% !important;
    text-align:right !important;
}

.hub-tariff-components-table td:nth-child(2),
.hub-tariff-components-table td:nth-child(3),
.hub-tariff-components-table td:nth-child(4){
    text-align:right !important;
}

.hub-tariff-components-table td:last-child{
    padding-right:9px !important;
    font-weight:600 !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-foot{
    padding:9px 16px !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-foot button{
    min-height:32px !important;
    padding:0 15px !important;
    font-weight:700 !important;
}

@media (max-width:640px){
    .hub-tariff-components-dialog[open]{
        width:calc(100vw - 16px) !important;
        max-height:calc(100vh - 16px) !important;
    }

    .hub-tariff-components-dialog .hub-insight-dialog-panel{
        max-height:calc(100vh - 16px) !important;
    }

    .hub-tariff-components-table th,
    .hub-tariff-components-table td{
        padding:5px !important;
        font-size:9px !important;
    }

    .hub-tariff-components-table th:first-child{width:34% !important}
    .hub-tariff-components-table th:nth-child(2){width:17% !important}
    .hub-tariff-components-table th:nth-child(3){width:14% !important}
    .hub-tariff-components-table th:nth-child(4){width:35% !important}
}

/* Rapor açıklaması ve SSS */
.hub-seo-content-wrap{
    box-sizing:border-box;
    width:calc(100% - 30px);
    max-width:1548px;
    margin:14px auto 24px;
}

.hub-seo-guide{
    margin:0;
    padding:18px 20px;
    background:#fff;
    border:1px solid #d6e4dd;
    border-radius:14px;
    color:#173c2d;
}

.hub-seo-guide > h2{
    margin:0 0 8px;
    color:#073b62;
    font-size:20px;
    font-weight:650;
    line-height:1.2;
}

.hub-seo-guide > h3{
    margin:17px 0 8px;
    color:#073b62;
    font-size:15px;
    font-weight:650;
}

.hub-seo-guide-intro,
.hub-seo-guide-source{
    max-width:1050px;
    margin:0;
    color:#496459;
    font-size:12px;
    font-weight:400;
    line-height:1.6;
}

.hub-seo-guide-source{
    margin-top:8px;
    padding:8px 10px;
    background:#f1f8f4;
    border-left:3px solid #19a463;
    border-radius:0 7px 7px 0;
    color:#315d49;
}

.hub-seo-faq{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.hub-seo-faq details{
    align-self:start;
    background:#f8fbf9;
    border:1px solid #dbe8e1;
    border-radius:9px;
}

.hub-seo-faq summary{
    padding:10px 12px;
    color:#123f30;
    font-size:11.5px;
    font-weight:600;
    line-height:1.35;
    cursor:pointer;
}

.hub-seo-faq details > p{
    margin:0;
    padding:0 12px 12px;
    color:#526b61;
    font-size:11px;
    font-weight:400;
    line-height:1.55;
}

@media (max-width:900px){
    .hub-seo-content-wrap{
        width:calc(100% - 20px);
        margin-top:10px;
    }

    .hub-seo-guide{
        padding:14px;
    }

    .hub-seo-faq{
        grid-template-columns:1fr;
    }
}

/* ================================================================
   ULUSAL TARİFELER | 9.9 GÖRSEL HİYERARŞİ RÖTUŞLARI
   ================================================================ */

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td.is-inactive,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td.is-inactive{
    background:transparent !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td.is-inactive strong,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td.is-inactive strong{
    color:#aebbc0 !important;
    font-size:10.5px !important;
    font-weight:500 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total td.is-inactive{
    background:#edf8f2 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total td.is-inactive strong{
    color:#839ba5 !important;
    font-size:11.5px !important;
    font-weight:650 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head button{
    width:auto !important;
    min-width:0 !important;
    min-height:28px !important;
    padding:4px 11px !important;
    border-radius:999px !important;
    font-family:inherit !important;
    font-size:10.5px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-selector h3{
    font-size:18px !important;
    font-weight:650 !important;
    letter-spacing:-.02em !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-selector > header span{
    font-size:9.5px !important;
    font-weight:650 !important;
    letter-spacing:.1em !important;
}

.hub-detail[data-detail="tariffs"] #nationalTariffVersionLabel{
    font-size:10.5px !important;
    line-height:1.38 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid label > span{
    font-size:9.5px !important;
    font-weight:700 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:550 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card{
    padding:13px 15px !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > span{
    color:#168058 !important;
    font-size:8.5px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > strong{
    margin:5px 0 4px !important;
    color:#17445f !important;
    font-size:15px !important;
    font-weight:650 !important;
    line-height:1.18 !important;
    letter-spacing:-.018em !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card:first-child > strong{
    font-size:17px !important;
    font-weight:700 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > p{
    color:#667d89 !important;
    font-size:9.5px !important;
    font-weight:400 !important;
    line-height:1.42 !important;
    letter-spacing:-.005em !important;
}

.hub-tariff-components-dialog[open]{
    width:min(550px,calc(100vw - 28px)) !important;
    max-width:550px !important;
    height:fit-content !important;
    min-height:0 !important;
    max-height:calc(100vh - 28px) !important;
    block-size:fit-content !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-panel{
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    block-size:auto !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-body{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    padding:11px 14px 9px !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-head{
    padding:12px 14px !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-head h2{
    font-size:17px !important;
}

.hub-tariff-components-table-wrap{
    margin:7px 0 !important;
}

.hub-tariff-components-table th,
.hub-tariff-components-table td{
    height:28px !important;
    padding:4px 6px !important;
    font-size:9.5px !important;
    line-height:1.18 !important;
}

.hub-tariff-components-table thead th{
    height:29px !important;
    font-size:8.5px !important;
}

.hub-tariff-components-table th:first-child{width:35% !important}
.hub-tariff-components-table th:nth-child(2){width:16% !important}
.hub-tariff-components-table th:nth-child(3){width:14% !important}
.hub-tariff-components-table th:nth-child(4){width:35% !important}

.hub-tariff-components-lead,
.hub-tariff-components-note{
    font-size:9.5px !important;
    line-height:1.34 !important;
}

.hub-tariff-components-dialog .hub-insight-dialog-foot{
    padding:8px 14px !important;
}

@media (max-width:640px){
    .hub-tariff-components-dialog[open]{
        width:calc(100vw - 12px) !important;
        max-height:calc(100vh - 12px) !important;
    }

    .hub-tariff-components-dialog .hub-insight-dialog-body{
        overflow:auto !important;
    }
}

/* Renewable header precedence over the shared legacy header rules. */
.hub-detail[data-detail="solar"] > .hub-renewable-head{
    min-height:67px;
    align-items:center;
    margin:0 0 8px;
    padding:0 12px 8px;
}

.hub-detail[data-detail="solar"] .hub-detail-title-row{
    align-items:baseline;
    gap:13px;
}

.hub-detail[data-detail="solar"] .hub-detail-title-row h2{
    color:#053d64;
    font-size:29px;
    line-height:1;
    font-weight:650;
    letter-spacing:-.04em;
}

.hub-detail[data-detail="solar"] .hub-detail-title-row p{
    margin:0;
    color:#078451;
    font-size:13px;
    line-height:1;
    font-weight:650;
}

@media (max-width:900px){
    .hub-detail[data-detail="solar"] .hub-detail-title-row h2{
        font-size:20px;
    }

    .hub-detail[data-detail="solar"] .hub-detail-title-row p{
        font-size:9px;
    }
}

@media (max-width:768px){
    .hub-detail[data-detail="solar"] > .hub-renewable-head{
        min-height:0;
        align-items:stretch;
        margin:0 0 7px;
        padding:6px 5px 9px;
    }
}

/* ================================================================
   ULUSAL TARİFELER | 9.9 MASAÜSTÜ SON CİLA
   ================================================================ */

@media (min-width:1181px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:225px minmax(0,1fr) clamp(300px,19vw,340px) !important;
    }
}

.hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
    background:
        linear-gradient(180deg,#ffffff 0%,#ffffff 68%,#fbfdfc 100%) !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table td,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table td{
    border-right-color:#e9eff1 !important;
    border-bottom-color:#dde7e9 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-energy-table thead th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table thead th{
    border-right-color:rgba(255,255,255,.26) !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tbody tr:not(.is-total) th,
.hub-detail[data-detail="tariffs"] .hub-tariff-core-table tbody tr:not(.is-total) td{
    color:#2e5569 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head{
    min-height:28px !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head button{
    min-height:26px !important;
    padding:3px 10px !important;
    border-color:#a6d5bd !important;
    color:#08764c !important;
    background:#fbfefc !important;
    font-size:9.5px !important;
    font-weight:650 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-core-head button:hover{
    border-color:#62b98d !important;
    background:#f1faf5 !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
    letter-spacing:-.01em !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
    gap:9px !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card{
    border-color:#dce6e8 !important;
    box-shadow:0 7px 20px rgba(4,48,67,.035) !important;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-note-card{
    min-height:124px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-transformer-note{
    min-height:124px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > p{
    max-width:34em;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
    border-color:#dce6e8 !important;
    box-shadow:0 7px 20px rgba(4,48,67,.035) !important;
}

.hub-tariff-components-dialog{
    box-shadow:0 24px 70px rgba(0,25,43,.26) !important;
}
/* ==========================================================
   ULUSAL TARİFELER | 1024 PX BİLGİ MİMARİSİ
   Açıklama kartlarını fiyat tablolarının altına taşır.
   ========================================================== */
@media (min-width:821px) and (max-width:1180px){
    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        grid-template-columns:210px minmax(0, 1fr) !important;
        grid-template-rows:auto auto !important;
        align-content:start !important;
        gap:8px !important;
        overflow:auto !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector-panel{
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:start !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-panel{
        grid-column:2 !important;
        grid-row:1 !important;
        align-self:start !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        grid-column:2 !important;
        grid-row:2 !important;
        display:grid !important;
        grid-template-columns:repeat(auto-fit, minmax(145px, 1fr)) !important;
        grid-template-rows:auto !important;
        gap:7px !important;
        align-self:start !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-note-card{
        min-height:76px !important;
        padding:9px 10px !important;
        border-radius:11px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > span{
        font-size:7.5px !important;
        letter-spacing:.09em !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > strong{
        margin-top:4px !important;
        font-size:12px !important;
        line-height:1.15 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > p{
        margin-top:4px !important;
        font-size:8.5px !important;
        line-height:1.3 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        grid-column:1 !important;
        grid-row:2 !important;
        align-self:start !important;
        min-height:52px !important;
    }

    .hub-detail[data-detail="tariffs"] #nationalTariffComponentsOpen{
        min-width:0 !important;
        padding:7px 12px !important;
        font-size:9px !important;
        white-space:nowrap !important;
    }
}

/* ==========================================================
   ULUSAL TARİFELER | 390 PX MOBİL OKUNABİLİRLİK
   Seçili zaman tipine ait olmayan fiyat sütunlarını kaldırır.
   ========================================================== */
@media (max-width:640px){
    .hub-detail[data-detail="tariffs"]{
        --tariff-mobile-pad:10px;
    }

    .hub-detail[data-detail="tariffs"] .hub-detail-header{
        min-height:auto !important;
        padding:11px 12px 9px !important;
        gap:8px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-detail-title{
        min-width:0 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-detail-title h2{
        font-size:22px !important;
        line-height:1.05 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-detail-title p{
        margin-top:4px !important;
        font-size:9px !important;
        line-height:1.2 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-content{
        padding:8px !important;
        gap:8px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector{
        padding:12px !important;
        border-radius:14px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector > header{
        display:block !important;
        padding-bottom:9px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector > header h3{
        font-size:18px !important;
        line-height:1.1 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-selector > header p{
        max-width:none !important;
        margin-top:5px !important;
        text-align:left !important;
        font-size:9px !important;
        line-height:1.35 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid label:first-child{
        grid-column:1/-1 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid label > span{
        margin-bottom:4px !important;
        font-size:9px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-filter-grid select{
        min-height:42px !important;
        padding:0 31px 0 10px !important;
        font-size:11px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-main,
    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
        min-width:0 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card{
        padding:12px 10px !important;
        border-radius:14px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card > header{
        display:block !important;
        margin-bottom:9px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-price-card > header h3{
        font-size:18px !important;
        line-height:1.1 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-effective{
        display:block !important;
        margin-top:5px !important;
        text-align:left !important;
        font-size:8px !important;
        line-height:1.25 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-table-title,
    .hub-detail[data-detail="tariffs"] .hub-tariff-core-head{
        min-height:30px !important;
        margin-bottom:5px !important;
        gap:6px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-table-title h4,
    .hub-detail[data-detail="tariffs"] .hub-tariff-core-head h4{
        font-size:12px !important;
        line-height:1.15 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-table-title span,
    .hub-detail[data-detail="tariffs"] .hub-tariff-core-head span{
        font-size:8px !important;
    }

    .hub-detail[data-detail="tariffs"] #nationalTariffComponentsOpen{
        min-height:28px !important;
        padding:4px 9px !important;
        font-size:8.5px !important;
    }

    /* Tek zamanlı seçim: yalnız açıklama ve tek zamanlı fiyat. */
    .hub-detail[data-detail="tariffs"].is-tariff-single-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):nth-child(n+3){
        display:none !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-single-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):first-child{
        width:66% !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-single-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):nth-child(2){
        width:34% !important;
    }

    /* Çok zamanlı seçim: tek zamanlı sütunu kaldır. */
    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):nth-child(2){
        display:none !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):first-child{
        width:43% !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):nth-child(n+3){
        width:19% !important;
    }

    .hub-detail[data-detail="tariffs"]
    :is(.hub-tariff-energy-table,.hub-tariff-core-table){
        width:100% !important;
        table-layout:fixed !important;
    }

    .hub-detail[data-detail="tariffs"]
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td){
        height:auto !important;
        min-height:0 !important;
        padding:7px 7px !important;
        font-size:9.5px !important;
        line-height:1.18 !important;
        overflow-wrap:anywhere !important;
    }

    .hub-detail[data-detail="tariffs"]
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    thead th{
        padding-top:7px !important;
        padding-bottom:7px !important;
        font-size:8px !important;
        line-height:1.1 !important;
    }

    .hub-detail[data-detail="tariffs"]
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    tbody th{
        font-weight:580 !important;
        text-align:left !important;
    }

    .hub-detail[data-detail="tariffs"]
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    tbody td{
        text-align:right !important;
    }

    .hub-detail[data-detail="tariffs"]
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    tbody td strong{
        font-size:11px !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-core-table tr.is-total td strong{
        font-size:12px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-core-block{
        margin-top:10px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column.has-transformer-note{
        gap:8px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card,
    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-note-card{
        min-height:0 !important;
        padding:12px 13px !important;
        border-radius:14px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > strong{
        margin:4px 0 3px !important;
        font-size:14px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card:first-child > strong{
        font-size:17px !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column .hub-tariff-fact-card > p{
        font-size:9px !important;
        line-height:1.35 !important;
    }

    .hub-detail[data-detail="tariffs"] .hub-tariff-summary-strip{
        min-height:44px !important;
    }

    /* Mobil tarife detayı: ekranı kullanan kompakt, kaydırılabilir belge. */
    .hub-tariff-components-dialog[open]{
        width:calc(100vw - 16px) !important;
        max-width:none !important;
        max-height:calc(100dvh - 16px) !important;
        margin:auto !important;
    }

    .hub-tariff-components-dialog .hub-insight-dialog-head{
        padding:11px 12px !important;
    }

    .hub-tariff-components-dialog .hub-insight-dialog-head h2{
        max-width:270px !important;
        font-size:15px !important;
        line-height:1.15 !important;
    }

    .hub-tariff-components-dialog .hub-insight-dialog-body{
        max-height:calc(100dvh - 132px) !important;
        padding:9px 10px 7px !important;
        overflow:auto !important;
    }

    .hub-tariff-components-table th,
    .hub-tariff-components-table td{
        height:auto !important;
        padding:6px 5px !important;
        font-size:8.5px !important;
        line-height:1.2 !important;
        overflow-wrap:anywhere !important;
    }

    .hub-tariff-components-table th:first-child{width:42% !important}
    .hub-tariff-components-table th:nth-child(2){width:16% !important}
    .hub-tariff-components-table th:nth-child(3){width:14% !important}
    .hub-tariff-components-table th:nth-child(4){width:28% !important}

    .hub-tariff-components-lead,
    .hub-tariff-components-note{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }
}

/* Çok zamanlı mobil tabloda dört haneli fiyatların ayrışması. */
@media (max-width:640px){
    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):first-child{
        width:40% !important;
        padding-left:7px !important;
        padding-right:5px !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    :is(th,td):nth-child(n+3){
        width:20% !important;
        padding-left:3px !important;
        padding-right:5px !important;
        text-align:right !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    thead th:nth-child(n+3){
        font-size:7.5px !important;
        white-space:nowrap !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    tbody th{
        font-size:8.7px !important;
        line-height:1.14 !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        hyphens:auto;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    :is(.hub-tariff-energy-table,.hub-tariff-core-table)
    tbody td strong{
        display:block !important;
        font-size:9.5px !important;
        font-variant-numeric:tabular-nums !important;
        letter-spacing:-.035em !important;
    }

    .hub-detail[data-detail="tariffs"].is-tariff-multi-time
    .hub-tariff-core-table tr.is-total td strong{
        font-size:10px !important;
        letter-spacing:-.045em !important;
    }
}

/* Leaflet core layout fallback.
   These scoped rules keep map tiles, markers and controls correctly
   positioned if the external Leaflet stylesheet is unavailable. */
.hub-renewable-map.leaflet-container{
    position:relative;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    outline-offset:1px;
}

.hub-renewable-map .leaflet-pane,
.hub-renewable-map .leaflet-tile,
.hub-renewable-map .leaflet-marker-icon,
.hub-renewable-map .leaflet-marker-shadow,
.hub-renewable-map .leaflet-tile-container,
.hub-renewable-map .leaflet-pane > svg,
.hub-renewable-map .leaflet-pane > canvas,
.hub-renewable-map .leaflet-zoom-box,
.hub-renewable-map .leaflet-image-layer{
    position:absolute !important;
    top:0;
    left:0;
}

.hub-renewable-map .leaflet-tile,
.hub-renewable-map .leaflet-marker-icon,
.hub-renewable-map .leaflet-marker-shadow{
    display:block;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
}

.hub-renewable-map .leaflet-tile{
    width:256px !important;
    height:256px !important;
    visibility:hidden;
    user-select:none;
}

.hub-renewable-map .leaflet-tile-loaded{visibility:inherit}
.hub-renewable-map .leaflet-map-pane{z-index:400}
.hub-renewable-map .leaflet-tile-pane{z-index:200}
.hub-renewable-map .leaflet-overlay-pane{z-index:400}
.hub-renewable-map .leaflet-shadow-pane{z-index:500}
.hub-renewable-map .leaflet-marker-pane{z-index:600}
.hub-renewable-map .leaflet-tooltip-pane{z-index:650}
.hub-renewable-map .leaflet-popup-pane{z-index:700}

.hub-renewable-map .leaflet-top,
.hub-renewable-map .leaflet-bottom{
    position:absolute;
    z-index:1000;
    pointer-events:none;
}

.hub-renewable-map .leaflet-top{top:0}
.hub-renewable-map .leaflet-right{right:0}
.hub-renewable-map .leaflet-bottom{bottom:0}
.hub-renewable-map .leaflet-left{left:0}

.hub-renewable-map .leaflet-control{
    position:relative;
    z-index:800;
    float:left;
    clear:both;
    pointer-events:auto;
}

.hub-renewable-map .leaflet-right .leaflet-control{float:right}
.hub-renewable-map .leaflet-top .leaflet-control{margin-top:10px}
.hub-renewable-map .leaflet-bottom .leaflet-control{margin-bottom:10px}
.hub-renewable-map .leaflet-left .leaflet-control{margin-left:10px}
.hub-renewable-map .leaflet-right .leaflet-control{margin-right:10px}

.hub-renewable-map .leaflet-bar{
    overflow:hidden;
    border-radius:7px;
    box-shadow:0 4px 14px rgba(4,45,31,.18);
}

.hub-renewable-map .leaflet-bar a{
    width:28px;
    height:28px;
    display:block;
    border-bottom:1px solid #d9e5e0;
    color:#083f33;
    background:#fff;
    font:700 18px/28px Arial,sans-serif;
    text-align:center;
    text-decoration:none;
}

.hub-renewable-map .leaflet-bar a:last-child{border-bottom:0}

.hub-renewable-map .leaflet-control-attribution{
    margin:0;
    padding:2px 5px;
    color:#526c63;
    background:rgba(255,255,255,.82);
    font-size:8px;
}

/* Renewable investment-screening composition */
.hub-renewable-content{grid-template-columns:minmax(440px,.46fr) minmax(520px,.54fr)}
.hub-renewable-map-panel{grid-template-rows:auto minmax(245px,1fr) auto auto}
.hub-renewable-report{grid-template-rows:auto auto minmax(175px,1fr) auto}

.hub-renewable-investment-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.hub-renewable-investment-card{
    --investment-accent:#078451;
    min-width:0;
    display:grid;
    grid-template-rows:auto 1fr auto;
    gap:8px;
    padding:10px;
    border:1px solid var(--renewable-line);
    border-top:3px solid var(--investment-accent);
    border-radius:13px;
    background:linear-gradient(155deg,#fff,#f5faf8);
}

.hub-renewable-investment-card.is-wind{--investment-accent:#1678a8}
.hub-renewable-investment-card.is-climate{--investment-accent:#df7b32}
.hub-renewable-investment-card > header{display:flex;align-items:center;gap:8px}

.hub-renewable-investment-icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:var(--investment-accent);
    background:#eef6f3;
    font-size:17px;
    font-weight:700;
}

.hub-renewable-investment-card small{
    display:block;
    color:#668078;
    font-size:7.4px;
    font-weight:700;
    letter-spacing:.1em;
}

.hub-renewable-investment-card h3{
    margin-top:2px;
    color:var(--renewable-navy);
    font-size:13px;
    line-height:1.15;
}

.hub-renewable-investment-values{display:grid;gap:5px}
.hub-renewable-investment-values > div{min-width:0;padding:5px 7px;border-radius:8px;background:#f1f6f4}
.hub-renewable-investment-values span{display:block;color:#6a8078;font-size:7.5px;font-weight:650}
.hub-renewable-investment-values strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    color:var(--renewable-navy);
    font-size:12px;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}

.hub-renewable-investment-card > button{
    min-height:28px;
    padding:0 9px;
    border:1px solid #9dd5ba;
    border-radius:999px;
    color:var(--investment-accent);
    background:#fff;
    font-size:8.5px;
    font-weight:700;
    cursor:pointer;
}
.hub-renewable-investment-card > button:hover{color:#fff;background:var(--investment-accent)}

.hub-renewable-detail-dialog .hub-insight-dialog-panel{
    width:min(590px,calc(100vw - 28px));
    max-height:min(680px,calc(100vh - 28px));
}
.hub-renewable-detail-body{display:grid;gap:12px}
.hub-renewable-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.hub-renewable-detail-row{
    min-width:0;
    display:grid;
    grid-template-columns:1fr auto;
    gap:3px 10px;
    align-items:end;
    padding:10px 11px;
    border:1px solid var(--renewable-line);
    border-radius:10px;
    background:#f7faf9;
}
.hub-renewable-detail-row span{grid-column:1/-1;color:#61766e;font-size:9px;font-weight:650}
.hub-renewable-detail-row strong{color:var(--renewable-navy);font-size:18px;font-variant-numeric:tabular-nums}
.hub-renewable-detail-row em{padding-bottom:2px;color:#61766e;font-size:8.5px;font-style:normal}
.hub-renewable-detail-caution,
.hub-renewable-investment-warning{
    margin:0;
    padding:10px 12px;
    border-left:3px solid #79c9a4;
    color:#486159;
    background:#f2f8f5;
    font-size:10.5px;
    line-height:1.45;
}
.hub-renewable-investment-warning{border-left-color:#d39b40;background:#fff9ec}

@media (min-width:901px) and (max-width:1180px){
    .hub-renewable-content{grid-template-columns:minmax(390px,.43fr) minmax(0,.57fr)}
    .hub-renewable-investment-cards{grid-template-columns:1fr}
    .hub-renewable-investment-card{
        grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr) auto;
        grid-template-rows:auto;
        align-items:center;
    }
    .hub-renewable-investment-values{grid-template-columns:1fr 1fr}
}

@media (max-width:900px){
    .hub-renewable-investment-cards{grid-template-columns:1fr}
    .hub-renewable-investment-card{
        grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr) auto;
        grid-template-rows:auto;
        align-items:center;
    }
    .hub-renewable-investment-values{grid-template-columns:1fr 1fr}
}

@media (max-width:520px){
    .hub-renewable-investment-card{grid-template-columns:1fr;grid-template-rows:auto auto auto}
    .hub-renewable-detail-grid{grid-template-columns:1fr}
}

/* Renewable data-sheet composition */
.hub-renewable-content{
    grid-template-columns:minmax(390px,.40fr) minmax(600px,.60fr);
}

.hub-renewable-map-panel{
    grid-template-rows:auto minmax(230px,1fr) auto auto;
}

.hub-renewable-report{
    grid-template-rows:auto auto minmax(0,1fr) auto;
}

.hub-renewable-map-tools{
    display:flex;
    align-items:center;
    gap:6px;
}

.hub-renewable-map-tools > button{
    min-height:30px;
    padding:0 10px;
    border:1px solid #b9dcca;
    border-radius:999px;
    color:var(--renewable-green);
    background:#fff;
    font-size:8.5px;
    font-weight:700;
    cursor:pointer;
}

.hub-renewable-investment-card{
    grid-template-rows:auto 1fr auto;
    padding:9px 10px;
}

.hub-renewable-investment-card > header{
    min-height:34px;
    padding-left:2px;
    border-left:3px solid var(--investment-accent);
}

.hub-renewable-investment-card > header > div{padding-left:7px}
.hub-renewable-investment-icon{display:none}

.hub-renewable-trend-sheet{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:5px;
    padding:8px 9px 9px;
    border:1px solid var(--renewable-line);
    border-radius:13px;
    background:#fff;
}

.hub-renewable-trend-sheet > header{
    display:flex;
    align-items:baseline;
    gap:8px;
}

.hub-renewable-trend-sheet > header span{
    color:var(--renewable-green);
    font-size:7.5px;
    font-weight:700;
    letter-spacing:.13em;
}

.hub-renewable-trend-sheet > header h3{
    color:var(--renewable-navy);
    font-size:12px;
    line-height:1.1;
}

.hub-renewable-mini-charts{
    min-height:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
}

.hub-renewable-mini-chart{
    --chart-accent:#0a9d61;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(80px,1fr);
    padding:6px 7px 4px;
    border:1px solid #dfe9e5;
    border-top:2px solid var(--chart-accent);
    border-radius:9px;
    background:#fbfdfc;
}

.hub-renewable-mini-chart.is-wind{--chart-accent:#1678a8}
.hub-renewable-mini-chart.is-temperature{--chart-accent:#df7b32}

.hub-renewable-mini-chart > header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
}

.hub-renewable-mini-chart > header strong{
    overflow:hidden;
    color:var(--renewable-navy);
    font-size:9px;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hub-renewable-mini-chart > header span{
    color:#70837c;
    font-size:6.8px;
    white-space:nowrap;
}

.hub-renewable-mini-chart > div{
    position:relative;
    min-width:0;
    min-height:80px;
}

.hub-renewable-detail-dialog{
    width:min(1120px,calc(100vw - 44px));
    height:min(720px,calc(100vh - 44px));
    max-width:none;
    max-height:none;
    margin:auto;
}

.hub-renewable-detail-dialog .hub-insight-dialog-panel{
    width:100%;
    height:100%;
    max-height:none;
    box-sizing:border-box;
}

.hub-renewable-detail-dialog .hub-insight-dialog-body{
    min-height:0;
    padding:18px;
    overflow:hidden;
}

.hub-renewable-datasheet{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(280px,.35fr) minmax(0,.65fr);
    gap:16px;
}

.hub-renewable-datasheet > aside{
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    overflow:auto;
}

.hub-renewable-detail-grid{
    grid-template-columns:1fr;
}

.hub-renewable-detail-chart{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:10px;
    padding:15px;
    border:1px solid var(--renewable-line);
    border-radius:14px;
    background:#fbfdfc;
}

.hub-renewable-detail-chart header span{
    display:block;
    color:var(--renewable-green);
    font-size:8px;
    font-weight:700;
    letter-spacing:.13em;
}

.hub-renewable-detail-chart header strong{
    display:block;
    margin-top:3px;
    color:var(--renewable-navy);
    font-size:17px;
}

.hub-renewable-detail-chart > div{
    position:relative;
    min-height:250px;
}

@media (min-width:901px) and (max-width:1180px){
    .hub-renewable-content{grid-template-columns:minmax(350px,.42fr) minmax(0,.58fr)}
    .hub-renewable-investment-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
    .hub-renewable-investment-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}
    .hub-renewable-investment-values{grid-template-columns:1fr}
    .hub-renewable-mini-charts{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:900px){
    .hub-renewable-trend-sheet{min-height:360px}
    .hub-renewable-mini-charts{grid-template-columns:1fr}
    .hub-renewable-mini-chart{grid-template-rows:auto 115px}
    .hub-renewable-detail-dialog{
        width:calc(100vw - 22px);
        height:calc(100vh - 22px);
    }
    .hub-renewable-datasheet{grid-template-columns:1fr;overflow:auto}
    .hub-renewable-detail-chart{min-height:360px}
}

@media (max-width:520px){
    .hub-renewable-map-tools{align-items:flex-end;flex-direction:column-reverse}
    .hub-renewable-map-tools > button{min-height:26px;padding:0 8px;font-size:7.5px}
    .hub-renewable-detail-dialog .hub-insight-dialog-body{padding:11px}
}

/*==================================================
GREEN ASIST | YENILENEBILIR VERILER
RESPONSIVE DASHBOARD | V10
Tek kaynakli, dogal cascade; !important kullanmaz.
==================================================*/

.hub-detail[data-detail="solar"].hub-renewable-dashboard{
    height:100%;
    min-height:0;
    overflow:hidden;
}

.hub-detail[data-detail="solar"] .hub-renewable-content{
    min-height:0;
    grid-template-columns:minmax(440px,44fr) minmax(620px,56fr);
    gap:10px;
}

.hub-detail[data-detail="solar"] .hub-renewable-map-panel{
    min-height:0;
    grid-template-rows:auto minmax(260px,1fr) auto auto;
}

.hub-detail[data-detail="solar"] .hub-renewable-report{
    min-height:0;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:8px;
    overflow:hidden;
}

.hub-renewable-trend-sheet{
    min-height:0;
    grid-template-rows:auto minmax(0,1fr);
    padding:10px;
}

.hub-renewable-trend-sheet > header span{
    font-size:10px;
    font-weight:700;
}

.hub-renewable-trend-sheet > header h3{
    font-size:14px;
}

.hub-renewable-resource-grid{
    min-height:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.hub-renewable-resource-panel{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-rows:minmax(150px,auto) minmax(165px,1fr);
    gap:8px;
}

.hub-renewable-resource-panel .hub-renewable-investment-card{
    min-width:0;
    min-height:150px;
    height:auto;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(58px,1fr) 32px;
    gap:7px;
    padding:10px 11px;
}

.hub-renewable-investment-card > header{
    min-height:34px;
}

.hub-renewable-investment-card small{
    font-size:9px;
    font-weight:700;
    line-height:1.15;
}

.hub-renewable-investment-card h3{
    font-size:15px;
    font-weight:700;
    line-height:1.15;
}

.hub-renewable-investment-values{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}

.hub-renewable-investment-values > div{
    min-width:0;
    min-height:58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:7px 9px;
    overflow:visible;
}

.hub-renewable-investment-values > div > span:first-child{
    color:#526d63;
    font-size:11px;
    font-weight:650;
    line-height:1.2;
    letter-spacing:0;
    white-space:normal;
}

.hub-renewable-investment-values strong.hub-renewable-metric-value{
    min-width:0;
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:2px 5px;
    margin-top:5px;
    overflow:visible;
    line-height:1.1;
    white-space:normal;
}

.hub-renewable-investment-values .hub-renewable-metric-number{
    display:inline-block;
    color:#063f66;
    font-size:20px;
    font-weight:700;
    line-height:1;
    letter-spacing:-.02em;
}

.hub-renewable-investment-values .hub-renewable-metric-unit{
    display:inline-block;
    color:#355f50;
    font-size:9.5px;
    font-weight:600;
    line-height:1.15;
    letter-spacing:0;
}

.hub-renewable-investment-card > button{
    width:100%;
    min-height:32px;
    height:32px;
    margin:0;
    font-size:10px;
    font-weight:700;
}

.hub-renewable-resource-panel .hub-renewable-mini-chart{
    min-height:165px;
    height:auto;
    grid-template-rows:24px minmax(0,1fr);
    padding:8px 9px 6px;
}

.hub-renewable-mini-chart > header{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
}

.hub-renewable-mini-chart > header strong{
    color:#063f66;
    font-size:11px;
    line-height:1.15;
    white-space:normal;
}

.hub-renewable-mini-chart > header span{
    color:#56766a;
    font-size:9px;
    font-weight:600;
    line-height:1.1;
    white-space:nowrap;
}

.hub-renewable-resource-panel .hub-renewable-mini-chart > div{
    min-height:0;
}

.hub-renewable-footer p{
    font-size:9.5px;
}

/* Leaflet hedef imleci */
.hub-renewable-target-icon{
    border:0;
    background:transparent;
}

.hub-renewable-target-marker,
.hub-renewable-target-marker > span{
    width:34px;
    height:34px;
}

.hub-renewable-target-marker > span{
    position:relative;
    display:block;
    border:1px solid rgba(5,61,100,.24);
    border-radius:50%;
    background:rgba(255,255,255,.94);
    box-shadow:0 5px 14px rgba(5,61,100,.2);
}

.hub-renewable-target-marker > span::before,
.hub-renewable-target-marker > span::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:#07945b;
    transform:translate(-50%,-50%);
}

.hub-renewable-target-marker > span::before{width:22px;height:2px}
.hub-renewable-target-marker > span::after{width:2px;height:22px}

.hub-renewable-target-marker > span > i{
    position:absolute;
    left:50%;
    top:50%;
    width:5px;
    height:5px;
    border:1px solid #fff;
    border-radius:50%;
    background:#053d64;
    transform:translate(-50%,-50%);
}

@media (max-width:1180px){
    .hub-detail[data-detail="solar"] .hub-renewable-content{
        grid-template-columns:minmax(390px,43fr) minmax(0,57fr);
    }

    .hub-renewable-resource-panel{
        grid-template-rows:minmax(145px,auto) minmax(145px,1fr);
    }

    .hub-renewable-resource-panel .hub-renewable-investment-card{
        min-height:145px;
        padding:9px;
    }

    .hub-renewable-investment-values > div{
        padding:6px;
    }

    .hub-renewable-investment-values > div > span:first-child{
        font-size:10px;
    }

    .hub-renewable-investment-values .hub-renewable-metric-number{
        font-size:18px;
    }
}

@media (max-width:900px){
    .hub-detail[data-detail="solar"].hub-renewable-dashboard{
        height:auto;
        overflow:visible;
    }

    .hub-detail[data-detail="solar"] .hub-renewable-content{
        grid-template-columns:1fr;
        overflow:visible;
    }

    .hub-detail[data-detail="solar"] .hub-renewable-map-panel{
        grid-template-rows:auto 260px auto auto;
    }

    .hub-detail[data-detail="solar"] .hub-renewable-report{
        overflow:visible;
    }

    .hub-renewable-resource-panel{
        grid-template-rows:minmax(145px,auto) 180px;
    }
}

@media (max-width:768px){
    .hub-renewable-resource-grid{
        grid-template-columns:1fr;
    }

    .hub-renewable-resource-panel{
        grid-template-rows:auto 210px;
    }

    .hub-renewable-resource-panel .hub-renewable-investment-card{
        min-height:150px;
    }

    .hub-renewable-investment-values .hub-renewable-metric-number{
        font-size:19px;
    }

    .hub-renewable-resource-panel .hub-renewable-mini-chart{
        min-height:210px;
    }
}

@media (max-width:520px){
    .hub-detail[data-detail="solar"] .hub-renewable-map-panel{
        grid-template-rows:auto 225px auto auto;
    }

    .hub-renewable-investment-values > div{
        min-height:62px;
        padding:8px;
    }

    .hub-renewable-investment-values > div > span:first-child{
        font-size:10px;
    }

    .hub-renewable-investment-values .hub-renewable-metric-unit{
        flex-basis:100%;
        font-size:9px;
    }

    .hub-renewable-target-marker,
    .hub-renewable-target-marker > span{
        width:30px;
        height:30px;
    }
}


/*==================================================
ENERGY HUB VISUAL BALANCE | V12
Ortak tipografi, renk, yuzey ve etkilesim dengesi.
==================================================*/

:root{
    --hub-green:#08784a;
    --hub-green-dark:#075d3b;
    --hub-green-soft:#edf6f1;
    --hub-orange:#c96932;
    --hub-orange-soft:#fff3eb;
    --hub-gray-900:#24312a;
    --hub-gray-700:#506058;
    --hub-gray-600:#68776f;
    --hub-gray-500:#7f8c85;
    --hub-gray-300:#cfd8d3;
    --hub-gray-200:#e3e9e6;
    --hub-shadow:0 12px 30px rgba(17,45,33,.045);
    --hub-shadow-soft:0 6px 18px rgba(17,45,33,.035);
}

.hub-app{
    color:#26372f;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    font-synthesis:none;
}

.hub-sidebar{
    background:#0d1d17;
    box-shadow:0 10px 28px rgba(7,26,18,.08);
}

.hub-sidebar-head h1,
.hub-detail-title-row h2{
    font-weight:700;
    letter-spacing:-.025em;
}

.hub-sidebar-head span,
.hub-sidebar-foot strong,
.hub-detail-subtitle,
.hub-section-kicker{
    font-weight:650;
    letter-spacing:.09em;
}

.hub-nav-item{
    transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}

.hub-nav-item:hover{
    background:rgba(255,255,255,.035);
    transform:translateX(2px);
}

.hub-nav-item.is-active{
    background:rgba(9,118,73,.15);
    border-color:rgba(64,189,127,.38);
}

.hub-nav-copy strong{
    font-weight:650;
}

.hub-nav-copy small{
    color:#9aaca3;
    font-weight:500;
    letter-spacing:.075em;
}

.hub-workspace,
.hub-dashboard-section,
.hub-dashboard-panel,
.hub-comparison-card,
.hub-yekdem-section,
.hub-tariff-card,
.hub-renewable-map-panel,
.hub-renewable-report{
    box-shadow:var(--hub-shadow-soft);
}

.hub-dashboard-section,
.hub-dashboard-panel,
.hub-comparison-card,
.hub-yekdem-section,
.hub-tariff-card{
    border-color:var(--hub-gray-200);
}

.hub-dashboard-section-head h3,
.hub-panel-head h3,
.hub-yekdem-section-heading h3,
.hub-tariff-card h3{
    font-weight:650;
    letter-spacing:-.012em;
}

.hub-dashboard-index,
.hub-nav-index{
    font-weight:650;
}

.hub-comparison-main-value strong,
.hub-section-average-value strong,
.hub-yekdem-metric-value > strong,
.hub-tariff-price-value,
.hub-renewable-investment-values .hub-renewable-metric-number{
    font-weight:700;
    letter-spacing:-.025em;
}

.hub-comparison-card dt,
.hub-comparison-card small,
.hub-section-chart-meta,
.hub-source,
.hub-yekdem-method-copy,
.hub-renewable-footer p{
    color:var(--hub-gray-600);
    font-weight:500;
}

button,
.hub-insight-button,
.hub-detail-pdf-button,
.hub-detail-close-button{
    font-weight:650;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible{
    outline:2px solid rgba(8,120,74,.42);
    outline-offset:2px;
}

.hub-renewable-investment-values > div,
.hub-hourly-value,
.hub-yekdem-kpi-card{
    background:#f3f7f5;
}

.hub-renewable-mini-chart,
.hub-dashboard-panel{
    background:#fdfefd;
}

@media (max-width:768px){
    .hub-nav-item:hover{
        transform:none;
    }
}


/*==================================================
ENERGY HUB FINAL LEGIBILITY | V13
Grafik, mikro metin ve tasma guvenligi.
==================================================*/

@media (min-width:901px){
    .hub-detail[data-detail="yekdem"] .hub-yekdem-content{
        overflow:auto;
        scrollbar-gutter:stable;
        scrollbar-width:thin;
        scrollbar-color:#aacbbb transparent;
    }
}

.hub-detail[data-detail="ptf"] .hub-hourly-values,
.hub-detail[data-detail="ptf"] .hub-comparison-card dl,
.hub-detail[data-detail="yekdem"] .hub-yekdem-axis-table,
.hub-detail[data-detail="yekdem"] .hub-yekdem-components-section table{
    font-size:11px;
}

.hub-detail[data-detail="ptf"] .hub-source,
.hub-detail[data-detail="yekdem"] .hub-yekdem-method-copy,
.hub-detail[data-detail="tariffs"] .hub-tariff-fact-card p,
.hub-detail[data-detail="solar"] .hub-renewable-footer p,
.hub-detail[data-detail="solar"] .hub-renewable-location-note{
    font-size:10px;
    line-height:1.4;
}

.hub-detail[data-detail="solar"] .hub-renewable-investment-values .hub-renewable-metric-unit{
    flex-basis:100%;
    margin-top:1px;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-analysis-column{
    align-content:start;
}

.hub-detail[data-detail="tariffs"] .hub-tariff-fact-card{
    border-color:#dfe7e3;
}

@media (max-width:900px){
    .hub-detail[data-detail="yekdem"] .hub-yekdem-content{
        overflow:visible;
    }
}
/* YEKDEM dönem alanı: tarayıcı/işletim sistemi dilinden bağımsız görünür metin */
.hub-detail[data-detail="yekdem"] .hub-yekdem-period-field{
    position:relative;
    min-width:132px;
    height:30px;
    padding:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #bcd6c5;
    border-radius:6px;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-field > .hub-yekdem-period-display{
    position:static;
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    margin:0;
    padding:0 32px 0 10px;
    overflow:hidden;
    clip:auto;
    white-space:nowrap;
    color:#123d2a;
    font-size:11px;
    font-weight:600;
    pointer-events:none;
}

.hub-detail[data-detail="yekdem"]
.hub-yekdem-period-field > .hub-yekdem-period-display::after{
    content:"";
    position:absolute;
    right:10px;
    width:10px;
    height:9px;
    border:1.5px solid #385a49;
    border-radius:2px;
    box-shadow:inset 0 2px 0 rgba(56,90,73,.22);
}

.hub-detail[data-detail="yekdem"] .hub-yekdem-period-field input{
    position:absolute !important;
    inset:0 !important;
    z-index:2;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    opacity:0;
    cursor:pointer;
}

.hub-detail[data-detail="yekdem"] .hub-yekdem-period-field:focus-within{
    border-color:#4e9b6b;
    outline:2px solid rgba(52,151,89,.12);
}

/* Beş Energy Hub görünümünde ortak başlık ekseni */
.hub-nav-item{
    text-decoration:none;
}

.hub-detail > .hub-dashboard-head{
    padding-left:14px !important;
    padding-right:14px !important;
}

.hub-detail .hub-detail-title,
.hub-detail .hub-detail-title-row{
    min-width:0;
}

.hub-detail .hub-detail-title-row{
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:baseline !important;
    justify-content:flex-start;
    gap:13px !important;
}

.hub-detail .hub-detail-title-row > h2{
    flex:0 0 auto;
    margin:0 !important;
    color:#073b62;
    font-size:27px !important;
    font-weight:650 !important;
    line-height:1.05 !important;
    letter-spacing:-.038em;
    white-space:nowrap;
}

.hub-detail .hub-detail-title-row > p,
.hub-detail .hub-detail-title-row > .hub-detail-subtitle{
    flex:0 1 auto;
    margin:0 !important;
    color:#087c47;
    font-size:12.5px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    letter-spacing:.045em;
    white-space:nowrap;
}

@media (max-width:900px){
    .hub-detail > .hub-dashboard-head{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .hub-detail .hub-detail-title-row{
        flex-wrap:wrap !important;
        gap:4px 10px !important;
    }

    .hub-detail .hub-detail-title-row > h2{
        font-size:22px !important;
    }

    .hub-detail .hub-detail-title-row > p,
    .hub-detail .hub-detail-title-row > .hub-detail-subtitle{
        font-size:10px !important;
    }
}

@media (max-width:640px){
    .hub-detail .hub-detail-title-row > h2{
        flex-basis:100%;
        white-space:normal;
    }
}

/* Son katman: tek ekran zorlamasını kaldır, DOM sırasını koru. */
html{
    height:auto !important;
    min-height:100% !important;
}

body{
    height:auto !important;
    min-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    grid-template-rows:none !important;
    overflow-x:auto !important;
    overflow-y:auto !important;
}

.hub-app{
    flex:0 0 auto !important;
    grid-row:auto !important;
    height:auto !important;
    min-height:760px !important;
    overflow:visible !important;
}

.hub-workspace{
    height:auto !important;
    overflow:visible !important;
}

.hub-detail-wrap,
#hubDetail{
    height:auto !important;
    min-height:100% !important;
    overflow:visible !important;
}

.hub-seo-content-wrap,
#contact,
#siteFooter{
    flex:0 0 auto;
    order:0 !important;
}

@media (max-width:900px){
    .hub-app{
        min-height:0 !important;
    }
}

/* GES kartında kaynak göstergeleri ve PVGIS tasarım açıları dengeli 2x2 yerleşir. */
.hub-detail[data-detail="solar"] .hub-renewable-investment-values{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
}