/* ═══════════════════════════════════════════════════════════════════════════
   Operational Library — Compass Virtual Airlines
   user/themes/compass-virtual/css/operational-library.css

   ⚑ Lifted out of the page on 2026-09-16 so nothing under this page's folder
   carries a <style> or <script> tag, which Grav 2's markdown tagfilter escapes.

   ⚑ Class prefix ol- is used by this page alone.
   ═══════════════════════════════════════════════════════════════════════════ */

.ol-banner{background:#1a3a4a;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-radius:8px;margin-bottom:12px}
.ol-banner h1{font-size:20px;font-weight:500;margin:0 0 2px;color:white}
.ol-banner p{font-size:12px;color:rgba(255,255,255,0.6);margin:0}
.ol-tabs{display:flex;border-bottom:2px solid #e8f0f3;margin-bottom:16px;flex-wrap:wrap;gap:0}
.ol-tab{padding:9px 16px;font-size:13px;font-weight:500;color:#8a9099;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit}
.ol-tab:hover{color:#4a7a8a}
.ol-tab.active{color:#4a7a8a;border-bottom-color:#c8962e}
.ol-panel{display:none}
.ol-panel.active{display:block}
.ol-section{background:white;border-radius:8px;border:0.5px solid #dde0e4;overflow:hidden;margin-bottom:12px}
.ol-section-title{background:#e8f0f3;padding:8px 12px;font-size:11px;font-weight:500;color:#4a7a8a;text-transform:uppercase;letter-spacing:0.5px;border-bottom:0.5px solid rgba(109,151,168,0.2)}
.ol-table{width:100%;border-collapse:collapse;font-size:12px}
.ol-table th{text-align:left;padding:7px 10px;font-size:11px;font-weight:500;color:#8a9099;background:#f7fafc;border-bottom:0.5px solid #f0f2f3}
.ol-table td{padding:8px 10px;border-bottom:0.5px solid #f0f2f3;color:#444}
.ol-table tr:last-child td{border-bottom:none}
.ol-table tr:hover td{background:#f7fafc}
.ol-type{font-weight:500;color:#333}
.ol-status{font-size:11px;color:#b0b4b9;font-style:italic}
.ol-desc{padding:14px 16px;font-size:13px;color:#555;line-height:1.75}
.ol-desc p{margin:0 0 10px}
.ol-desc p:last-child{margin:0}
.ol-desc strong{color:#4a7a8a}
.ol-tip{background:#fff8ee;border:0.5px solid rgba(200,150,46,0.4);border-radius:6px;padding:10px 12px;font-size:12px;color:#7a5010;line-height:1.6;margin-bottom:12px}
.ol-tip strong{color:#c8962e}
.ol-progress{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px}
.ol-progress-item{background:#f7fafc;border-radius:6px;border:0.5px solid #dde0e4;padding:10px 16px;text-align:center;min-width:110px}
.ol-progress-item .num{font-size:20px;font-weight:600;color:#4a7a8a}
.ol-progress-item .lbl{font-size:10px;color:#8a9099;text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}
.ol-nav-strip{background:#e8f0f3;padding:8px 12px;margin-bottom:16px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px}
.ol-nav-strip a{color:#4a7a8a;text-decoration:none}
.ol-nav-strip a:hover{color:#c8962e}
.ol-nav-strip span{color:#8a9099}