.phase2-main { background: #f1f6f2; color: #1a3e3c; }
.phase2-main .phase2-heading { display: flex; align-items: center; min-height: 174px; margin: 15px 0 12px; padding: 25px 30px; overflow: hidden; border: 1px solid #dce7df; border-radius: 7px; background: linear-gradient(90deg,#f9fcf9 0%,rgba(249,252,249,.97) 32%,rgba(249,252,249,.72) 54%,rgba(249,252,249,.05) 84%),url('img/fisheries-hero.png') center 53% / cover no-repeat; }
.phase2-heading > div:first-child { max-width: 680px; }
.phase2-main .phase2-heading > div > span { color: #a57921; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.phase2-main .phase2-heading h1 { margin: 7px 0; color: #113b3b; font-size: clamp(28px,2.5vw,38px); font-weight: 600; letter-spacing: -.035em; line-height: 1.15; }
.phase2-main .phase2-heading p { max-width: 610px; color: #49645e; font-size: 14px; line-height: 1.5; }
.phase2-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-bottom: 13px; }
.phase2-kpis article { display: flex; align-items: center; gap: 13px; min-width: 0; min-height: 87px; padding: 13px 17px; border: 1px solid #dce6df; border-radius: 7px; background: #fff; box-shadow: 0 4px 15px rgba(25,59,49,.05); }
.phase2-kpi-icon { display: grid; flex: 0 0 49px; width: 49px; height: 49px; place-items: center; border-radius: 9px; background: #e7f4eb; color: #21734f; }
.phase2-kpis article:nth-child(2) .phase2-kpi-icon { background: #eaf3f7; color: #2b7186; }
.phase2-kpis article:nth-child(3) .phase2-kpi-icon { background: #f8f1de; color: #a77b23; }
.phase2-kpi-icon svg { width: 25px; height: 25px; }
.phase2-kpis article strong,.phase2-kpis article span:not(.phase2-kpi-icon) { display: block; }
.phase2-kpis article strong { color: #123e3b; font-size: 26px; font-weight: 600; line-height: 1.1; }
.phase2-kpis article span:not(.phase2-kpi-icon) { margin-top: 4px; color: #647d70; font-size: 12px; font-weight: 500; }
.phase2-main .phase2-workspace { grid-template-columns: 310px minmax(0,1fr); gap: 12px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.phase2-main .phase2-catalogue,.phase2-main .phase2-result { min-width: 0; overflow: hidden; border: 1px solid #dce6df; border-radius: 7px; background: #fff; box-shadow: 0 5px 18px rgba(24,58,47,.055); }
.phase2-main .phase2-catalogue { padding: 0; border-right: 1px solid #dce6df; }
.phase2-catalogue > header { padding: 15px 15px 10px; background: #f7faf7; }
.phase2-catalogue > header strong,.phase2-catalogue > header small { display: block; }
.phase2-catalogue > header strong { color: #21483c; font-size: 15px; font-weight: 600; }
.phase2-catalogue > header small { margin-top: 4px; color: #6d8375; font-size: 11px; line-height: 1.4; }
.phase2-main .phase2-catalogue > label { margin: 10px 12px; }
.phase2-main .phase2-catalogue > div { height: 555px; margin: 0; padding: 0 9px 9px; }
.phase2-main .phase2-catalogue button { grid-template-columns: 28px minmax(0,1fr); align-items: center; min-height: 39px; padding: 9px; border-bottom: 1px solid #e7eee9; border-radius: 0; }
.phase2-main .phase2-catalogue button.active { border-left: 3px solid #b88b25; border-radius: 4px; background: #eaf5ed; }
.phase2-main .phase2-catalogue button em { color: #23483c; font-size: 12px; font-weight: 550; }
.phase2-main .phase2-catalogue button span { color: #9b7c34; font-size: 11px; }
.phase2-main .phase2-catalogue button.pending,.phase2-main .phase2-catalogue button.pending.active { border-left-color: #c6cfca; background: #f8faf8; }
.phase2-main .phase2-catalogue button.pending span,.phase2-main .phase2-catalogue button.pending em { color: #85958c; }
.phase2-main .phase2-catalogue button.pending em { opacity: .62; }
.phase2-main .phase2-catalogue button.pending small { grid-column: 2; color: #8a9188; font-size: 10px; font-weight: 600; }
.phase2-main .phase2-catalogue button.pending:hover { background: #f1f4f1; }
.phase2-main .phase2-result > header { background: #fff; }
.phase2-main .phase2-result > header span { color: #a47b24; font-size: 10px; font-weight: 700; }
.phase2-main .phase2-result > header h2 { color: #193d37; font-size: 20px; font-weight: 600; }
.phase2-main #phase2-csv-link[hidden] { display: none!important; }
.phase2-main .phase2-table-wrap { max-height: 560px; }
.phase2-main .phase2-table-wrap th { background: #174d48; color: #fff; font-size: 12px; font-weight: 600; }
.phase2-main .phase2-table-wrap td { color: #2c4b42; font-size: 12px; }
.phase2-main .phase2-table-wrap tbody tr:hover { background: #f2f8f3; }
.phase2-main .department-row td:nth-child(2) { color: #165d4d; font-weight: 600; }
.phase2-main .commune-toggle { width: 23px; height: 23px; border-radius: 5px; background: #e1f2e9; color: #135b43; font-size: 16px; line-height: 23px; }
.phase2-main .national-row { background: #dcefe6; color: #164d3f; }
.phase2-main .phase2-reports { gap: 12px; margin-top: 13px; border-radius: 7px; box-shadow: 0 4px 15px rgba(24,58,47,.045); }
.phase2-main .phase2-reports h2 { color: #193d37; font-weight: 600; }
.phase2-main .phase2-reports > a,.phase2-main .phase2-reports > button { border-radius: 6px; background: #f8fbf8; }
.phase2-main .phase2-reports > button:disabled { opacity: .48; cursor: not-allowed; }
@media(max-width:1050px) { .phase2-main .phase2-workspace { grid-template-columns: 255px minmax(0,1fr); } }
@media(max-width:760px) { .phase2-main .phase2-workspace { grid-template-columns: 1fr; } .phase2-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } .phase2-main .phase2-catalogue > div { height: 240px; } }
@media(max-width:650px) { .phase2-main .phase2-heading { min-height: 0; padding: 22px; background: linear-gradient(90deg,rgba(249,252,249,.97),rgba(249,252,249,.8)),url('img/fisheries-hero.png') center / cover no-repeat; } .phase2-kpis { grid-template-columns: 1fr; } .phase2-main .phase2-reports { grid-template-columns: 1fr; } }