/* OREVAULT experience layer — editorial industrial-finance system */
:root{--ov-paper:#f3f0e8;--ov-card:#fffdf8;--ov-ink:#172d2f;--ov-muted:#667571;--ov-line:#d9ddd4;--ov-copper:#a96842;--ov-gold:#b99a61;--ov-forest:#153b35;--ov-deep:#102e2c;--ov-money:#176b4d;--ov-radius:17px;--ov-shadow:0 14px 38px rgba(24,43,38,.075)}
html,body{background:var(--ov-paper);color:var(--ov-ink)}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.58}
.topbar,.sidebar{background:var(--ov-deep);border-color:#31534c}
.top-inner{max-width:1600px}.brand,.brand-lockup strong{color:#fffdf7}.brand-symbol{background:var(--ov-gold);color:var(--ov-deep)}
.brand-lockup small{color:#d2ddd6}.connection{color:#e1e8e2;background:#193b35;border-color:#35584e}
.sidebar{border-right-color:#31534c}.nav-label{color:#d0b98b;letter-spacing:.13em;font-size:10px}
.nav-btn{color:#d9e2dc;border-radius:11px;min-height:45px}.nav-btn:hover{background:#20463f;color:#fff}
.nav-btn.active{background:#f1e8d8;color:var(--ov-deep);box-shadow:inset 3px 0 var(--ov-copper)}
.sidebar-bottom{background:#193c37;border-color:#426058;color:#fffdf7}.sidebar-bottom p{color:#d2ddd6}
main{max-width:1660px;padding-top:clamp(24px,3vw,42px)}
.page-head{align-items:flex-end;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--ov-line)}
.page-head h1{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.045em;color:var(--ov-ink);font-weight:800}
.page-head p{font-size:14px;line-height:1.65;color:var(--ov-muted);max-width:760px}
.eyebrow{color:var(--ov-copper);font-size:10px;letter-spacing:.14em;font-weight:850}
.card,.form-card{background:var(--ov-card);border:1px solid var(--ov-line);border-radius:var(--ov-radius);box-shadow:var(--ov-shadow)}
.section-title h2,.home-section-heading h2{color:var(--ov-ink);letter-spacing:-.03em}
.stat{border:1px solid var(--ov-line);border-top:3px solid var(--ov-gold);border-radius:14px;background:var(--ov-card)}
.money,.money-value,.amount,.amount-value,.claim-amount,.list-amount,.from-price,.price-large{color:var(--ov-money)!important;font-variant-numeric:tabular-nums}
.btn{min-height:44px;border-radius:10px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn.primary,.primary{background:var(--ov-forest);border-color:var(--ov-forest);color:#fff}
.btn.primary:hover,.primary:hover{background:#20574a;box-shadow:0 7px 18px rgba(21,59,53,.18)}
.btn.secondary,.secondary{background:#f1e5dc;border:1px solid #e1cabc;color:#75472f}
.btn.outline,.outline{background:var(--ov-card);border:1px solid #c8d0c8;color:var(--ov-ink)}
.field{min-height:46px;border-radius:10px;background:#fffdf8;border-color:#d5ddd6}
.hero,.orevault-home-hero{border-radius:21px;box-shadow:0 22px 54px rgba(9,27,36,.16)}
.orevault-home-hero .hero-photo{width:72%;object-position:center 54%;filter:saturate(.88) contrast(1.04)}
.orevault-home-hero .orevault-hero-shade{background:linear-gradient(90deg,#102e2c 0%,rgba(16,46,44,.97) 25%,rgba(16,46,44,.78) 48%,rgba(16,46,44,.12) 100%),linear-gradient(0deg,rgba(8,24,22,.35),transparent 60%)}
.orevault-home-hero .hero-content h1{font-size:clamp(32px,4.2vw,54px);max-width:600px;letter-spacing:-.05em}
.orevault-home-hero .hero-content .eyebrow{color:#dfc28a}
.orevault-home-hero .orevault-gold-cta{background:var(--ov-gold)!important;border-color:var(--ov-gold)!important;color:#132f2c!important;box-shadow:0 8px 20px rgba(185,154,97,.2)}
.orevault-hero-proof{background:rgba(12,37,34,.72);border:1px solid rgba(233,226,207,.22);backdrop-filter:blur(12px);border-radius:14px}
.fleet-grid{gap:18px}.fleet-card{background:var(--ov-card);border:1px solid var(--ov-line);border-radius:17px;overflow:hidden;box-shadow:var(--ov-shadow);transition:transform .18s ease,box-shadow .18s ease}
.fleet-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(24,43,38,.12)}
.fleet-image-wrap{height:clamp(185px,20vw,250px);background:#d8ded6;position:relative;overflow:hidden}
.fleet-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.fleet-card:hover .fleet-image{transform:scale(1.035)}
.fleet-image-credit{position:absolute;left:12px;bottom:10px;color:#fff;background:rgba(12,31,29,.72);padding:5px 8px;border-radius:6px;font-size:9px;letter-spacing:.03em}
.image-badge{background:rgba(255,253,248,.94);color:var(--ov-deep);border:1px solid rgba(255,255,255,.5)}
.fleet-body{padding:18px}.fleet-name{font-size:19px;color:var(--ov-ink);letter-spacing:-.025em}
.fleet-sub{color:var(--ov-muted);line-height:1.5}.fleet-foot{border-top:1px solid var(--ov-line)}
.pill.green{background:#e5f1e9;color:#176b4d}.pill.amber{background:#f4ead9;color:#875b31}
.home-photo-story{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin:0 0 28px}
.home-photo-story figure{margin:0;position:relative;min-height:150px;border-radius:14px;overflow:hidden;background:#d8ded6}
.home-photo-story img{width:100%;height:100%;min-height:150px;position:absolute;inset:0;object-fit:cover}
.home-photo-story figcaption{position:absolute;inset:auto 0 0;padding:26px 13px 11px;background:linear-gradient(0deg,rgba(12,31,29,.82),transparent);color:#fff;font-size:11px;font-weight:750}
.home-photo-story figcaption small{display:block;font-size:9px;font-weight:500;color:#e6e8df;margin-top:2px}
.photo-context-note{margin:-15px 0 25px;color:#79847c;font-size:10px;letter-spacing:.02em}
.fleet-context{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 17px;margin:0 0 16px;border:1px solid var(--ov-line);border-radius:13px;background:linear-gradient(110deg,#fffdf8,#eee9dc)}
.fleet-context strong{display:block;color:var(--ov-ink);font-size:13px}.fleet-context span{display:block;color:var(--ov-muted);font-size:11px}
.fleet-corridors{display:flex;gap:7px;flex-wrap:wrap}.fleet-corridors span{padding:5px 9px;border:1px solid #d8d0bd;border-radius:6px;background:#f8f4e9;color:#705d3d;font-size:10px;font-weight:850;letter-spacing:.08em}
#page-benefits .page-head .btn,#page-notifications .page-head .btn,#page-admin .page-head .btn{flex:0 0 auto}
.admin-tabs{gap:7px}.admin-tabs button{border-radius:9px}
.admin-return-bar{margin-bottom:14px}
.list-row{border-color:#edf0e9}.list-title{color:var(--ov-ink)}
.bottom-nav{background:rgba(16,46,44,.97);border-top:1px solid #31534c;box-shadow:0 -8px 25px rgba(12,30,27,.14)}
.bottom-nav button{color:#cbd7d0}.bottom-nav button.active{color:#e4c995;background:#23473e;border-radius:9px}
.site-footer{color:#78847c;border-color:var(--ov-line)}
@media(max-width:900px){main{padding:20px 15px calc(96px + env(safe-area-inset-bottom))}.orevault-home-hero{min-height:360px}.orevault-home-hero .hero-photo{width:100%;opacity:.72;object-position:58% center}.orevault-home-hero .orevault-hero-shade{background:linear-gradient(90deg,rgba(16,46,44,.98),rgba(16,46,44,.78) 60%,rgba(16,46,44,.35)),linear-gradient(0deg,rgba(8,24,22,.45),transparent 65%)}.home-photo-story{grid-template-columns:1fr 1fr}.home-photo-story figure:first-child{grid-column:1/-1}.home-photo-story figure:first-child,.home-photo-story figure:first-child img{min-height:190px}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{background:rgba(16,46,44,.97)}.bottom-nav button.active{color:#e4c995;background:#23473e}}
@media(max-width:600px){main{padding:17px 12px calc(98px + env(safe-area-inset-bottom))}.page-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-head h1{font-size:29px}.page-head p{font-size:13px}.orevault-home-hero{min-height:365px;border-radius:17px}.orevault-home-hero .hero-content{padding:23px 19px}.orevault-home-hero .hero-content h1{font-size:clamp(30px,8vw,38px)}.home-photo-story{gap:8px;margin-bottom:22px}.home-photo-story figure,.home-photo-story img{min-height:130px}.home-photo-story figure:first-child,.home-photo-story figure:first-child img{min-height:160px}.fleet-grid{grid-template-columns:1fr}.fleet-image-wrap{height:220px}.fleet-context{align-items:flex-start;flex-direction:column}.fleet-corridors{width:100%}.bottom-nav button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fleet-card,.fleet-image,.btn{transition:none!important}}

/* Accessibility floor: comfortable reading and touch navigation on phones. */
@media(max-width:900px){body{font-size:16px}.bottom-nav button{font-size:12px;line-height:1.15;white-space:normal;min-width:0}.bottom-nav button .nav-label-text{font-size:12px;line-height:1.1;overflow-wrap:anywhere}}

/* Editorial photography: news imagery follows the subject, never a generic gradient tile. */
.editorial-masthead{isolation:isolate;position:relative;min-height:166px;padding:17px 19px;justify-content:flex-end;background:#173b35;gap:7px}
.editorial-masthead .news-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.82)}
.editorial-masthead .news-photo-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(13,38,35,.74),rgba(13,38,35,.22)),linear-gradient(0deg,rgba(9,27,26,.82),transparent 72%)}
.editorial-masthead:after{display:none}
.editorial-masthead span,.editorial-masthead strong,.editorial-masthead i,.editorial-masthead .news-photo-credit{position:relative;z-index:1}
.editorial-masthead .news-photo-credit{font-size:9px;line-height:1.3;letter-spacing:.02em;font-weight:500;color:rgba(255,255,255,.84);font-style:normal}

/* Wallet vault: ledger-backed position, visually distinct from service actions. */
#page-wallet .wallet-position{position:relative;overflow:hidden;margin:0 0 20px;padding:20px 21px;background:linear-gradient(125deg,#102e2c 0%,#17483e 58%,#23594a 100%);border:1px solid #42665a;border-radius:19px;box-shadow:0 17px 38px rgba(16,46,44,.16)}
#page-wallet .wallet-position:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(224,198,143,.2);border-radius:50%;right:-64px;top:-126px;box-shadow:0 0 0 24px rgba(224,198,143,.045),0 0 0 50px rgba(224,198,143,.035);pointer-events:none}
#page-wallet .wallet-vault-kicker{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;color:#e1c895;font-size:10px;font-weight:850;letter-spacing:.13em}
#page-wallet .wallet-vault-kicker span+span{color:#c7d8cf;font-size:9px;letter-spacing:.1em}
#page-wallet .wallet-balance-grid{position:relative;z-index:1;gap:11px}
#page-wallet .wallet-balance-grid .stat{background:rgba(255,253,248,.97);border:1px solid rgba(235,224,201,.7);border-top:2px solid var(--ov-gold);box-shadow:0 8px 20px rgba(4,24,20,.1)}
#page-wallet .wallet-vault-footnote{position:relative;z-index:1;color:#d2dfd8;font-size:10px;line-height:1.5;margin:12px 0 0}
#page-wallet .wallet-service-actions .wallet-deposit-action{background:var(--ov-gold)!important;border-color:var(--ov-gold)!important;color:#102e2c!important}
#page-wallet .wallet-service-actions .wallet-withdraw-action{background:var(--ov-forest)!important;border-color:var(--ov-forest)!important;color:#fff!important}
@media(max-width:600px){#page-wallet .wallet-position{padding:15px 13px;border-radius:16px}#page-wallet .wallet-vault-kicker{font-size:9px;letter-spacing:.09em}#page-wallet .wallet-vault-kicker span+span{font-size:8px}#page-wallet .wallet-vault-footnote{font-size:9px}}

/* Administration Centre: clear operational hierarchy and contained data tables. */
#page-admin .admin-panel{padding:clamp(17px,2.4vw,28px);background:var(--ov-card);border-color:var(--ov-line);border-radius:18px}
#page-admin .admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--ov-line)}
#page-admin .admin-card-head h2{font-size:21px;letter-spacing:-.035em;margin:0 0 4px;color:var(--ov-ink)}
#page-admin .admin-card-head p{font-size:12px;line-height:1.6;margin:0;color:var(--ov-muted)}
#page-admin .admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:11px;margin:15px 0}
#page-admin .admin-grid .stat{padding:15px;border-radius:13px;background:#f8f6ef}
#page-admin .admin-table-wrap{width:100%;max-width:100%;overflow:auto;border:1px solid var(--ov-line);border-radius:12px;background:#fffdf8;overscroll-behavior-x:contain}
#page-admin .admin-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:12px}
#page-admin .admin-table th{position:sticky;top:0;z-index:1;padding:12px 13px;text-align:left;background:#eee9dc;color:#58665f;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #d9ddd4;white-space:nowrap}
#page-admin .admin-table td{padding:12px 13px;border-bottom:1px solid #eceee7;color:#31413d;vertical-align:middle;line-height:1.5}
#page-admin .admin-table tr:last-child td{border-bottom:0}
#page-admin .admin-table tbody tr:hover td{background:#f8f6ef}
#page-admin .admin-tabs{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:4px 1px 10px;border-bottom:1px solid var(--ov-line);scrollbar-width:thin}
#page-admin .admin-tabs button{flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid #d8ddd4;border-radius:9px;background:#fffdf8;color:#53645e;font-size:12px;font-weight:750}
#page-admin .admin-tabs button.active,#page-admin .admin-tabs button[aria-selected="true"]{background:#173f36;border-color:#173f36;color:#f6f0df}
#page-admin .admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#page-admin .admin-form-grid .form-group{min-width:0}
#page-admin .admin-form-grid .field{min-width:0}
#page-admin .notice{background:#f4f1e8;border-color:#e1dac8;color:#536158}
@media(max-width:600px){#page-admin .admin-panel{padding:15px 12px}#page-admin .admin-form-grid{grid-template-columns:1fr}#page-admin .admin-card-head{display:block}#page-admin .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-admin .admin-table{min-width:700px}}

/* Benefits & rewards: a clear partner-benefit summary with visible dashboard return. */
#page-benefits #benefitsSummary{padding:clamp(19px,3vw,28px);border-top:3px solid var(--ov-gold);background:linear-gradient(135deg,#fffdf8 0%,#f5f1e6 100%)}
#page-benefits #benefitsSummary .detail-row{padding:12px 0;border-color:#e7e3d8;font-size:13px}
#page-benefits #benefitsSummary .detail-row strong{color:var(--ov-ink);text-align:right}
#page-benefits .section-title{margin-top:26px;padding-bottom:10px;border-bottom:1px solid var(--ov-line)}
#page-benefits .section-title h2{font-size:19px}
#page-benefits #benefitsHistory{overflow:hidden;background:var(--ov-card)}
#page-benefits .page-head>.btn{background:#fffdf8;border-color:#c7d0c7;color:var(--ov-deep)}
#page-benefits .page-head>.btn:hover{background:#f1e8d8;border-color:#d9c6a5}