/* WeatherGreece v10.32 — Ναυσιπλοΐα και Ιστιοπλοΐα */
.marine-panel{--marine-alert-color:#39d887;--marine-level:#39d887;position:relative;overflow:hidden;padding:0;isolation:isolate}
.marine-panel[data-alert-color="green"]{--marine-alert-color:#39d887}.marine-panel[data-alert-color="orange"]{--marine-alert-color:#ff982e}.marine-panel[data-alert-color="red"]{--marine-alert-color:#ff5267}
.marine-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px 14px;border-bottom:1px solid rgba(106,190,232,.15);background:linear-gradient(135deg,rgba(14,56,83,.58),rgba(4,18,36,.12))}
.marine-head h2{margin:4px 0 0;color:#f3faff;font-size:1.35rem;letter-spacing:.055em}.marine-updated{color:#c2d9e5;font-size:.62rem;font-weight:700;text-align:right}
.marine-table{min-width:0}.marine-table-head,.marine-row{display:grid;grid-template-columns:minmax(150px,1.7fr) minmax(58px,.72fr) minmax(62px,.72fr) minmax(78px,.9fr) minmax(75px,.86fr) minmax(88px,1fr);align-items:center;column-gap:9px}
.marine-table-head{min-height:37px;padding:7px 15px;background:rgba(1,12,25,.35);color:#76a3ba;font-size:.51rem;font-weight:900;letter-spacing:.065em;text-transform:uppercase}.marine-table-head span:not(:first-child){text-align:center}
.marine-row{position:relative;min-height:68px;padding:8px 15px;border-top:1px solid rgba(102,184,226,.1);transition:background .18s}.marine-row::before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:0 3px 3px 0;background:var(--marine-level)}.marine-row:hover{background:rgba(30,128,179,.08)}
.marine-status-green{--marine-level:#39d887}.marine-status-yellow{--marine-level:#f2d447}.marine-status-orange{--marine-level:#ff982e}.marine-status-red{--marine-level:#ff5267}.marine-status-unknown{--marine-level:#597789;opacity:.72}
.marine-place,.marine-gust,.marine-wave{display:grid;gap:3px;min-width:0}.marine-place strong{color:#edf9ff;font-size:.69rem;line-height:1.25}.marine-place small,.marine-gust small,.marine-wave small{color:#819fb2;font-size:.52rem;line-height:1.25}.marine-state,.marine-wind,.marine-force{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;text-align:center}.marine-gust,.marine-wave{text-align:left}.marine-state img{width:39px;height:39px;object-fit:contain}.marine-state-missing{color:#819fb2}
.marine-wind strong,.marine-force strong,.marine-gust strong,.marine-wave strong{color:var(--marine-level);font-size:.7rem;white-space:nowrap}.marine-direction-arrow{display:inline-block;color:var(--marine-level);font-family:Arial,sans-serif;font-size:.86rem;font-weight:900;line-height:1;transform:rotate(var(--marine-wind-flow));transform-origin:center;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--marine-level) 24%,transparent))}.marine-windsock{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--marine-level) 30%,transparent))}
.marine-foot{display:flex;align-items:center;min-height:36px;padding:8px 16px;border-top:1px solid rgba(106,190,232,.12);background:rgba(1,10,20,.3);color:#829eaf;font-size:.52rem}.marine-legend{display:flex;flex-wrap:wrap;gap:11px}.marine-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.marine-dot{width:7px;height:7px;border-radius:50%}.marine-dot.green{background:#39d887}.marine-dot.yellow{background:#f2d447}.marine-dot.orange{background:#ff982e}.marine-dot.red{background:#ff5267}
.marine-emergency{display:block;padding:10px 16px;border-top:1px solid var(--marine-alert-color);border-bottom:1px solid var(--marine-alert-color);background:color-mix(in srgb,var(--marine-alert-color) 12%,#041828);color:#effff6;text-decoration:none}.marine-emergency-inner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px}.marine-emergency i{display:grid;place-items:center;width:22px;height:22px;color:var(--marine-alert-color);font-size:.9rem}.marine-emergency strong{display:inline;color:inherit;font-size:.62rem;letter-spacing:.015em}.marine-emergency span span{display:inline;margin-left:4px;color:inherit;font-size:.6rem}.marine-emergency span span[hidden]{display:none}
.marine-panel.marine-alert-active{border-color:var(--marine-alert-color);animation:marine-panel-pulse 2.5s ease-in-out infinite}.marine-panel.marine-alert-active .marine-emergency{background:linear-gradient(90deg,color-mix(in srgb,var(--marine-alert-color) 26%,#071827),color-mix(in srgb,var(--marine-alert-color) 13%,#041828));animation:marine-bar-pulse 2.1s ease-in-out infinite}
@keyframes marine-panel-pulse{0%,100%{box-shadow:0 16px 36px rgba(0,0,0,.17),0 0 0 0 color-mix(in srgb,var(--marine-alert-color) 0%,transparent)}50%{box-shadow:0 16px 36px rgba(0,0,0,.17),0 0 19px color-mix(in srgb,var(--marine-alert-color) 34%,transparent)}}
@keyframes marine-bar-pulse{0%,100%{filter:brightness(.96)}50%{filter:brightness(1.16)}}

.marine-sailing{padding:16px 18px 18px;background:linear-gradient(180deg,rgba(5,28,48,.6),rgba(2,15,29,.42))}.marine-sailing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.marine-sailing-head h3{margin:4px 0 2px;color:#f3faff;font-size:1.12rem;letter-spacing:.04em}.marine-sailing-head p{margin:0;color:#87a6b8;font-size:.56rem}.marine-sailing-head label{display:grid;gap:5px;width:min(230px,42%);color:#bcd3e0;font-size:.55rem;font-weight:800}.marine-sailing-head select{width:100%;min-height:36px;border:1px solid #2a7595;border-radius:8px;background:#082c48;color:#f1fbff;padding:6px 29px 6px 9px;font:inherit;font-size:.61rem}
.marine-sailing-status{display:grid;grid-template-columns:8px auto minmax(0,1fr);align-items:center;gap:8px;min-height:38px;margin-top:12px;padding:8px 11px;border-top:1px solid rgba(79,197,238,.12);border-bottom:1px solid rgba(79,197,238,.16);background:rgba(2,18,34,.58)}.marine-sailing-status-dot{width:8px;height:8px;border-radius:50%;background:#39d887;box-shadow:0 0 0 4px rgba(57,216,135,.08)}.marine-sailing-status-dot[data-level="yellow"]{background:#f2d447;box-shadow:0 0 0 4px rgba(242,212,71,.09)}.marine-sailing-status-dot[data-level="orange"]{background:#ff982e;box-shadow:0 0 0 4px rgba(255,152,46,.09)}.marine-sailing-status-dot[data-level="red"]{background:#ff5267;box-shadow:0 0 0 4px rgba(255,82,103,.09)}.marine-sailing-status strong{color:#f6fbff;font-size:.59rem}.marine-sailing-status>span{color:#88a7b9;font-size:.54rem;text-align:right}
.marine-sailing-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:11px;border-bottom:1px solid rgba(80,190,230,.2)}.marine-sailing-tabs button{min-height:34px;border:0;border-radius:7px 7px 0 0;background:transparent;color:#8eb0c4;font:inherit;font-size:.53rem;font-weight:900;cursor:pointer}.marine-sailing-tabs button.active{background:#0d4b73;color:#fff}.marine-sailing-tabs button:focus-visible{outline:2px solid #55cfff;outline-offset:2px}
.marine-sailing-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 1px 7px}.marine-sailing-chart-head>div:first-child{display:grid;gap:2px}.marine-sailing-chart-head strong{color:#edf9ff;font-size:.68rem}.marine-sailing-chart-head span{color:#85a5b7;font-size:.52rem}.marine-sailing-chart-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.marine-sailing-chart-legend span{display:inline-flex;align-items:center;gap:5px;color:#bcd0dc;font-size:.51rem}.marine-sailing-chart-legend i{display:inline-block;width:15px;height:3px;border-radius:3px}
.marine-sailing-plot{position:relative;height:255px;min-height:235px;overflow:hidden;border:1px solid #1e6288;border-radius:11px;background:linear-gradient(180deg,#08457d,#063768)}.marine-sailing-svg{display:block;width:100%;height:100%}.marine-chart-grid{stroke:rgba(207,235,249,.28);stroke-width:1;stroke-dasharray:2 5}.marine-chart-axis{stroke:#82abc0;stroke-width:1}.marine-chart-label,.marine-chart-empty{fill:#ddecf4;font-size:9px;font-family:inherit}.marine-chart-empty{fill:#a9c2d0;font-size:11px}.marine-chart-series{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.marine-chart-rain{fill:#55cfff;opacity:.55}.marine-chart-direction{fill:#f1fbff;font-family:Arial,sans-serif;font-size:13px;font-weight:900}.marine-chart-guide{stroke:#fff;stroke-width:1;stroke-dasharray:3 4;opacity:.72}.marine-chart-guide[hidden]{display:none}.marine-sailing-tooltip{position:absolute;z-index:4;min-width:165px;padding:8px 10px;border:1px solid #3aa4ce;border-radius:8px;background:#021628;color:#f4fbff;font-size:.52rem;pointer-events:none;box-shadow:0 10px 25px rgba(0,0,0,.35)}.marine-sailing-tooltip[hidden]{display:none}.marine-sailing-tooltip strong{display:block;margin-bottom:4px;font-size:.55rem}.marine-sailing-tooltip span{display:block;color:#b8d2df;line-height:1.55}

.marine-admin-color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.marine-color-choice{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:7px!important;border:1px solid rgba(101,184,224,.18);border-radius:10px;padding:9px!important;background:#041322}.marine-color-choice input{width:auto!important}.marine-color-chip{width:14px;height:14px;border-radius:4px}.marine-color-chip.green{background:#39d887}.marine-color-chip.orange{background:#ff982e}.marine-color-chip.red{background:#ff5267}.marine-admin-preview{--marine-preview-color:#ff982e;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid var(--marine-preview-color);border-radius:12px;padding:11px 13px;background:color-mix(in srgb,var(--marine-preview-color) 18%,#041322)}.marine-admin-preview i{color:var(--marine-preview-color);font-size:1.1rem}.marine-admin-preview strong{font-size:.72rem}.marine-admin-preview span{font-size:.6rem;color:#c4d9e5}.marine-admin-help{color:#7f9fb3;font-size:.65rem;line-height:1.5}.marine-override-state{display:inline-flex;align-items:center;gap:5px;color:#ffae4c!important}

@media(max-width:620px){
  .marine-head{align-items:flex-start;padding:15px 14px 12px}.marine-updated{max-width:165px;line-height:1.35}.marine-table-head{display:none}.marine-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;min-height:0;padding:12px 14px}.marine-place{grid-column:1/3}.marine-state{grid-column:3;grid-row:1;justify-content:flex-end}.marine-state img{width:34px;height:34px}.marine-wind{grid-column:1;grid-row:2}.marine-force{grid-column:2;grid-row:2}.marine-gust{grid-column:3;grid-row:2}.marine-wave{grid-column:1/4;grid-row:3}.marine-state,.marine-wind,.marine-force,.marine-gust,.marine-wave{position:relative;padding-top:16px;border-top:1px solid rgba(79,163,203,.13)}.marine-state{padding-top:0;border-top:0}.marine-wind,.marine-force{justify-content:flex-start}.marine-gust,.marine-wave{text-align:left}.marine-wind::before,.marine-force::before,.marine-gust::before,.marine-wave::before{content:attr(data-label);position:absolute;top:0;left:0;color:#6f99af;font-size:.46rem;letter-spacing:.04em}.marine-windsock{width:23px;height:23px}.marine-foot{padding-inline:14px}.marine-emergency{padding-inline:14px}.marine-sailing{padding:15px 14px 16px}.marine-sailing-head{align-items:stretch;flex-direction:column;gap:11px}.marine-sailing-head label{width:100%}.marine-sailing-status{grid-template-columns:8px 1fr}.marine-sailing-status>span{grid-column:2;text-align:left}.marine-sailing-tabs button{font-size:.48rem;padding-inline:3px}.marine-sailing-chart-head{align-items:flex-start;flex-direction:column;gap:5px}.marine-sailing-chart-legend{justify-content:flex-start}.marine-sailing-plot{height:245px}
}
@media(max-width:390px){.marine-head{display:grid}.marine-updated{text-align:left}.marine-place strong{font-size:.64rem}.marine-wind strong,.marine-force strong,.marine-gust strong,.marine-wave strong{font-size:.62rem}.marine-admin-color-row{grid-template-columns:1fr}.marine-sailing-tabs button{font-size:.44rem}.marine-sailing-status strong{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.marine-panel.marine-alert-active,.marine-panel.marine-alert-active .marine-emergency{animation:none}}
.marine-sailing-status-dot[data-level="unknown"]{background:#8da6b8;box-shadow:none}
.marine-emergency #marine-emergency-message{display:block;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.marine-emergency #marine-emergency-message[hidden]{display:none}
.marine-admin-preview>div{display:grid;gap:5px;min-width:0}.marine-admin-preview span{white-space:pre-wrap;overflow-wrap:anywhere}
.marine-bulletin-status{margin:0;color:#b9d3e1;font-size:.68rem;line-height:1.5}
.transport-marine-notices{display:grid;gap:8px;margin:0;padding:0;min-width:0}
.transport-marine-notices[hidden]{display:none}
.transport-marine-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 16px;border:1px solid #2a9ea9;border-left:3px solid #32d2d9;border-radius:10px;background:linear-gradient(100deg,#0b3544,#061c2b);color:#e4f7fc}
.transport-marine-notice>i{color:#32d2d9;margin-top:3px}.transport-marine-notice strong{font-size:.75rem;color:#65e3ea}.transport-marine-notice p{margin:5px 0 0;font-size:.72rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.transport-marine-notice[data-notice-color]{border-color:var(--notice-color);background:color-mix(in srgb,var(--notice-color) 12%,#041322)}
.transport-marine-notice[data-notice-color="green"]{--notice-color:#39d887}
.transport-marine-notice[data-notice-color="orange"]{--notice-color:#ff982e}
.transport-marine-notice[data-notice-color="red"]{--notice-color:#ff5267}
.transport-marine-notice[data-notice-color]>i,.transport-marine-notice[data-notice-color] strong{color:var(--notice-color)}
.marine-transport-admin{margin-bottom:18px}.marine-transport-admin textarea{min-height:120px;resize:vertical}