/* BMW-inspired hierarchy, not an official BMW application. */
.captcha-row{display:flex;align-items:center;gap:10px;min-width:0}.captcha-row>input{flex:1;min-width:0;text-transform:uppercase}.captcha-refresh{padding:0;border:1px solid #bcbcbc;background:#f5f7fa;flex-shrink:0;cursor:pointer;line-height:0}.captcha-refresh img{display:block;width:142px;height:42px;object-fit:contain}.captcha-refresh:focus-visible{outline:2px solid #1c69d4;outline-offset:2px}@media(max-width:380px){.captcha-refresh img{width:118px;height:40px}.captcha-row{gap:6px}}
.labor-type{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:1.5;color:#626262;background:#f0f0f0;border:1px solid #ddd;white-space:nowrap;vertical-align:baseline}.labor-type.total{color:#24548d;background:#f0f5fc;border-color:#c7d8ef}
.chart-period{font-size:10px;color:#777;margin-top:14px}
dialog.account-dialog{max-width:440px}.account-dialog input{height:40px;font-size:16px}.account-dialog .dialog-body{padding:18px}.account-dialog .dialog-head{padding:14px 18px}.account-dialog .dialog-footer{padding:12px 18px}.account-dialog .dialog-footer .btn{min-height:38px}
[hidden]{display:none!important}.access-status{font-size:11px;color:#686868}input:disabled,select:disabled,textarea:disabled{background:#f5f5f5;color:#535353;opacity:1;-webkit-text-fill-color:#535353}.topbar-right{flex-wrap:wrap}.topbar{height:auto;min-height:56px;padding-top:6px;padding-bottom:6px}.topbar-right .btn{min-height:32px}
figure.page-banner-settings{background:#171b20}figure.page-banner-settings img{object-fit:cover;object-position:50% 12%;width:100%;left:0;top:0;height:100%}figure.page-banner-settings:after{display:block;background:#0003}figure.page-banner-settings figcaption{color:#fff;text-shadow:0 1px 5px #0009}
.warranty-info{display:flex;align-items:flex-start;gap:8px;margin:10px 0;padding:9px 10px;border-left:3px solid #1c69d4;background:#f0f5fc;color:#24456e;font-size:12px;line-height:1.6}.warranty-info>svg{flex-shrink:0;margin-top:2px}.warranty-info strong{margin-right:10px;font-weight:650}.warranty-info span{overflow-wrap:anywhere}
.channel-combo{position:relative;display:block;min-width:0}.channel-combo input{padding-right:34px!important}.channel-combo select{position:absolute;right:1px;top:1px;bottom:1px;width:30px!important;height:calc(100% - 2px)!important;padding:0!important;border:0;border-left:1px solid #ddd;border-radius:0;background-color:#fff;color:transparent;cursor:pointer}.channel-combo select option{color:#262626}.channel-combo select:focus-visible{outline:2px solid #1c69d4;outline-offset:1px}
.page-banner{position:relative;isolation:isolate;width:100%;aspect-ratio:7;margin:0 0 20px;overflow:hidden;background:#263c4c}.page-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.page-banner:after{content:'';position:absolute;inset:0;background:#0003;z-index:0}.page-banner figcaption{position:absolute;inset:auto 22px 18px;z-index:1;color:#fff;text-shadow:0 1px 5px #0009;display:flex;flex-direction:column;gap:5px}.page-banner figcaption span{font-size:10px;font-weight:600}.page-banner figcaption strong{font-size:21px;font-weight:500;line-height:1.25}.page-banner-settings{background:#fff}.page-banner-settings img{object-fit:contain;object-position:80% 50%;width:70%;left:30%;height:160%;top:-30%}.page-banner-settings:after{display:none}.page-banner-settings figcaption{color:#262626;text-shadow:none}.page-banner-stats img{object-position:center 48%}
@media(max-width:1150px) and (min-width:851px){.page-banner{aspect-ratio:6}}
@media(max-width:850px){.page-banner{aspect-ratio:5.7}.page-banner figcaption{inset:auto 18px 14px}.page-banner figcaption strong{font-size:19px}}
@media(max-width:620px){.page-banner{aspect-ratio:3.7;margin-bottom:16px}.page-banner figcaption{inset:auto 14px 12px;gap:4px}.page-banner figcaption strong{font-size:17px}.page-banner figcaption span{font-size:9px}.page-banner-settings img{width:80%;left:20%}}
.service-project-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;align-self:center}.service-line>.service-project-icon{margin-right:0}.item-icon .service-project-icon{width:25px;height:25px}.plan-row>.service-project-icon{width:22px;height:22px}
.catalog-search{margin-left:auto;width:260px;max-width:100%}.catalog-search input{height:34px}.catalog-row[hidden],#catalog-search-empty[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.catalog-search{width:100%;order:3}.catalog-search input{height:38px}.catalog-search~.btn{margin-left:auto}}
:root{--blue:#1c69d4;--ink:#262626;--muted:#686868;--line:#dedede;--bg:#f7f7f7;--green:#34745b;--red:#b2352c}
body{font-size:14px;line-height:1.5;background:var(--bg)}
.sidebar{background:#fff;border-right:1px solid #dedede;padding-top:28px}
.logo{gap:10px;margin-bottom:32px;font-size:23px}.logo-mark{background:#262626;border-radius:0;width:32px;height:32px}.logo small{letter-spacing:0;color:#737373;font-size:9px}
.nav a{border-radius:0;position:relative;height:44px;color:#626262;font-size:13px;font-weight:600;padding-left:12px}.nav a svg{stroke-width:1.65}
.nav a.active{background:#f3f3f3;color:#171717}.nav a.active:before{content:'';position:absolute;left:-14px;top:10px;bottom:10px;width:3px;background:var(--blue)}.nav a:hover{background:#f5f5f5;color:#171717}
.sidebar-bottom{border-color:#dedede}.status-dot{background:#34745b}.topbar{background:#fff;border-bottom:1px solid #dedede}.avatar{border-radius:0;background:#262626;color:#fff;font-size:11px}.mobile-brand{font-weight:700}
.main{padding-top:24px}.page-heading{padding-bottom:16px;border-bottom:1px solid #d8d8d8;margin-bottom:20px}.page-heading h1{font-size:26px;font-weight:600;line-height:1.2}.page-heading p{color:#6c6c6c;font-size:12px;margin-top:7px}
.btn{border-radius:2px;min-height:36px;border-color:#9b9b9b;background:#fff;color:#262626;font-weight:600;font-size:12px;transition:background .15s,border-color .15s}.btn:hover{background:#f0f0f0;border-color:#262626}.btn.primary{background:var(--blue);border-color:var(--blue)}.btn.primary:hover{background:#0653b6;border-color:#0653b6}.btn.text{color:#262626;border:0}.btn.text:hover{color:var(--blue);background:transparent}.btn.icon{border-color:transparent}.btn.icon:hover{border-color:#bcbcbc}.btn.danger{color:var(--red)}
.surface,.panel,.vehicle-strip{border-radius:2px;box-shadow:none;border-color:#ddd}.section-head h2,.panel h2{font-size:16px;font-weight:600}.section-head h2 svg{color:#626262;width:17px;height:17px;stroke-width:1.65}.section-head .number{font-variant-numeric:tabular-nums;color:#777}
.vehicle-banner{border-radius:0;background:#fff;border-bottom:1px solid #ddd;aspect-ratio:3.5;margin-bottom:0}.vehicle-banner figcaption{top:28px;left:28px}.vehicle-banner figcaption strong{font-size:48px;font-weight:400;line-height:1;margin:10px 0 12px}.banner-eyebrow{letter-spacing:0;font-size:11px;font-weight:600;color:#484848}.banner-subtitle{font-size:12px;color:#626262}.banner-credit{left:28px;color:#686868;font-size:10px}.vehicle-banner img{width:73%;top:-29%;height:157%}
.vehicle-strip{border-top:0;border-left:0;border-right:0;border-bottom:2px solid #262626;border-radius:0;margin-bottom:22px;background:white}.vehicle-identity{background:#fff;padding:16px}.vehicle-symbol{border:0;border-radius:0;background:#262626;color:white;font-size:11px;width:38px;height:38px}.vehicle-identity h2{font-size:20px;font-weight:600}.metric{padding:16px}.metric-value{font-size:26px;font-weight:600;color:#262626}.metric+.metric:before{top:18px;bottom:18px;border-color:#ddd}.metric-label{color:#626262;font-size:11px}.metric-foot{color:#777}
.overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px}.section{margin-bottom:20px}.section-head{margin-bottom:10px}.item-icon{border-radius:0;background:#f2f2f2;color:#595959}.reminder,.plan-row{padding:12px 14px}.reminder h3{font-weight:600}.reminder p,.plan-row p{font-size:12px;color:#686868}.badge,.tag{border-radius:2px;font-weight:500}.badge{padding:3px 7px}.plan-check{border-radius:2px}.empty{padding:20px 14px;background:#fff;color:#777}.empty-icon{color:#a1a1a1}.activity{padding:14px}.activity-header{padding-bottom:12px;border-bottom:2px solid #262626;margin-bottom:0}.activity-header strong{font-size:20px;font-weight:600}.activity-header small{font-size:12px;color:#626262}.amount{color:#1c69d4;font-weight:650;font-size:22px}
.record{border-color:#d5d5d5;border-radius:2px}.record-top{background:#f0f0f0;border-bottom:1px solid #d7d7d7;padding:14px;border-left:3px solid #262626;align-items:center}.record-date{font-size:19px;font-weight:650;color:#202020}.record-meta{color:#595959;font-size:12px}.record-top .amount{font-size:22px;color:var(--blue)}.record-body{padding-left:16px;padding-right:16px}.record:hover,.activity:hover{border-color:#939393}.service-line{border-color:#e5e5e5;padding:9px 0}.service-line h3{font-size:13px;font-weight:600}.service-line p{font-size:11px;color:#717171}.service-line strong{color:#262626;font-weight:650}.service-line[data-service-index]:hover{background:#f6f6f6;border-radius:0}.unit-label{color:#858585}.note{color:#686868;line-height:1.65}
.summary-grid .surface{border:0;border-bottom:2px solid #262626;background:white;padding:14px 16px}.summary-grid .metric-value{font-size:28px;font-weight:600}.summary-grid .surface:first-child .metric-value{color:var(--blue)}.track{height:3px;border-radius:0;background:#ededed}.track div{border-radius:0;background:#1c69d4}.bar-row{padding:8px 0}.bar-row header{font-size:12px}.stat-layout>.panel{padding:16px}.stat-layout>.panel h2{padding-bottom:10px;border-bottom:1px solid #ddd}.mini-bars div{border-radius:0;background:#cbdcf3}.mini-bars div:last-child{background:var(--blue)}
.settings-grid>.panel{border-top:2px solid #262626}.panel{padding:16px}.panel h2{font-weight:600}.catalog-row{border-color:#e5e5e5;padding:10px 0}.catalog-row label:first-child{color:#262626;font-weight:600}.form-actions{border-color:#dedede}.settings-grid .footer-note{font-size:11px}
label{font-size:11px;color:#626262}input,select,textarea{border-radius:2px;border-color:#bcbcbc;color:#262626;background-color:#fff}input:hover,select:hover,textarea:hover{border-color:#777}input:focus,select:focus,textarea:focus{border-color:#1c69d4;box-shadow:0 0 0 1px #1c69d4}input[readonly]{background:#f2f2f2}.segments{border-radius:2px;background:#eaeaea;padding:2px}.segments button{border-radius:0}.segments button.active{box-shadow:none;border-bottom:2px solid var(--blue)}
dialog{border-radius:2px;box-shadow:0 18px 60px #0003}.dialog-head{border-bottom:2px solid #262626}.dialog-head h2{font-size:19px;font-weight:600}.dialog-footer{border-color:#ccc}.editor-line,#record-form .editor-line{border-radius:2px;background:#fafafa;border-color:#dcdcdc}.editor-line.is-target,#record-form .editor-line.is-target{background:#f3f7fd;border-color:#1c69d4}.attachment-open{border-radius:2px}.attachment-help,.footer-note{color:#777}.footer-note{font-size:10px}.search input{background:#fff}#toast{border-radius:2px;background:#262626}
@media(max-width:1150px) and (min-width:851px){.overview-grid{grid-template-columns:1fr}.vehicle-banner{aspect-ratio:3}}
@media(max-width:850px){.sidebar{padding-top:0}.nav a{height:54px;font-size:10px;padding:7px 2px 0}.nav a.active{background:transparent;color:#1c69d4}.nav a.active:before{left:25%;right:25%;top:0;bottom:auto;width:auto;height:2px}.main{padding-top:18px}.page-heading h1{font-size:24px}.overview-grid{gap:16px}.vehicle-banner{aspect-ratio:2.85}.vehicle-banner figcaption{top:24px;left:22px}.vehicle-banner figcaption strong{font-size:40px}.banner-credit{left:22px}}
@media(max-width:760px){.overview-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:620px){body{font-size:13px}.main{padding-top:16px}.page-heading{padding-bottom:14px;margin-bottom:16px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.btn{min-height:38px}.vehicle-banner{aspect-ratio:1.85}.vehicle-banner img{width:100%;top:-5%;height:130%}.vehicle-banner figcaption{top:18px;left:18px}.vehicle-banner figcaption strong{font-size:32px;margin:8px 0}.banner-eyebrow{font-size:9px}.banner-subtitle{font-size:11px}.banner-credit{left:18px;bottom:10px;font-size:9px}.vehicle-identity,.metric{padding:12px}.vehicle-identity h2{font-size:19px}.metric{padding:12px 8px}.metric-value{font-size:21px}.section-head h2,.panel h2{font-size:15px}.activity-header strong{font-size:18px}.record-top{padding:12px;gap:8px;flex-wrap:wrap}.record-top .amount{margin-left:auto;font-size:21px}.record-date{font-size:18px}.record-meta{font-size:11px}.summary-grid .surface{padding:12px 8px}.summary-grid .metric-value{font-size:21px}.panel,.stat-layout>.panel{padding:12px}.section{margin-bottom:18px}.reminder,.plan-row{padding:11px 12px}.service-line{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
.catalog-order { display:flex; gap:4px; align-items:center; }
.catalog-order .btn { min-width:32px; width:32px; height:32px; padding:6px; }