/* BizJet Planner — isolated-ish styles (prefixed) */
.bizjet-planner-embed { width: 100%; }
.bizjet-planner-root { width: 100%; }

/* Scope everything under .bizjet-planner */
.bizjet-planner {
  --bg:#0b0d12; --panel:#121624; --muted:#8ea0b5; --text:#e7eef7; --accent:#62b0ff; --line:#243046;
  --good:#5ee6a8; --warn:#ffd36a;

  margin: 0;
  color: var(--text);
  background: linear-gradient(180deg,var(--bg),#070913);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.bizjet-planner * { box-sizing: border-box; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
.bizjet-planner header { padding: 18px 16px; border-bottom: 1px solid var(--line); background: rgba(11,13,18,.92); backdrop-filter: blur(10px); }
.bizjet-planner header h1 { margin:0; font-size:16px; letter-spacing:.2px; }
.bizjet-planner header p { margin:6px 0 0; color:var(--muted); font-size:12px; }

.bizjet-planner main { padding: 16px; }
.bizjet-planner .grid { display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 960px){ .bizjet-planner .grid{ grid-template-columns:1fr; } }

.bizjet-planner .card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 14px; }
.bizjet-planner .card h2 { margin:0 0 10px; font-size:13px; color:#cfe3ff; letter-spacing:.2px; }
.bizjet-planner .row { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bizjet-planner label { display:block; font-size:12px; color: var(--muted); margin: 10px 0 6px; }

.bizjet-planner input, .bizjet-planner select, .bizjet-planner button, .bizjet-planner textarea {
  width:100%; padding:10px 10px; border-radius: 12px;
  border:1px solid #2a3550; background:#0c1020; color: var(--text);
  outline:none;
}
.bizjet-planner input::placeholder, .bizjet-planner textarea::placeholder { color:#6f7f96; }
.bizjet-planner input:focus, .bizjet-planner select:focus, .bizjet-planner textarea:focus {
  border-color: var(--accent); box-shadow: 0 0 0 3px rgba(98,176,255,.15);
}

.bizjet-planner .checks { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 8px; }
.bizjet-planner .check {
  display:flex; align-items:center; gap:8px; padding: 8px 10px;
  border:1px solid #2a3550; border-radius: 999px; background:#0c1020;
  color:#cfe3ff; font-size:12px;
}
.bizjet-planner .check input { width:16px; height:16px; margin:0; }

.bizjet-planner .btnrow { display:flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.bizjet-planner button { cursor:pointer; }
.bizjet-planner button.primary { background: linear-gradient(90deg, rgba(98,176,255,.18), rgba(94,230,168,.12)); border-color: rgba(98,176,255,.55); }
.bizjet-planner button.primary:hover { border-color: rgba(98,176,255,.9); }
.bizjet-planner button:hover { border-color:#3c4d73; }

.bizjet-planner .pill { display:inline-flex; gap:8px; align-items:center; font-size:12px; color:#cfe3ff; padding:6px 10px; border-radius:999px; border:1px solid #2a3550; background:#0c1020; }
.bizjet-planner .muted { color: var(--muted); }
.bizjet-planner .out { border-top:1px solid var(--line); margin-top: 12px; padding-top: 12px; display:flex; gap: 10px; flex-wrap: wrap; }

.bizjet-planner .tabs { display:flex; gap:8px; margin-bottom: 10px; }
.bizjet-planner .tab { padding:8px 10px; border-radius: 999px; border:1px solid #2a3550; background:#0c1020; font-size:12px; color:#cfe3ff; cursor:pointer; user-select:none; }
.bizjet-planner .tab.active { border-color: rgba(98,176,255,.75); box-shadow: 0 0 0 3px rgba(98,176,255,.12); }

.bizjet-planner .box { border:1px solid #2a3550; background:#0c1020; border-radius: 14px; padding: 10px; }
.bizjet-planner .box h3 { margin:0 0 6px; font-size:12px; color:#cfe3ff; }
.bizjet-planner .box p { margin:0; font-size:13px; color:#d9e7ff; line-height:1.35; }
.bizjet-planner .big { font-size:18px; font-weight:650; letter-spacing:.3px; }
.bizjet-planner .small { font-size:12px; color: var(--muted); }
.bizjet-planner .kv { display:grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; }
@media (max-width: 960px){ .bizjet-planner .kv{ grid-template-columns: 1fr; } }

.bizjet-planner .leg { display:flex; justify-content:space-between; gap:10px; padding:10px; border:1px solid #2a3550; background:#0c1020; border-radius:14px; margin-top:10px; }
.bizjet-planner .leg .left { display:flex; flex-direction:column; gap:3px; }
.bizjet-planner .leg .right { display:flex; flex-direction:column; gap:6px; align-items:flex-end; }
.bizjet-planner .badge { font-size:11px; padding:4px 8px; border-radius:999px; border:1px solid #2a3550; background:#0b1227; color:#cfe3ff; }
.bizjet-planner .badge.good { border-color: rgba(94,230,168,.55); }
.bizjet-planner .badge.warn { border-color: rgba(255,211,106,.6); }

.bizjet-planner .toast { position: fixed; right: 14px; bottom: 14px; background:#0c1020; border:1px solid #2a3550; border-radius:14px; padding:10px 12px; color:#cfe3ff; display:none; max-width: 360px; z-index: 99999; }


/* Modal for per-user API key */
.bizjet-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:100000; }
.bizjet-modal{ width:min(560px, calc(100% - 24px)); background: #0c1020; border:1px solid #2a3550; border-radius:18px; box-shadow:0 20px 60px rgba(0,0,0,.4); overflow:hidden; }
.bizjet-modal-h{ padding:14px 14px 0; }
.bizjet-modal-title{ font-size:14px; font-weight:650; color:#e7eef7; }
.bizjet-modal-sub{ margin-top:6px; font-size:12px; color:#8ea0b5; }
.bizjet-modal-b{ padding:14px; }


.bizjet-loading{ padding:14px; border:1px dashed rgba(255,255,255,.18); border-radius:14px; color:#e7eef7; background: rgba(10,14,26,.35); }
.bizjet-loading .small{ margin-top:6px; font-size:12px; color:#8ea0b5; }