/* OoruTrip Owner Portal — premium layer (navy + gold). Loaded after owner.css. */
.op{--op-gold:#E9B949;--op-gold-d:#C9982B}
body{background:linear-gradient(180deg,#F5F8FC 0%,#E9EFF7 100%)}
/* banner */
.dashBanner{
  background:radial-gradient(60% 140% at 100% 0%,rgba(233,185,73,.28),transparent 55%),radial-gradient(50% 100% at 0% 100%,rgba(14,154,167,.32),transparent 60%),linear-gradient(135deg,#061633 0%,#0D2A5C 60%,#143C7A 100%)!important;
  border-radius:26px!important;border:1px solid rgba(233,185,73,.25)!important;box-shadow:0 22px 50px rgba(7,26,63,.28)!important;
}
.dashBanner .avatar{background:linear-gradient(135deg,#F7D274,#D49E25)!important;color:#2A1D00!important;box-shadow:0 10px 24px rgba(233,185,73,.45),0 0 0 4px rgba(255,255,255,.12)!important}
.dashBanner h2{font-size:clamp(26px,3vw,36px)!important;color:#fff!important}
.dashBanner .hello{color:#F2CF7D!important;letter-spacing:.14em!important;text-transform:uppercase;font-size:11px!important;font-weight:800!important}
.idChip{background:rgba(233,185,73,.16)!important;color:#FFE19A!important;border:1px solid rgba(233,185,73,.45)!important;letter-spacing:.06em}
.dashBanner .btn.sign{background:linear-gradient(135deg,#F7D274,#D49E25)!important;color:#2A1D00!important;border:0!important;box-shadow:0 8px 20px rgba(233,185,73,.4)!important}
.dashBanner .btn.ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important}
/* KPI strip: single clean row, no overlap */
.kpiStrip{margin-top:20px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
.kpi{padding:16px 16px 14px!important;border-radius:18px!important;border:1px solid #E0E8F2!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.kpi::after{display:none}
.kpi .kIco{width:38px!important;height:38px!important;border-radius:12px!important;display:grid;place-items:center;margin-bottom:8px!important;color:#fff!important;box-shadow:0 8px 16px rgba(15,23,42,.14)}
.kpi .kIco svg{width:19px;height:19px}
.kpi.k-blue .kIco{background:linear-gradient(135deg,#1E3A8A,#3B6FD8)!important}
.kpi.k-green .kIco{background:linear-gradient(135deg,#047857,#10B981)!important}
.kpi.k-amber .kIco{background:linear-gradient(135deg,#D97706,#F5A524)!important}
.kpi.k-violet .kIco{background:linear-gradient(135deg,#6D28D9,#8B5CF6)!important}
.kpi strong{font-size:30px!important;line-height:1.05!important;color:#0A1628!important}
.kpi span:not(.kIco){font-size:12px!important;font-weight:700!important;color:#64748B!important}
.kpi.attn{border-color:#F2C46B!important;box-shadow:0 8px 26px rgba(217,119,6,.2)!important}
/* finance */
.ownerFinancePanel{background:linear-gradient(135deg,#FFFBF0,#FFF5DC)!important;border:1px solid #F0DDA6!important;border-radius:20px!important}
.ownerFinancePanel strong{color:#7A5200!important;font-size:34px!important}
.financeEyebrow{color:#9A6B00!important;font-weight:800!important;letter-spacing:.08em}
/* sections */
.dashSec>h3,.ownerBookingHead h3{font-size:20px!important;position:relative;padding-left:14px}
.dashSec>h3::before,.ownerBookingHead h3::before{content:"";position:absolute;left:0;top:50%;width:4px;height:20px;margin-top:-10px;border-radius:4px;background:linear-gradient(180deg,#F5CE6B,#C9982B)}
.vCard,.bCard,.ownerRatingPanel,.profilePanel{border:1px solid #E0E8F2!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;background:#fff!important}
.vPhoto img{height:190px!important;width:100%;object-fit:cover}
.vPhoto .vType{background:rgba(10,22,40,.78)!important;color:#FFE19A!important;backdrop-filter:blur(6px);border:1px solid rgba(233,185,73,.4)}
.vMeta{background:#F5F8FC!important;border-radius:14px!important}
.badge{border-radius:999px!important;font-weight:800!important}
.badge.approved,.badge.confirmed,.badge.completed{background:#E6F7EF!important;color:#047857!important}
.badge.pending{background:#FFF3DC!important;color:#B45309!important}
.badge.rejected,.badge.blocked,.badge.cancelled{background:#FDECEC!important;color:#B91C1C!important}
.op .btn{border-radius:12px!important}
.op .btn:not(.secondary):not(.ghost):not(.sign):not(.green){background:linear-gradient(135deg,#0A1628,#17407F)!important;color:#FFE19A!important;border:0!important;box-shadow:0 8px 18px rgba(10,22,40,.22)!important}
.op .btn.green{background:linear-gradient(135deg,#047857,#10B981)!important;color:#fff!important}
.op .btn.secondary{background:#fff!important;color:#0A1628!important;border:1.5px solid #D5DEEA!important}
.op .btn.secondary:hover{border-color:#0A1628!important}
.bCard .cAv{background:linear-gradient(135deg,#0A1628,#17407F)!important;color:#FFE19A!important}
/* auth stage */
.routePanel{background:radial-gradient(80% 60% at 100% 0%,rgba(233,185,73,.25),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(14,154,167,.3),transparent 60%),linear-gradient(160deg,#061633 0%,#0D2A5C 100%)!important;border:1px solid rgba(233,185,73,.25)!important;border-radius:26px!important;box-shadow:0 22px 50px rgba(7,26,63,.28)!important}
.routePanel h1{color:#fff!important}
.authCard{border:1px solid #E0E8F2!important;border-radius:26px!important;box-shadow:0 22px 50px rgba(15,23,42,.1)!important}
.authTab.active{background:none!important;color:#0A1628!important;border-bottom-color:#E9B949!important;box-shadow:0 3px 0 #E9B949}
.op .field input:focus,.op .field select:focus,.op .field textarea:focus{border-color:var(--op-gold-d)!important;box-shadow:0 0 0 4px rgba(233,185,73,.22)!important}
@media(max-width:1100px){.kpiStrip{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){.kpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi strong{font-size:26px!important}}