/* OREVAULT — Industrial Capital · Operational Intelligence
   Brand system: Deep Forest / Industrial Blue / Muted Gold / Stone.
   Deliberately replaces generic fintech styling without changing app behaviour. */
:root{
  --green:#176b4d;--green2:#1f7a59;--green-pale:#e8f2ec;
  --blue:#28546a;--blue-pale:#e8eef0;--ink:#1b2c31;--muted:#6b7777;
  --line:#dce2dc;--bg:#f2f3ef;--white:#fbfbf8;--gold:#b99a61;
  --shadow:0 8px 24px rgba(16,43,50,.055);
  --ov-forest:#102b32;--ov-blue:#173f50;--ov-gold:#b99a61;--ov-stone:#f2f3ef;
  --ov-paper:#fbfbf8;--ov-ink:#1b2c31;--ov-muted:#6b7777;--ov-line:#dce2dc;
  --ov-action:#176b4d;--ov-action-hover:#14583f;--ov-radius:10px;
}
html{background:var(--ov-stone)}
body{background:var(--ov-stone);color:var(--ov-ink);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"ss01" on}
.topbar{height:74px;background:var(--ov-forest);border-bottom:1px solid #28464a;box-shadow:0 4px 16px #102b321a;backdrop-filter:none}
.top-inner{max-width:1500px}
.brand{color:#f4f2eb;font-size:19px;letter-spacing:1.6px}
 .brand-symbol{width:40px;height:40px;border-radius:9px;background:var(--ov-gold);border:1px solid #d0b77f;color:#102b32;font-weight:950;box-shadow:none}
.top-right .connection{border-color:#45605d;background:#193b3d;color:#e3d4ad}
.profile-top-btn{border:1px solid #526966;background:#193b3d;color:#e0d1a9;border-radius:9px}
.profile-top-btn:hover{background:#244b4c}
#authTopBtn{border-radius:8px}
.layout{max-width:1500px;grid-template-columns:244px minmax(0,1fr);background:var(--ov-stone)}
.sidebar{background:var(--ov-forest);border-right:1px solid #29464a;padding:23px 14px;color:#e9ece6}
.nav-label{color:#b99a61;font-size:9px;letter-spacing:2px;padding:14px 12px 8px}
.nav-btn{color:#c4d0cd;border-radius:7px;padding:12px 13px;font-size:12px;font-weight:700;margin:3px 0}
.nav-btn:hover{background:#1a3a40;color:#fff}
.nav-btn.active{background:#e7e1d2;color:#102b32;box-shadow:inset 3px 0 var(--ov-gold)}
.nav-btn .ico{color:inherit}
.sidebar-bottom{background:#173840;border:1px solid #345158;border-radius:9px;color:#eef0e8}
.sidebar-bottom p{color:#bdc9c4}
main{padding:clamp(20px,3vw,42px) clamp(16px,3.4vw,46px) 76px}
.page-head{margin-bottom:28px;align-items:center}
 .page-head h1{font-family:Manrope,Inter,ui-sans-serif,sans-serif;color:#152d33;font-size:clamp(27px,3.2vw,38px);font-weight:800;letter-spacing:-1.15px}
.page-head p{color:#657373;font-size:13px;line-height:1.7}
.eyebrow{color:#8c7040;font-size:9px;letter-spacing:2px;font-weight:900}
.section-title{margin:30px 0 14px}
 .section-title h2{font-family:Manrope,Inter,ui-sans-serif,sans-serif;font-size:19px;letter-spacing:-.4px;color:#18353c;font-weight:800}
.section-title p{color:#78817e}
.card{background:#fbfbf8;border:1px solid #dce2dc;border-radius:11px;box-shadow:var(--shadow)}
.stat{padding:19px 20px;border-top:2px solid #c4b184}
.stat-top{color:#687574;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.stat-icon{display:none}
.stat-value{color:#173f50;font-size:clamp(23px,2.4vw,31px);font-weight:850;letter-spacing:-.9px}
.stat-foot{color:#7b8580}
.btn{border-radius:8px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:850;letter-spacing:.02em;box-shadow:none}
.primary{background:var(--ov-action);color:#fff;border:1px solid var(--ov-action);box-shadow:none}
.primary:hover{background:var(--ov-action-hover);border-color:var(--ov-action-hover);box-shadow:none}
.secondary{background:#e6eceb;color:#173f50;border:1px solid #d5dfdc}
.outline{background:#fbfbf8;border:1px solid #cbd5d0;color:#28434a}
.danger{background:#f7e9e5;color:#963e32}
.hero{border-radius:12px;background:#102b32;box-shadow:0 16px 35px #102b3222;min-height:300px}
.hero-shade{background:rgba(16,43,50,.76)}
.hero-content{padding:clamp(24px,3.5vw,42px)}
.hero .eyebrow{color:#d4bd88}
.hero h2{font-size:clamp(31px,4.2vw,48px);letter-spacing:-1.5px;max-width:540px}
.hero p{color:#d5dfd9;font-size:14px;line-height:1.75}
.hero .primary{background:var(--ov-action);border-color:var(--ov-action);color:#fff}
.hero .primary:hover{background:var(--ov-action-hover);border-color:var(--ov-action-hover)}
.hero .glass{border-color:#526b6e;background:#24474c;color:#f5f4ec;backdrop-filter:none}
.fleet-card,.news-card,.claim-card,.option-card{border-radius:11px;box-shadow:var(--shadow)}
.fleet-image-wrap{background:#dfe4dd}
.fleet-body,.news-content{padding:18px}
.fleet-name{color:#17343b;font-size:17px}
.from-price,.price-large,.claim-amount,.money,.money-value,.amount,.amount-value,.list-amount{color:#087b56}
.pill{border-radius:5px;background:#e9ece8;color:#53635f}
.pill.green{background:#e4eee7;color:#2d684f}
.pill.blue{background:#e7edef;color:#365c6a}
.pill.amber{background:#f0eadb;color:#816a39}
.notice{border-radius:8px;background:#edf1eb;border-color:#d6dfd6;color:#37534a}
.notice.error{background:#f8eeeb;border-color:#e9cfca;color:#913f35}
.field{border-radius:7px;background:#fcfcf9;border-color:#cfd8d2;color:#1b3035;padding:12px}
.field:focus{border-color:#a98b54;box-shadow:0 0 0 3px #b99a6120}
.form-card{border-radius:11px}
.modal-backdrop{background:rgba(12,36,43,.84);backdrop-filter:none}
.modal{border-radius:12px;border:1px solid #d8ded6;background:#fafaf6;box-shadow:0 28px 90px #07191d70}
.modal h2{color:#17353c;letter-spacing:-.4px}
.close-btn{border-radius:7px;background:#e9ece7;color:#17343b}
.admin-tabs button{border-radius:7px;background:#fbfbf8;border-color:#d6ded8;color:#5c6b68}
.admin-tabs button.active{background:#e8e2d3;border-color:#cbb889;color:#253b3e}
.admin-panel{border-radius:10px;background:#fbfbf8}
.admin-table-wrap{border-radius:9px;border-color:#d7ded8}
.admin-table th{background:#173840;color:#e8e9df;border-color:#294a4e}
.admin-table td{color:#30464a}
.admin-overview-masthead{border-radius:11px;background:#102b32;border:1px solid #28464b}
.admin-overview-kicker{color:#d4bd88}
.admin-overview-metric{border-radius:8px;background:#fbfbf8;border-color:#dbe1db;box-shadow:none}
.admin-overview-metric>strong{color:#173f50}
.admin-overview-panel{border-radius:9px;background:#fbfbf8;box-shadow:none}
.admin-overview-operating{border-radius:9px;background:#eceee8;border-color:#d7ddd4}
.site-footer{color:#7b8580}
.site-footer a{color:#526965}
.bottom-nav{background:#102b32;border-top:1px solid #355056;box-shadow:0 -5px 20px #102b321c;backdrop-filter:none}
.bottom-nav button{color:#bdcbc6}
.bottom-nav button.active{color:#e1c78e}
.bottom-nav button:focus-visible{outline:2px solid #d4bd88;outline-offset:-3px}
.support-fab{border-radius:9px;border-color:#d9ded5;background:#fbfbf8;color:#19363d;box-shadow:0 8px 25px #102b3226}
.status-pill{border-radius:4px}
.status-pill.approved,.status-pill.claimed,.status-pill.available,.status-pill.paid{background:#e3eee6;color:#2b654d}
.status-pill.pending{background:#f1eadb;color:#80683a}
.status-pill.blocked,.status-pill.rejected,.status-pill.forfeited,.status-pill.cancelled{background:#f5e8e4;color:#943e34}
@media(max-width:850px){
 .topbar{height:66px}
 .layout{grid-template-columns:1fr}
 main{padding:21px 15px 94px}
 .sidebar{display:none}
 .bottom-nav{padding:7px 4px calc(7px + env(safe-area-inset-bottom))}
 .bottom-nav button{font-size:9px}
 .bottom-nav button.active{background:#1b3d42;border-radius:7px}
 .hero{min-height:285px}
 .hero-content{padding:25px 21px}
}
@media(max-width:520px){
 .brand{font-size:16px;letter-spacing:1.2px}
 .brand-symbol{width:35px;height:35px}
 .page-head{gap:10px}
 .page-head h1{font-size:27px}
 .stats .stat{padding:14px}
 .stat-value{font-size:23px}
 .fleet-grid,.option-grid,.news-grid{grid-template-columns:1fr}
 .fleet-image-wrap{height:195px}
 .hero{min-height:305px}
 .hero h2{font-size:32px}
 .modal{padding:18px}
 .bottom-nav button .nav-label-text{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.card,.btn,.nav-btn{transition:none!important}}


/* Verified-asset policy: do not imply stock photography depicts a listed truck. */
.fleet-image-placeholder{
  display:flex;align-items:flex-end;justify-content:flex-start;
  padding:18px;background:#dfe4dd;
  border-bottom:1px solid var(--line);position:relative;overflow:hidden;
}
.fleet-image-placeholder:before{
  content:"";position:absolute;inset:18px;border:1px solid rgba(16,43,50,.14);
  background:none;
}
.fleet-image-placeholder .image-placeholder-label{
  position:relative;z-index:1;color:#36514e;font:600 10px/1.3 "IBM Plex Mono",ui-monospace,monospace;
  letter-spacing:.12em;
}
.fleet-image-placeholder .image-badge{z-index:2}


/* OREVAULT design-system application layer */
.top-inner,.layout{max-width:1500px}
.section-title h2,h2,h3{font-family:Manrope,Inter,ui-sans-serif,sans-serif}
.money,.amount,.claim-amount,.price-large,.from-price,.money-value,.amount-value,.list-amount,.stat-value.money-value{
  color:var(--ov-action)!important;
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  font-variant-numeric:tabular-nums lining-nums;
}
.detail-row strong.money,.detail-row strong .money{color:var(--ov-action)!important}
.stat:before{background:var(--ov-gold)!important}
.support-face{background:#e7ebe5!important}
.home-welcome-band{background:#102b32!important}
.home-welcome-band:after{display:none!important}
.daily-ops-hero{background:#173f50!important;box-shadow:0 12px 28px rgba(16,43,50,.09)!important}
.orevault-hero-grid{display:none!important}
.orevault-hero-visual{background:#173f50!important;border:1px solid #45636a!important;box-shadow:none!important;backdrop-filter:none!important}
.editorial-masthead{background:#102b32!important}
.editorial-tone-market{background:#173f50!important}
.editorial-tone-finance{background:#285b4b!important}
.editorial-tone-operations{background:#29434b!important}
.editorial-tone-regulation{background:#4b4435!important}
.fleet-image-placeholder{background:#dfe4dd!important}
.fleet-image-placeholder:before{background:none}
.bottom-nav button{flex:1;min-width:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--ov-gold);outline-offset:2px
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.brand-symbol{display:grid;place-items:center}
.brand-symbol svg{display:block;width:25px;height:25px;fill:#102b32}
.brand-lockup{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-lockup strong{font-family:Manrope,Inter,ui-sans-serif,sans-serif;font-size:18px;font-weight:800;letter-spacing:1.4px;color:#f4f2eb}
.brand-lockup small{font:600 8px/1.2 Inter,ui-sans-serif,sans-serif;letter-spacing:1.15px;text-transform:uppercase;color:#d4c19a;white-space:nowrap}
@media(max-width:520px){.brand-lockup strong{font-size:16px}.brand-lockup small{display:none}}

.detail-row strong{color:var(--ov-action)!important}
.admin-table td.money-value{color:var(--ov-action)!important;font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums lining-nums}