.main-content{margin-left:var(--sidebar-width);min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,#010508 100%)}.briefing-header{position:relative;padding:var(--space-12) var(--space-8);overflow:hidden}.header-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,var(--accent-glow) 0%,var(--accent-dim) 30%,transparent 70%);pointer-events:none;animation:header-pulse 4s ease-in-out infinite}@keyframes header-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.05)}}.header-content{position:relative;z-index:1;max-width:1100px;margin:0 auto}.brand-mark{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.mark-bar{width:6px;height:28px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:2px;box-shadow:0 0 15px var(--accent-glow)}.mark-text{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.2em;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.briefing-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-2)}.briefing-title .accent{color:var(--accent);text-shadow:0 0 30px var(--accent-glow)}.briefing-subtitle{font-size:var(--font-size-base);color:var(--text-muted)}.phase-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-6)}.phase-indicator{background:linear-gradient(135deg,#00e5cc14,#00e5cc05);border:1px solid var(--accent-dim);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.phase-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);box-shadow:0 0 20px var(--accent-glow)}.phase-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.phase-badge{flex-shrink:0;background:var(--accent);color:var(--bg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);box-shadow:0 0 20px var(--accent-glow)}.phase-number{font-family:var(--font-mono);letter-spacing:.05em}.phase-info{flex:1}.phase-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1)}.phase-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.5}.phase-meta{display:flex;gap:var(--space-6);margin-bottom:var(--space-4);flex-wrap:wrap}.phase-dates,.phase-gate{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.phase-dates svg,.phase-gate svg{width:16px;height:16px;color:var(--accent)}.phase-progress{position:relative}.progress-track{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.progress-segment{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1}.segment-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);transition:all var(--transition-base)}.progress-segment.completed .segment-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.progress-segment.current .segment-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 10px var(--accent-glow)}50%{transform:scale(1.2);box-shadow:0 0 20px var(--accent-glow)}}.segment-label{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-muted)}.progress-segment.completed .segment-label,.progress-segment.current .segment-label{color:var(--accent)}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:2px;box-shadow:0 0 10px var(--accent-glow);transition:width .5s ease-out}.section-title{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.summary-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-6)}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.summary-card{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(8,20,32,.6) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);position:relative;overflow:hidden;transition:all var(--transition-base)}.summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);border-radius:2px 0 0 2px}.summary-card.status-active:before{background:linear-gradient(180deg,var(--success) 0%,rgba(0,230,118,.5) 100%);box-shadow:0 0 15px var(--success-glow)}.summary-card.status-standby:before{background:linear-gradient(180deg,var(--warning) 0%,rgba(255,213,79,.5) 100%);box-shadow:0 0 15px var(--warning-glow)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1;font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.summary-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.05em}.weather-summary{position:relative}.weather-counts{display:flex;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:700}.weather-count{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.weather-count.green{background:var(--success-bg);color:var(--success)}.weather-count.yellow{background:var(--warning-bg);color:var(--warning)}.weather-count.red{background:var(--danger-bg);color:var(--danger)}.weather-loading .summary-value{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.sites-section{max-width:1100px;margin:0 auto;padding:0 var(--space-8) var(--space-8)}.sites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.view-toggle{display:flex;gap:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px}.toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn svg{width:18px;height:18px}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 10px var(--accent-glow)}.sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-5);align-items:start}.site-card{background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(8,20,32,.6) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.site-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.site-card[data-assessment=green]:before{background:var(--success);box-shadow:0 0 10px var(--success-glow)}.site-card[data-assessment=yellow]:before{background:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.site-card[data-assessment=red]:before{background:var(--danger);box-shadow:0 0 10px var(--danger-glow)}.site-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.site-card.selected{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.site-card.relevant{border-color:var(--accent-dim)}.site-card.relevant:after{content:"";position:absolute;top:3px;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.relevance-badge{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--accent);z-index:1}.relevance-badge svg{width:20px;height:20px;filter:drop-shadow(0 0 8px var(--accent-glow))}.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.site-identity{display:flex;flex-direction:column;gap:var(--space-2)}.role-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;width:fit-content}.role-icon{font-size:14px}.role-label{letter-spacing:.03em}.site-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.site-operator{font-size:var(--font-size-xs);color:var(--text-muted)}.site-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.6}50%{opacity:1}}.assessment-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);letter-spacing:.08em}.assessment-badge.assessment-green{background:var(--success-bg);color:var(--success);box-shadow:0 0 10px var(--success-glow)}.assessment-badge.assessment-yellow{background:var(--warning-bg);color:var(--warning);box-shadow:0 0 10px var(--warning-glow)}.assessment-badge.assessment-red{background:var(--danger-bg);color:var(--danger);box-shadow:0 0 10px var(--danger-glow)}.weather-snapshot{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border)}.weather-loading,.weather-unavailable{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-2)}.weather-main{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.weather-temp{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.weather-condition{font-size:var(--font-size-sm);color:var(--text-secondary)}.weather-details{display:flex;gap:var(--space-4)}.weather-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted)}.weather-item svg{width:14px;height:14px;color:var(--accent)}.site-capacity{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.site-capacity svg{width:16px;height:16px;color:var(--accent)}.site-redundancy{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.site-redundancy svg{width:14px;height:14px;color:var(--accent-dim)}.site-contacts-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.contact-chip{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.contact-more{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted)}.webcam-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast);width:fit-content}.webcam-link:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.webcam-link svg{width:16px;height:16px}.map-view-container{margin-top:var(--space-2)}.sites-map-container{position:relative}.sites-map{height:600px;border-radius:var(--radius-xl);border:2px solid var(--accent);overflow:hidden;box-shadow:0 0 0 1px var(--bg-primary),0 0 40px #00e5cc33,0 4px 30px #0006}.map-legend{position:absolute;bottom:var(--space-4);left:var(--space-4);background:#0a1923f2;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);z-index:10;backdrop-filter:blur(10px)}.legend-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin-bottom:var(--space-2)}.legend-items{display:flex;flex-direction:column;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.green{background:var(--success);box-shadow:0 0 8px var(--success-glow)}.legend-dot.yellow{background:var(--warning);box-shadow:0 0 8px var(--warning-glow)}.legend-dot.red{background:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.map-control-panel{position:absolute;top:var(--space-4);left:var(--space-4);background:linear-gradient(135deg,#0a1923fa,#06121cf2);border:1px solid rgba(0,229,204,.2);border-radius:var(--radius-lg);padding:var(--space-4);z-index:10;backdrop-filter:blur(12px);min-width:220px;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff08 inset}.control-panel-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(0,229,204,.15)}.control-icon{font-size:12px;opacity:.8}.layer-toggle-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.layer-toggle-btn:hover{background:#ffffff0a;border-color:#00e5cc4d}.layer-toggle-btn.active{background:#4ade8014;border-color:#4ade804d}.toggle-indicator{width:12px;height:12px;border-radius:3px;background:#64748b66;border:2px solid rgba(100,116,139,.6);transition:all .2s ease;flex-shrink:0}.layer-toggle-btn.active .toggle-indicator{background:#4ade80;border-color:#22c55e;box-shadow:0 0 8px #4ade8080}.toggle-content{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.toggle-stats{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.focus-pws-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid rgba(0,229,204,.3);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.focus-pws-btn:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 16px #00e5cc4d}.focus-pws-btn svg{width:14px;height:14px}.map-legend-panel{position:absolute;bottom:var(--space-4);left:var(--space-4);background:linear-gradient(135deg,#0a1923f2,#06121ceb);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-4);z-index:10;backdrop-filter:blur(10px);min-width:200px}.legend-section{margin-bottom:var(--space-3)}.legend-section:last-child{margin-bottom:0}.legend-header{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.legend-items-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.legend-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-marker{width:12px;height:12px;border-radius:50%;border:2px solid #0A1923;box-shadow:0 0 0 2px #ffffffe6}.legend-marker.green{background:#00e676}.legend-marker.yellow{background:#ffd54f}.legend-marker.red{background:#ff5252}.legend-kelp{width:10px;height:10px;border-radius:50%;border:1.5px solid}.legend-kelp.high{background:#4ade80;border-color:#22c55e;box-shadow:0 0 6px #4ade8066}.legend-kelp.moderate{background:#fbbf24;border-color:#f59e0b;box-shadow:0 0 6px #fbbf2466}.legend-kelp.low{background:#f87171;border-color:#ef4444;box-shadow:0 0 6px #f8717166}.legend-kelp.not-viable{background:#64748b;border-color:#475569;opacity:.6}.kelp-tooltip{position:absolute;top:var(--space-4);right:60px;background:linear-gradient(135deg,#0a1923fa,#06121cf2);border:1px solid rgba(0,229,204,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);z-index:15;backdrop-filter:blur(12px);min-width:180px;box-shadow:0 4px 20px #0006;animation:tooltip-fade-in .15s ease-out}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.quality-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em}.quality-badge.high{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.quality-badge.moderate{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.quality-badge.low{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.4)}.not-viable-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:9px;font-weight:600;background:#64748b4d;color:#94a3b8;border:1px solid rgba(100,116,139,.4)}.tooltip-coords{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-1)}.tooltip-stats{display:flex;gap:var(--space-2);font-size:11px;color:var(--text-muted)}.tooltip-stats span:nth-child(2){opacity:.4}.kelp-header{background:linear-gradient(180deg,rgba(0,100,50,.15) 0%,var(--bg-primary) 100%)}.kelp-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);color:#81c784;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-3)}.kelp-icon{font-size:16px}.viability-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-mono);letter-spacing:.08em}.viability-badge.viable{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.viability-badge.not-viable{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.viability-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:status-pulse 2s ease-in-out infinite}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quality-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.quality-label{font-size:var(--font-size-xs);color:var(--text-muted)}.quality-value{font-size:var(--font-size-base);font-weight:700;font-family:var(--font-mono)}.quality-value.substrate{color:var(--text-secondary);text-transform:capitalize;font-family:var(--font-sans);font-weight:500}.scuba-notice{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:var(--radius-md);color:#64b5f6;font-size:var(--font-size-sm)}.scuba-notice svg{width:18px;height:18px;flex-shrink:0}.species-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.species-chip{padding:var(--space-2) var(--space-3);background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-md);color:#81c784;font-size:var(--font-size-sm)}.no-species{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.field-notes{padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.field-notes p{margin:0;color:var(--text-secondary);line-height:1.6}.survey-info{display:flex;flex-direction:column;gap:var(--space-3)}.survey-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.survey-label{color:var(--text-muted);font-size:var(--font-size-sm)}.survey-value{color:var(--text-primary);font-weight:500}.source-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast)}.source-link:hover{background:var(--accent);color:var(--bg-primary)}.source-link svg{width:16px;height:16px}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(1000px,90vw);background:var(--bg-primary);border-left:1px solid var(--border);z-index:200;transform:translate(100%);transition:transform var(--transition-base);overflow-y:auto}.detail-panel.open{transform:translate(0)}.panel-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.panel-close:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.panel-close svg{width:20px;height:20px}.panel-header{padding:var(--space-6);padding-right:var(--space-12);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.header-identity{margin-bottom:var(--space-4)}.role-badge-large{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.panel-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1)}.panel-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.header-badges{display:flex;gap:var(--space-3);flex-wrap:wrap}.status-badge-large{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.phase-relevant-badge{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--accent-dim);color:var(--accent);font-size:var(--font-size-sm);font-weight:600}.panel-body{padding:var(--space-6)}.detail-section{margin-bottom:var(--space-6)}.detail-section-title{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.weather-detail-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.weather-assessment{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.weather-assessment.assessment-green{background:var(--success-bg);border:1px solid var(--success)}.weather-assessment.assessment-yellow{background:var(--warning-bg);border:1px solid var(--warning)}.weather-assessment.assessment-red{background:var(--danger-bg);border:1px solid var(--danger)}.assessment-label{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono);letter-spacing:.1em}.assessment-reason{font-size:var(--font-size-sm);opacity:.8}.weather-main-display{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4)}.weather-temp-large{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.weather-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.weather-detail-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.weather-detail-item svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.item-content{display:flex;flex-direction:column}.item-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.item-label{font-size:var(--font-size-xs);color:var(--text-muted)}.tides-section{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.tides-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin:0 0 var(--space-3)}.tides-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.tide-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid}.tide-item.tide-h{border-color:var(--accent)}.tide-item.tide-l{border-color:var(--text-muted)}.tide-type{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.tide-time{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-primary)}.tide-height{font-size:var(--font-size-xs);color:var(--text-muted)}.alerts-section{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.alerts-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);letter-spacing:.08em;margin:0 0 var(--space-3)}.alerts-list{display:flex;flex-direction:column;gap:var(--space-2)}.alert-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-sm)}.alert-item svg{width:16px;height:16px;color:var(--danger);flex-shrink:0}.alert-text{font-size:var(--font-size-sm);color:var(--danger)}.weather-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.weather-link:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 20px var(--accent-glow)}.weather-link svg{width:16px;height:16px}.map-section .map-container{position:relative;margin-bottom:var(--space-3)}.site-map{height:250px;border-radius:var(--radius-lg);border:1px solid var(--accent);overflow:hidden}.map-other-site-marker{width:8px;height:8px;background:var(--text-muted);border-radius:50%;border:2px solid var(--bg-primary);opacity:.6}.coordinates-display{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.coord-label{color:var(--text-muted)}.coord-value{font-family:var(--font-mono);color:var(--accent)}.capacity-grid{display:flex;flex-direction:column;gap:var(--space-3)}.capacity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.capacity-item svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.capacity-content{display:flex;flex-direction:column}.capacity-value{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.capacity-label{font-size:var(--font-size-xs);color:var(--text-muted)}.site-notes{margin-top:var(--space-4);padding:var(--space-3);background:#00e5cc0d;border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.site-notes p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.contacts-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.contact-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;flex-shrink:0}.contact-info{flex:1;display:flex;flex-direction:column}.contact-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.contact-role{font-size:var(--font-size-xs);color:var(--text-muted)}.contact-phone{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;color:var(--accent);transition:all var(--transition-fast)}.contact-phone:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.contact-phone svg{width:16px;height:16px}.webcam-link-large{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:transparent;border:2px solid var(--accent);border-radius:var(--radius-lg);color:var(--accent);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:all var(--transition-base)}.webcam-link-large:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 30px var(--accent-glow)}.webcam-link-large svg{width:24px;height:24px}.briefing-footer{max-width:1100px;margin:0 auto;padding:var(--space-8);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);position:relative}.briefing-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%)}.back-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--accent);text-decoration:none;transition:all var(--transition-fast)}.back-link:hover{text-shadow:0 0 15px var(--accent-glow)}.back-link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.back-link:hover svg{transform:translate(-3px)}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.footer-text{font-weight:600;color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}@media(max-width:768px){.main-content{margin-left:0}.briefing-header{padding:var(--space-8) var(--space-4);padding-top:calc(var(--space-8) + 52px)}.phase-section,.summary-section,.sites-section{padding:0 var(--space-4) var(--space-6)}.briefing-footer{padding:var(--space-6) var(--space-4);flex-direction:column;gap:var(--space-4)}.summary-cards{grid-template-columns:repeat(2,1fr)}.sites-grid{grid-template-columns:1fr}.sites-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.phase-header{flex-direction:column}.phase-meta{flex-direction:column;gap:var(--space-2)}.progress-segment .segment-label{display:none}.sites-map{height:400px}.detail-panel{width:100vw}.panel-header{padding:var(--space-4);padding-right:var(--space-10)}.panel-body{padding:var(--space-4)}.weather-detail-grid{grid-template-columns:1fr}.tides-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.briefing-header{padding:var(--space-6) var(--space-3);padding-top:calc(var(--space-6) + 52px)}.phase-section,.summary-section,.sites-section{padding:0 var(--space-3) var(--space-4)}.summary-cards{grid-template-columns:1fr}.summary-value{font-size:var(--font-size-xl)}.briefing-footer{padding:var(--space-4) var(--space-3)}.phase-indicator{padding:var(--space-4)}.sites-map{height:300px}.weather-details{flex-direction:column;gap:var(--space-2)}}