#maintenance-planner{color:#dbe9ee;max-width:100%;overflow-wrap:anywhere}#maintenance-planner h3{font-size:clamp(24px,5vw,36px)}#maintenance-planner p{line-height:1.6;color:#adbecb}#maintenance-planner label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c9dce5}#maintenance-planner input,#maintenance-planner select{box-sizing:border-box;width:100%;min-width:0;color:#edf8fa;background:#0b1721;border:1px solid #345362;border-radius:8px;padding:12px;font:inherit;color-scheme:dark}#maintenance-planner button{padding:11px 15px;border:1px solid #43808c;background:#173c49;color:#e6f9fc;border-radius:8px;cursor:pointer;font:inherit;margin:5px 0}#maintenance-planner button:hover{background:#225663}#maintenance-planner a{color:#7ee3e6}#mp-odometer,#mp-custom{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:12px}.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mp-card{border:1px solid #2c4656;background:#101e2a;border-radius:14px;padding:22px;margin:18px 0}.mp-card h4{font-size:19px;margin:0}.mp-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mp-badge{font-size:12px;border:1px solid #57717a;border-radius:20px;padding:6px 12px}.mp-now{color:#ffc29d;border-color:#ad754f}.mp-soon{color:#ffe2a1;border-color:#a38b4b}.mp-later{color:#9fe3ca;border-color:#437f6b}.mp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.mp-summary>div{display:flex;flex-direction:column;padding:16px;border:1px solid #294551;border-radius:10px}.mp-summary strong{font-size:28px;color:#85e4eb}.mp-summary span{font-size:13px}.mp-history{grid-column:1/-1}.mp-card details{margin-top:14px}.mp-card summary,.mp-history summary{cursor:pointer;padding:8px 0;color:#b5edf1}.mp-note{font-size:12px}#mp-status{min-height:24px;color:#89e5da}@media(max-width:650px){.mp-grid{grid-template-columns:1fr 1fr}#mp-odometer,#mp-custom{grid-template-columns:1fr}.mp-summary{grid-template-columns:1fr 1fr}.mp-card{padding:16px}}@media(max-width:380px){.mp-grid{grid-template-columns:1fr}}

#maintenance-planner h3{font-size:1.5rem;margin:12px 0}#maintenance-planner label{font-size:.875rem}#maintenance-planner .mp-heading>span{font-size:.875rem;color:#aec6d2}.mp-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:20px 0;background:#101e2a}.mp-table th,.mp-table td{padding:18px;text-align:left;vertical-align:top;border:1px solid #2c4656;font-weight:normal}.mp-table thead th{font-size:1rem;background:#18303f;color:#9fe7ec;font-weight:700}.mp-table th:first-child{width:34%}.mp-table h4{font-size:1rem;margin:0 0 8px}.mp-table p{font-size:.875rem;margin:10px 0}.mp-table summary{cursor:pointer;color:#9ce1e4;font-size:.875rem;margin:12px 0}.mp-last{color:#d1e6ed!important}.mp-due{display:block;font-size:1rem;margin:12px 0}.mp-status-bmw{display:inline-block;font-size:.875rem}.mp-table .mp-badge{display:inline-block;font-size:.875rem}.mp-edit .mp-grid{grid-template-columns:1fr}.mp-edit input,.mp-edit select{max-width:100%}#mp-confirm{box-sizing:border-box;max-width:min(540px,94vw);max-height:90vh;overflow:auto;background:#122838;color:#dfedf2;border:1px solid #629ba9;border-radius:14px;padding:24px}#mp-confirm::backdrop{background:#00101ad9}#mp-confirm label{margin:14px 0}#mp-custom{grid-template-columns:1fr auto}.mp-summary{margin:12px 0}.mp-summary strong{font-size:24px}
@media(max-width:650px){.mp-table,.mp-table tbody,.mp-table tr,.mp-table td,.mp-table th{display:block;width:auto!important}.mp-table thead{display:none}.mp-table tr{margin:18px 0;border:1px solid #345d6d;border-radius:12px;overflow:hidden}.mp-table th,.mp-table td{border:0;border-top:1px solid #294452;padding:16px}.mp-bmw:before{content:'BMW recommended next service';display:block;font-weight:700;color:#a4e5e9;margin-bottom:10px}.mp-enthusiast:before{content:'BMW enthusiast recommended next service';display:block;font-weight:700;color:#a4e5e9;margin-bottom:10px}.mp-edit .mp-grid{grid-template-columns:1fr 1fr}#mp-custom{grid-template-columns:1fr}}@media(max-width:380px){.mp-edit .mp-grid{grid-template-columns:1fr}}

.mp-summary button{text-align:left;color:#dfedf2;background:#102838;border:1px solid #35566b;border-radius:10px;padding:16px;cursor:pointer}.mp-summary button strong,.mp-summary button span,.mp-summary button small{display:block}.mp-summary button[aria-pressed=true]{outline:2px solid #6fe0eb}.mp-summary button small{margin-top:8px;color:#8ee6ed}.mp-resolution{padding:10px;border-left:3px solid #6fe0eb}#mp-status-list{margin:20px 0;padding:12px;background:#102736;border-radius:10px}#mp-status-list:empty{display:none}#mp-status-list li{padding:12px 0}#mp-items tr[hidden]{display:none!important}

#mp-service-navigation{max-width:38rem;margin:18px 0}#mp-items h4{scroll-margin-top:70px}#mp-items h4:focus{outline:2px solid #6fe0eb;outline-offset:6px}#mp-items #mp-steering{margin-bottom:12px}