/* CheapAir modern visual layer — presentation only; no application logic. */
:root{--ca-blue:#0877e8;--ca-blue-deep:#073b78;--ca-ink:#102f58;--ca-muted:#60748d;--ca-line:#d9e7f7;--ca-soft:#f2f7ff;--ca-card:#fff;--ca-shadow:0 14px 38px rgba(20,72,130,.09)}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f4f8ff 0%,#eef4fc 100%);color:var(--ca-ink)}
button,input,select,textarea{font:inherit}
:where(.card,.panel,.quick,.supplier-workspace,.supplier-board,.supplier-step,.stats,.tablewrap){border-radius:18px}
:where(.card,.panel,.quick,.supplier-workspace){box-shadow:var(--ca-shadow)}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #cbdcf1;border-radius:12px;background:#fff;color:#17375f;min-height:44px;padding:10px 13px;transition:border-color .18s,box-shadow .18s}
:where(input,select,textarea):focus{border-color:#3989ef;box-shadow:0 0 0 4px rgba(42,132,236,.12);outline:0}
:where(.btn,button[type=submit],.pill){border-radius:12px;transition:transform .18s,box-shadow .18s,background .18s}
:where(.btn,.pill,button[type=submit]):hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(9,81,158,.14)}
.btn.gold,.pill{background:linear-gradient(135deg,#1688f5,#0758bb);color:#fff;border:0}
.top{background:linear-gradient(105deg,#062d62,#0878df);box-shadow:0 5px 22px rgba(5,46,98,.16)}
.top nav a:hover{background:rgba(255,255,255,.13)}
.brand{font-family:"Plus Jakarta Sans","Hind Siliguri",sans-serif;font-weight:800;letter-spacing:-.5px}
.utility-bar{background:#e7f2ff;color:#1d4d80}
.compact-site-header{background:linear-gradient(105deg,#082f65,#0878df)}
:where(.h1,.h2){color:#103d73;letter-spacing:-.025em}
:where(.muted,.tiny){color:#6a7f98}
:where(.card,.panel){background:rgba(255,255,255,.96);border:1px solid var(--ca-line)}
.tablewrap{overflow:auto;border:1px solid var(--ca-line);background:#fff}
table{border-collapse:separate;border-spacing:0;width:100%}
th{background:#edf5ff;color:#234f7e;font-weight:750}
td,th{padding:12px 14px;border-bottom:1px solid #e8eff8}
tr:last-child td{border-bottom:0}
.tag{border-radius:999px;padding:5px 10px}
.notice,.alert{border-radius:13px;padding:12px 15px}
:where(.hero,.hero-grid){position:relative}
.hero{background:linear-gradient(120deg,#eaf4ff,#f8fbff 60%,#e3f0ff);border-bottom:1px solid #dceafa}
.hero-copy .eyebrow,.section-kicker{color:#0873d8}
.quick{border:1px solid #d6e6fa;background:rgba(255,255,255,.97);border-radius:22px;padding:clamp(18px,3vw,30px)}
.quick-head{color:#103d73}
.quick .btn,.wa-submit{background:linear-gradient(110deg,#1688f5,#0757b5);color:#fff;border:0}
.quick .seg,.tabs{border-radius:12px}
.quick .airport-field input,.quick input,.quick select{width:100%}
.section-heading{margin-bottom:22px}
.destination-card{border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 12px 30px rgba(20,55,90,.13);overflow:hidden}
.benefit-band{background:linear-gradient(135deg,#eaf4ff,#f8fbff)}
.panel.agent-panel,.panel.support-panel{border-radius:20px}
.inner-page main.wrap{padding-top:28px;padding-bottom:42px}
.inner-page .row-between{gap:18px;align-items:center}
.inner-page .stats{gap:14px}
.inner-page .stats>div,.inner-page .stats .hl{border:1px solid #dce9f8;background:linear-gradient(145deg,#fff,#f5f9ff);border-radius:16px;padding:17px;box-shadow:0 8px 24px rgba(24,73,125,.06)}
.inner-page .empty{border:1px dashed #c6d9ef;background:#f8fbff;border-radius:16px;padding:24px}
.inner-page .tablewrap{margin-top:12px}
.admin-page{background:#f1f6fd}
.admin-page .top{background:linear-gradient(105deg,#062d62,#0878df)}
.admin-page main.wrap{padding-top:26px;padding-bottom:44px}
.admin-page .card,.admin-page .supplier-workspace{border:1px solid #dce8f7;border-radius:18px;box-shadow:var(--ca-shadow);background:#fff}
.admin-page .btn,.admin-page button[type=submit]{border-radius:11px}
.admin-page .h1{color:#103d73}
.admin-page .supplier-card{border:1px solid #d7e6f8;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 8px 22px rgba(20,72,130,.06)}
.admin-page .supplier-search-hit{background:#edf5ff;color:#14549a}
.admin-page .workspace-heading{gap:14px}
.admin-page .trip-glance{border-radius:15px;background:#eff6ff}
.admin-page .supplier-step{border-left:4px solid #1683ed;padding-left:12px}
.admin-page .request-meta-inline{color:#617893}
.admin-page .tag{display:inline-flex;align-items:center}
.admin-page .tablewrap{border-radius:14px}
.staff-wrap{max-width:1320px!important;margin:28px auto!important;padding:0 22px!important}
.staff-head{padding:18px 22px;border-radius:18px;background:linear-gradient(110deg,#07366f,#0879e8);color:#fff;box-shadow:0 12px 30px rgba(6,63,128,.17)}
.staff-head h1{font-size:clamp(22px,3vw,30px)!important;color:#fff}
.staff-head a{color:#fff!important;background:rgba(255,255,255,.15);padding:9px 14px;border-radius:10px}
.staff-wrap .panel{border:1px solid #d7e6f8;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:var(--ca-shadow);padding:clamp(16px,2.4vw,26px)}
.staff-wrap .form-grid{gap:16px}
.staff-wrap .field label{color:#355b85;font-weight:750}
.staff-wrap .field input,.staff-wrap .field select{width:100%;min-height:47px;border-radius:12px;background:#fbfdff}
.staff-wrap .search-row{gap:14px}
.staff-wrap .google-btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 18px;border-radius:13px;background:linear-gradient(110deg,#1688f5,#0758bb);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(10,100,200,.18)}
.staff-wrap .alt-box{border:1px solid #d6e6f8;border-radius:15px;background:#f5f9ff;padding:16px}
.staff-wrap .sup-title{font-size:19px;color:#123f76;margin:24px 0 13px}
.staff-wrap .sup-grid{gap:16px}
.staff-wrap .sup-card{overflow:hidden;border:1px solid #d5e5f7;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(20,72,130,.07)}
.staff-wrap .sup-name{background:linear-gradient(110deg,#eaf4ff,#f7fbff);padding:15px 17px;color:#14549a}
.staff-wrap .sup-name b{font-size:17px}
.staff-wrap .sup-name a{color:#086ed0;font-weight:750}
.staff-wrap .fare{padding:16px}
.staff-wrap .fare label{color:#385a80}
.staff-wrap .min-price{color:#0874d8;font-weight:750}
.staff-wrap .best{border-radius:15px;background:linear-gradient(110deg,#eaf4ff,#f7fbff);border:1px solid #d5e5f7;padding:15px;color:#123f76}
@media(max-width:760px){
 .staff-wrap{margin:14px auto!important;padding:0 12px!important}
 .staff-head{padding:14px 16px;align-items:flex-start}
 .staff-wrap .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-wrap .sup-grid{grid-template-columns:1fr}
 .staff-wrap .search-row{grid-template-columns:1fr}
 .inner-page main.wrap,.admin-page main.wrap{padding-top:16px}
 .quick{padding:16px;border-radius:17px}
 .inner-page .row-between{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:420px){
 .staff-wrap .form-grid{grid-template-columns:1fr}
 .staff-head h1{font-size:20px!important}
}