﻿/* HRBudgetPortal v0.7.0 Phase C - TİS Executive Dashboard */
.tis-page-heading { margin-bottom:18px; }
.tis-heading-context small { line-height:1.45; }

.tis-contextbar {
    display:grid;
    grid-template-columns:1.35fr 1.7fr .7fr auto;
    gap:10px;
    align-items:end;
    margin-bottom:18px;
    padding:16px;
    background:linear-gradient(145deg,#fffdf8,#eef6fb);
    border:1px solid #dbe5ed;
    border-radius:18px;
    box-shadow:var(--shadow-soft);
}
.tis-contextbar .filter-field label {
    display:block; margin-bottom:6px; color:var(--muted); font-size:9px; font-weight:800;
    text-transform:uppercase; letter-spacing:.04em;
}
.tis-contextbar select { width:100%; height:42px; border-radius:11px; font-size:10px; padding:0 10px; background:#fff; }

.tis-kpi-grid { margin-bottom:24px; }

.tis-scenario-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:14px;
}
.tis-scenario-card { min-width:0; padding:17px; }
.tis-scenario-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.tis-scenario-card-head h3 { margin:7px 0 2px; color:var(--brand); font-size:17px; letter-spacing:-.02em; }
.tis-scenario-card-head small { color:#8493a2; font-size:8px; }
.tis-type-badge, .tis-lock-badge {
    display:inline-flex; align-items:center; min-height:22px; padding:4px 8px; border-radius:99px;
    font-size:8px; font-weight:900; letter-spacing:.04em; text-transform:uppercase;
}
.tis-type-badge { color:#315a80; background:#e9f1f8; }
.tis-lock-badge { color:#597084; background:#eef3f7; white-space:nowrap; }
.scenario-employer-offer { border-top:3px solid #3f6f9f; }
.scenario-settlement { border-top:3px solid #65a382; }
.scenario-union-demand { border-top:3px solid #b96f67; }

.tis-scenario-meta { display:grid; gap:8px; margin:15px 0; }
.tis-scenario-meta div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; align-items:start; }
.tis-scenario-meta span { color:var(--muted); font-size:8px; }
.tis-scenario-meta strong { color:#40566e; font-size:9px; text-align:right; overflow:hidden; text-overflow:ellipsis; }

.tis-result-status { padding:11px 12px; border-radius:12px; border:1px dashed #d8e0e7; background:#f7f9fb; }
.tis-result-status strong, .tis-result-status span { display:block; }
.tis-result-status strong { color:#5a6e82; font-size:9px; }
.tis-result-status span { margin-top:4px; color:#8996a3; font-size:8px; line-height:1.45; }
.tis-result-status.ready { background:#eef8f2; border-color:#c8e2d2; }
.tis-result-status.ready strong { color:#37765a; }

.tis-parameter-card { margin-top:0; }
.tis-parameter-table th:not(:first-child), .tis-parameter-table td:not(:first-child) { min-width:150px; }
.tis-parameter-table tbody tr:nth-child(1) td { background:rgba(58,100,145,.025); }

.tis-base-grid {
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);
    gap:14px;
    margin-bottom:14px;
}
.tis-month-chart {
    display:grid;
    grid-template-columns:repeat(12,minmax(34px,1fr));
    gap:8px;
    height:260px;
    align-items:end;
    padding:25px 2px 2px;
}
.tis-month-col { min-width:0; height:100%; display:grid; grid-template-rows:18px 1fr 18px; align-items:end; text-align:center; }
.tis-month-value { color:#728195; font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tis-month-track {
    width:22px; height:100%; margin:0 auto; display:flex; align-items:flex-end; justify-content:center;
    border-bottom:1px solid #dfe6ec; position:relative;
}
.tis-month-track i { display:block; width:100%; min-height:2px; border-radius:5px 5px 2px 2px; }
.tis-month-track i.actual { background:var(--actual); }
.tis-month-track i.plan { background:var(--brand-2); }
.tis-month-col small { color:#778697; font-size:8px; }

.tis-hc-list { display:grid; gap:8px; padding-top:3px; }
.tis-hc-row { display:grid; grid-template-columns:56px minmax(0,1fr) 44px; gap:8px; align-items:center; font-size:8px; }
.tis-hc-row span { color:var(--muted); }
.tis-hc-track { height:8px; background:#edf1f4; border-radius:99px; overflow:hidden; }
.tis-hc-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#86a5bf,#376a9b); }
.tis-hc-row b { color:var(--brand); text-align:right; font-size:8px; }

.tis-scope-card { margin-top:0; }
.tis-next-phase-note {
    display:grid; grid-template-columns:250px minmax(0,1fr); gap:16px; align-items:center;
    margin:0 0 26px; padding:16px 18px; border:1px solid #e4d6ad; border-radius:16px;
    background:linear-gradient(90deg,#fff8e7,#f8fbfd); box-shadow:var(--shadow-soft);
}
.tis-next-phase-note strong { color:#745719; font-size:11px; }
.tis-next-phase-note span { color:#697b8d; font-size:9px; line-height:1.55; }

@media (max-width:1200px) {
    .tis-contextbar { grid-template-columns:1fr 1fr; }
    .tis-contextbar .budget-context-title { grid-column:1/-1; }
    .tis-scenario-grid { grid-template-columns:1fr; }
    .tis-base-grid { grid-template-columns:1fr; }
}
@media (max-width:760px) {
    .tis-contextbar { grid-template-columns:1fr; }
    .tis-month-chart { min-width:720px; }
    .tis-base-grid .analysis-card:first-child { overflow-x:auto; }
    .tis-next-phase-note { grid-template-columns:1fr; }
}
