/* FLYEX BD unified brand system — admin, branch, employee, customer and frontend */
:root{
  --flyex-brand:#00A2DF;
  --flyex-brand-2:#007CA8;
  --flyex-brand-rgb:0,162,223;
  --flyex-brand-soft:color-mix(in srgb,var(--flyex-brand) 9%,#fff);
  --flyex-brand-soft-2:color-mix(in srgb,var(--flyex-brand) 16%,#fff);
  --flyex-brand-line:color-mix(in srgb,var(--flyex-brand) 20%,#dce8ee);
  --flyex-brand-deep:color-mix(in srgb,var(--flyex-brand-2) 84%,#061d2b 16%);
  --flyex-brand-gradient:linear-gradient(135deg,var(--flyex-brand) 0%,color-mix(in srgb,var(--flyex-brand) 62%,var(--flyex-brand-2)) 54%,var(--flyex-brand-2) 100%);
  --flyex-brand-gradient-deep:linear-gradient(145deg,color-mix(in srgb,var(--flyex-brand) 62%,var(--flyex-brand-2)) 0%,var(--flyex-brand-2) 56%,var(--flyex-brand-deep) 100%);
  --flyex-brand-shadow:0 14px 38px rgba(var(--flyex-brand-rgb),.14);
  --flyex-card-shadow:0 12px 34px rgba(9,64,88,.075);
}

/* Consistent foundations */
.flyex-panel,.frontend-body{background:linear-gradient(180deg,#fbfdfe 0%,color-mix(in srgb,var(--flyex-brand) 4%,#f7fafc) 100%)!important;color:#102b3a}
.flyex-panel .card,.flyex-panel .card-pro,.flyex-panel .content-card,.flyex-panel .panel-card,.flyex-panel .dashboard-card,
.frontend-body .card-lift{border-color:var(--flyex-brand-line)!important;box-shadow:var(--flyex-card-shadow)!important}
.flyex-panel .card:hover,.flyex-panel .card-pro:hover,.frontend-body .card-lift:hover{border-color:color-mix(in srgb,var(--flyex-brand) 35%,#dce8ee)!important}
.flyex-panel .card-header,.flyex-panel .card-pro>.head,.flyex-panel .card-pro>.card-header{background:linear-gradient(115deg,#fff 0%,var(--flyex-brand-soft) 100%)!important}
.flyex-panel .btn-brand,.flyex-panel .btn-primary,.flyex-panel .btn-success,.frontend-body .btn-brand{background:var(--flyex-brand-gradient)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 9px 22px rgba(var(--flyex-brand-rgb),.2)!important}
.flyex-panel .btn-brand:hover,.flyex-panel .btn-primary:hover,.flyex-panel .btn-success:hover,.frontend-body .btn-brand:hover{filter:brightness(.97);transform:translateY(-1px)}
.flyex-panel .btn-dark,.flyex-panel .btn-outline-dark:hover{background:var(--flyex-brand-gradient-deep)!important;border-color:transparent!important}
.flyex-panel .text-primary,.frontend-body .text-primary{color:var(--flyex-brand)!important}
.flyex-panel .bg-primary,.frontend-body .bg-primary{background:var(--flyex-brand-gradient)!important}
.flyex-panel .form-control:focus,.flyex-panel .form-select:focus,.frontend-body .form-control:focus,.frontend-body .form-select:focus{border-color:var(--flyex-brand)!important;box-shadow:0 0 0 .22rem rgba(var(--flyex-brand-rgb),.13)!important}
.flyex-panel .table thead th{background:linear-gradient(180deg,#f8fcfe,var(--flyex-brand-soft))!important;color:color-mix(in srgb,var(--flyex-brand-2) 72%,#263b45)!important}
.flyex-panel .table tbody tr:hover{background:color-mix(in srgb,var(--flyex-brand) 4%,#fff)!important}
.flyex-panel .pagination .active>.page-link{background:var(--flyex-brand)!important;border-color:var(--flyex-brand)!important}
.flyex-panel .dropdown-item:hover,.flyex-panel .dropdown-item:focus{background:var(--flyex-brand-soft)!important;color:var(--flyex-brand-2)!important}

/* Panel sidebars: no black or unrelated dark gradients */
.flyex-admin-panel .admin-side,.flyex-branch-panel .branch-side,.flyex-employee-panel .side,.flyex-user-panel .user-sidebar{
  background:
    radial-gradient(circle at 10% 3%,rgba(255,255,255,.24),transparent 24rem),
    radial-gradient(circle at 94% 84%,color-mix(in srgb,var(--flyex-brand-2) 55%,transparent),transparent 22rem),
    var(--flyex-brand-gradient-deep)!important;
  border-right:1px solid rgba(255,255,255,.2)!important;
  box-shadow:14px 0 42px rgba(var(--flyex-brand-rgb),.18)!important;
}
.flyex-admin-panel .admin-brand,.flyex-branch-panel .branch-brand,.flyex-user-panel .sidebar-logo,
.flyex-employee-panel .brand{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important}
.flyex-admin-panel .admin-nav a:hover,.flyex-admin-panel .admin-nav a.active,
.flyex-admin-panel .admin-menu-group summary:hover,.flyex-admin-panel .admin-menu-group summary.group-active,
.flyex-branch-panel .branch-nav a:hover,.flyex-branch-panel .branch-nav a.active,.flyex-branch-panel .branch-nav button:hover,
.flyex-user-panel .sidebar-nav a:hover,.flyex-user-panel .sidebar-nav a.active,.flyex-user-panel .sidebar-menu-group summary:hover,.flyex-user-panel .sidebar-menu-group summary.group-active{
  background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 #fff,0 8px 20px rgba(var(--flyex-brand-rgb),.12)!important
}
.flyex-employee-panel .side a.active,.flyex-employee-panel .side a:hover{background:#fff!important;color:var(--flyex-brand-2)!important;box-shadow:0 10px 25px rgba(var(--flyex-brand-rgb),.2)!important}
.flyex-admin-panel .nav-label,.flyex-branch-panel .branch-nav-label,.flyex-employee-panel .nav-title,.flyex-user-panel .sidebar-label{color:rgba(255,255,255,.68)!important}

/* Top navigation and panel chrome */
.flyex-admin-panel .admin-top,.flyex-branch-panel .branch-top,.flyex-employee-panel .top,.flyex-user-panel .user-header{
  background:linear-gradient(110deg,rgba(255,255,255,.98),color-mix(in srgb,var(--flyex-brand) 7%,#fff),rgba(255,255,255,.98))!important;
  border-bottom-color:var(--flyex-brand-line)!important;
  box-shadow:0 8px 28px rgba(var(--flyex-brand-rgb),.075)!important
}
.flyex-panel .page-title,.flyex-panel .title-wrap h5{color:color-mix(in srgb,var(--flyex-brand-2) 55%,#102b3a)!important}
.flyex-panel .hr-notif-button,.flyex-panel .notif-btn,.flyex-panel .notification-bell{color:var(--flyex-brand)!important;border-color:var(--flyex-brand-line)!important;background:linear-gradient(145deg,#fff,var(--flyex-brand-soft))!important}
.flyex-panel .hr-notif-count,.flyex-panel .notif-badge,.flyex-panel .notification-count,.flyex-panel .sidebar-notification-badge{background:var(--flyex-brand-deep)!important}

/* Professional dashboards and status cards */
.flyex-panel .ops-command,.flyex-panel .hr-hero,.flyex-panel .hero-pay,.flyex-panel .customer-command-hero,
.flyex-panel .notification-menu-head,.flyex-panel .dashboard-hero,.flyex-panel .branch-hero{
  background:
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.18),transparent 17rem),
    var(--flyex-brand-gradient-deep)!important;
  box-shadow:0 18px 46px rgba(var(--flyex-brand-rgb),.2)!important
}
.flyex-panel .ops-kpi,.flyex-panel .neo-kpi,.flyex-panel .metric-card,.flyex-panel .mini-stat,.flyex-panel .stat-card{
  border-color:var(--flyex-brand-line)!important;box-shadow:var(--flyex-card-shadow)!important
}
.flyex-panel .ops-kpi-icon,.flyex-panel .metric-icon,.flyex-panel .mini-stat .icon,.flyex-panel .stat-icon,
.flyex-panel .transaction-icon,.flyex-panel .destination-rank,.flyex-panel .table-open,.flyex-panel .quick-action-grid i{
  background:var(--flyex-brand-soft)!important;color:var(--flyex-brand-2)!important;border:1px solid var(--flyex-brand-line)!important
}
.flyex-panel .ops-kpi-icon.navy,.flyex-panel .ops-kpi-icon.purple,.flyex-panel .ops-kpi-icon.success,.flyex-panel .ops-kpi-icon.warning,
.flyex-panel .ops-kpi-icon.info,.flyex-panel .ops-kpi-icon.danger,.flyex-panel .ops-kpi-icon.teal,
.flyex-panel .metric-card.warn .metric-icon,.flyex-panel .metric-card.danger .metric-icon,.flyex-panel .metric-card.success .metric-icon{
  background:var(--flyex-brand-soft)!important;color:var(--flyex-brand-2)!important
}
.flyex-panel .ops-alert-grid>a>span,.flyex-panel .ops-alert-grid>a>span.warning,.flyex-panel .ops-alert-grid>a>span.info,
.flyex-panel .ops-alert-grid>a>span.purple,.flyex-panel .ops-alert-grid>a>span.brand,.flyex-panel .ops-alert-grid>a>span.danger{
  background:var(--flyex-brand-soft)!important;color:var(--flyex-brand-2)!important
}
.flyex-panel .ops-chart-track i,.flyex-panel .service-meter i,.flyex-panel .progress-bar{background:var(--flyex-brand-gradient)!important}
.flyex-panel .ops-donut{background:conic-gradient(var(--flyex-brand) calc(var(--paid,0) * 3.6deg),color-mix(in srgb,var(--flyex-brand) 11%,#e7f2f6) 0)!important}
.flyex-panel .status-ring{background:conic-gradient(var(--flyex-brand) var(--ring,0%),color-mix(in srgb,var(--flyex-brand) 11%,#e7f2f6) 0)!important}
.flyex-panel .table-open,.flyex-panel .destination-rank{color:var(--flyex-brand-2)!important}
.flyex-panel .quick-book-locked{background:var(--flyex-brand-gradient-deep)!important}

/* Keep status information clear while staying inside the brand family */
.flyex-panel .status-pill,.flyex-panel .dashboard-status,.flyex-panel .badge-soft,.flyex-panel .soft-badge,
.flyex-panel [class*="payment-"],.flyex-panel [class*="booking-status"]{
  background:var(--flyex-brand-soft)!important;color:var(--flyex-brand-2)!important;border:1px solid var(--flyex-brand-line)!important
}
.flyex-panel .alert-success,.flyex-panel .alert-info,.flyex-panel .alert-warning,.flyex-panel .alert-danger{
  background:linear-gradient(120deg,var(--flyex-brand-soft),#fff)!important;border-color:var(--flyex-brand-line)!important;color:color-mix(in srgb,var(--flyex-brand-2) 72%,#243b47)!important
}

/* Frontend: remove black-heavy header/footer/hero treatment */
.frontend-body .site-topbar{background:var(--flyex-brand-gradient)!important}
.frontend-body .topbar-ticker-label{background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.25)!important}
.frontend-body .page-hero{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 28%),var(--flyex-brand-gradient-deep)!important}
.frontend-body .page-kicker{color:color-mix(in srgb,var(--flyex-brand) 25%,#fff)!important}
.frontend-body .frontend-footer{background:var(--flyex-brand-gradient-deep)!important;border-top-color:color-mix(in srgb,var(--flyex-brand) 75%,#fff)!important}
.frontend-body .social-links a{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.3)!important}
.frontend-body .social-links a:hover{background:#fff!important;color:var(--flyex-brand-2)!important}
.frontend-body .footer-divider{border-color:rgba(255,255,255,.25)!important}
.frontend-body .site-header .btn-brand:hover,.frontend-body .site-header .btn-brand:focus{background:var(--flyex-brand-2)!important;border-color:var(--flyex-brand-2)!important}
.frontend-body .navbar .nav-link{color:#102b3a!important}

/* Charts */
.flyex-chart-wrap,.chart-area,.chart-box,.chart-stage{position:relative}
.flyex-chart-wrap canvas,.chart-area canvas,.chart-box canvas,.chart-stage canvas{filter:saturate(.96)}

@media(max-width:991px){
  .flyex-admin-panel .admin-overlay.show,.flyex-branch-panel .branch-overlay.show,.flyex-employee-panel .overlay.show,.flyex-user-panel .sidebar-overlay.show{background:rgba(var(--flyex-brand-rgb),.26)!important;backdrop-filter:blur(3px)}
}
@media print{
  .flyex-panel,.frontend-body{background:#fff!important}
  .flyex-panel .card,.flyex-panel .card-pro{box-shadow:none!important}
}

/* Standalone secure portal login screens */
.flyex-auth-page{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,255,255,.24),transparent 24rem),
    radial-gradient(circle at 90% 88%,color-mix(in srgb,var(--flyex-brand-2) 55%,transparent),transparent 22rem),
    var(--flyex-brand-gradient-deep)!important;
}
.flyex-auth-page .login,.flyex-auth-page .login-card,.flyex-auth-page .box{border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 28px 80px rgba(var(--flyex-brand-rgb),.22)!important}
.flyex-auth-page .logo-wrap{background:var(--flyex-brand-gradient)!important}
.flyex-auth-page .btn,.flyex-auth-page .btn-login{background:var(--flyex-brand-gradient)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(var(--flyex-brand-rgb),.2)!important}
.flyex-auth-page .portal-tag{background:var(--flyex-brand-soft)!important;color:var(--flyex-brand-2)!important}

/* Catch page-level dark hero/note blocks that are defined inside individual Blade pages. */
.flyex-panel [class*="-hero"],
.flyex-panel .review-policy-note,.flyex-panel .ops-network-note,.flyex-panel .verification-command-icon,
.flyex-panel .company-option input:checked+span,.flyex-panel .notification-menu-head{
  background:var(--flyex-brand-gradient-deep)!important;color:#fff!important;border-color:color-mix(in srgb,var(--flyex-brand) 58%,transparent)!important
}
.flyex-panel [class*="-hero"] p,.flyex-panel [class*="-hero"] small,.flyex-panel [class*="-hero"] span{color:rgba(255,255,255,.78)!important}
.flyex-panel [class*="-hero"] .btn-light,.flyex-panel [class*="-hero"] .btn-white{color:var(--flyex-brand-2)!important}