:root {
    --sidebar: #174b61;
    --sidebar-deep: #0d3448;
    --page: #f3f7f0;
    --card: #ffffff;
    --line: #dfe7dc;
    --text: #243233;
    --muted: #7a8b89;
    --green: #14904b;
    --gold: #d9a52e;
    --red: #c83535;
    --shadow: 0 1px 2px rgba(31, 48, 43, .05), 0 10px 30px rgba(31, 48, 43, .05);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--page);
    color: var(--text);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.sia-shell { display: flex; min-height: 100vh; }

.sia-shell strong,
.sia-shell b,
.sia-shell th {
    font-weight: 500;
}

.sia-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 5;
    width: 205px;
    overflow-y: auto;
    background: linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-deep) 100%);
    color: #d7ecf0;
    padding: 14px 10px 20px;
}

.sia-logo-card {
    display: grid;
    place-items: center;
    height: 86px;
    margin-bottom: 16px;
    border-radius: 8px;
    background: #fff;
}

.sia-logo-card img { width: 172px; max-height: 70px; object-fit: contain; }

.sia-search {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    margin-bottom: 18px;
    padding: 0 9px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .12);
    color: #aec9d0;
}

.sia-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-size: 12px;
}

.sia-search input::placeholder { color: #a8c1c8; }

.sia-nav p {
    margin: 18px 8px 8px;
    color: #9db8bf;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.sia-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 8px 9px;
    border-radius: 6px;
    color: #e9f4f6;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}

.sia-nav a.active,
.sia-nav a:hover { background: rgba(255, 255, 255, .13); }
.sia-nav span { width: 18px; text-align: center; }

.sia-nav b {
    margin-left: auto;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #d4b24e;
    color: #173a45;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    font-weight: 500;
}

.sia-nav i { margin-left: auto; color: #d7b647; font-style: normal; }

.sia-main {
    width: calc(100% - 205px);
    margin-left: 205px;
    padding: 0 22px 34px;
}

.sia-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 66px;
    margin: 0 -22px 22px;
    padding: 0 34px;
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid #e4ebe2;
}

.sia-topbar div:first-child { font-size: 13px; color: #7c8985; }
.sia-topbar strong { color: #1f2f31; }
.sia-topbar strong { font-weight: 500; }
.sia-topbar em { margin-left: 15px; color: #86a493; font-size: 12px; font-style: normal; }

.sia-user {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e2b33f;
    color: #4c3810;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.sia-user--profile{overflow:hidden;background:#eef4ef;border:1px solid #d6e3da;box-sizing:border-box}.sia-user--profile img{display:block;width:100%;height:100%;object-fit:cover}.sia-user--profile span{display:grid;place-items:center;width:100%;height:100%;background:#e2b33f;color:#4c3810}

.sia-data-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 48px;
    margin-bottom: 22px;
    padding: 10px 16px;
    border: 1px solid #cfe0d5;
    border-radius: 6px;
    background: #f8fcf8;
    color: #49635b;
    font-size: 12px;
}

.sia-data-banner div { display: flex; align-items: center; gap: 7px; }
.sia-data-banner div > span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #174b61;
    color: #fff;
    font-family: Georgia, serif;
}
.sia-data-banner small { color: #789087; text-align: right; }

.sia-alert-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    margin-bottom: 22px;
    padding: 0 16px;
    border: 1px solid #efb7b6;
    border-radius: 6px;
    background: #fff0f0;
    color: #7e2929;
    font-size: 13px;
}

.sia-alert-banner span { margin-right: 9px; }
.sia-alert-banner b { color: #b42929; font-size: 10px; letter-spacing: .5px; }

.sia-section-title {
    margin: 0 0 10px;
    color: #8b9692;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2.3px;
    text-transform: uppercase;
}

.sia-kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.sia-kpis article,
.sia-card {
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--card);
    box-shadow: var(--shadow);
}

.sia-kpis article { min-height: 122px; padding: 18px; }
.sia-kpis article:first-child { border-top: 3px solid var(--gold); }
.sia-kpis .highlight { border-top: 3px solid var(--red); }
.sia-kpis .unavailable {
    border-top: 3px solid #ccd7d2;
    background: #fbfcfb;
}
.sia-kpis .unavailable strong,
.sia-kpis .unavailable em { color: #8c9a95; }

.sia-kpis span {
    display: block;
    color: #8d9a96;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.sia-kpis strong {
    display: block;
    margin-top: 15px;
    color: #1f2f31;
    font-size: 27px;
    font-weight: 500;
    line-height: 1;
}

.sia-alert-banner strong,
.alerts-list strong,
.prices-card td strong,
.ipc-card p b {
    font-weight: 500;
}

.sia-kpis .highlight strong { color: var(--red); }

.sia-kpis small,
.sia-kpis em {
    display: block;
    margin-top: 7px;
    color: #92a09b;
    font-size: 11px;
}

.sia-kpis em { color: #1d9a50; font-style: normal; font-weight: 500; }
.sia-kpis em.danger { color: #cc3a3a; }

.sia-grid {
    display: grid;
    grid-template-columns: minmax(560px, 1.55fr) minmax(330px, .95fr);
    gap: 18px;
}

.sia-map-card { position: relative; min-height: 520px; }

.sia-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px 10px;
}

.sia-card-head.compact { padding-bottom: 4px; }
.sia-card h2 { margin: 0; color: #263434; font-size: 14px; font-weight: 500; }
.sia-card p { margin: 4px 0 0; color: #82908d; font-size: 11px; }
.sia-tabs { display: flex; gap: 6px; }
button { font: inherit; }

.sia-tabs button,
.sia-map-tools button {
    border: 1px solid #dce7e1;
    border-radius: 999px;
    background: #fff;
    color: #556762;
    font-size: 11px;
    font-weight: 400;
    cursor: default;
}

.sia-tabs button { padding: 6px 10px; }
.sia-tabs .selected,
.sia-map-tools .selected { background: #174b61; border-color: #174b61; color: #fff; }
.sia-map-tools button { cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.sia-map-tools button.loading { opacity: .55; }
.sia-map-tools button.failed { border-color: #d99b9b; color: #9e3d3d; }

.sia-map-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 18px 12px;
}

.sia-map-tools button { padding: 6px 11px; }

.sia-map {
    position: relative;
    height: 408px;
    margin: 0 12px 14px;
    overflow: hidden;
    border: 1px solid #e0e8e3;
    border-radius: 5px;
    background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 18%), linear-gradient(180deg, #dfe8e8 0%, #d0dbda 100%);
}

#national-map { z-index: 1; }
#national-map.map-error {
    display: grid;
    place-items: center;
    color: #7c8b87;
}

.sia-map .leaflet-control-zoom a { color: #174b61; }
.sia-map .leaflet-popup-content { margin: 10px 12px; color: #263434; }

.data-source-badge {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    border: 1px solid #d7e5de;
    border-radius: 999px;
    background: #f3f8f4;
    color: #547066;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.sia-card .sia-map-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 18px 14px;
    color: #7d8c87;
    text-align: left;
}
.sia-map-footer a { color: #174b61; text-decoration: none; }

.sia-map > img {
    position: absolute;
    left: 82px;
    top: 30px;
    width: 650px;
    max-width: 78%;
    opacity: .78;
    filter: saturate(.8);
}

.sia-zoom {
    position: absolute;
    left: 10px;
    top: 12px;
    z-index: 2;
    display: grid;
    width: 30px;
    border: 1px solid #bfc9c7;
    background: #fff;
}

.sia-zoom button {
    height: 28px;
    border: 0;
    border-bottom: 1px solid #ccd6d3;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
}

.zone {
    position: absolute;
    z-index: 3;
    display: grid;
    place-items: center;
    border-radius: 55% 45% 50% 40%;
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .6px;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .7);
    transform: rotate(-8deg);
}

.zone-red { background: rgba(199, 58, 67, .78); }
.zone-orange { background: rgba(239, 142, 45, .82); }
.zone-yellow { background: rgba(246, 205, 63, .86); color: rgba(88, 69, 19, .8); }
.z1 { left: 49%; top: 42%; width: 112px; height: 86px; }
.z2 { left: 58%; top: 31%; width: 92px; height: 65px; }
.z3 { left: 62%; top: 22%; width: 92px; height: 48px; }
.z4 { left: 38%; top: 57%; width: 130px; height: 48px; }

.sia-legend {
    position: absolute;
    left: 14px;
    bottom: 16px;
    z-index: 4;
    width: 160px;
    padding: 10px;
    border: 1px solid #d8e0de;
    border-radius: 5px;
    background: rgba(255, 255, 255, .92);
    font-size: 10px;
}

.sia-legend strong,
.sia-legend span { display: block; }
.sia-legend span { margin-top: 4px; color: #52615e; }

.sia-legend i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 1px;
    vertical-align: -1px;
}

.phase1 { background: #159447; }
.phase2 { background: #f1d424; }
.phase3 { background: #f28b1d; }
.phase4 { background: #d2343c; }
.phase5 { background: #7c0008; }
.map-credit { position: absolute; right: 8px; bottom: 6px; color: #42514f; font-size: 10px; }
.sia-side-stack { display: grid; gap: 18px; }

.availability-list { padding: 8px 14px 14px; }
.availability-list > div {
    display: grid;
    grid-template-columns: 10px 1fr auto;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    border-bottom: 1px solid #edf2ef;
}
.availability-list > div:last-child { border-bottom: 0; }
.availability-list > div > span { width: 7px; height: 7px; border-radius: 50%; }
.availability-list .ready > span { background: #14904b; }
.availability-list .waiting > span { background: #b5c0bb; }
.availability-list strong,
.availability-list small { display: block; }
.availability-list small { margin-top: 4px; color: #8b9995; font-size: 10px; }
.availability-list em { color: #82908c; font-size: 10px; font-style: normal; }
.availability-list .ready em { color: #14904b; }

.coverage-card dl { margin: 8px 18px 12px; }
.coverage-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 9px 0;
    border-bottom: 1px solid #edf2ef;
}
.coverage-card dt { color: #7c8b87; }
.coverage-card dd { margin: 0; color: #263434; }
.coverage-card > p { margin: 0 18px 18px; line-height: 1.5; }

.pill,
.success-pill,
.info-pill {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
}

.pill { background: #fff0f0; color: #c43535; }
.success-pill { background: #d9f4e2; color: #158044; }
.info-pill { background: #e4f0ff; color: #2f6ba5; }
.alerts-list { padding: 10px 14px 8px; }

.alert-row {
    display: grid;
    grid-template-columns: 22px 1fr auto;
    gap: 10px;
    align-items: center;
    min-height: 62px;
    margin-bottom: 8px;
    padding: 10px;
    border-radius: 4px;
    font-size: 11px;
}

.alert-row.critical { background: #fff0f0; border: 1px solid #f1c0bf; }
.alert-row.warning { background: #fff8cf; border: 1px solid #f2d861; }
.alert-row.info { background: #dff3ff; border: 1px solid #b9def4; }

.alert-row > span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--red);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .08);
}

.alert-row.warning > span { background: #f1d424; }
.alert-row.info > span { background: #2679c7; }
.alert-row strong,
.alert-row small { display: block; }
.alert-row small { margin-top: 4px; color: #7e8c89; }
.alert-row em { align-self: start; color: #97a29f; font-style: normal; }

.sia-card footer {
    padding: 0 14px 12px;
    color: #a1aaa7;
    text-align: center;
    font-size: 10px;
}

.ipc-bars {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    padding: 20px 18px 10px;
}

.ipc-bars div {
    display: grid;
    place-items: center;
    height: 48px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
}

.ipc-bars strong,
.ipc-bars span { display: block; line-height: 1; }
.ipc-bars span { margin-top: 4px; font-size: 11px; }
.p1 { background: #159447; }
.p2 { background: #f1d424; color: #5d4a10 !important; }
.p3 { background: #f28b1d; }
.p4 { background: #d2343c; }
.p5 { background: #7c0008; }
.ipc-card > p { padding: 0 18px 18px; color: #798783; }
.ipc-card > p b { color: #d2343c; }
.prices-card,
.production-card { min-height: 220px; }
.prices-card{grid-column:1/-1;min-width:0}.prices-card .table-scroll{width:100%}.recent-prices-table{min-width:1040px}.recent-price-weight{display:inline-block;min-width:88px;color:#365a4d;font:inherit;white-space:nowrap}.recent-price-weight.empty{color:#96a29e}

.table-scroll { overflow-x: auto; }
.empty-table { height: 100px; color: #84938f !important; text-align: center; }

.prices-card table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.prices-card th {
    padding: 13px 18px;
    border-top: 1px solid #edf2ef;
    border-bottom: 1px solid #edf2ef;
    color: #94a09d;
    text-align: left;
    font-size: 10px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    font-weight: 500;
}

.prices-card td {
    padding: 13px 18px;
    border-bottom: 1px solid #edf2ef;
    color: #4c5a58;
}

.prices-card td strong,
.prices-card td small { display: block; }
.prices-card td small { margin-top: 3px; color: #899792; font-size: 10px; text-transform: uppercase; }
.recent-price-product{display:flex;align-items:center;gap:10px;min-width:190px}.recent-price-product>span:last-child{min-width:0}.recent-price-product__image{position:relative;display:grid!important;flex:0 0 38px;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid #dbe6df;border-radius:9px;background:#edf5ef;color:#31614f}.recent-price-product__image b{font-size:12px;font-weight:600;text-transform:uppercase}.recent-price-product__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.recent-prices-head{align-items:center;flex-wrap:wrap;gap:12px}.recent-prices-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.recent-prices-tabs{display:flex;overflow:hidden;border:1px solid #dce7e1;border-radius:7px;background:#fff}.recent-prices-tabs button{min-height:31px;padding:0 12px;border:0;border-right:1px solid #e4ebe6;background:#fff;color:#71817b;font-size:10px;cursor:pointer}.recent-prices-tabs button:last-child{border-right:0}.recent-prices-tabs button.active{background:#174b61;color:#fff}.recent-prices-select-label{display:grid;gap:3px}.recent-prices-select-label span{color:#85938e;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.recent-prices-select-label select{min-width:155px;max-width:220px;height:31px;padding:0 28px 0 9px;border:1px solid #dce7e1;border-radius:7px;background:#fff;color:#334b43;font:inherit;font-size:10px;font-weight:400}.recent-prices-table{width:100%}.recent-prices-table td{vertical-align:middle}.recent-price-value strong,.recent-price-value small,.recent-market-name strong,.recent-market-name small{display:block}.recent-price-value small,.recent-market-name small{margin-top:3px;color:#87958f;font-size:9px}.recent-market-name strong{font-weight:500;color:#28453c}@media(max-width:760px){.recent-prices-controls{width:100%;justify-content:flex-start}.recent-prices-select-label{flex:1}.recent-prices-select-label select{width:100%;max-width:none}}
.recent-price-variation{display:inline-flex;align-items:center;min-width:64px;font:inherit;font-weight:500}.recent-price-variation.up{color:#bd463b}.recent-price-variation.down{color:#23815f}.recent-price-variation.neutral{color:#87958f}
.featured-reports-card{grid-column:1/-1;min-width:0}.featured-reports-card>.sia-card-head{align-items:flex-end}.featured-reports-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #edf2ef}.featured-report{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;min-height:142px;padding:18px;border-right:1px solid #edf2ef;color:inherit;text-decoration:none}.featured-report:last-child{border-right:0}.featured-report:hover{background:#f8fbf8}.featured-report__cover{display:grid;width:78px;height:104px;place-items:center;overflow:hidden;border:1px solid #dce6df;border-radius:6px;background:#f1f5f2;color:#245846}.featured-report__cover img{width:100%;height:100%;object-fit:cover}.featured-report__cover span{display:grid;place-items:center;width:44px;height:56px;border:1px solid #d4dfd8;border-radius:4px;background:#fff;font-size:10px;letter-spacing:.08em}.featured-report__body{min-width:0}.featured-report__meta{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#72857e;font-size:9px;letter-spacing:.07em;text-transform:uppercase}.featured-report__meta i{width:5px;height:5px;border-radius:50%;background:#51a77d}.featured-report h3{display:-webkit-box;overflow:hidden;margin:0;color:#203e35;font-size:13px;font-weight:500;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.featured-report p{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:#7b8b85;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.featured-report small{display:block;margin-top:9px;color:#9aa59f;font-size:9px}.featured-reports-empty{grid-column:1/-1;margin:0;padding:28px;color:#84938f;text-align:center;font-size:11px}@media(max-width:1100px){.featured-reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-report:nth-child(2n){border-right:0}}@media(max-width:650px){.featured-reports-grid{grid-template-columns:1fr}.featured-report{border-right:0}}
.price-trend-button{display:grid;grid-template-columns:82px auto;align-items:center;gap:7px;padding:4px 8px;border:1px solid #dce7e1;border-radius:7px;background:#fbfdfb;color:#557067;cursor:pointer}.price-trend-button:hover{border-color:#8db3a2;background:#f1f7f3}.price-trend-button svg{width:82px;height:26px}.price-trend-button polyline{fill:none;stroke:#26805e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.price-trend-button span{font-size:9px}.price-trend-modal[hidden]{display:none}.price-trend-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}.price-trend-backdrop{position:absolute;inset:0;border:0;background:rgba(19,45,39,.56);backdrop-filter:blur(3px)}.price-trend-dialog{position:relative;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #cadbd2;border-radius:12px;background:#fff;box-shadow:0 28px 80px rgba(16,49,40,.28)}.price-trend-dialog>header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 17px;border-bottom:1px solid #e1e9e4}.price-trend-dialog>header span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#759087}.price-trend-dialog>header h2{margin:5px 0 3px;color:#213b34;font-size:22px;font-weight:500}.price-trend-dialog>header p{margin:0;color:#7b8c86;font-size:11px}.price-trend-close{width:36px;height:36px;border:1px solid #dbe6df;border-radius:50%;background:#f7faf7;color:#5f746d;font-size:20px;cursor:pointer}.price-trend-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:14px 24px;background:#f6f9f6;border-bottom:1px solid #e2ebe5}.price-trend-scopes{display:flex;overflow:hidden;border:1px solid #d6e3da;border-radius:7px;background:#fff}.price-trend-scopes button{height:34px;padding:0 13px;border:0;border-right:1px solid #e3ebe5;background:#fff;color:#60746d;font-size:10px;cursor:pointer}.price-trend-scopes button:last-child{border-right:0}.price-trend-scopes button.active{background:#174b61;color:#fff}.price-trend-toolbar label{display:grid;gap:3px}.price-trend-toolbar label span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#80918b}.price-trend-toolbar select{height:34px;padding:0 30px 0 10px;border:1px solid #d6e3da;border-radius:7px;background:#fff;font:inherit;font-size:10px}.price-trend-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e4ebe7}.price-trend-stats div{padding:13px 18px;border-right:1px solid #e4ebe7}.price-trend-stats div:last-child{border-right:0}.price-trend-stats span,.price-trend-stats strong{display:block}.price-trend-stats span{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#87968f}.price-trend-stats strong{margin-top:4px;color:#26483e;font-size:15px;font-weight:500}.price-trend-chart{min-height:370px;padding:18px 22px}.price-trend-chart>p{display:grid;place-items:center;min-height:320px;color:#82918c;font-size:12px}.price-trend-chart svg{display:block;width:100%;height:300px}.price-chart-grid line{stroke:#e4ebe7;stroke-width:1}.price-chart-grid text,.price-trend-chart>svg>text{fill:#84928d;font-size:9px}.price-trend-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:4px 36px}.price-trend-legend span{display:inline-flex;align-items:center;gap:6px;color:#60726c;font-size:9px}.price-trend-legend i{width:18px;height:3px;border-radius:4px}.price-trend-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid #e1e9e4;background:#fafcfa}.price-trend-dialog>footer>span{color:#81908b;font-size:9px}.price-trend-dialog>footer div{display:flex;gap:8px}.price-trend-dialog>footer a{padding:9px 12px;border:1px solid #d5e3da;border-radius:7px;color:#315d4e;text-decoration:none;font-size:10px}.price-trend-dialog>footer a:last-child{background:#176b52;color:#fff;border-color:#176b52}.price-trend-open{overflow:hidden}@media(max-width:720px){.price-trend-modal{padding:8px}.price-trend-toolbar,.price-trend-dialog>footer{align-items:stretch;flex-direction:column}.price-trend-scopes{width:100%}.price-trend-scopes button{flex:1}.price-trend-stats{grid-template-columns:repeat(2,1fr)}.price-trend-button{grid-template-columns:62px}.price-trend-button span{display:none}}
.price-history-page{min-height:100vh;background:#f2f5f1;color:#243b34}.price-history-topbar{position:sticky;top:0;z-index:20;height:58px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5df;background:#fff}.price-history-topbar a{color:#245846;text-decoration:none;font-size:11px}.price-history-topbar span{color:#81908a;font-size:10px}.price-history-main{width:min(1240px,calc(100% - 40px));margin:28px auto 60px}.price-history-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:28px 32px;background:#173f34;color:#fff;border-radius:10px}.price-history-hero>div:first-child>span{color:#9bc0b0;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.price-history-hero h1{margin:8px 0 7px;font-size:30px;font-weight:400}.price-history-hero p{margin:0;color:#c4d8cf;font-size:12px}.price-history-hero>div:last-child{text-align:right}.price-history-hero>div:last-child strong,.price-history-hero>div:last-child span,.price-history-hero>div:last-child small{display:block}.price-history-hero>div:last-child strong{font-size:28px;font-weight:400}.price-history-hero>div:last-child span{font-size:10px;color:#c4d8cf}.price-history-hero>div:last-child small{margin-top:7px;color:#91ad9f;font-size:9px}.price-history-filters{display:flex;align-items:flex-end;gap:10px;margin:16px 0;padding:14px 16px;border:1px solid #dbe5de;border-radius:9px;background:#fff}.price-history-filters label{display:grid;gap:4px}.price-history-filters label span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#81908a}.price-history-filters select{min-width:180px;height:36px;padding:0 30px 0 10px;border:1px solid #d6e2da;border-radius:7px;background:#fff;font:inherit;font-size:10px}.price-history-filters button,.price-history-download{display:grid;place-items:center;height:36px;padding:0 15px;border:1px solid #176b52;border-radius:7px;background:#176b52;color:#fff;font:inherit;font-size:10px;text-decoration:none;cursor:pointer}.price-history-download{margin-left:auto;background:#fff;color:#176b52}.price-history-table-card{overflow:hidden;border:1px solid #dbe5de;border-radius:9px;background:#fff}.price-history-table-card table{width:100%;border-collapse:collapse}.price-history-table-card th{padding:11px 13px;background:#f3f7f3;color:#788a83;font-size:9px;font-weight:500;letter-spacing:.08em;text-align:left;text-transform:uppercase}.price-history-table-card td{padding:11px 13px;border-top:1px solid #e7eee9;color:#52675f;font-size:10px}.price-history-table-card td strong{color:#294b40;font-weight:500}.price-history-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px;border-top:1px solid #e0e9e3}.price-history-pagination a{padding:7px 11px;border:1px solid #d4e1d8;border-radius:6px;color:#2d5b4b;text-decoration:none;font-size:9px}.price-history-pagination span{color:#7c8d86;font-size:9px}@media(max-width:700px){.price-history-main{width:min(100% - 20px,1240px)}.price-history-hero{align-items:flex-start;flex-direction:column}.price-history-hero>div:last-child{text-align:left}.price-history-filters{align-items:stretch;flex-direction:column}.price-history-filters select{width:100%}.price-history-download{margin-left:0}}

.spark {
    display: inline-block;
    width: 48px;
    height: 22px;
    background: linear-gradient(90deg, #d9f3df 12%, transparent 12% 22%, #bce7c8 22% 34%, transparent 34% 44%, #9fdab2 44% 56%, transparent 56% 66%, #77c493 66% 78%, transparent 78% 88%, #2a8c56 88%);
}

.production-list { padding: 12px 20px 24px; }

.production-list div {
    display: grid;
    grid-template-columns: 90px 1fr 20px;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    color: #788783;
    font-size: 12px;
}

.production-list b {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #d8e8d4, #86bd82);
}

.production-list em { color: #a1aaa7; font-style: normal; }

.next-data-list { padding: 10px 18px 20px; }
.next-data-list > div {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 11px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #edf2ef;
}
.next-data-list > div:last-child { border-bottom: 0; }
.next-data-list > div > span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #edf5ef;
    color: #46705b;
    font-size: 11px;
}
.next-data-list strong,
.next-data-list small { display: block; }
.next-data-list small { margin-top: 4px; color: #879590; font-size: 10px; }

.login-modal {
    position: fixed;
    inset: 0;
    z-index: 20;
    display: none;
    place-items: center;
    padding: 24px;
}

.login-modal:target { display: grid; }

.login-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(13, 52, 72, .48);
    backdrop-filter: blur(5px);
}

.login-modal__card {
    position: relative;
    z-index: 1;
    width: min(420px, 100%);
    padding: 26px;
    border: 1px solid #dfe7dc;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(13, 52, 72, .24);
}

.login-modal__close {
    position: absolute;
    right: 14px;
    top: 10px;
    color: #7a8b89;
    font-size: 24px;
    text-decoration: none;
}

.login-modal__card > span {
    color: #8d9a96;
    font-size: 11px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.login-modal h2 {
    margin: 8px 0 8px;
    font-size: 22px;
    font-weight: 500;
}

.login-modal p {
    margin: 0 0 18px;
    color: #73817d;
    line-height: 1.5;
}

.login-modal label {
    display: block;
    margin-top: 12px;
}

.login-modal small {
    display: block;
    margin-bottom: 6px;
    color: #7a8b89;
}

.login-modal input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #dfe7dc;
    border-radius: 7px;
    outline: 0;
    font: inherit;
}

.login-modal input:focus { border-color: #174b61; }

.login-modal button {
    width: 100%;
    height: 42px;
    margin-top: 16px;
    border: 0;
    border-radius: 7px;
    background: #174b61;
    color: #fff;
    font-weight: 500;
}

.login-modal__help {
    display: block;
    margin-top: 14px;
    color: #174b61;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

@media (max-width: 1180px) {
    .sia-kpis { grid-template-columns: repeat(2, minmax(160px, 1fr)); }
    .sia-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .sia-sidebar { position: static; width: 100%; max-height: none; }
    .sia-shell { display: block; }
    .sia-main { width: 100%; margin-left: 0; }
    .sia-topbar { margin-top: 0; }
    .sia-kpis { grid-template-columns: 1fr; }
    .sia-data-banner { align-items: flex-start; flex-direction: column; }
    .sia-data-banner small { text-align: left; }
    .sia-map { height: 360px; }
    .sia-card .sia-map-footer { align-items: flex-start; flex-direction: column; }
}
.sia-notification-menu{position:relative;margin-left:auto;z-index:80}.sia-notification-menu>summary{list-style:none;width:42px;height:42px;border:1px solid #d8e4db;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;position:relative;color:#234e41}.sia-notification-menu>summary::-webkit-details-marker{display:none}.sia-notification-menu>summary svg{width:20px;height:20px;fill:currentColor}.sia-notification-menu>summary b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:2px solid #fff;border-radius:20px;background:#c84f42;color:#fff;font-size:9px;line-height:14px;text-align:center;font-weight:600}.sia-notification-menu[open]>summary{background:#edf5ef;border-color:#8fb3a2}.sia-notification-popover{position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid #d7e3da;box-shadow:0 18px 45px rgba(23,58,48,.18);z-index:100}.sia-notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e1e9e3}.sia-notification-popover>header span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7b8e87}.sia-notification-popover>header strong{display:block;margin-top:3px;font-size:14px;font-weight:500;color:#173a32}.sia-notification-popover>header a{font-size:11px;color:#167451;text-decoration:none}.sia-notification-list{max-height:390px;overflow:auto}.sia-notification-list>a{display:grid;grid-template-columns:9px 1fr;gap:11px;padding:13px 18px;border-bottom:1px solid #edf2ee;text-decoration:none;color:#26483e}.sia-notification-list>a:hover{background:#f5f8f5}.sia-notification-list>a>i{width:7px;height:7px;border-radius:50%;background:#2a8863;margin-top:5px}.sia-notification-list>a.severity-warning>i{background:#c48635}.sia-notification-list>a.severity-critical>i{background:#c34d42}.sia-notification-list span strong{display:block;font-size:12px;font-weight:500}.sia-notification-list span small{display:block;color:#75867f;font-size:11px;line-height:1.4;margin-top:3px}.sia-notification-list span em{display:block;color:#9aa7a2;font-size:9px;font-style:normal;margin-top:5px}.sia-notification-list>p{margin:0;padding:30px 18px;text-align:center;color:#7b8e87;font-size:12px}.sia-notification-popover>form{padding:11px 14px;background:#f3f7f3}.sia-notification-popover>form button{width:100%;border:0;background:transparent;color:#176c4e;font:inherit;font-size:11px;cursor:pointer;padding:6px}.sia-topbar>.sia-notification-menu+.sia-user,.sia-topbar>.sia-notification-menu+.sia-user-menu{margin-left:0}

.sia-topbar>.sia-notification-menu+.sia-user,.sia-topbar>.sia-notification-menu+.sia-user-menu{margin-left:10px}

.sia-settings-menu{position:relative;z-index:79;margin-left:auto}.sia-notification-menu+.sia-settings-menu{margin-left:8px}.sia-settings-menu>summary{display:grid;place-items:center;width:42px;height:42px;box-sizing:border-box;border:1px solid #d8e4db;border-radius:50%;background:#fff;color:#31584b;list-style:none;cursor:pointer}.sia-settings-menu>summary::-webkit-details-marker{display:none}.sia-settings-menu>summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sia-settings-menu[open]>summary{background:#edf5ef;border-color:#8fb3a2}.sia-settings-popover{position:absolute;right:0;top:50px;width:310px;padding:8px;background:#fff;border:1px solid #d7e3da;box-shadow:0 18px 45px rgba(23,58,48,.18);z-index:100}.sia-settings-popover>header{padding:10px 11px 12px;border-bottom:1px solid #e5ece7}.sia-settings-popover>header span{display:block;color:#83938d;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.sia-settings-popover>header strong{display:block;margin-top:4px;color:#203b33;font-size:14px;font-weight:500}.sia-settings-popover>a{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:10px 9px;color:#29473d;text-decoration:none;border-bottom:1px solid #edf2ee}.sia-settings-popover>a:last-child{border-bottom:0}.sia-settings-popover>a:hover{background:#f3f7f3}.sia-settings-popover>a i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#edf5ef;color:#277558}.sia-settings-popover>a i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sia-settings-popover>a span strong{display:block;font-size:11px;font-weight:500}.sia-settings-popover>a span small{display:block;margin-top:3px;color:#83918c;font-size:9px}.sia-settings-popover>a>b{position:absolute;right:10px;top:17px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:20px;background:#c55448;color:#fff;font-size:9px;line-height:18px;text-align:center}.sia-settings-menu+.sia-user,.sia-settings-menu+.sia-user-menu{margin-left:10px}
.national-map-popup {
    display: grid;
    grid-template-columns: auto minmax(90px, 1fr);
    gap: 4px 12px;
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px solid #e5ece7;
}

.national-map-popup small {
    color: #74847e;
    font-size: 10px;
}

.national-map-popup span {
    color: #173b39;
    font-size: 11px;
    text-align: right;
}

.national-ipc-legend {
    position: absolute;
    z-index: 450;
    left: 18px;
    bottom: 58px;
    display: grid;
    gap: 5px;
    min-width: 170px;
    padding: 12px 14px;
    border: 1px solid #dbe5de;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 8px 22px rgba(20, 54, 45, .12);
    font-size: 11px;
}

.national-ipc-legend[hidden] { display: none; }
.national-ipc-legend strong { margin-bottom: 3px; color: #6d7f79; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.national-ipc-legend span { display: flex; align-items: center; gap: 8px; }
.national-ipc-legend i { width: 12px; height: 12px; border-radius: 2px; }
.national-ipc-legend .ipc-1 { background: #1e7e34; }
.national-ipc-legend .ipc-2 { background: #ffd600; }
.national-ipc-legend .ipc-3 { background: #ff8c00; }
.national-ipc-legend .ipc-4 { background: #d62b2b; }
.national-ipc-legend .ipc-5 { background: #640000; }