/* Approved glass concept: light navigation, opaque functional content. */
body{background:#f0f6fb;color:#102b43}
.masthead{background:rgba(249,253,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffffb3}
.masthead .ra-original-wordmark{width:145px}
.masthead-inner{min-height:64px}
.masthead .iconbtn{background:#ffffffb8;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 8px #153d5710}
.page-heading h1,.ra-unified-section .ra-section-heading h1{font-size:30px;letter-spacing:-.035em}
.ra-unified-section .ra-section-heading{min-height:96px;margin-bottom:16px}
.ra-unified-section .ra-section-heading .ra-section-art{width:48px;height:48px;object-fit:contain}
.ra-unified-section .ra-section-heading p{font-size:14px;line-height:1.5}
.ra-garage-b4{border:0;border-radius:20px;background:#fff;box-shadow:0 5px 26px #153d5708}
.ra-garage-b4 .ra-garage-hero{height:190px;margin-bottom:0}
.ra-garage-hero>div{justify-content:center;padding-bottom:42px}
.ra-garage-hero h1{font-size:32px}
.ra-garage-b4 .ra-car-banner{position:relative;margin-top:-28px;border:1px solid #fffffff2;background:rgba(245,251,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 5px 15px #102b4310;border-radius:16px;min-height:80px}
.ra-garage-b4[data-b4-view=dati] .ra-car-banner{margin-top:0}
.ra-garage-b4 .ra-launch-upcoming{margin:18px 0;padding:0 0 18px;border:0;border-bottom:1px solid #e0eaf2;border-radius:0;background:#fff}
.ra-garage-b4 .ra-launch-upcoming .ra-panel-heading h2{font-size:23px}
.ra-garage-b4 .ra-launch-upcoming .ra-reminder-item{background:#fff;border:0;border-bottom:1px solid #e6edf3;border-radius:0;padding:14px 0}
.ra-garage-launch{margin-top:20px}
.ra-garage-launch>h2{font-size:24px}
.ra-garage-launch>p{display:none}
.ra-launch-grid{display:block;margin-top:10px}
.ra-garage-b4 .ra-launch-card{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:4px 12px;width:100%;min-height:74px;padding:13px 0;background:#fff;border:0;border-bottom:1px solid #e3ecf3;border-radius:0;box-shadow:none}
.ra-launch-icon{grid-row:1/3;grid-column:1;width:32px;height:32px;margin:0}
.ra-garage-b4 .ra-launch-card strong{grid-column:2;font-size:17px;letter-spacing:-.015em}
.ra-garage-b4 .ra-launch-description{grid-column:2;font-size:12px;margin:0;color:#587084}
.ra-garage-b4 .ra-launch-arrow{grid-row:1/3;grid-column:3;position:static;justify-self:end;font-size:25px;color:#587084}
.ra-garage-b4 .ra-launch-card:hover{background:#f5faff}
.ra-garage-b4 .field label{display:block;font-size:13px;color:#304c63}
.ra-garage-b4 .field input,.ra-garage-b4 .field select,.ra-unified-section .field input,.ra-unified-section .field select,.ra-unified-section textarea{background:#fff;border:1px solid #cbdbe8;border-radius:10px;font-size:16px;min-height:48px}
.ra-garage-b4[data-b4-view=dati] .ra-garage-hero{min-height:90px;background:#fff}
.ra-garage-b4[data-b4-view=dati] .ra-garage-hero>div{padding:18px 24px}
.ra-garage-b4 .ra-data-disclosure{border:0;border-top:1px solid #dfe9f1;border-radius:0;margin:0;padding:0}
.ra-unified-section .ra-maint-entry{border:1px solid #e1eaf2;border-radius:16px;box-shadow:0 3px 12px #153d5705;margin-bottom:12px}
.ra-unified-section .ra-maint-filter{border-radius:10px}
.ra-unified-section .ra-reminder-item{border:1px solid #e1eaf2;border-radius:15px;background:#fff;margin-bottom:12px;padding:15px}
.ra-unified-section .ra-reminder-buttons{border-top:1px solid #e7eef4;padding-top:10px;margin-top:12px}
.ra-unified-section .ra-reminder-buttons button{min-height:44px;font-size:12px}
.ra-completed-reminders{margin:18px 0 8px;border-top:1px solid #dce7ef;padding-top:4px}
.ra-completed-reminders>summary{cursor:pointer;min-height:52px;padding:15px 2px;color:#426278;font-weight:650;font-size:14px}
.ra-hub-page .ra-section-heading .eyebrow{display:none}
.ra-hub-page .ra-hub-card{border:1px solid #e2ebf3;border-radius:16px;box-shadow:0 3px 12px #153d5705;padding:20px}
.ra-hub-page .ra-tool-feature{display:block;position:relative;min-height:185px;padding:20px 140px 20px 20px;background:linear-gradient(110deg,#edf7ff,#f6fbff);overflow:hidden}
.ra-hub-page .ra-tool-feature .ra-tool-art{position:absolute;right:8px;top:22px;width:122px;height:140px;object-fit:contain}
.ra-hub-page .ra-tool-feature h2{font-size:25px;margin-top:4px}
.ra-hub-page .ra-tool-feature p{font-size:14px;margin:8px 0 16px}
.ra-hub-page .ra-tool-feature .ra-hub-badge{display:none}
.ra-hub-page .ra-tool-feature .btn{width:auto;min-height:44px;padding:10px 15px;font-size:13px}
.ra-concept-tool-row{display:flex;align-items:center;gap:14px;background:#fff;border:0;border-top:1px solid #e1eaf2;border-bottom:1px solid #e1eaf2;width:100%;padding:20px;text-align:left;color:#102b43;font:inherit}
.ra-concept-tool-row svg{width:28px;height:28px;color:#087bea;flex-shrink:0}
.ra-concept-tool-row>span:first-of-type{flex:1}.ra-concept-tool-row strong,.ra-concept-tool-row small{display:block}.ra-concept-tool-row small{margin-top:5px;font-size:13px;color:#587084}
[data-page=guide] .ra-hub-card{position:relative;padding:18px 18px 18px 78px;border:0;border-bottom:1px solid #e0eaf2;border-radius:0;background:#fff;box-shadow:none}
[data-page=guide] .ra-guide-symbol{position:absolute;left:16px;top:22px;width:42px;height:42px;border-radius:10px;margin:0;background:#eaf5ff;display:grid;place-items:center}
[data-page=guide] .ra-guide-symbol svg{width:24px;height:24px;color:#087bea}
[data-page=guide] .ra-hub-card h2{font-size:19px}
[data-page=guide] .ra-hub-card p{font-size:13px;line-height:1.6}
[data-page=guide] .ra-hub-badge{font-size:10px}
[data-page=guide] details.ra-hub-card{padding-left:18px}
@media(max-width:759px){
 .page{padding-bottom:110px}
 .masthead .ra-original-wordmark{width:140px}
 .masthead-inner{min-height:62px}
 .tabbar{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));border:1px solid #fffffff2;border-radius:22px;background:rgba(238,248,255,.82);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 4px 18px #153d5718,inset 0 1px 1px #fff;padding:4px 5px}
 .tabbar button{flex:1;min-height:56px;font-size:11px;gap:4px;padding:7px 3px;color:#466176}
 .tabbar button svg{width:23px;height:23px}
 .ra-garage-b4 .ra-garage-hero{height:155px}
 .ra-garage-hero>div{max-width:64%;padding:16px 18px 40px}
 .ra-garage-hero h1{font-size:28px}
 .ra-garage-hero p{font-size:12px;max-width:19ch}
 .ra-garage-b4 .ra-car-banner{margin-top:-20px}
 .ra-garage-b4 .ra-car-copy strong{font-size:19px}
 .ra-garage-b4 .ra-launch-card{min-height:72px;padding:12px 0}
 .ra-garage-b4 .ra-launch-card strong{font-size:17px}
 .ra-garage-b4 .ra-launch-icon{width:32px;height:32px}
 .ra-garage-b4 #carForm>.fieldgrid{grid-template-columns:1fr}
 .ra-garage-b4[data-b4-view=dati] .ra-garage-hero>div{padding:18px}
 .ra-unified-section .ra-section-heading h1{font-size:27px}
 .ra-unified-section .ra-section-heading .ra-section-art{width:40px;height:40px}
 .ra-hub-page .ra-tool-feature{min-height:175px;padding-right:128px}
 .ra-hub-page .ra-tool-feature .ra-tool-art{width:108px;height:128px}
}
@supports not (backdrop-filter:blur(1px)){.tabbar,.masthead,.ra-garage-b4 .ra-car-banner{background:#f5faff}}
@media(prefers-reduced-transparency:reduce){.tabbar,.masthead,.ra-garage-b4 .ra-car-banner{background:#f5faff;backdrop-filter:none}}

.ra-launch-icon svg{width:27px;height:27px;color:#087bea;fill:none;stroke:currentColor;stroke-width:1.6}
.ra-hub-page .ra-tool-feature .btn{max-width:100%;white-space:normal}
.ra-hub-page .ra-tool-feature h2{font-size:24px}
.ra-hub-page .ra-hub-car{padding:10px 13px;font-size:13px;margin-bottom:14px}
.ra-garage-b4 .ra-launch-upcoming .ra-panel-heading{margin-bottom:4px}
.ra-garage-b4 .ra-launch-upcoming .ra-list{margin-top:0}

[data-page=costi][data-ledger-view=interventi]>.row-panel,[data-page=costi][data-ledger-view=interventi]>.ra-cost-graph,[data-page=costi][data-ledger-view=interventi]>.ra-cost-metrics,[data-page=costi][data-ledger-view=interventi]>.ra-cost-no-data{display:none!important}
.ra-history-register{display:none}
[data-ledger-view=interventi] .ra-history-register{display:block;width:100%;margin-bottom:20px}
[data-ledger-view=interventi] .ra-maint-history .ra-maint-head>div>p{display:none}
