/* LIAnalyzer Analyzer Dashboard Final */

.app-wrapper{
    max-width:1650px;
    margin:0 auto;
    padding:95px 45px 55px !important;
    display:grid !important;
    grid-template-columns:390px 1fr !important;
    gap:38px !important;
    align-items:start !important;
}

.left-panel{
    padding-top:70px !important;
}

.left-panel h2{
    font-size:44px !important;
    line-height:1.08 !important;
}

.left-panel p{
    max-width:390px !important;
}

.stats{
    gap:14px !important;
}

.stats div{
    width:118px !important;
    padding:15px !important;
}

.analyzer-card{
    max-width:none !important;
    width:100% !important;
    padding:24px !important;
    border-radius:24px !important;
    overflow:hidden !important;
}

.analyzer-card h1{
    text-align:center !important;
    font-size:34px !important;
    margin-bottom:8px !important;
}

.analyzer-card .subtitle{
    text-align:center !important;
    margin-bottom:24px !important;
}

.analyzer-card form{
    display:grid !important;
    grid-template-columns:330px minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
}



.analyzer-form-panel label{
    display:flex !important;
    align-items:center;
    gap:8px;
    margin-top:14px !important;
    margin-bottom:7px !important;
}

.analyzer-form-panel label:first-child{
    margin-top:0 !important;
}

.analyzer-form-panel label::before{
    content:"▣";
    color:#8b5cf6;
    font-size:11px;
}

.analyzer-form-panel select,
.analyzer-form-panel input{
    height:48px !important;
}

.analyzer-form-panel button{
    height:56px !important;
    margin-top:20px !important;
}

.analyzer-dashboard{
    min-width:0;
    width:100%;
}

.analyzer-dashboard-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}

.analyzer-dashboard-title h3{
    font-size:20px;
    color:#fff;
    margin:0;
}

.analyzer-dashboard-title h3::before{
    content:"▣";
    color:#60a5fa;
    margin-right:10px;
}

.results-grid{
    display:grid !important;
    grid-template-columns:1fr 1.35fr 1fr !important;
    gap:14px !important;
    margin-top:0 !important;
    align-items:stretch !important;
}

.dashboard-card{
    background:rgba(30,41,59,.84) !important;
    border:1px solid rgba(148,163,184,.18) !important;
    border-radius:18px !important;
    padding:18px !important;
    min-width:0;
    box-shadow:0 18px 45px rgba(0,0,0,.16);
}

.dashboard-card h3{
    font-size:17px;
    margin-bottom:14px;
}

.dashboard-card p{
    color:#cbd5e1;
    line-height:1.55;
    margin-bottom:8px;
}

.fps-card,
.main-fps-card,
.accuracy-card{
    min-height:230px;
}

.fps-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid rgba(148,163,184,.12);
}

.fps-row span{
    color:#e5e7eb;
}

.fps-row strong{
    color:#60a5fa !important;
    white-space:nowrap;
}

.main-fps-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.big-fps{
    display:block;
    font-size:52px;
    margin:12px 0 8px;
    background:linear-gradient(90deg,#60a5fa,#a78bfa);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.fps-meter{
    width:85%;
    height:10px;
    margin-top:20px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    overflow:hidden;
}

.fps-meter div{
    width:70%;
    height:100%;
    background:linear-gradient(90deg,#ef4444,#fbbf24,#22c55e);
    border-radius:999px;
}

.main-fps-card::after{
    content:"Good Performance";
    display:block;
    margin-top:16px;
    color:#22c55e;
    font-weight:800;
    font-size:14px;
}

.accuracy-card{
    text-align:center;
}

.accuracy-card .accuracy-number{
    width:105px;
    height:105px;
    margin:10px auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:30px;
    background:
        radial-gradient(circle at center, rgba(30,41,59,.96) 58%, transparent 60%),
        conic-gradient(#8b5cf6 0 62%, rgba(255,255,255,.10) 62% 100%);
}

.system-score-card{
    grid-column:1 / span 2 !important;
    
}

.game-optimizer-card{
    grid-column:3 / span 1 !important;
    min-height:280px;
}

.game-optimizer-card strong{
    color:#60a5fa;
}

.game-optimizer-card .fps-row span{
    max-width:65%;
}

.system-optimizer-card{
    grid-column:1 / -1 !important;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:12px;
    padding:18px !important;
}

.system-optimizer-card h3{
    grid-column:1 / -1;
}

.system-optimizer-card p{
    background:rgba(15,23,42,.55);
    border:1px solid rgba(148,163,184,.12);
    border-radius:14px;
    padding:12px;
    margin:0;
    min-height:82px;
    display:flex;
    align-items:center;
}

.dashboard-actions{
    grid-column:1 / -1 !important;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:4px;
}

.dashboard-actions .ai-fix-link{
    height:58px !important;
    margin:0 !important;
    border-radius:15px !important;
    font-size:15px !important;
    background:linear-gradient(90deg,#2563eb,#7c3aed) !important;
}

.dashboard-actions .ai-fix-link:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(37,99,235,.20);
}
/* Analyzer fine tune */

.results-grid{
    grid-template-columns:1fr 1.25fr 1fr !important;
    gap:16px !important;
}

.game-optimizer-card{
    padding:20px !important;
}

.game-optimizer-card .fps-row{
    gap:18px !important;
}

.game-optimizer-card .fps-row span{
    max-width:70% !important;
    line-height:1.35;
}

.system-score-card{
    padding:22px !important;
}

.system-optimizer-card p{
    min-height:72px !important;
}

.dashboard-actions .ai-fix-link{
    font-weight:800 !important;
}
/* Analyzer visual polish */

.analyzer-dashboard-title{
    padding:0 4px;
}

.dashboard-card:hover{
    border-color:rgba(96,165,250,.28) !important;
}

.main-fps-card{
    background:
        radial-gradient(circle at center, rgba(124,58,237,.10), transparent 60%),
        rgba(30,41,59,.84) !important;
}

.fps-card p{
    font-size:14px;
}

.accuracy-card p{
    font-size:14px;
}

.system-score-card strong{
    color:#fff;
}

.system-score-card p{
    margin-bottom:10px;
}

.game-optimizer-card .fps-row{
    padding:12px 0;
}

.system-optimizer-card p{
    transition:.18s ease;
}

.system-optimizer-card p:hover{
    border-color:rgba(96,165,250,.26);
    transform:translateY(-2px);
}
/* System analysis polish */

.system-score-card{
    position:relative;
}

.system-score-card h3{
    margin-bottom:18px;
}

.system-score-card .score-bar{
    margin:14px 0 24px;
}

.system-score-card > strong,
.system-score-card strong{
    display:inline-block;
    margin-top:10px;
}

.system-score-card p{
    color:#cbd5e1;
}

.system-score-card p:nth-of-type(3),
.system-score-card p:nth-of-type(4){
    color:#d1d5db;
}

.system-score-card p:nth-of-type(3)::first-letter,
.system-score-card p:nth-of-type(4)::first-letter{
    color:#22c55e;
}
/* Dashboard action polish */

.dashboard-actions .ai-fix-link{
    position:relative;
    overflow:hidden;
}

.dashboard-actions .ai-fix-link::after{
    content:"→";
    position:absolute;
    right:22px;
    font-size:22px;
    font-weight:900;
    opacity:.9;
}

.dashboard-actions .ai-fix-link:hover::after{
    right:18px;
}
/* Select2 arrow fix */

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:48px !important;
    right:10px !important;
    top:0 !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#94a3b8 transparent transparent transparent !important;
    border-width:5px 4px 0 4px !important;
    margin-left:-4px !important;
    margin-top:-2px !important;
}

.analyzer-form-panel .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #94a3b8 transparent !important;
    border-width:0 4px 5px 4px !important;
}
/* Select2 right block fix */

.analyzer-form-panel .select2-container--default .select2-selection--single{
    height:48px !important;
    border-radius:14px !important;
    background:#1e293b !important;
    border:1px solid rgba(148,163,184,.22) !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__rendered{
    height:48px !important;
    line-height:48px !important;
    padding-left:14px !important;
    padding-right:42px !important;
    color:#fff !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow{
    width:42px !important;
    height:48px !important;
    right:0 !important;
    top:0 !important;
    background:transparent !important;
    border-left:0 !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#cbd5e1 transparent transparent transparent !important;
    border-width:6px 5px 0 5px !important;
}
/* Select2 clean analyzer style */

.analyzer-form-panel .select2-container{
    width:100% !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single{
    height:48px !important;
    background:#1e293b !important;
    border:1px solid rgba(148,163,184,.22) !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#fff !important;
    line-height:48px !important;
    padding-left:14px !important;
    padding-right:42px !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:48px !important;
    width:42px !important;
    right:0 !important;
    top:0 !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#cbd5e1 transparent transparent transparent !important;
    border-width:6px 5px 0 5px !important;
}

/* Dropdown search area */
.select2-dropdown{
    background:#111827 !important;
    border:1px solid rgba(148,163,184,.25) !important;
    border-radius:14px !important;
    overflow:hidden !important;
}

.select2-search--dropdown{
    padding:10px !important;
    background:#111827 !important;
}

.select2-search--dropdown .select2-search__field{
    background:#1e293b !important;
    color:#fff !important;
    border:1px solid rgba(148,163,184,.25) !important;
    border-radius:10px !important;
    padding:10px !important;
    outline:none !important;
}

.select2-results__option{
    background:#111827 !important;
    color:#cbd5e1 !important;
    padding:10px 12px !important;
}

.select2-results__option--highlighted{
    background:#2563eb !important;
    color:#fff !important;
}
/* Select2 left block fix */

.analyzer-form-panel .select2-container--default .select2-selection--single{
    overflow:hidden !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single .select2-selection__rendered{
    background:transparent !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single::before{
    content:none !important;
}

.analyzer-form-panel .select2-container--default .select2-selection--single *{
    box-shadow:none !important;
}
/* Accuracy card clean */

.accuracy-card p{
    margin-bottom:6px !important;
}

.accuracy-note{
    color:#94a3b8 !important;
    font-size:13px !important;
}
/* FPS result card clean */

.fps-card .fps-row:nth-of-type(3){
    margin-bottom:12px;
}

.fps-card p{
    font-size:14px !important;
    margin-bottom:7px !important;
}

.fps-card p strong{
    color:#ffffff;
}

.fps-card h3,
.main-fps-card h3,
.accuracy-card h3{
    margin-bottom:18px !important;
}
/* ===========================
   System Analysis V2
=========================== */

.system-analysis-grid{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:24px;
    margin-top:18px;
}

.system-score{
    padding-right:24px;
    border-right:1px solid rgba(255,255,255,.08);
}

.system-details{
    padding-left:4px;
}

.system-details strong{
    display:block;
    margin-top:18px;
    margin-bottom:10px;
    color:#fff;
    font-size:15px;
}

.system-details strong:first-child{
    margin-top:0;
}

.system-score .score-bar{
    margin-top:14px;
}

.system-score p{
    margin-bottom:10px;
}

.system-details p{
    margin-bottom:8px;
}
/* System Analysis width fix */

.system-analysis-grid{
    grid-template-columns:48% 52% !important;
    gap:18px !important;
    align-items:start !important;
}

.system-score{
    padding-right:18px !important;
}

.system-details{
    padding-left:0 !important;
    margin-top:0 !important;
    align-self:start !important;
}
.system-details p{
    line-height:1.45 !important;
    margin-bottom:10px !important;
}

.system-details strong{
    margin-top:18px !important;
}

.system-details strong:first-child{
    margin-top:0 !important;
}
/* System Analysis vertical balance */

.system-details{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.system-details strong{
    margin-top:10px !important;
    margin-bottom:8px !important;
}

.system-details strong:first-child{
    margin-top:0 !important;
}

.system-details p{
    margin-bottom:7px !important;
}

.system-details strong:nth-of-type(2){
    margin-top:22px !important;
}
/* System Analysis reference tune */

.system-score-card{
    min-height:190px !important;
    padding:16px !important;
}

.system-analysis-grid{
    display:grid !important;
    grid-template-columns:185px 1fr !important;
    gap:18px !important;
    margin-top:10px !important;
    align-items:stretch !important;
}

.system-score{
    background:rgba(15,23,42,.55);
    border:1px solid rgba(148,163,184,.12);
    border-radius:12px;
    padding:14px !important;
    border-right:0 !important;
}

.system-score p{
    margin:0 0 10px !important;
    font-size:12px !important;
    line-height:1.35 !important;
}

.system-score p strong{
    display:block;
    font-size:12px !important;
    margin-bottom:4px;
    color:#cbd5e1 !important;
}

.system-score .score-bar{
    height:8px !important;
    margin-top:12px !important;
    background:rgba(148,163,184,.16);
    border-radius:999px;
    overflow:hidden;
}

.system-score .score-fill{
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#2563eb,#8b5cf6);
}

.system-details{
    display:grid !important;
    grid-template-columns:1fr;
    gap:2px !important;
    padding-left:0 !important;
}

.analysis-title{
    display:block !important;
    margin:0 0 4px !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.strengths-title{
    color:#22c55e !important;
}

.weaknesses-title{
    color:#ef4444 !important;
    margin-top:8px !important;
}

.potential-title{
    color:#a78bfa !important;
    margin-top:8px !important;
}

.system-details p{

    margin:0 0 6px !important;

    line-height:1.25 !important;

    font-size:13px !important;

}

.potential-gain{
    color:#c4b5fd !important;
}
/* Performance Overview header tune */

.analyzer-dashboard-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:16px !important;
    padding:0 4px !important;
}

.analyzer-dashboard-title h3{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:20px !important;
    font-weight:900 !important;
    color:#fff !important;
}

.analyzer-dashboard-title h3::before{
    content:"▣" !important;
    color:#60a5fa !important;
    font-size:15px !important;
    margin-right:0 !important;
}

.overview-source{
    color:#94a3b8;
    font-size:12px;
    font-weight:700;
}
/* System Analysis height fix */

.system-score-card{
    min-height:0 !important;
    height:auto !important;
}

.system-score-card{
    align-self:start !important;
}

.system-analysis-grid{
    min-height:0 !important;
}

.system-score{
    min-height:130px !important;
}

.system-details{
    min-height:130px !important;
}
/* Estimated FPS Gauge */

.main-fps-card{
    position:relative;
    overflow:hidden;
}

.fps-gauge{
    position:relative;
    width:170px;
    height:90px;
    margin:22px auto 10px;
}

.gauge-arc{
    width:170px;
    height:90px;

    border-top-left-radius:170px;
    border-top-right-radius:170px;

    border:8px solid transparent;

    border-bottom:none;

    background:
        conic-gradient(
            from 180deg,
            #ef4444 0deg,
            #f59e0b 45deg,
            #eab308 90deg,
            #84cc16 135deg,
            #22c55e 180deg
        );

    -webkit-mask:
        radial-gradient(circle at bottom,
        transparent 63px,
        #000 64px);

    mask:
        radial-gradient(circle at bottom,
        transparent 63px,
        #000 64px);
}

.gauge-needle{

    position:absolute;

    bottom:2px;
    left:50%;

    width:4px;
    height:58px;

    background:#f8fafc;

    border-radius:10px;

    transform-origin:bottom center;

    transform:translateX(-50%) rotate(58deg);

    box-shadow:0 0 12px rgba(255,255,255,.25);

}

.gauge-needle::after{

    content:"";

    position:absolute;

    bottom:-7px;
    left:50%;

    width:12px;
    height:12px;

    border-radius:50%;

    background:#fff;

    transform:translateX(-50%);
}
/* Gauge size correction */

.fps-gauge{
    width:145px !important;
    height:76px !important;
    margin:16px auto 8px !important;
}

.gauge-arc{
    width:145px !important;
    height:76px !important;
    border-top-left-radius:145px !important;
    border-top-right-radius:145px !important;

    -webkit-mask:
        radial-gradient(circle at bottom,
        transparent 52px,
        #000 53px) !important;

    mask:
        radial-gradient(circle at bottom,
        transparent 52px,
        #000 53px) !important;
}

.gauge-needle{
    height:48px !important;
    transform:translateX(-50%) rotate(55deg) !important;
}

.main-fps-card .big-fps{
    margin-bottom:4px !important;
}

.main-fps-card p{
    margin-bottom:0 !important;
}
/* Reference SVG Gauge */

.fps-gauge,
.gauge-arc,
.gauge-needle{
    display:none !important;
}

.fps-gauge-svg{
    width:220px;
    height:125px;
    margin:18px auto 2px;
}

.fps-gauge-svg svg{
    width:100%;
    height:100%;
    overflow:visible;
}

.fps-gauge-svg path{
    fill:none;
    stroke-width:13;
    stroke-linecap:butt;
}

.gauge-red{
    stroke:#ff3b30;
}

.gauge-orange{
    stroke:#fbbf24;
}

.gauge-green-light{
    stroke:#84cc16;
}

.gauge-green{
    stroke:#22c55e;
}

.gauge-needle-svg{
    stroke:#f8fafc;
    stroke-width:5;
    stroke-linecap:round;
    filter:drop-shadow(0 0 6px rgba(255,255,255,.35));
}

.gauge-center{
    fill:#f8fafc;
    filter:drop-shadow(0 0 6px rgba(255,255,255,.25));
}

.main-fps-card::after{
    margin-top:2px !important;
}

.main-fps-card{
    justify-content:center !important;
}
/* Accuracy reference tune */

.accuracy-stars{
    color:#fbbf24;
    font-size:18px;
    letter-spacing:2px;
    margin:8px 0 10px;
}

.accuracy-desc{
    color:#94a3b8 !important;
    font-size:12px !important;
    line-height:1.4 !important;
    max-width:190px;
    margin:0 auto !important;
}

.accuracy-card .accuracy-number{
    margin-bottom:8px !important;
}

.accuracy-card p{
    margin-bottom:6px !important;
}
/* FPS Result reference tune */

.fps-card{
    padding:18px !important;
}

.fps-card h3{
    font-size:16px !important;
    margin-bottom:20px !important;
}

.fps-card .fps-row{
    padding:9px 0 !important;
    gap:10px !important;
}

.fps-card .fps-row span{
    font-size:14px !important;
    color:#e5e7eb !important;
}

.fps-card .fps-row strong{
    font-size:14px !important;
    color:#60a5fa !important;
    font-weight:900 !important;
}

.fps-card p{
    font-size:13px !important;
    line-height:1.45 !important;
    margin-bottom:8px !important;
}

.fps-card p strong{
    color:#fff !important;
    font-weight:900 !important;
}
/* Game Optimizer reference tune */

.game-optimizer-card{
    padding:18px !important;
}

.game-optimizer-card h3{
    font-size:16px !important;
    margin-bottom:18px !important;
}

.game-optimizer-card p{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-bottom:14px !important;
}

.game-optimizer-card p strong{
    display:block;
    color:#60a5fa !important;
    font-weight:900 !important;
    margin-bottom:4px;
}

.game-optimizer-card .fps-row{
    padding:11px 0 !important;
    border-bottom:1px solid rgba(148,163,184,.13) !important;
}

.game-optimizer-card .fps-row span{
    font-size:14px !important;
    line-height:1.25 !important;
    color:#e5e7eb !important;
}

.game-optimizer-card .fps-row strong{
    font-size:14px !important;
    color:#60a5fa !important;
    font-weight:900 !important;
    text-align:right;
}
/* =====================================
   System Optimizer Reference Style
===================================== */

.system-optimizer-card{
    padding:18px !important;
}

.system-optimizer-card h3{
    margin-bottom:18px !important;
    font-size:17px !important;
}

.system-optimizer-card{
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:12px !important;
}

.system-optimizer-card h3{
    grid-column:1 / -1;
}

.system-optimizer-card p{

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

    min-height:82px !important;

    padding:12px !important;

    margin:0 !important;

    border-radius:14px;

    background:rgba(15,23,42,.55);

    border:1px solid rgba(148,163,184,.12);

    font-size:13px !important;

    line-height:1.35;

    transition:.18s;
}

.system-optimizer-card p:hover{

    transform:translateY(-2px);

    border-color:rgba(96,165,250,.25);

    box-shadow:0 10px 20px rgba(0,0,0,.18);

}
/* ===========================
   Layout Pass - Reference Width
=========================== */

.app-wrapper{
    max-width:1680px !important;
    grid-template-columns:360px minmax(0, 1fr) !important;
    gap:42px !important;
}

.left-panel{
    padding-top:95px !important;
}

.left-panel .stats{
    margin-bottom:28px !important;
}

/* Dashboard main card should use more space */
.analyzer-card{
    max-width:1060px !important;
    padding:28px !important;
}

/* Result grid reference proportions */
.results-grid{
    grid-template-columns:1fr 1.25fr 1fr !important;
    gap:16px !important;
}

/* First row cards same height */
.fps-card,
.main-fps-card,
.accuracy-card{
    min-height:285px !important;
}

/* Second row alignment */
.system-score-card,
.game-optimizer-card{
    min-height:250px !important;
}

/* System Analysis should not stretch too much */
.system-score-card{
    display:flex !important;
    flex-direction:column !important;
}

.system-analysis-grid{
    flex:1 !important;
    grid-template-columns:190px 1fr !important;
    gap:18px !important;
}

/* Score box closer to reference */
.system-score{
    min-height:150px !important;
    padding:16px !important;
}

/* Details area tighter */
.system-details{
    justify-content:center !important;
}

/* Game Optimizer match System Analysis height */
.game-optimizer-card{
    height:100% !important;
}

.game-optimizer-card .fps-row{
    padding:10px 0 !important;
}

/* System Optimizer full width balance */
.system-optimizer-card{
    margin-top:0 !important;
}

/* Bottom buttons reference alignment */
.dashboard-actions{
    margin-top:0 !important;
}
/* Layout compact correction */

.fps-card,
.main-fps-card,
.accuracy-card{
    min-height:235px !important;
}

.system-score-card,
.game-optimizer-card{
    min-height:235px !important;
}

.main-fps-card .big-fps{
    font-size:46px !important;
}

.fps-gauge-svg{
    width:185px !important;
    height:105px !important;
    margin:10px auto 0 !important;
}

.system-optimizer-card{
    margin-top:-70px !important;
}
/* Dashboard structure V2 */

.results-grid{
    display:block !important;
}

.performance-row{
    display:grid !important;
    grid-template-columns:1fr 1.25fr 1fr !important;
    gap:16px !important;
    margin-bottom:16px !important;
}

.analysis-row{
    display:grid !important;
    grid-template-columns:2fr 1fr !important;
    gap:16px !important;
    margin-bottom:16px !important;
    align-items:stretch !important;
}

.optimizer-row{
    margin-bottom:16px !important;
}

.system-score-card,
.game-optimizer-card{
    min-height:260px !important;
    height:100% !important;
}

.system-optimizer-card{
    margin-top:0 !important;
}

.dashboard-actions{
    margin-top:0 !important;
}
/* Analysis row height correction */

.analysis-row{
    align-items:stretch !important;
}

.system-score-card,
.game-optimizer-card{
    min-height:240px !important;
    max-height:260px !important;
    overflow:hidden !important;
}

.system-analysis-grid{
    display:grid !important;
    grid-template-columns:170px 1fr !important;
    gap:14px !important;
    align-items:start !important;
}

.system-score{

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:18px !important;

    min-height:145px !important;

    border-radius:12px;

}

.system-details{
    min-height:150px !important;
    max-height:170px !important;
    justify-content:center !important;
}

.game-optimizer-card .fps-row{
    padding:8px 0 !important;
}

.game-optimizer-card p{
    margin-bottom:10px !important;
}
/* Final vertical alignment pass */

.app-wrapper{
    padding-top:70px !important;
}

.left-panel{
    padding-top:85px !important;
}

.analyzer-card{
    padding-top:34px !important;
}

.analyzer-card h1{
    margin-bottom:8px !important;
}

.analyzer-card .subtitle{
    margin-bottom:28px !important;
}

.analyzer-form-panel{
    padding:18px !important;
}

.analyzer-form-panel label{
    margin-top:12px !important;
    margin-bottom:6px !important;
}

.analyzer-form-panel select,
.analyzer-form-panel input,
.analyzer-form-panel .select2-selection--single{
    height:44px !important;
}

.analyzer-form-panel .select2-selection__rendered{
    line-height:44px !important;
}

.analyzer-form-panel .select2-selection__arrow{
    height:44px !important;
}

.analyzer-form-panel button{
    height:52px !important;
    margin-top:18px !important;
}

.performance-row{
    margin-bottom:14px !important;
}

.analysis-row{
    margin-bottom:14px !important;
}

.optimizer-row{
    margin-bottom:14px !important;
}
/* Force Analysis + Game Optimizer equal height */

.analysis-row{
    display:grid !important;
    grid-template-columns:2.25fr 1fr !important;
    gap:16px !important;
    align-items:stretch !important;
}

.analysis-row > .dashboard-card{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
}

.system-score-card,
.game-optimizer-card{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
    overflow:hidden !important;
}

.game-optimizer-card{
    display:flex !important;
    flex-direction:column !important;
}

.game-optimizer-card .fps-row{
    flex:1 !important;
    min-height:0 !important;
    padding:7px 0 !important;
}

.game-optimizer-card p{
    margin-bottom:8px !important;
}

.system-analysis-grid{
    height:calc(100% - 34px) !important;
}
/* LEFT PANEL SINGLE CARD LIKE REFERENCE */

.left-panel{
    padding-top:0 !important;
    background:rgba(15,23,42,.58) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    border-radius:22px !important;
    padding:28px !important;
    box-shadow:0 18px 50px rgba(0,0,0,.20);
}

.left-panel .badge{
    margin-bottom:24px !important;
}

.left-panel h2{
    font-size:38px !important;
    line-height:1.08 !important;
    margin-bottom:20px !important;
}

.left-panel > p{
    font-size:15px !important;
    line-height:1.65 !important;
    margin-bottom:26px !important;
}

.left-panel .stats{
    margin-bottom:26px !important;
}

.analyzer-form-panel{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}

.app-wrapper{
    grid-template-columns:390px minmax(0, 1fr) !important;
    gap:32px !important;
    align-items:start !important;
}

.analyzer-card{
    max-width:1120px !important;
}
/* FINAL FIX - Reference layout correction */

/* Sol panel tek kutu olarak kalsın */
.left-panel{
    background:rgba(15,23,42,.58) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    border-radius:22px !important;
    padding:28px !important;
}

/* Form artık ayrı kutu gibi görünmesin */
.analyzer-form-panel{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    box-shadow:none !important;
}

/* Dashboard biraz genişlesin */
.analyzer-card{
    max-width:1180px !important;
}

/* System Analysis + Game Optimizer satırı */
.analysis-row{
    display:grid !important;
    grid-template-columns:minmax(0, 2.15fr) minmax(260px, 1fr) !important;
    gap:16px !important;
    align-items:stretch !important;
}

/* Zorla kesme/yükseklik hatalarını kaldır */
.system-score-card,
.game-optimizer-card{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

/* İki kart aynı satırda doğal olarak eşitlensin */
.analysis-row > .dashboard-card{
    height:auto !important;
}

/* Game Optimizer yazıları sıkışmasın */
.game-optimizer-card{
    display:block !important;
    padding:18px !important;
}

.game-optimizer-card .fps-row{
    padding:8px 0 !important;
    min-height:auto !important;
    flex:unset !important;
}

.game-optimizer-card .fps-row span{
    max-width:70% !important;
    line-height:1.25 !important;
}

.game-optimizer-card .fps-row strong{
    white-space:nowrap !important;
}

/* System Analysis içi referansa yakın */
.system-analysis-grid{
    display:grid !important;
    grid-template-columns:180px 1fr !important;
    gap:18px !important;
    align-items:center !important;
    height:auto !important;
}

.system-score{
    min-height:150px !important;
}

.system-details{
    min-height:150px !important;
    justify-content:center !important;
}
/* Game Optimizer emergency fix */

.analysis-row{
    grid-template-columns:minmax(0, 2.2fr) 260px !important;
    align-items:stretch !important;
}

.game-optimizer-card{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    padding:16px !important;
    display:flex !important;
    flex-direction:column !important;
}

.game-optimizer-card h3{
    margin-bottom:12px !important;
}

.game-optimizer-card p{
    margin-bottom:10px !important;
    font-size:13px !important;
    line-height:1.35 !important;
}

.game-optimizer-card .fps-row{
    padding:6px 0 !important;
    gap:10px !important;
    min-height:auto !important;
    flex:0 0 auto !important;
}

.game-optimizer-card .fps-row span{
    font-size:13px !important;
    line-height:1.2 !important;
    max-width:62% !important;
}

.game-optimizer-card .fps-row strong{
    font-size:13px !important;
    white-space:nowrap !important;
}


/* =====================================
   FINAL CONTROLLED FIX - Analysis Layout
   Bu blok en altta kalmalı. Eski height/overflow denemelerini ezmek için yazıldı.
===================================== */

.app-wrapper{
    align-items:stretch !important;
}

.left-panel{
    height:100% !important;
    align-self:stretch !important;
}

.analysis-row{
    display:grid !important;
    grid-template-columns:minmax(0, 2.2fr) minmax(280px, 1fr) !important;
    gap:16px !important;
    align-items:stretch !important;
}

.analysis-row > .dashboard-card,
.system-score-card,
.game-optimizer-card{
    height:auto !important;
    min-height:260px !important;
    max-height:none !important;
    overflow:visible !important;
}

.system-score-card{
    display:flex !important;
    flex-direction:column !important;
}

.system-analysis-grid{
    flex:1 !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:180px minmax(0, 1fr) !important;
    gap:18px !important;
    align-items:center !important;
}

.system-details{
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:visible !important;
}

.potential-title{
    margin-top:8px !important;
}

.potential-gain{
    display:block !important;
    margin:0 !important;
    max-width:100% !important;
    color:#c4b5fd !important;
    font-size:13px !important;
    line-height:1.3 !important;
    overflow:visible !important;
}

.game-optimizer-card{
    display:flex !important;
    flex-direction:column !important;
    padding:16px !important;
}

.game-optimizer-card .fps-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:7px 0 !important;
    flex:0 0 auto !important;
    min-height:0 !important;
}

.game-optimizer-card .fps-row span{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:13px !important;
    line-height:1.2 !important;
}

.game-optimizer-card .fps-row strong{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-size:13px !important;
}

/* FINAL FIX - System Analysis = Game Optimizer height */

.analysis-row{
    display:grid !important;
    grid-template-columns:2fr 1fr !important;
    gap:16px !important;
    align-items:stretch !important;
}



.system-score-card{
    display:flex !important;
    flex-direction:column !important;
}

.system-analysis-grid{
    flex:1 !important;
    height:100% !important;
    display:grid !important;
    grid-template-columns:170px 1fr !important;
    gap:14px !important;
    align-items:stretch !important;
}

.system-score,
.system-details{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
}

.system-details{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.potential-gain{
    margin-bottom:0 !important;
    white-space:normal !important;
    overflow:visible !important;
}
/* FINAL - System Analysis aşağı doğru Game Optimizer ile eşitlensin */

.analysis-row{
    display:grid !important;
    grid-template-columns:minmax(0, 2.2fr) 260px !important;
    gap:16px !important;
    align-items:stretch !important;
}

.system-score-card,
.game-optimizer-card{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
}

.system-score-card{
    min-height:100% !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
}

.system-analysis-grid{
    flex:1 !important;
    height:100% !important;
    display:grid !important;
    grid-template-columns:180px 1fr !important;
    gap:18px !important;
    align-items:stretch !important;
}

.system-score,
.system-details{
    height:100% !important;
    min-height:100% !important;
}

.system-details{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}