.brand img{object-fit:contain;border-radius:0;width:44px;height:44px}
.site-header>.brand{font-size:0;gap:0;width:210px;height:64px;background:url('/assets/brand/horizontal_logo-nobg.png') center/contain no-repeat}
.site-header>.brand>img,.site-header>.brand>span{display:none}
.auth-story .brand img{outline:0}
.content>.card+.card{margin-top:20px}
.card p,.card td{overflow-wrap:anywhere}
.card ol{padding-left:22px;line-height:1.8}
@media(max-width:600px){.site-header>.brand{width:155px;height:52px}.brand img{width:38px;height:38px}}
/* Mobile 0.2: portal accents match the native blue/turquoise app. */
.app-shell{--ink:#152c4b;--green:#0869da;--muted:#60718a;--line:#dce5f3;--soft:#e9f2ff;background:#f1f5ff}
.app-shell .nav-item.active,.app-shell .mobile-bottom a.active{background:#dfeeff;color:#075fc9;border-radius:15px}
.app-shell .btn:not(.secondary):not(.danger){background:#0869da;color:white;border-radius:14px}
.app-shell .welcome-banner,.app-shell .vehicle-hero{background:linear-gradient(120deg,#074db4,#008fba,#0eb5af);border-radius:24px}
.app-shell .welcome-banner p,.app-shell .vehicle-hero p{color:#dfefff}
.app-shell .card,.app-shell .stat-card{border-radius:22px;box-shadow:0 6px 25px #153c7510}
.app-shell .stat-card:nth-child(2){background:#e4f8f3}.app-shell .stat-card:nth-child(3){background:#eee8ff}.app-shell .stat-card:nth-child(4){background:#fff2db}
.app-shell .topbar{background:#f9fbff}.app-shell .stat-value{color:#0869da}
.legal-page>.brand{display:flex;width:max-content;margin-bottom:32px}.legal-page>form{max-width:480px}.legal-page>section.card{margin:24px 0}
@media(max-width:600px){.app-shell .content{padding:22px 16px 95px}.app-shell .page-header h1{font-size:27px}.app-shell .notice{flex-wrap:wrap}.app-shell .notice .btn{margin-left:0}.app-shell .mobile-bottom{padding:9px 6px max(9px,env(safe-area-inset-bottom));box-shadow:0 -6px 24px #153c7510}.app-shell .mobile-bottom a{padding:9px 7px}.app-shell .sidebar{overflow-y:auto}}
.account-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.account-restricted{max-width:780px;margin:auto;padding:32px 20px}
.account-restricted .card{margin-top:32px;border-top:5px solid #f4a340}
.route-preview { margin: 18px 0; }
.route-preview svg { width: 100%; height: auto; display: block; }
.route-preview figcaption { margin-top: 10px; color: var(--muted, #687988); font-size: .85rem; }
.consumption-card { margin-top: 20px; }
.vehicle-with-photo { display:grid; grid-template-columns:minmax(0,1fr) 160px; gap:16px; border-bottom:1px solid #dbe5eb; padding:12px 0; }
.model-photo { margin:0; }
.model-photo img { width:100%; max-height:240px; object-fit:contain; border-radius:14px; background:#eef4f8; }
.model-photo figcaption { font-size:.72rem; line-height:1.5; color:#526577; overflow-wrap:anywhere; }
.model-photo details { margin-top:5px; }
.model-photo-slot { max-width:480px; margin:12px 0; }
.model-photo-empty { font-size:.78rem; }
@media(max-width:600px){.vehicle-with-photo { grid-template-columns:1fr; }.vehicle-with-photo .model-photo-slot { max-width:260px; }}
.consumption-card details { margin-top: 16px; }