*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#061421;color:#f4f8ff;font-family:Inter,system-ui,Arial,sans-serif;overflow-x:hidden}
body{display:block}

.sidebar{
  position:fixed;left:0;top:0;bottom:0;width:280px;
  background:linear-gradient(180deg,#061827,#071522);
  border-right:1px solid rgba(255,255,255,.08);
  padding:34px 30px;
  overflow-y:auto;
  overflow-x:hidden;
}

.logo{font-size:36px;font-weight:950;letter-spacing:-1.5px;line-height:1}
.logo span{color:#ff9100}
.subtitle{color:#ff9100;font-weight:950;font-size:14px;margin:9px 0 52px;letter-spacing:.4px}

.nav{display:flex;flex-direction:column;gap:17px}
.nav a{
  display:flex;align-items:center;gap:8px;
  color:#c9d8eb;text-decoration:none;font-weight:850;
  font-size:18px;line-height:1;
  padding:0;
}
.nav a.active,.nav a:hover{color:#fff}

.quick-links{
  margin-top:44px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.08);
}
.quick-links h4{margin:0 0 16px;font-size:14px;color:#fff}
.quick-links a{
  display:block;color:#c9d8eb;text-decoration:none;
  font-size:15px;font-weight:650;
  padding:8px 0;
}
.quick-links a:hover{color:#fff}

#mainContent{
  margin-left:280px;
  min-height:100vh;
  padding:34px 38px;
  width:calc(100vw - 280px);
}

.topbar{
  display:flex;justify-content:space-between;gap:24px;align-items:flex-start;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:22px;margin-bottom:28px;
}
.topbar h1{margin:0;font-size:clamp(30px,3vw,44px);letter-spacing:-1px}
.topbar p{margin:5px 0 0;color:#9fb5cc;font-size:18px}

.userbar{display:flex;align-items:center;gap:18px;flex-shrink:0}
.clock{text-align:right;min-width:120px}.clock b{display:block;font-size:18px}.clock span{color:#9fb5cc}

.notify{position:relative}
.notify-btn{
  position:relative;border:0;background:transparent;color:#ffb347;
  font-size:32px;line-height:1;cursor:pointer;padding:6px;
}
.notify-btn b{
  position:absolute;right:-2px;top:-7px;
  min-width:24px;height:24px;padding:0 6px;border-radius:999px;
  background:#ff9100;color:#fff;font-size:13px;
  display:grid;place-items:center;
}
.notify-menu{
  display:none;position:absolute;right:0;top:50px;width:360px;max-width:90vw;
  background:#0b1d30;border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:12px;z-index:200;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
}
.notify.open .notify-menu{display:block}
.notify-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;margin-bottom:10px}
.notify-head h3{margin:0;font-size:18px}
.notify-clear{border:0;background:transparent;color:#ffb347;font-weight:800;cursor:pointer}
.notify-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.notify-item{padding:11px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}
.notify-item b{display:block;font-size:14px}
.notify-item span{display:block;color:#9fb5cc;font-size:13px;margin-top:3px}
.notify-empty{color:#9fb5cc;padding:14px}

.user{position:relative}
.userbtn{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;cursor:pointer;padding:0}
.avatar{width:52px;height:52px;border-radius:50%;background:#1d5ea0;display:grid;place-items:center;font-weight:900;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.userbtn strong,.userbtn span{display:block;text-align:left}.userbtn strong{font-size:17px}.userbtn span{color:#9fb5cc;font-size:15px}
.userbtn em{font-style:normal;color:#9fb5cc;margin-left:4px}

.dropdown{display:none;position:absolute;right:0;top:64px;min-width:240px;background:#0b1d30;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;z-index:100;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.user.open .dropdown{display:block}
.dropdown a,.dropdown button{display:block;width:100%;padding:12px;color:#eaf2ff;background:transparent;border:0;text-align:left;text-decoration:none;font-weight:800;border-radius:10px;cursor:pointer}
.dropdown a:hover,.dropdown button:hover{background:rgba(255,255,255,.08)}
.dropdown button{color:#ff9d1b}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:#132437;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;min-width:0}
.card h2{margin:8px 0 0}.muted{color:#9fb5cc}.orange{color:#ff9d1b}.green{color:#00ff7f}

@media(max-width:1000px){
  .sidebar{width:230px;padding:28px 22px}
  #mainContent{margin-left:230px;width:calc(100vw - 230px);padding:26px 24px}
  .nav a{font-size:16px}
}
@media(max-width:760px){
  .sidebar{position:static;width:100%;height:auto}
  #mainContent{margin-left:0;width:100%;padding:20px}
  .topbar{flex-direction:column}
  .userbar{width:100%;justify-content:flex-end}
}

/* V2 layout hard fix */
html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden !important;
}

.sidebar {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 260px !important;
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 1000 !important;
}

#mainContent {
  margin-left: 260px !important;
  width: calc(100vw - 260px) !important;
  max-width: calc(100vw - 260px) !important;
  min-height: 100vh !important;
  padding: 34px 42px !important;
  overflow-x: hidden !important;
}

.topbar {
  width: 100% !important;
}

.topbar h1 {
  max-width: 720px !important;
  line-height: 1.05 !important;
}

.grid {
  width: 100% !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.card {
  min-width: 0 !important;
}

@media (max-width: 1200px) {
  .sidebar {
    width: 230px !important;
  }

  #mainContent {
    margin-left: 230px !important;
    width: calc(100vw - 230px) !important;
    max-width: calc(100vw - 230px) !important;
    padding: 28px !important;
  }

  .topbar h1 {
    max-width: 620px !important;
  }
}

@media (max-width: 900px) {
  .sidebar {
    position: fixed !important;
    width: 220px !important;
  }

  #mainContent {
    margin-left: 220px !important;
    width: calc(100vw - 220px) !important;
    max-width: calc(100vw - 220px) !important;
    padding: 20px !important;
  }

  .topbar {
    flex-direction: column !important;
  }
}

/* Dashboard V2 content layout */
.stat-v2 {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 150px;
}

.stat-v2 i {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #1b5fa0;
  font-size: 24px;
  font-style: normal;
  flex: 0 0 auto;
}

.stat-v2 span,
.info-list-v2 span,
.flight-meta-v2 span {
  color: #bdd0e6;
}

.stat-v2 h2 {
  margin: 8px 0;
  font-size: 30px;
}

.dash-v2-grid {
  display: grid;
  grid-template-columns: 1.1fr 1.2fr 1fr;
  gap: 18px;
  margin-top: 18px;
}

.profile-v2,
.flight-v2,
.activity-v2,
.fleet-v2,
.events-v2 {
  min-height: 260px;
}

.profile-row-v2 {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 18px 0;
}

.profile-avatar-v2 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #1b5fa0;
  background-size: cover;
  background-position: center;
  border: 2px solid rgba(255,255,255,.55);
  flex: 0 0 auto;
}

.profile-row-v2 h3 {
  margin: 0;
  font-size: 30px;
}

.profile-row-v2 b {
  color: #ff9d1b;
}

.profile-row-v2 p {
  margin: 2px 0 0;
}

.info-list-v2 {
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 14px;
}

.info-list-v2 div,
.list-row-v2 {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.blue-btn-v2,
.orange-btn-v2 {
  display: block;
  margin-top: 18px;
  padding: 13px 16px;
  text-align: center;
  border-radius: 10px;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 900;
}

.blue-btn-v2 {
  background: #2167a7;
}

.orange-btn-v2 {
  background: linear-gradient(135deg, #ff8a00, #ffb347);
}

.panel-title-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.panel-title-v2 h2 {
  margin: 0;
}

.panel-title-v2 a {
  color: #4db5ff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
}

.route-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 42px 0 26px;
}

.route-v2 h3 {
  margin: 0;
  font-size: 42px;
}

.route-v2 span {
  color: #bdd0e6;
}

.route-v2 i {
  color: #ff9d1b;
  font-size: 38px;
  font-style: normal;
}

.flight-meta-v2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.flight-meta-v2 b {
  display: block;
  margin-top: 4px;
}

.activity-v2 {
  grid-row: span 2;
}

.fleet-v2,
.events-v2 {
  min-height: 220px;
}

@media (max-width: 1250px) {
  .dash-v2-grid {
    grid-template-columns: 1fr 1fr;
  }

  .activity-v2 {
    grid-row: auto;
  }
}

@media (max-width: 850px) {
  .dash-v2-grid {
    grid-template-columns: 1fr;
  }

  .flight-meta-v2 {
    grid-template-columns: 1fr;
  }
}

/* Match original dashboard visual layout */
.stats-grid-v2 {
  display: grid;
  grid-template-columns: repeat(5, minmax(180px, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.stat-card-v2 {
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 22px;
  min-height: 138px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.stat-card-v2 i {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #1b5fa0;
  font-style: normal;
  font-size: 24px;
  flex: 0 0 auto;
}

.stat-card-v2 span {
  color: #bdd0e6;
}

.stat-card-v2 b {
  display: block;
  font-size: 30px;
  margin: 4px 0;
  line-height: 1.05;
}

.stat-card-v2 small {
  color: #00ff7f;
  font-weight: 900;
}

.dash-grid-v2 {
  display: grid;
  grid-template-columns: 1.1fr 1.2fr 1fr;
  gap: 18px;
}

.panel-v2 {
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 22px;
  min-width: 0;
}

.profile-panel-v2,
.flight-panel-v2,
.activity-panel-v2 {
  min-height: 330px;
}

.fleet-panel-v2,
.events-panel-v2 {
  min-height: 240px;
}

.activity-panel-v2 {
  grid-row: span 2;
}

.panel-title-v2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-title-v2 h2,
.panel-v2 h2 {
  margin: 0;
}

.panel-title-v2 a {
  color: #4db5ff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
}

.pilot-row-v2 {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 22px 0;
}

.pilot-photo-v2 {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #1b5fa0;
  background-size: cover;
  background-position: center;
  border: 2px solid rgba(255,255,255,.55);
}

.pilot-row-v2 h3 {
  margin: 0;
  font-size: 28px;
}

.pilot-row-v2 strong {
  color: #ff9d1b;
}

.pilot-row-v2 p {
  margin: 2px 0 0;
}

.info-list-v2 {
  list-style: none;
  padding: 18px 0 0;
  margin: 0;
  border-top: 1px solid rgba(255,255,255,.08);
}

.info-list-v2 li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
}

.info-list-v2 span,
.flight-meta-v2 span {
  color: #bdd0e6;
}

.blue-btn-v2,
.orange-btn-v2 {
  display: block;
  margin-top: 16px;
  padding: 13px 16px;
  border-radius: 10px;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 900;
}

.blue-btn-v2 {
  background: #2167a7;
}

.orange-btn-v2 {
  background: linear-gradient(135deg, #ff8a00, #ffb347);
}

.route-big-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 38px 0 24px;
}

.route-big-v2 b {
  display: block;
  font-size: 40px;
}

.route-big-v2 span {
  color: #bdd0e6;
}

.route-big-v2 em {
  color: #ff9d1b;
  font-size: 36px;
  font-style: normal;
}

.flight-meta-v2 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.flight-meta-v2 b {
  display: block;
}

.list-row-v2,
.fleet-row-v2 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.list-row-v2 i,
.fleet-row-v2 span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #1b5fa0;
  font-style: normal;
}

.list-row-v2 div {
  flex: 1;
}

.list-row-v2 span,
.list-row-v2 time,
.fleet-row-v2 em {
  color: #9fb5cc;
}

.fleet-row-v2 b {
  flex: 1;
}

.empty-v2 {
  color: #9fb5cc;
}

@media (max-width: 1350px) {
  .stats-grid-v2 {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
  .dash-grid-v2 {
    grid-template-columns: 1fr 1fr;
  }
  .activity-panel-v2 {
    grid-row: auto;
  }
}

@media (max-width: 900px) {
  .stats-grid-v2,
  .dash-grid-v2 {
    grid-template-columns: 1fr;
  }
}

/* SPA frame: sidebar attached to main content */
html,
body {
  height: 100vh !important;
  overflow: hidden !important;
}

#appShell {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 260px !important;
  height: 100vh !important;
  z-index: 1000 !important;
}

.sidebar {
  position: relative !important;
  width: 260px !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#mainContent {
  position: fixed !important;
  left: 260px !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

@media (max-width: 1050px) {
  #appShell,
  .sidebar {
    width: 220px !important;
  }

  #mainContent {
    left: 220px !important;
  }
}

/* SPA frame correction: sidebar scrolls with main page */
html,
body {
  height: auto !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  align-items: stretch !important;
}

#appShell {
  position: static !important;
  width: 260px !important;
  height: auto !important;
  min-height: 100vh !important;
  grid-column: 1 !important;
  z-index: auto !important;
}

.sidebar {
  position: static !important;
  width: 260px !important;
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}

#mainContent {
  position: static !important;
  grid-column: 2 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 34px 42px !important;
  overflow: visible !important;
}

@media (max-width: 1050px) {
  body {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  #appShell,
  .sidebar {
    width: 220px !important;
  }
}

/* Dashboard stat card sizing cleanup */
.stats-grid-v2 {
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
  gap: 20px !important;
  margin-bottom: 24px !important;
}

.stat-card-v2 {
  min-height: 132px !important;
  padding: 20px 22px !important;
  align-items: center !important;
}

.stat-card-v2 i {
  width: 56px !important;
  height: 56px !important;
  font-size: 24px !important;
}

.stat-card-v2 b {
  font-size: 28px !important;
}

.stat-card-v2 span {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.stat-card-v2 small {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.dash-grid-v2 {
  margin-top: 0 !important;
}

@media (max-width: 1200px) {
  .stats-grid-v2 {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .stats-grid-v2 {
    grid-template-columns: 1fr !important;
  }
}

/* Dashboard V2 hours + announcement */
.hours-panel-v2 {
  min-height: 240px;
}

.hours-boxes-v2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 22px;
}

.hours-boxes-v2 div {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 18px;
}

.hours-boxes-v2 span {
  display: block;
  color: #9fb5cc;
}

.hours-boxes-v2 b {
  display: block;
  font-size: 25px;
  margin-top: 8px;
}

.hours-boxes-v2 small {
  display: block;
  color: #9fb5cc;
  margin-top: 4px;
}

.panel-link-v2 {
  display: inline-block;
  margin-top: 18px;
  color: #4db5ff;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
}

.announcement-v2 {
  margin-top: 18px;
  background: linear-gradient(135deg, rgba(18,52,82,.95), rgba(20,38,55,.95));
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 22px;
  align-items: center;
  gap: 18px;
}

.ann-icon-v2 {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ff9300;
  flex: 0 0 auto;
}

.ann-copy-v2 {
  flex: 1;
  min-width: 0;
}

.ann-copy-v2 b {
  display: block;
  font-size: 18px;
}

.ann-copy-v2 span {
  display: block;
  color: #bdd0e6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.announcement-v2 time {
  color: #d8e6f5;
  white-space: nowrap;
}

.announcement-v2 a {
  color: #ff9d1b;
  border: 1px solid #ff9d1b;
  border-radius: 10px;
  padding: 12px 18px;
  text-decoration: none;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .hours-boxes-v2 {
    grid-template-columns: 1fr;
  }

  .announcement-v2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .ann-copy-v2 span {
    white-space: normal;
  }
}

/* System Settings V2 */
.settings-v2 {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
}

.settings-groups-v2,
.settings-panel-v2 {
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 18px;
}

.settings-groups-v2 h2 {
  margin: 0 0 14px;
}

.settings-groups-v2 button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  margin-bottom: 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  color: #f4f8ff;
  font-weight: 900;
  cursor: pointer;
}

.settings-groups-v2 button.active {
  background: linear-gradient(135deg, #ff8a00, #ffb347);
}

.settings-head-v2 {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.settings-head-v2 h2 {
  margin: 0;
}

.settings-head-v2 p {
  color: #9fb5cc;
  margin: 4px 0 0;
}

.settings-actions-v2 {
  display: flex;
  gap: 12px;
  align-items: center;
}

.settings-actions-v2 input,
.setting-row-v2 input,
.setting-row-v2 select {
  background: #061b30;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  color: #fff;
  padding: 12px 14px;
  font-weight: 800;
}

.settings-actions-v2 input {
  width: 360px;
}

.settings-actions-v2 button {
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a00, #ffb347);
  color: #fff;
  padding: 13px 18px;
  font-weight: 900;
  cursor: pointer;
}

.settings-list-v2 {
  display: grid;
  gap: 12px;
}

.setting-row-v2 {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 520px);
  gap: 18px;
  align-items: center;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 16px;
}

.setting-row-v2 b {
  display: block;
}

.setting-row-v2 p {
  color: #9fb5cc;
  margin: 5px 0 0;
}

.setting-row-v2 input,
.setting-row-v2 select {
  width: 100%;
}

.settings-toggle-v2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #061b30;
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 900;
}

.settings-toggle-v2 input {
  width: auto;
}

@media (max-width: 1100px) {
  .settings-v2 {
    grid-template-columns: 1fr;
  }

  .settings-head-v2,
  .settings-actions-v2 {
    flex-direction: column;
    width: 100%;
  }

  .settings-actions-v2 input,
  .settings-actions-v2 button {
    width: 100%;
  }

  .setting-row-v2 {
    grid-template-columns: 1fr;
  }
}

/* V2 user dropdown cleanup */
.dropdown {
  min-width: 260px !important;
  padding: 12px !important;
  top: 66px !important;
  right: 0 !important;
}

.dropdown a,
.dropdown button {
  font-size: 15px !important;
  line-height: 1.2 !important;
  padding: 11px 12px !important;
}

.dropdown button[data-logout] {
  color: #ff9d1b !important;
}

/* Pilot Management V2 role badge cleanup */
.pilot-management-v2 .pm-role-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-width: 260px;
}

.pilot-management-v2 .pm-role-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(33, 103, 167, .55);
  border: 1px solid rgba(96, 176, 255, .35);
  color: #cfe7ff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.pilot-management-v2 .pm-role-empty {
  color: #9fb5cc;
}

/* Admin Center V2 */
.admin-stat-grid-v2 {
  display: grid;
  grid-template-columns: repeat(6, minmax(160px, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

.admin-grid-v2 {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 18px;
}

.admin-grid-v2 .panel {
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 22px;
  min-width: 0;
}

.admin-api-keys-v2 {
  margin-top: 18px;
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 22px;
}

.admin-api-keys-v2 input,
.admin-api-keys-v2 select,
.admin-api-keys-v2 textarea {
  background: #061b30;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  color: #fff;
  padding: 11px 12px;
}

.admin-api-keys-v2 button {
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a00, #ffb347);
  color: #fff;
  padding: 12px 16px;
  font-weight: 900;
  cursor: pointer;
}

@media (max-width: 1400px) {
  .admin-stat-grid-v2 {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }

  .admin-grid-v2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 900px) {
  .admin-stat-grid-v2,
  .admin-grid-v2 {
    grid-template-columns: 1fr;
  }
}

/* Dispatch V2 */
.dispatch-v2-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: -8px 0 18px;
}

.dispatch-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr);
  gap: 18px;
}

.dispatch-v2 .panel {
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 22px;
  min-width: 0;
}

.dispatch-v2 input,
.dispatch-v2 select,
.dispatch-v2 textarea {
  background: #061b30;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  color: #fff;
}

@media (max-width: 1250px) {
  .dispatch-v2 {
    grid-template-columns: 1fr;
  }
}

/* Dispatch V2 polish */
.dispatch-v2-actions button,
.dispatch-v2 .blue-btn,
.dispatch-v2 .orange-btn,
.dispatch-v2 .danger-btn {
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
  color: #fff;
}

.dispatch-v2-actions .orange-btn,
.dispatch-v2 .orange-btn {
  background: linear-gradient(135deg, #ff8a00, #ffb347);
}

.dispatch-v2-actions .blue-btn,
.dispatch-v2 .blue-btn {
  background: #2268ad;
}

.dispatch-v2 .danger-btn {
  background: #dc2626;
}

.dispatch-v2 .dispatch-admin-table th,
.dispatch-v2 .dispatch-admin-table td {
  padding: 15px 14px;
  vertical-align: middle;
}

.dispatch-v2 .dispatch-editor-panel {
  position: relative;
}

.dispatch-editor-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: #0b1f33;
  color: #c8d8ea;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.dispatch-editor-close:hover {
  background: #17314d;
  color: #fff;
}

.dispatch-v2 .dispatch-editor-form input,
.dispatch-v2 .dispatch-editor-form textarea,
.dispatch-v2 .dispatch-editor-form select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
}

.dispatch-v2 .editor-tabs button {
  border: 0;
  border-radius: 9px;
  padding: 9px 12px;
  background: transparent;
  color: #aac0d8;
  font-weight: 900;
  cursor: pointer;
}

.dispatch-v2 .editor-tabs button.active {
  background: #1f6fbf;
  color: #fff;
}

/* Dispatch V2 closed/open layout */
.dispatch-v2:not(.editor-open) {
  grid-template-columns: 1fr !important;
}

.dispatch-v2:not(.editor-open) .dispatch-editor-panel {
  display: none !important;
}

.dispatch-v2.editor-open {
  grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr) !important;
}

/* Dispatch V2 open/closed state */
.dispatch-v2:not(.editor-open) {
  grid-template-columns: 1fr !important;
}

.dispatch-v2:not(.editor-open) .dispatch-editor-panel {
  display: none !important;
}

.dispatch-v2.editor-open {
  grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr) !important;
}

/* Dispatch V2: list full width until editor opens */
.dispatch-v2:not(.editor-open) {
  grid-template-columns: 1fr !important;
}

.dispatch-v2:not(.editor-open) .dispatch-editor-panel {
  display: none !important;
}

.dispatch-v2.editor-open {
  grid-template-columns: minmax(0, 1.05fr) minmax(520px, .95fr) !important;
}

/* Dispatch editor close and checkbox rows */
.dispatch-v2 .dispatch-editor-panel {
  position: relative;
}

.dispatch-editor-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: #071c31;
  color: #c9d8ea;
  font-size: 24px;
  line-height: 30px;
  font-weight: 900;
  cursor: pointer;
  z-index: 5;
}

.dispatch-editor-close:hover {
  background: #1f6fbf;
  color: #fff;
}

.dispatch-v2 .check-row {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 52px;
  padding: 0 14px;
  background: #061b30;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  color: #cfe0f3;
  font-weight: 900;
}

.dispatch-v2 .check-row input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0;
  accent-color: #1f6fbf;
}

.dispatch-v2 .check-row input[type="checkbox"] + * {
  margin-left: 6px;
}

/* Schedule V2 */
.schedule-v2-filter {
  display: grid;
  grid-template-columns: 1fr 150px 150px 170px 170px;
  gap: 12px;
  margin-bottom: 18px;
}

.schedule-v2-filter input,
.schedule-v2-filter select {
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: #061b30;
  color: #eaf4ff;
  padding: 0 14px;
  font-weight: 800;
}

.schedule-v2-filter button {
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a00, #ffb347);
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}

.schedule-v2-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.schedule-v2-cards {
  display: grid;
  gap: 12px;
}

.schedule-v2-cards .flight-card,
.schedule-v2-cards > div:not(.schedule-v2-empty) {
  background: #071c31;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 16px;
}

.schedule-v2-empty {
  color: #aac0d8;
  padding: 18px 0;
}

@media (max-width: 1100px) {
  .schedule-v2-filter {
    grid-template-columns: 1fr 1fr;
  }
}

/* Schedule flight cards - V2 polish */
.schedule-v2-list {
  margin-top: 18px;
}

.schedule-v2-cards {
  display: grid;
  gap: 14px;
}

.schedule-flight-card {
  display: grid;
  grid-template-columns: minmax(260px, 1.8fr) repeat(4, minmax(95px, .55fr)) minmax(180px, .8fr);
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(16,39,62,.95), rgba(10,29,48,.95));
}

.schedule-flight-card .sf-main {
  display: grid;
  gap: 5px;
}

.schedule-flight-card .sf-main b {
  color: #ff9f1a;
  font-size: 18px;
  font-weight: 950;
}

.schedule-flight-card .sf-main span {
  color: #ffffff;
  font-size: 17px;
  font-weight: 950;
}

.schedule-flight-card .sf-main small {
  color: #8ea8c4;
  font-size: 12px;
  line-height: 1.35;
  max-width: 620px;
}

.schedule-flight-card > div:not(.sf-main):not(.schedule-actions) {
  display: grid;
  gap: 5px;
}

.schedule-flight-card > div:not(.sf-main):not(.schedule-actions) span {
  color: #8ea8c4;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 900;
}

.schedule-flight-card > div:not(.sf-main):not(.schedule-actions) b {
  color: #eaf4ff;
  font-size: 15px;
  font-weight: 950;
}

.schedule-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.schedule-actions button {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}

.schedule-actions .blue-btn {
  background: #1f6fba;
}

.schedule-actions .orange-btn {
  background: linear-gradient(135deg, #ff8a00, #ffb347);
}

.schedule-actions button:hover {
  filter: brightness(1.08);
}

@media (max-width: 1350px) {
  .schedule-flight-card {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .schedule-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 800px) {
  .schedule-v2-filter {
    grid-template-columns: 1fr;
  }

  .schedule-flight-card {
    grid-template-columns: 1fr;
  }
}


/* Training V2 */
.training-v2-stats {
  margin-bottom: 18px;
}

.training-v2-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.training-v2-grid .panel,
#training-programs {
  background: #132437;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 22px;
}

#training-programs {
  margin-top: 18px;
}

#trainingProgramsTable .dispatch-row {
  display: grid;
  grid-template-columns: 1.6fr .8fr .8fr 1fr .7fr;
  gap: 12px;
  align-items: center;
  padding: 14px 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

#trainingProgramsTable .dispatch-row.header {
  color: #8ea8c4;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 950;
}

@media (max-width: 1100px) {
  .training-v2-grid {
    grid-template-columns: 1fr;
  }

  #trainingProgramsTable .dispatch-row {
    grid-template-columns: 1fr;
  }
}

/* Training V2 layout fix */
.training-v2-stats.stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin: 22px 0 18px !important;
}

.training-v2-stats .stat-card {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 92px !important;
  padding: 18px !important;
  background: #132437 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
}

.training-v2-stats .stat-card i {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255,138,0,.14) !important;
  font-style: normal !important;
  font-size: 22px !important;
}

.training-v2-stats .stat-card div {
  display: grid !important;
  gap: 3px !important;
}

.training-v2-stats .stat-card span {
  color: #9db4ce !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.training-v2-stats .stat-card b {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.training-v2-stats .stat-card small {
  color: #27f078 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.training-v2-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.35fr 1fr !important;
  gap: 18px !important;
  margin-top: 0 !important;
}

.training-v2-grid .panel,
#training-programs {
  background: #132437 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  padding: 22px !important;
}

.training-v2-grid .panel-title,
#training-programs .panel-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.training-v2-grid .panel-title h2,
#training-programs .panel-title h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
}

.training-v2-grid .panel-title span {
  color: #9db4ce !important;
  font-size: 13px !important;
}

.training-qual-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 12px !important;
}

.training-v2-qual {
  display: grid !important;
  gap: 6px !important;
  padding: 14px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 13px !important;
}

.training-v2-qual b {
  color: #fff !important;
  font-size: 14px !important;
}

.training-v2-qual span {
  color: #27f078 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.training-timeline {
  display: grid !important;
  gap: 12px !important;
}

.training-timeline .timeline-item {
  display: grid !important;
  gap: 4px !important;
  padding: 14px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-left: 4px solid #1f6fba !important;
  border-radius: 13px !important;
}

.training-timeline .timeline-item.complete {
  border-left-color: #27f078 !important;
}

.training-timeline .timeline-item.active {
  border-left-color: #ff9f1a !important;
}

.training-timeline .timeline-item b {
  color: #fff !important;
  font-size: 14px !important;
}

.training-timeline .timeline-item small {
  color: #9db4ce !important;
  font-size: 12px !important;
}

.training-progress-compact {
  margin-top: 18px !important;
}

.training-runway-progress {
  position: relative !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #061b30 !important;
  overflow: visible !important;
}

.training-runway-fill {
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #1f6fba, #27f078) !important;
}

.training-plane {
  position: absolute !important;
  top: -16px !important;
  transform: translateX(-50%) !important;
  color: #fff !important;
  font-size: 18px !important;
}

#training-programs {
  margin-top: 18px !important;
}

#trainingProgramsTable {
  display: grid !important;
}

#trainingProgramsTable .dispatch-row {
  display: grid !important;
  grid-template-columns: 1.6fr .75fr .75fr 1fr .55fr !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

#trainingProgramsTable .dispatch-row.header {
  color: #9db4ce !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

#trainingProgramsTable .dispatch-row b {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
}

#trainingProgramsTable .dispatch-row small {
  display: block !important;
  margin-top: 4px !important;
  color: #8ea8c4 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#trainingProgramsTable .blue-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #1f6fba !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

@media (max-width: 1300px) {
  .training-v2-stats.stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .training-v2-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 800px) {
  .training-v2-stats.stats-grid,
  #trainingProgramsTable .dispatch-row {
    grid-template-columns: 1fr !important;
  }
}


/* Training V2 mockup match */
.training-v2-stats.stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin: 24px 0 18px !important;
}

.training-v2-grid {
  display: grid !important;
  grid-template-columns: 1fr 2fr 1fr !important;
  gap: 16px !important;
}

#type-ratings .panel-title,
#training-resources .panel-title {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 20px !important;
  align-items: start !important;
}

#type-ratings .training-qual-grid {
  grid-template-columns: 1fr 1fr !important;
}

.training-v2-qual {
  min-height: 78px !important;
}

.training-timeline .timeline-item {
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
}

.training-timeline .timeline-item b {
  margin-right: 4px !important;
}

.training-timeline .timeline-item small {
  justify-self: end !important;
}

#training-programs {
  padding: 22px !important;
}

#trainingProgramsTable {
  gap: 10px !important;
}

#trainingProgramsTable .dispatch-row {
  grid-template-columns: 1.7fr 1fr 1fr 1fr .9fr !important;
  min-height: 74px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  border-radius: 14px !important;
  padding: 18px !important;
}

#trainingProgramsTable .dispatch-row.header {
  min-height: 48px !important;
  background: rgba(255,255,255,.035) !important;
  color: #c8dbef !important;
  text-transform: none !important;
  font-size: 14px !important;
}

#trainingProgramsTable .dispatch-row:not(.header) div:nth-child(3) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 22px !important;
  border-radius: 999px !important;
  background: rgba(34,197,94,.55) !important;
  color: #c7ffd8 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

#trainingProgramsTable .dispatch-row:not(.header) div:nth-child(3):has(:not(*)) {
  background: rgba(255,138,0,.45) !important;
}

#trainingProgramsTable .blue-btn,
#trainingProgramsTable a,
#trainingProgramsTable button {
  width: 100% !important;
  min-height: 44px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #ff8a00, #ff9f1a) !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-align: center !important;
}

@media (max-width: 1300px) {
  .training-v2-stats.stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .training-v2-grid {
    grid-template-columns: 1fr !important;
  }
}

.training-program-row .training-status-pill {
  display: inline-flex;
  width: 100%;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.training-status-pill.complete {
  background: rgba(34,197,94,.55);
  color: #c7ffd8;
}

.training-status-pill.progress {
  background: rgba(255,138,0,.55);
  color: #ffe1b5;
}

.training-status-pill.available {
  background: rgba(59,130,246,.35);
  color: #dbeafe;
}

.training-action-btn {
  display: inline-flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a00, #ff9f1a);
  color: #fff;
  font-weight: 950;
  text-decoration: none;
}

.training-action-btn.is-complete {
  opacity: .9;
  pointer-events: none;
}

.training-v2-qual span.complete {
  color: #27f078 !important;
}

.training-v2-qual span.progress {
  color: #ffcf33 !important;
}

/* Training V2 table row fix */
#trainingProgramsTable {
  display: grid !important;
  gap: 10px !important;
}

#trainingProgramsTable .dispatch-row {
  display: grid !important;
  grid-template-columns: 1.8fr .9fr .9fr 1fr .8fr !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 74px !important;
  padding: 16px 18px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  border-radius: 14px !important;
}

#trainingProgramsTable .dispatch-row.header {
  min-height: 46px !important;
  background: rgba(255,255,255,.035) !important;
  color: #c7d9ee !important;
  font-weight: 900 !important;
}

#trainingProgramsTable .dispatch-row > div {
  color: #eaf4ff !important;
  min-width: 0 !important;
}

#trainingProgramsTable .dispatch-row b {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
}

#trainingProgramsTable .dispatch-row small {
  display: block !important;
  margin-top: 4px !important;
  color: #8ea8c4 !important;
  line-height: 1.35 !important;
}

#trainingProgramsTable .dispatch-row:not(.header) > div:nth-child(3) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  background: rgba(255,138,0,.45) !important;
  color: #ffe1b5 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

#trainingProgramsTable .dispatch-row:not(.header) > div:nth-child(3):contains("COMPLETE") {
  background: rgba(34,197,94,.5) !important;
  color: #c7ffd8 !important;
}

#trainingProgramsTable .blue-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #ff8a00, #ff9f1a) !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Training Course V2 */
.training-course-v2 {
  margin-top: 18px !important;
  padding: 22px !important;
  background: #132437 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
}

.training-course-v2 .course-desc {
  color: #dbeafe !important;
  line-height: 1.6 !important;
  margin: 16px 0 22px !important;
  font-size: 14px !important;
}

.training-course-v2 .course-actions {
  display: flex !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.training-course-v2 .blue-btn,
.training-course-v2 .orange-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.training-course-v2 .blue-btn {
  background: #1f6fba !important;
}

.training-course-v2 .orange-btn {
  background: linear-gradient(135deg, #ff8a00, #ffb347) !important;
}

.training-course-v2 #courseLessonsList {
  display: grid !important;
  gap: 10px !important;
}

.training-course-v2 #courseLessonsList .timeline-item {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 64px !important;
  padding: 14px 16px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-left: 4px solid #1f6fba !important;
  border-radius: 13px !important;
}

.training-course-v2 #courseLessonsList .timeline-item.complete {
  border-left-color: #27f078 !important;
}

.training-course-v2 #courseLessonsList .timeline-item.active {
  border-left-color: #ff9f1a !important;
}

.training-course-v2 #courseLessonsList .timeline-item b {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.training-course-v2 #courseLessonsList .timeline-item small {
  color: #9db4ce !important;
  font-size: 12px !important;
  justify-self: end !important;
}

.training-course-v2 #courseLessonsList .timeline-item a {
  min-width: 120px !important;
}

.training-course-v2 #trainingHistoryList .timeline-item {
  padding: 14px 16px !important;
  background: #071c31 !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

@media (max-width: 1000px) {
  .training-course-v2 #courseLessonsList .timeline-item {
    grid-template-columns: 1fr !important;
  }

  .training-course-v2 #courseLessonsList .timeline-item small {
    justify-self: start !important;
  }
}

/* Training Lesson V2 polish */
.lesson-meta-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 !important;
}

.lesson-meta-item {
  display: grid !important;
  gap: 6px !important;
  padding: 14px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 13px !important;
}

.lesson-meta-item span {
  color: #9db4ce !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.lesson-meta-item b {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

#lessonSectionsList {
  display: grid !important;
  gap: 12px !important;
}

#lessonSectionsList .timeline-item {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.3fr) minmax(240px, .9fr) minmax(180px, .5fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 76px !important;
  padding: 16px 18px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-left: 4px solid #ff9f1a !important;
  border-radius: 14px !important;
}

#lessonSectionsList .timeline-item.complete {
  border-left-color: #27f078 !important;
}

#lessonSectionsList .timeline-item b {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

#lessonSectionsList .timeline-item small {
  color: #9db4ce !important;
  font-size: 13px !important;
  justify-self: end !important;
}

#lessonSectionsList .timeline-item .orange-btn {
  width: 100% !important;
  min-height: 44px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #ff8a00, #ffb347) !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

@media (max-width: 1000px) {
  .lesson-meta-grid,
  #lessonSectionsList .timeline-item {
    grid-template-columns: 1fr !important;
  }

  #lessonSectionsList .timeline-item small {
    justify-self: start !important;
  }
}

/* Training Section V2 */
.training-section-v2-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) 360px !important;
  gap: 18px !important;
  margin-top: 22px !important;
}

.training-section-card {
  background: #132437 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  padding: 24px !important;
}

.training-section-card .lesson-card-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.training-section-card .lesson-card-title i {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: rgba(31,111,186,.35) !important;
  font-style: normal !important;
}

.training-section-card .lesson-card-title h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
}

.training-section-card .lesson-rule {
  height: 1px !important;
  background: rgba(255,255,255,.08) !important;
  margin: 12px 0 20px !important;
}

.training-section-card .lesson-overview-text {
  color: #dbeafe !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.training-section-card .lesson-overview-text h2,
.training-section-card .lesson-overview-text h3 {
  color: #fff !important;
  margin: 0 0 14px !important;
}

.section-content-block {
  padding: 18px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
}

.section-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 28px !important;
}

.section-actions .blue-btn,
.section-actions .orange-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 11px !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.section-actions .blue-btn {
  background: #1f6fba !important;
}

.section-actions .orange-btn {
  background: linear-gradient(135deg, #ff8a00, #ffb347) !important;
}

.lesson-detail-list {
  display: grid !important;
  gap: 12px !important;
}

.lesson-detail-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  background: #071c31 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 13px !important;
}

.lesson-detail-item i {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: rgba(255,138,0,.16) !important;
  color: #ffb347 !important;
  font-style: normal !important;
}

.lesson-detail-item div {
  display: grid !important;
  gap: 4px !important;
}

.lesson-detail-item span {
  color: #9db4ce !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.lesson-detail-item b {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

@media (max-width: 1100px) {
  .training-section-v2-grid {
    grid-template-columns: 1fr !important;
  }
}


/* Section Quiz V2 */
.section-quiz-box {
  margin-top: 26px;
  display: grid;
  gap: 16px;
}

.section-quiz-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.section-quiz-head h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
}

.section-quiz-head span {
  color: #9db4ce;
  font-weight: 800;
}

.section-quiz-form {
  display: grid;
  gap: 14px;
}

.quiz-question-card {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: #071c31;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
}

.quiz-question-card b {
  color: #fff;
}

.quiz-question-card label {
  color: #dbeafe;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  line-height: 1.35;
}

.quiz-result {
  padding: 16px;
  border-radius: 14px;
  display: grid;
  gap: 4px;
  font-weight: 900;
}

.quiz-result.pass {
  background: rgba(34,197,94,.16);
  border: 1px solid rgba(34,197,94,.35);
  color: #c7ffd8;
}

.quiz-result.fail {
  background: rgba(239,68,68,.14);
  border: 1px solid rgba(239,68,68,.35);
  color: #fecaca;
}

/* Quiz submit/option polish */
.quiz-letter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 8px !important;
  background: rgba(255,138,0,.18) !important;
  color: #ffb347 !important;
  font-weight: 950 !important;
}

.quiz-submit-btn {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ff8a00, #ffb347) !important;
  color: #fff !important;
  font-weight: 950 !important;
  border: 0 !important;
  cursor: pointer !important;
}

#startQuizBtn {
  min-width: 150px !important;
}

/* Section locking states */
#lessonSectionsList .timeline-item.locked {
  opacity: .62 !important;
  border-left-color: #64748b !important;
}

#lessonSectionsList .timeline-item.locked b {
  color: #cbd5e1 !important;
}

#lessonSectionsList .timeline-item.locked .blue-btn,
#lessonSectionsList .timeline-item button[disabled] {
  width: 100% !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #334155 !important;
  color: #cbd5e1 !important;
  font-weight: 950 !important;
  cursor: not-allowed !important;
}


/* Instructor Center V2 */
.ic-shell{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap:18px;
  margin-top:18px;
}

.ic-queue,
.ic-file{
  min-height:520px;
}

.ic-queue .panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.ic-queue input{
  width:100%;
  max-width:220px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
}

.ic-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}

.ic-student-row{
  width:100%;
  text-align:left;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#fff;
  border-radius:14px;
  padding:14px;
  cursor:pointer;
}

.ic-student-row b{
  display:block;
  font-size:15px;
}

.ic-student-row small{
  display:block;
  color:#9eb4cc;
  margin-top:4px;
}

.ic-student-row span{
  display:inline-flex;
  margin-top:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,140,0,.15);
  color:#ff9d2e;
  font-weight:800;
  font-size:11px;
}

.ic-empty-file{
  padding:26px;
}

.ic-file-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:18px;
  margin-bottom:18px;
}

.ic-tabs{
  margin-bottom:18px;
}

.ic-tab-content .ops-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.report-item{
  padding:12px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  margin-top:10px;
}

@media(max-width:1100px){
  .ic-shell{
    grid-template-columns:1fr;
  }
}

/* Instructor Center tab polish */
.instructor-center .ic-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:10px;
}

.instructor-center .ic-tabs button{
  border:0;
  background:rgba(255,255,255,.04);
  color:#b8c8da;
  padding:10px 14px;
  border-radius:12px;
  font-weight:800;
  cursor:pointer;
}

.instructor-center .ic-tabs button.active{
  background:linear-gradient(135deg,#ff8a00,#ffb347);
  color:#08111e;
}

.instructor-center .ic-tab-content{
  margin-top:12px;
}

.instructor-center .ic-file{
  padding:22px;
}

.instructor-center .ic-file-head{
  margin-bottom:10px;
}

.instructor-center .ic-list .ic-student-row.active{
  border-color:rgba(255,138,0,.7);
  box-shadow:0 0 0 1px rgba(255,138,0,.25);
}

/* Instructor Center V2 polish */
.instructor-center{
  display:block;
}

.instructor-center .grid{
  margin-bottom:24px;
}

.instructor-center .stat-card{
  min-height:92px;
}

.instructor-center .ic-shell{
  display:grid;
  grid-template-columns:380px 1fr;
  gap:22px;
  align-items:start;
}

.instructor-center .ic-queue,
.instructor-center .ic-file{
  background:transparent;
  border:0;
  padding:0;
  min-height:0;
}

.instructor-center .panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.instructor-center .panel-head h2{
  margin:0;
  font-size:24px;
}

.instructor-center .ic-queue input{
  max-width:210px;
  height:42px;
}

.instructor-center .ic-student-row{
  display:block;
  background:#132437;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:16px;
}

.instructor-center .ic-student-row.active{
  border-color:rgba(255,145,0,.75);
  box-shadow:0 0 0 1px rgba(255,145,0,.22);
}

.instructor-center .ic-student-row span{
  background:#ff9100;
  color:#08111e;
  font-weight:950;
}

.instructor-center .ic-file-head{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:22px;
  margin-bottom:18px;
}

.instructor-center .ic-file-head h2{
  margin:0 0 12px;
  font-size:26px;
}

.instructor-center .ic-file-head p{
  margin:0;
  color:#c8d8ea;
}

.instructor-center .ic-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 22px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.instructor-center .ic-tabs button{
  border:1px solid rgba(255,255,255,.10);
  background:#132437;
  color:#dbe9fa;
  border-radius:12px;
  padding:11px 14px;
  font-weight:900;
  cursor:pointer;
}

.instructor-center .ic-tabs button.active{
  background:linear-gradient(135deg,#ff8a00,#ffb347);
  color:#061421;
  border-color:transparent;
}

.instructor-center .ic-tab-content .ops-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:14px;
}

.instructor-center .report-item,
.instructor-center .ic-tab-content .card{
  background:#132437;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:18px;
}

@media(max-width:1100px){
  .instructor-center .ic-shell{
    grid-template-columns:1fr;
  }
}

/* Instructor Center final layout match */
.instructor-center .ic-shell{
  display:grid !important;
  grid-template-columns:380px minmax(0,1fr) !important;
  gap:22px !important;
  margin-top:24px !important;
}

.instructor-center .ic-queue{
  background:#132437 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  padding:28px !important;
  min-height:560px !important;
}

.instructor-center .ic-file{
  background:#132437 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  padding:30px !important;
  min-height:560px !important;
}

.instructor-center .panel-head{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  align-items:start !important;
}

.instructor-center .panel-head input{
  width:100% !important;
  max-width:none !important;
  background:#172a3e !important;
}

.instructor-center .ic-file-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding-bottom:24px !important;
  margin-bottom:22px !important;
}

.instructor-center .ic-tabs button{
  border:0 !important;
  background:#1d3046 !important;
  color:#c8d8ea !important;
  font-size:16px !important;
}

.instructor-center .ic-tabs button.active{
  background:#ff9d1b !important;
  color:#08111e !important;
}

.instructor-center .ic-tab-content .ops-grid{
  grid-template-columns:1fr 1fr !important;
}

.instructor-center .report-item{
  background:#233449 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  padding:18px !important;
  border-radius:14px !important;
}

.instructor-center .ic-student-row{
  background:#1a2b3f !important;
}

@media(max-width:1200px){
  .instructor-center .ic-shell{
    grid-template-columns:1fr !important;
  }
}

/* Instructor Center stat card sizing */
.instructor-center .grid{
  grid-template-columns:repeat(4,minmax(220px,1fr)) !important;
  gap:18px !important;
  margin:22px 0 26px !important;
}

.instructor-center .stat-card{
  min-height:118px !important;
  padding:26px !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
}

.instructor-center .stat-card i{
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  background:#1d65aa !important;
  display:grid !important;
  place-items:center !important;
  font-size:24px !important;
  flex:0 0 auto !important;
}

.instructor-center .stat-card span{
  display:block !important;
  color:#b8c8da !important;
  font-size:16px !important;
  margin-bottom:4px !important;
}

.instructor-center .stat-card b{
  display:block !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1 !important;
}

.instructor-center .stat-card small{
  display:block !important;
  color:#00ff7f !important;
  font-size:14px !important;
  font-weight:900 !important;
  margin-top:8px !important;
}

@media(max-width:1200px){
  .instructor-center .grid{
    grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  }
}

/* Instructor Center active training card match */
.instructor-center .ic-tab-content .report-item{
  min-height:170px !important;
  padding:24px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

.instructor-center .ic-tab-content .report-item b,
.instructor-center .ic-tab-content .report-item strong{
  font-size:22px !important;
  line-height:1.15 !important;
}

.instructor-center .ic-tab-content .report-item p,
.instructor-center .ic-tab-content .report-item small{
  font-size:17px !important;
  line-height:1.35 !important;
}

.instructor-center .ic-tab-content .report-item button,
.instructor-center .ic-tab-content button.orange-btn{
  background:linear-gradient(135deg,#ff8200,#ff9d1b) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  padding:16px 22px !important;
  min-width:150px !important;
  min-height:54px !important;
  font-size:16px !important;
  font-weight:950 !important;
  box-shadow:0 3px 0 rgba(0,0,0,.35) !important;
  cursor:pointer !important;
  margin-top:24px !important;
}

.instructor-center .ic-tab-content .report-item button + button{
  margin-left:8px !important;
}

.instructor-center .ic-tab-content .report-actions,
.instructor-center .ic-tab-content .actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:26px !important;
}

/* Instructor overview tab restore */
.instructor-center .ic-tab-content .ops-grid .report-item{
  min-height:auto !important;
  padding:18px !important;
  display:block !important;
}

.instructor-center .ic-tab-content .ops-grid .report-item b,
.instructor-center .ic-tab-content .ops-grid .report-item strong{
  font-size:18px !important;
  line-height:1.2 !important;
}

.instructor-center .ic-tab-content .ops-grid .report-item p,
.instructor-center .ic-tab-content .ops-grid .report-item small{
  font-size:16px !important;
  line-height:1.3 !important;
}

/* Keep only Active Training list cards tall */
.instructor-center .ic-tab-content > .report-item:has(button){
  min-height:170px !important;
  padding:24px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

/* Fleet + Maintenance V2 */
.two-col-v2{grid-template-columns:1fr 1fr;margin-top:18px}
.v2-table{width:100%;border-collapse:collapse;margin-top:18px}
.v2-table th{color:#8fb0d1;text-align:left;font-size:12px;text-transform:uppercase;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.v2-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.status.ok{background:rgba(0,255,127,.12);color:#00ff7f;border-radius:999px;padding:4px 9px;font-weight:900}
@media(max-width:1100px){.two-col-v2{grid-template-columns:1fr}}

/* Fleet V2 full layout */
.fleet-v2 .card{
  background:linear-gradient(135deg,#10283b,#112235);
}

.fleet-overview-card{
  padding:22px !important;
}

.fleet-stat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(170px,1fr));
  gap:14px;
  margin:18px 0;
}

.fleet-stat{
  background:#071d31;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  padding:16px;
}

.fleet-stat small{
  display:block;
  color:#9fb5cc;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
}

.fleet-stat b{
  display:block;
  font-size:34px;
  line-height:1.05;
  color:#fff;
}

.fleet-stat span{
  color:#b8c8da;
  font-size:15px;
}

.fleet-stat .red{color:#ff4d67}
.fleet-stat .blue{color:#3ca7ff}

.fleet-overview-grid{
  display:grid;
  grid-template-columns:2.1fr .95fr;
  gap:18px;
  align-items:stretch;
}

.fleet-donut-card{
  background:#071d31;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:36px;
  padding:28px;
}

.fleet-donut{
  width:150px;
  height:150px;
  border-radius:50%;
  border:22px solid #3fdd74;
  display:grid;
  place-items:center;
  text-align:center;
}

.fleet-donut b{
  font-size:30px;
  line-height:1;
}

.fleet-donut span{
  display:block;
  color:#dbe9fa;
}

.fleet-legend{
  display:grid;
  gap:12px;
}

.fleet-legend div{
  display:grid;
  grid-template-columns:14px 130px 40px;
  align-items:center;
  gap:8px;
}

.green-dot,.amber-dot,.red-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  display:inline-block;
}

.green-dot{background:#3fdd74}
.amber-dot{background:#ff9d1b}
.red-dot{background:#ff4d67}

.fleet-total-row td{
  font-weight:950;
}

.fleet-bottom-grid{
  display:grid;
  grid-template-columns:.9fr 1.25fr;
  gap:18px;
  margin-top:18px;
}

.base-list{
  display:grid;
  gap:12px;
  margin-top:16px;
}

.base-list div{
  display:grid;
  grid-template-columns:80px 1fr 80px;
  align-items:center;
  gap:14px;
  background:#071d31;
  border-radius:10px;
  padding:14px 16px;
}

.base-list b{
  font-size:24px;
}

.base-list em{
  color:#ffb347;
  font-style:normal;
  font-weight:950;
  text-align:right;
}

.status.warn{
  background:rgba(255,157,27,.18);
  color:#ffb347;
  border-radius:999px;
  padding:4px 9px;
  font-weight:900;
}

@media(max-width:1300px){
  .fleet-stat-grid{grid-template-columns:repeat(2,1fr)}
  .fleet-overview-grid,.fleet-bottom-grid{grid-template-columns:1fr}
}

/* Maintenance Center embedded full page */
.maintenance-v2-full{
  width:100%;
  height:calc(100vh - 150px);
  min-height:820px;
}

.maintenance-v2-frame{
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background:#061421;
}

/* Native Maintenance V2 */
.maintenance-v2-full,.maintenance-v2-frame{display:none !important}

.maint-tabs{
  display:flex;
  gap:0;
  margin:0 0 18px;
}

.maint-tabs button{
  background:#071d31;
  color:#dbe9fa;
  border:1px solid rgba(255,255,255,.08);
  padding:14px 26px;
  font-weight:900;
  cursor:pointer;
}

.maint-tabs button.active{
  background:rgba(255,145,0,.18);
  color:#fff;
  border-bottom:3px solid #ff9100;
}

.maint-two{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:18px;
  margin-top:18px;
}

.maint-three{
  display:grid;
  grid-template-columns:.95fr .85fr 1fr;
  gap:18px;
  margin-top:18px;
}

.maint-form-placeholder{
  background:#071d31;
  border-radius:10px;
  padding:24px;
  color:#9fb5cc;
}

.workorder-paper{
  background:#efe6d6 !important;
  color:#102033 !important;
}

@media(max-width:1300px){
  .maint-two,.maint-three{grid-template-columns:1fr}
}

/* Maintenance native closer match */
.maintenance-native-v2 .maint-overview-card{
  padding:22px !important;
}

.maintenance-native-v2 .fleet-overview-grid{
  margin-top:10px;
}

.maintenance-native-v2 .fleet-donut-card{
  min-height:190px;
}

.maintenance-native-v2 .maint-two{
  grid-template-columns:1fr .95fr;
}

.maintenance-native-v2 .maint-three{
  grid-template-columns:.9fr .78fr .95fr;
}

.maintenance-native-v2 .card{
  border-radius:12px;
}

.maintenance-native-v2 .v2-table th{
  font-size:11px;
}

.maintenance-native-v2 .v2-table td{
  padding:12px;
}

@media(max-width:1300px){
  .maintenance-native-v2 .fleet-overview-grid,
  .maintenance-native-v2 .maint-two,
  .maintenance-native-v2 .maint-three{
    grid-template-columns:1fr !important;
  }
}