/**
 * FLAITOPS Professional — Design System + Visual Quality Pass
 * Scope: body.workspace-professional only (no Student / Passenger / Admin).
 * Visual only — no functional changes.
 */

/* ═══════════════════════════════════════════
   PHASE 1 — Design tokens
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme){
  /* Brand */
  --pro-brand:#6bcf3a;
  --pro-brand-strong:#48ff1f;
  --pro-brand-soft:rgba(107,207,58,.16);
  --pro-brand-border:rgba(107,207,58,.28);
  --pro-on-brand:#06120a;

  /* Map legacy --green into calmer brand inside Pro */
  --green:var(--pro-brand);
  --green2:#88d860;
  --line2:var(--pro-brand-border);

  /* Surfaces */
  --pro-bg:#0a0f18;
  --pro-surface-1:#121820;
  --pro-surface-2:#161e28;
  --pro-surface-3:#1a2430;
  --ws-shell-bg:var(--pro-bg);
  --ws-card-bg:var(--pro-surface-1);
  --ws-card-bg-map:#0d1520;
  --ws-card-radius:12px;
  --ws-card-shadow:0 8px 28px rgba(0,0,0,.38);

  /* Borders */
  --pro-border:rgba(255,255,255,.07);
  --pro-border-hover:rgba(255,255,255,.12);
  --pro-border-active:var(--pro-brand-border);
  --pro-border-critical:rgba(255,90,90,.35);
  --line:var(--pro-border);

  /* Text */
  --pro-text:#e8eef4;
  --pro-text-secondary:rgba(198,211,226,.78);
  --pro-text-muted:rgba(160,176,192,.62);
  --pro-text-disabled:rgba(140,152,164,.4);
  --text:var(--pro-text);
  --muted:var(--pro-text-secondary);
  --muted2:var(--pro-text-muted);

  /* Status (independent of brand) */
  --pro-status-ok:#6bcf3a;
  --pro-status-attention:#e8a54b;
  --pro-status-critical:#e07070;
  --pro-status-unknown:#8a9690;

  /* Spacing */
  --pro-space-1:4px;
  --pro-space-2:8px;
  --pro-space-3:12px;
  --pro-space-4:16px;
  --pro-space-5:24px;
  --pro-space-6:32px;

  /* Radius */
  --pro-radius-sm:6px;
  --pro-radius-md:10px;
  --pro-radius-lg:12px;
  --pro-radius-pill:999px;

  /* Type scale */
  --pro-fs-title:1.125rem;   /* ~18px */
  --pro-fs-section:.8125rem; /* ~13px */
  --pro-fs-body:.8125rem;    /* ~13px */
  --pro-fs-meta:.6875rem;    /* ~11px */
  --pro-fs-ui:.75rem;        /* ~12px */
  --pro-fw-regular:400;
  --pro-fw-medium:500;
  --pro-fw-semibold:600;
  --pro-fw-bold:700;

  /* Elevation */
  --pro-shadow-sm:0 4px 16px rgba(0,0,0,.28);
  --pro-shadow-md:0 10px 28px rgba(0,0,0,.36);
  --pro-glow-none:none;

  /* Control sizes */
  --pro-ctrl-h:32px;
  --pro-chip-h:28px;
  --pro-tube-h:48px;
  --pro-icon:20px;
}

body.workspace-professional.light-theme{
  --pro-brand:#1fc900;
  --pro-brand-strong:#16a800;
  --pro-brand-soft:rgba(31,201,0,.1);
  --pro-brand-border:rgba(31,201,0,.28);
  --pro-on-brand:#06120a;
  --green:var(--pro-brand);
  --green2:#58e83d;
  --pro-bg:#eef1f4;
  --pro-surface-1:#ffffff;
  --pro-surface-2:#f6f8f7;
  --pro-surface-3:#eef2f0;
  --pro-border:rgba(8,24,18,.08);
  --pro-border-hover:rgba(8,24,18,.14);
  --pro-text:#0f1a14;
  --pro-text-secondary:#4a5a52;
  --pro-text-muted:#7a8a82;
  --pro-status-ok:#1fc900;
  --pro-status-attention:#ef6c00;
  --pro-status-critical:#c62828;
  --pro-status-unknown:#8a9690;
}

/* ═══════════════════════════════════════════
   PHASE 2 — Surfaces / borders / type / glow cut
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme) .workspace-shell{
  background:var(--pro-bg);
}

body.workspace-professional:not(.light-theme) .workspace-rail--professional{
  border-right:1px solid var(--pro-border);
  background:var(--pro-surface-1);
}

body.workspace-professional:not(.light-theme) .workspace-rail--professional .workspace-rail-decor{
  opacity:.35;
  filter:saturate(.7) brightness(.85);
}

body.workspace-professional .workspace-rail--professional .workspace-rail-item{
  min-height:var(--pro-ctrl-h);
  padding:var(--pro-space-2) var(--pro-space-3);
  border-radius:var(--pro-radius-md);
  gap:var(--pro-space-2);
  font-size:var(--pro-fs-ui);
  font-weight:var(--pro-fw-medium);
  color:var(--pro-text-muted);
  background:transparent;
}

body.workspace-professional .workspace-rail--professional .workspace-rail-item .material-symbols-rounded{
  font-size:var(--pro-icon);
  width:var(--pro-icon);
  margin-top:0;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;
}

body.workspace-professional .workspace-rail--professional .workspace-rail-label{
  font-size:var(--pro-fs-ui);
  font-weight:var(--pro-fw-medium);
  letter-spacing:0;
}

body.workspace-professional .workspace-rail--professional .workspace-rail-item:hover{
  color:var(--pro-text);
  background:rgba(255,255,255,.04);
}

body.workspace-professional .workspace-rail--professional .workspace-rail-item.active,
body.workspace-professional .workspace-rail--professional .workspace-rail-item.active:not(:hover){
  color:var(--pro-text)!important;
  background:var(--pro-brand-soft)!important;
}

body.workspace-professional .workspace-rail--professional .workspace-rail-item.active .workspace-rail-label,
body.workspace-professional .workspace-rail--professional .workspace-rail-item.active .material-symbols-rounded,
body.workspace-professional .workspace-rail--professional .workspace-rail-item.active:not(:hover) .workspace-rail-label,
body.workspace-professional .workspace-rail--professional .workspace-rail-item.active:not(:hover) .material-symbols-rounded{
  color:var(--pro-brand)!important;
  font-weight:var(--pro-fw-semibold);
}

/* Active indicator: thin bar, no neon glow */
body.workspace-professional .workspace-rail--professional .workspace-rail-item.active{
  position:relative;
}
body.workspace-professional .workspace-rail--professional .workspace-rail-item.active::after{
  content:"";
  position:absolute;
  right:6px;
  top:50%;
  width:5px;
  height:5px;
  margin-top:-2.5px;
  border-radius:var(--pro-radius-pill);
  background:var(--pro-brand);
  box-shadow:none;
}

/* ═══════════════════════════════════════════
   PHASE 3 — Header / profile / chrome
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme) .nav-auth-user-btn,
body.workspace-professional:not(.light-theme) .workspace-user-chip,
body.workspace-professional:not(.light-theme) .workspace-study-topbar-user,
body.workspace-professional:not(.light-theme) .account-topbar-user,
body.workspace-professional:not(.light-theme) [data-workspace-user]{
  border:1px solid var(--pro-border)!important;
  background:var(--pro-surface-2)!important;
  color:var(--pro-text)!important;
  border-radius:var(--pro-radius-pill);
  min-height:var(--pro-ctrl-h);
  box-shadow:none!important;
}

body.workspace-professional:not(.light-theme) .nav-auth-user-btn:hover,
body.workspace-professional:not(.light-theme) .workspace-study-topbar-user:hover{
  border-color:var(--pro-border-hover)!important;
  background:var(--pro-surface-3)!important;
}

body.workspace-professional:not(.light-theme) .workspace-study-topbar-user-copy strong{
  color:var(--pro-text)!important;
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-semibold);
}
body.workspace-professional:not(.light-theme) .workspace-study-topbar-user-copy small{
  color:var(--pro-text-muted)!important;
  font-size:.62rem;
  font-weight:var(--pro-fw-medium);
}
body.workspace-professional:not(.light-theme) .workspace-study-topbar-user-initials{
  background:var(--pro-brand-soft)!important;
  color:var(--pro-brand)!important;
  font-weight:var(--pro-fw-semibold);
}

body.workspace-professional:not(.light-theme) .workspace-study-topbar-action{
  border:1px solid var(--pro-border);
  background:var(--pro-surface-2);
  color:var(--pro-text-secondary);
  border-radius:var(--pro-radius-pill);
  min-height:var(--pro-ctrl-h);
  font-size:var(--pro-fs-ui);
  font-weight:var(--pro-fw-medium);
  box-shadow:none;
}
body.workspace-professional:not(.light-theme) .workspace-study-topbar-action:hover{
  border-color:var(--pro-border-hover);
  color:var(--pro-text);
  background:var(--pro-surface-3);
}

body.workspace-professional .nav-auth-name{
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-semibold);
}

body.workspace-professional:not(.light-theme) .utc-clock,
body.workspace-professional:not(.light-theme) .workspace-utc{
  border:1px solid var(--pro-border);
  background:var(--pro-surface-2);
  backdrop-filter:none;
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-semibold);
  box-shadow:none;
}

body.workspace-professional .workspace-rail-brand{
  padding:var(--pro-space-4) var(--pro-space-3) var(--pro-space-3);
  border-bottom:1px solid var(--pro-border);
}

/* ═══════════════════════════════════════════
   PHASE 3 — Command bar (tubo) Analyse
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme) .world-map-search-tube,
body.workspace-professional:not(.light-theme) .world-map-search-tube--analyse{
  min-height:var(--pro-tube-h)!important;
  height:var(--pro-tube-h);
  border:1px solid var(--pro-border)!important;
  border-radius:var(--pro-radius-pill)!important;
  background:var(--pro-surface-2)!important;
  box-shadow:var(--pro-shadow-sm)!important;
  backdrop-filter:none!important;
  padding:4px 6px 4px 6px!important;
}

body.workspace-professional:not(.light-theme) .world-map-search-tube::before,
body.workspace-professional:not(.light-theme) .world-map-search-tube--analyse::before{
  opacity:0!important;
}

body.workspace-professional:not(.light-theme) .world-map-search-tube:hover,
body.workspace-professional:not(.light-theme) .world-map-search-tube:focus-within,
body.workspace-professional:not(.light-theme) .world-map-search-tube--analyse:hover,
body.workspace-professional:not(.light-theme) .world-map-search-tube--analyse:focus-within{
  border-color:var(--pro-border-hover)!important;
  box-shadow:var(--pro-shadow-sm)!important;
}

body.workspace-professional .world-map-search-input,
body.workspace-professional .world-map-search-tube .typing-input{
  font-size:var(--pro-fs-body);
  font-weight:var(--pro-fw-regular);
  color:var(--pro-text);
}

body.workspace-professional .world-map-assistant-btn,
body.workspace-professional .world-map-search-tube .send-button,
body.workspace-professional .world-map-send-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:var(--pro-radius-pill)!important;
  box-shadow:none!important;
}

body.workspace-professional .world-map-search-tube .send-button.ai-orb,
body.workspace-professional .world-map-send-btn.ai-orb{
  animation:none!important;
  background:var(--pro-brand)!important;
  color:var(--pro-on-brand)!important;
  filter:none!important;
}

body.workspace-professional .world-map-search-tube .send-button.ai-orb::before,
body.workspace-professional .world-map-search-tube .send-button.ai-orb::after,
body.workspace-professional .world-map-send-btn.ai-orb::before,
body.workspace-professional .world-map-send-btn.ai-orb::after{
  display:none!important;
}

body.workspace-professional .world-map-assistant-btn{
  border:1px solid var(--pro-border)!important;
  background:var(--pro-surface-3)!important;
  box-shadow:none!important;
}

body.workspace-professional .world-map-assistant-btn:hover,
body.workspace-professional .world-map-assistant-btn.is-open{
  border-color:var(--pro-border-active)!important;
  box-shadow:none!important;
}

/* ═══════════════════════════════════════════
   PHASE 4 — Layer chips
   ═══════════════════════════════════════════ */

body.workspace-professional .world-map-mode-chip,
body.workspace-professional .world-map-chip{
  height:var(--pro-chip-h);
  min-height:var(--pro-chip-h);
  padding:0 var(--pro-space-3)!important;
  border-radius:var(--pro-radius-pill)!important;
  font-size:var(--pro-fs-ui)!important;
  font-weight:var(--pro-fw-medium)!important;
  line-height:1!important;
  border:1px solid var(--pro-border)!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--pro-text-secondary)!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}

body.workspace-professional .world-map-mode-chip:hover:not(.is-active),
body.workspace-professional .world-map-chip:hover:not(.is-active){
  border-color:var(--pro-border-hover)!important;
  background:rgba(255,255,255,.06)!important;
  color:var(--pro-text)!important;
}

body.workspace-professional .world-map-mode-chip.is-active,
body.workspace-professional .world-map-chip.is-active{
  border-color:var(--pro-border-active)!important;
  background:var(--pro-brand-soft)!important;
  color:var(--pro-text)!important;
  box-shadow:none!important;
}

/* ═══════════════════════════════════════════
   PHASE 4 — Popovers + segmented + sliders
   ═══════════════════════════════════════════ */

body.workspace-professional .world-mode-popover,
body.workspace-professional .world-etops-popover,
body.workspace-professional .world-live-wx-popover,
body.workspace-professional .world-sigwx-popover,
body.workspace-professional .world-nattracks-popover,
body.workspace-professional .world-layer-popover{
  border:1px solid var(--pro-border)!important;
  border-radius:var(--pro-radius-lg)!important;
  background:var(--pro-surface-2)!important;
  box-shadow:var(--pro-shadow-md)!important;
  backdrop-filter:none!important;
  padding:var(--pro-space-4)!important;
  color:var(--pro-text);
}

body.workspace-professional .world-mode-popover::after,
body.workspace-professional .world-etops-popover::after{
  background:var(--pro-surface-2)!important;
  border-right-color:var(--pro-border)!important;
  border-bottom-color:var(--pro-border)!important;
}

body.workspace-professional .world-etops-popover-title{
  font-size:var(--pro-fs-section);
  font-weight:var(--pro-fw-semibold);
}

body.workspace-professional .world-etops-popover-title .material-symbols-rounded{
  color:var(--pro-brand);
  font-size:1rem;
}

body.workspace-professional .world-etops-popover-dot{
  width:5px;
  height:5px;
  background:var(--pro-brand);
  box-shadow:none!important;
}

body.workspace-professional .world-etops-field > span,
body.workspace-professional .world-intensity-field > span{
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-semibold);
  letter-spacing:.03em;
  color:var(--pro-text-muted);
}

body.workspace-professional .world-etops-min-btn{
  height:var(--pro-chip-h);
  padding:0 var(--pro-space-3);
  font-size:var(--pro-fs-ui);
  font-weight:var(--pro-fw-medium);
  border:1px solid var(--pro-border);
  border-radius:var(--pro-radius-pill);
  background:rgba(255,255,255,.03);
  color:var(--pro-text-secondary);
}

body.workspace-professional .world-etops-min-btn:hover{
  border-color:var(--pro-border-hover);
  color:var(--pro-text);
}

body.workspace-professional .world-etops-min-btn.is-active{
  border-color:var(--pro-border-active);
  background:var(--pro-brand-soft);
  color:var(--pro-text);
}

body.workspace-professional .world-intensity-row input[type="range"]{
  accent-color:var(--pro-brand);
  height:3px;
}

body.workspace-professional .world-intensity-row em{
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-medium);
  color:var(--pro-text-muted);
}

body.workspace-professional .world-nattracks-note,
body.workspace-professional .world-nattracks-source{
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-regular);
  color:var(--pro-text-muted);
}

/* ═══════════════════════════════════════════
   PHASE 5 — Right panel + chips
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme) .workspace-world-panel,
body.workspace-professional:not(.light-theme) .workspace-world-panel:not(.world-panel--passenger){
  background:var(--pro-surface-1)!important;
  border:none!important;
  box-shadow:var(--pro-shadow-md)!important;
  border-radius:var(--pro-radius-lg)!important;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-airport-block,
body.workspace-professional:not(.light-theme) .world-panel--professional{
  background:transparent;
  color:var(--pro-text);
}

body.workspace-professional:not(.light-theme) .world-panel-head--pro{
  border-bottom:1px solid var(--pro-border);
  padding:var(--pro-space-4) var(--pro-space-4) 0;
}

body.workspace-professional:not(.light-theme) .world-panel-head--pro h2{
  font-size:var(--pro-fs-title);
  font-weight:var(--pro-fw-semibold);
  color:var(--pro-text);
  letter-spacing:-.02em;
}

body.workspace-professional:not(.light-theme) .world-panel-head-time,
body.workspace-professional:not(.light-theme) .world-panel-title-meta{
  font-size:var(--pro-fs-meta);
  color:var(--pro-text-muted);
  font-weight:var(--pro-fw-medium);
}

body.workspace-professional:not(.light-theme) .world-panel-tabs--pro{
  border-bottom:1px solid var(--pro-border);
}

body.workspace-professional:not(.light-theme) .world-panel-tabs--pro button{
  font-size:var(--pro-fs-ui);
  font-weight:var(--pro-fw-medium);
  color:var(--pro-text-muted);
}

body.workspace-professional:not(.light-theme) .world-panel-tabs--pro button.is-active{
  color:var(--pro-brand);
  border-bottom-color:var(--pro-brand);
}

body.workspace-professional:not(.light-theme) .world-panel-section--pro{
  border-top:1px solid var(--pro-border);
  padding:var(--pro-space-3) 0;
}

body.workspace-professional:not(.light-theme) .world-panel-card,
body.workspace-professional:not(.light-theme) .world-panel-card-clean{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}

body.workspace-professional:not(.light-theme) .world-panel-card-head h3,
body.workspace-professional:not(.light-theme) .world-panel-section--pro h3{
  font-size:var(--pro-fs-section);
  font-weight:var(--pro-fw-semibold);
  color:var(--pro-text-secondary);
  letter-spacing:.02em;
  text-transform:uppercase;
}

body.workspace-professional:not(.light-theme) .world-panel-body--pro,
body.workspace-professional:not(.light-theme) .world-panel-body--stack{
  scrollbar-color:rgba(255,255,255,.16) transparent;
}

body.workspace-professional:not(.light-theme) .world-panel-body--stack::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.16);
}

body.workspace-professional:not(.light-theme) .world-panel-status.is-ok{
  background:rgba(107,207,58,.12);
  color:var(--pro-status-ok);
}
body.workspace-professional:not(.light-theme) .world-panel-status.is-warning{
  background:rgba(232,165,75,.14);
  color:var(--pro-status-attention);
}
body.workspace-professional:not(.light-theme) .world-panel-status.is-critical{
  background:rgba(224,112,112,.14);
  color:var(--pro-status-critical);
}

body.workspace-professional .world-panel-status-dot{
  box-shadow:none!important;
}

/* Selection / airport chips */
body.workspace-professional .world-selection-chip,
body.workspace-professional .world-panel-airport-pill,
body.workspace-professional .route-airport-chip{
  height:var(--pro-chip-h);
  min-height:var(--pro-chip-h);
  padding:0 var(--pro-space-3)!important;
  border-radius:var(--pro-radius-pill)!important;
  font-size:var(--pro-fs-ui)!important;
  font-weight:var(--pro-fw-medium)!important;
  border:1px solid var(--pro-border)!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--pro-text-secondary)!important;
  box-shadow:none!important;
}

body.workspace-professional .world-selection-chip-dot{
  width:6px;
  height:6px;
  box-shadow:none!important;
}
body.workspace-professional .world-selection-chip-dot.is-ok{background:var(--pro-status-ok)}
body.workspace-professional .world-selection-chip-dot.is-warning{background:var(--pro-status-attention)}
body.workspace-professional .world-selection-chip-dot.is-critical{background:var(--pro-status-critical)}
body.workspace-professional .world-selection-chip-dot.is-unknown{background:var(--pro-status-unknown)}

/* ═══════════════════════════════════════════
   Map chrome: legend / tools / zoom
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme) .world-map-legend,
body.workspace-professional:not(.light-theme) .world-map-tools button,
body.workspace-professional:not(.light-theme) .world-map-zoom button,
body.workspace-professional:not(.light-theme) .world-livewx-stamp{
  border:1px solid var(--pro-border)!important;
  background:rgba(12,18,26,.88)!important;
  backdrop-filter:none!important;
  box-shadow:var(--pro-shadow-sm)!important;
  border-radius:var(--pro-radius-md)!important;
  font-size:var(--pro-fs-meta);
  color:var(--pro-text-muted);
}

body.workspace-professional .world-map-legend-livewx .world-livewx-legend-bar{
  opacity:.75;
}

/* Popover switches: less neon */
body.workspace-professional .world-etops-toggle input:checked + i{
  background:var(--pro-brand)!important;
}

/* Reduce constant green scrollbars in Pro */
body.workspace-professional:not(.light-theme){
  scrollbar-color:rgba(255,255,255,.18) transparent;
}

/* Tables — clean separators */
body.workspace-professional:not(.light-theme) .world-panel-compare table,
body.workspace-professional:not(.light-theme) .world-compare-table{
  border-collapse:collapse;
  width:100%;
  font-size:var(--pro-fs-body);
}
body.workspace-professional:not(.light-theme) .world-panel-compare th,
body.workspace-professional:not(.light-theme) .world-panel-compare td,
body.workspace-professional:not(.light-theme) .world-compare-table th,
body.workspace-professional:not(.light-theme) .world-compare-table td{
  border:0;
  border-bottom:1px solid var(--pro-border);
  padding:var(--pro-space-2) var(--pro-space-2);
  background:transparent;
  font-weight:var(--pro-fw-regular);
}
body.workspace-professional:not(.light-theme) .world-panel-compare th,
body.workspace-professional:not(.light-theme) .world-compare-table th{
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-semibold);
  color:var(--pro-text-muted);
  text-align:left;
}

/* METAR / TAF — alinhado ao protótipo Analyse */
body.workspace-professional:not(.light-theme) .world-panel-wx-stack{
  display:grid;
  gap:var(--pro-space-3);
}
body.workspace-professional:not(.light-theme) .world-panel-wx-line{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:var(--pro-space-2);
  align-items:start;
}
body.workspace-professional:not(.light-theme) .world-panel-wx-tag{
  font-size:var(--pro-fs-meta);
  font-weight:var(--pro-fw-semibold);
  letter-spacing:.04em;
  color:var(--pro-brand);
  padding-top:2px;
}
body.workspace-professional:not(.light-theme) .world-panel-metar--pro{
  margin:0;
  font-size:var(--pro-fs-meta);
  line-height:1.45;
  color:var(--pro-text-secondary);
  white-space:pre-wrap;
  word-break:break-word;
  background:transparent;
  border:0;
  padding:0;
}
body.workspace-professional:not(.light-theme) .world-panel-sheet-block--wx .world-panel-card-head h3{
  font-size:var(--pro-fs-section);
  text-transform:none;
  letter-spacing:0;
  color:var(--pro-text);
  font-weight:var(--pro-fw-semibold);
}

/* ═══════════════════════════════════════════
   PHASE 6 — Airport panel: continuous surface
   Visual only (Professional). No logic/data changes.
   ═══════════════════════════════════════════ */

body.workspace-professional:not(.light-theme) .workspace-world-panel.world-panel--professional{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  background:#0e141c!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:12px!important;
  box-shadow:0 8px 28px rgba(0,0,0,.28)!important;
  overflow:hidden;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-head--pro{
  flex-shrink:0;
  position:sticky;
  top:0;
  z-index:3;
  padding:16px 16px 0;
  background:#0e141c;
  border-bottom:0;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-head-top{
  align-items:flex-start;
  gap:12px;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-flag{
  font-size:11px;
  line-height:1;
  min-width:22px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  background:rgba(255,255,255,.04);
  padding:0 4px;
  opacity:.85;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-head--pro h2{
  margin:0;
  font-size:19px;
  font-weight:600;
  letter-spacing:-.02em;
  color:rgba(246,248,250,.96);
  line-height:1.2;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-title-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-top:6px;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:12px;
  font-weight:500;
  line-height:1.3;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-status.is-ok{color:var(--pro-status-ok)}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-status.is-warning{color:var(--pro-status-attention)}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-status.is-critical{color:var(--pro-status-critical)}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-status.is-unknown{color:var(--pro-text-muted)}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-status-dot{
  width:6px;height:6px;border-radius:50%;
  background:currentColor;box-shadow:none!important;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-head-time{
  font-size:11px;
  font-weight:400;
  color:rgba(160,176,192,.72);
}

/* Suitability: discreet / hidden until engine is live */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-suitability-note--inline{
  display:none;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-icon-btn{
  width:32px;height:32px;
  border:0!important;
  background:transparent!important;
  color:rgba(180,196,210,.7)!important;
  box-shadow:none!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-icon-btn:hover{
  color:rgba(246,248,250,.95)!important;
  background:rgba(255,255,255,.05)!important;
}

/* Tabs — text + thin underline */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-tabs--pro{
  display:flex;
  gap:0;
  margin:14px 0 0;
  padding:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:transparent;
  overflow-x:auto;
  scrollbar-width:none;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-tabs--pro::-webkit-scrollbar{display:none}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-tabs--pro button{
  flex:0 0 auto;
  appearance:none;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 12px 10px;
  margin:0;
  font-size:12px;
  font-weight:500;
  color:rgba(160,176,192,.78)!important;
  white-space:nowrap;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-tabs--pro button.is-active{
  color:var(--pro-brand)!important;
  border-bottom-color:var(--pro-brand)!important;
  background:transparent!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-tab-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:16px;
  margin-left:6px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(232,165,75,.18);
  color:#e8a54b;
  font-size:10px;
  font-weight:600;
  line-height:1;
}

/* Scroll body */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-body--pro{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding:0 16px 12px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.14) transparent;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-body--pro::-webkit-scrollbar{width:5px}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-body--pro::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14);
  border-radius:999px;
}

/* Continuous sections — no cards */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-sheet-block{
  margin:0;
  padding:20px 0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-sheet-block:last-child{
  border-bottom:0!important;
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-card-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
  padding:0;
  border:0;
  background:transparent;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-card-head h3,
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-sheet-block h3{
  margin:0;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(230,238,246,.9);
}

body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-card-head time,
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-charts-note,
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-empty{
  font-size:11px;
  font-weight:400;
  color:rgba(160,176,192,.7);
}

/* METAR / TAF */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-wx-stack{
  gap:12px;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-wx-line{
  grid-template-columns:52px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-wx-tag{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  padding-top:1px;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-wx-tag.is-metar{color:#e8a54b}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-wx-tag.is-taf{color:var(--pro-brand)}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-metar--pro{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
  line-height:1.5;
  font-weight:400;
  color:rgba(230,238,246,.9);
}

/* Hide metrics grid on overview compact METAR if present as card clutter */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-sheet-block--wx .world-panel-metrics,
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-wx-stack--mock + .world-panel-metrics{
  display:none;
}

/* NOTAMs summary */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-notam-chips--dots{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:0 0 12px;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-notam-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:12px;
  font-weight:500;
  color:rgba(210,222,234,.88);
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-notam-dot{
  width:6px;height:6px;border-radius:50%;flex-shrink:0;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-view-all-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin:0;
  padding:4px 0;
  border:0!important;
  background:transparent!important;
  color:var(--pro-brand)!important;
  font-size:12px;
  font-weight:500;
  box-shadow:none!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-view-all-row .material-symbols-rounded{
  font-size:16px;
  opacity:.9;
}

/* Charts */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-charts-open-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:0;
  background:transparent;
  color:var(--pro-brand);
  font-size:11px;
  font-weight:500;
  padding:0;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-charts-icao{
  display:block;
  margin:0 0 8px;
  font-size:12px;
  font-weight:600;
  color:rgba(230,238,246,.9);
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-charts-btns{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-chart-btn{
  height:32px;
  min-width:52px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(210,222,234,.88)!important;
  font-size:11px;
  font-weight:500;
  box-shadow:none!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-chart-btn:hover{
  border-color:rgba(255,255,255,.2)!important;
  background:rgba(255,255,255,.04)!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-chart-btn.is-active{
  border-color:var(--pro-brand-border)!important;
  background:var(--pro-brand-soft)!important;
  color:var(--pro-brand)!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-charts-note{
  margin:10px 0 0;
}

/* Operation rows */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-list{
  display:grid;
  gap:0;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-row{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:38px;
  margin:0;
  padding:8px 0;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-row:last-child{
  border-bottom:0!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-row > .material-symbols-rounded{
  font-size:16px;
  color:rgba(150,166,182,.7);
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-label{
  font-size:12px;
  font-weight:400;
  color:rgba(180,196,210,.82);
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-value{
  font-size:12px;
  font-weight:500;
  color:rgba(246,248,250,.94);
  text-align:right;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-value.is-ok{
  color:var(--pro-brand);
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-ops-row.is-action:hover{
  background:rgba(255,255,255,.03)!important;
}

/* Sticky CTA */
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-foot-wrap--pro{
  flex-shrink:0;
  position:sticky;
  bottom:0;
  z-index:3;
  margin:0;
  padding:12px 16px 16px;
  border-top:1px solid rgba(255,255,255,.07);
  background:#0e141c;
  box-shadow:none;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-btn--briefing{
  width:100%;
  height:50px;
  border:0!important;
  border-radius:11px!important;
  background:var(--pro-brand)!important;
  color:var(--pro-on-brand)!important;
  font-size:13px;
  font-weight:600;
  box-shadow:none!important;
  filter:none!important;
}
body.workspace-professional:not(.light-theme) .world-panel--professional .world-panel-btn--briefing:hover{
  filter:brightness(1.04);
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  body.workspace-professional .world-map-search-tube .send-button.ai-orb,
  body.workspace-professional .world-map-send-btn.ai-orb,
  body.workspace-professional .world-map-assistant-btn.is-attention{
    animation:none!important;
  }
}