.phase3-main { background: #f1f6f2; color: #1a3e3c; }
.phase3-main .phase3-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; }
.phase3-heading > div:first-child { max-width: 710px; }
.phase3-main .phase3-heading > div:first-child > span { color: #a57921; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.phase3-main .phase3-heading h1 { margin: 7px 0; color: #113b3b; font-size: clamp(28px,2.5vw,38px); font-weight: 600; letter-spacing: -.035em; line-height: 1.15; }
.phase3-main .phase3-heading p { max-width: 610px; color: #49645e; font-size: 14px; line-height: 1.5; }
.phase3-main > .phase3-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-bottom: 13px; }
.phase3-main > .phase3-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); }
.phase3-kpi-icon { display: grid; flex: 0 0 49px; width: 49px; height: 49px; place-items: center; border-radius: 9px; background: #e7f4eb; color: #21734f; }
.phase3-kpis article:nth-child(2) .phase3-kpi-icon { background: #eaf3f7; color: #2b7186; }
.phase3-kpis article:nth-child(3) .phase3-kpi-icon { background: #f8f1de; color: #a77b23; }
.phase3-kpi-icon svg { width: 25px; height: 25px; }
.phase3-main .phase3-kpis strong { color: #123e3b; font-family: inherit; font-size: 26px; font-weight: 600; line-height: 1.1; }
.phase3-main .phase3-kpis span:not(.phase3-kpi-icon) { margin-top: 4px; color: #647d70; font-size: 12px; font-weight: 500; text-transform: none; }
.phase3-main .phase3-workspace { gap: 12px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.phase3-main .phase3-presets,.phase3-main .phase3-analysis { min-width: 0; overflow: hidden; border: 1px solid #dce6df; border-radius: 7px; background: #fff; box-shadow: 0 5px 18px rgba(24,58,47,.055); }
.phase3-main .phase3-presets { border-right: 1px solid #dce6df; }
.phase3-main .phase3-presets > header { background: #f7faf7; }
.phase3-main .phase3-presets > header > span,.phase3-main .phase3-analysis > header span { color: #a47b24; font-weight: 700; }
.phase3-main .phase3-presets button { border-bottom: 1px solid #e7eee9; }
.phase3-main .phase3-presets button.active { border-left: 3px solid #b88b25; border-radius: 4px; background: #eaf5ed; }
.phase3-main .phase3-presets button strong { color: #23483c; font-weight: 600; }
.phase3-main .phase3-analysis > header { background: #fff; }
.phase3-main .phase3-analysis > header h2 { color: #193d37; font-size: 20px; font-weight: 600; }
.phase3-main .phase3-controls { background: #f5f9f6; }
.phase3-main .phase3-controls label > span { color: #4a695b; font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.phase3-main .phase3-controls select { font-size: 12px; }
.phase3-main .phase3-controls button { background: #155b45; font-size: 12px; font-weight: 600; }
.phase3-main .phase3-table-wrap th { background: #174d48; }
.phase3-main .phase3-footer-cards { gap: 12px; }
.phase3-main .phase3-footer-cards > article,.phase3-main .phase3-footer-cards > a { border-radius: 7px; box-shadow: 0 4px 15px rgba(24,58,47,.045); }
@media(max-width:850px) { .phase3-main > .phase3-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } .phase3-main .phase3-workspace { grid-template-columns: 1fr; } }
@media(max-width:650px) { .phase3-main .phase3-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; } .phase3-main > .phase3-kpis { grid-template-columns: 1fr; } .phase3-main .phase3-controls { grid-template-columns: 1fr; } }