/* HITUNE customer Service History — compact mobile-first archive */
.customer-records-page{--history-cyan:#39d8ff;--history-green:#46dfa4;display:grid;gap:14px;padding-bottom:18px}
.customer-service-history-hero{position:relative;isolation:isolate;overflow:hidden;min-height:168px;border:1px solid rgba(73,203,239,.2);border-radius:20px;background:radial-gradient(circle at 88% 20%,rgba(45,211,255,.16),transparent 31%),radial-gradient(circle at 78% 92%,rgba(125,57,216,.14),transparent 35%),linear-gradient(145deg,#0b1720 0%,#071016 55%,#05090d 100%);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.customer-service-history-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.12;background-image:url('/assets/forged-carbon-texture.svg');background-size:420px;mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%)}
.customer-service-history-hero:after{content:"";position:absolute;right:-58px;bottom:-88px;width:250px;height:250px;border:1px solid rgba(66,218,255,.15);border-radius:50%;box-shadow:0 0 70px rgba(39,205,255,.08)}
.customer-service-history-hero-copy{position:relative;z-index:1;max-width:680px;padding:25px 24px 27px}.customer-service-history-hero-copy .eyebrow{margin-bottom:7px;color:var(--history-cyan);font-size:.65rem;font-weight:850;letter-spacing:.22em}.customer-service-history-hero-copy .eyebrow:before{content:"// ";color:#7feaff}.customer-service-history-hero-copy h2{margin:0;color:#f4f8fa;font-size:clamp(1.85rem,6vw,3rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.customer-service-history-hero-copy p{max-width:560px;margin:11px 0 0;color:#9fb0bb;font-size:.78rem;line-height:1.55}.customer-service-history-hero-mark{position:absolute;right:23px;bottom:20px;color:rgba(123,229,255,.17);font-size:1.45rem;font-weight:950;letter-spacing:.12em;text-align:right}.customer-service-history-hero-mark small{display:block;margin-top:4px;color:rgba(181,208,221,.25);font-size:.42rem;font-weight:700;letter-spacing:.24em}
.customer-service-history-controls{display:grid;gap:10px}.customer-service-history-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px}.customer-service-history-list-head .eyebrow{margin:0;color:#9aaab5;font-size:.63rem;font-weight:800;letter-spacing:.23em}.customer-service-history-list-head .eyebrow:before{content:"// ";color:var(--history-cyan)}#customerServiceHistoryCount{color:#79dfff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.customer-service-history-filters{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.customer-service-history-filters::-webkit-scrollbar{display:none}.customer-service-history-filter{flex:0 0 auto;min-height:34px;padding:7px 12px;border:1px solid rgba(113,161,184,.18);border-radius:999px;background:#09131a;color:#8fa2ae;font-size:.62rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;cursor:pointer}.customer-service-history-filter.is-active{border-color:rgba(58,215,255,.58);background:linear-gradient(135deg,rgba(12,92,116,.48),rgba(6,29,40,.85));color:#c9f5ff;box-shadow:0 0 20px rgba(45,207,248,.08)}
.customer-records-page #recordList{display:grid;gap:11px;margin:0}.customer-records-page .service-history-item{position:relative;overflow:hidden;margin:0!important;padding:0!important;border:1px solid rgba(91,166,199,.25)!important;border-radius:17px!important;background:radial-gradient(circle at 95% 0,rgba(42,199,243,.08),transparent 26%),linear-gradient(150deg,rgba(10,23,31,.98),rgba(5,11,16,.99))!important;box-shadow:0 15px 34px rgba(0,0,0,.22)!important;transition:border-color .18s ease,box-shadow .18s ease}.customer-records-page .service-history-item.deep-highlight{border-color:rgba(62,218,255,.7)!important;box-shadow:0 0 0 1px rgba(62,218,255,.22),0 0 34px rgba(38,198,238,.16)!important}
.service-history-summary{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 16px 13px}.service-history-summary-main{min-width:0}.service-history-ro{color:#63dfff;font-size:.56rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.service-history-vehicle{display:block;margin-top:5px;color:#f2f7fa;font-size:1rem;line-height:1.15}.service-history-service{display:block;overflow:hidden;margin-top:5px;color:#a8b7c1;font-size:.69rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.service-history-date{display:block;margin-top:4px;color:#718591;font-size:.61rem}.service-history-total{text-align:right}.service-history-total strong{display:block;color:#eef7fa;font-size:.92rem}.service-history-total span{display:block;margin-top:3px;color:#728793;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}.service-history-status{display:flex;gap:6px;padding:0 16px 12px}.service-history-status .ro-chip{font-size:.52rem!important}
.service-history-toggle{display:flex;width:calc(100% - 28px);align-items:center;justify-content:space-between;gap:12px;margin:0 14px 12px;padding:10px 12px;border:1px solid rgba(72,202,237,.17);border-radius:11px;background:#09141b;color:#cfe8f2;font:800 .62rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.service-history-toggle span:last-child{color:#58ddff;font-size:1rem;transition:transform .18s ease}.service-history-item.is-open .service-history-toggle span:last-child{transform:rotate(180deg)}.service-history-details{display:none;padding:0 14px 14px}.service-history-item.is-open .service-history-details{display:grid;gap:10px}.service-history-details .notice{margin:0!important;border-radius:11px!important;background:rgba(15,45,36,.38)!important}.service-history-details .toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important}.service-history-details .toolbar>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.service-history-details .btn{min-height:36px!important;padding:7px 10px!important;font-size:.59rem!important}.service-history-details .meta{font-size:.61rem!important}.service-history-details a{font-size:.62rem!important}
.customer-service-history-empty{position:relative;overflow:hidden;padding:27px 20px 22px;border:1px solid rgba(81,173,210,.25);border-radius:19px;background:radial-gradient(circle at 50% 0,rgba(51,205,247,.11),transparent 32%),linear-gradient(150deg,#0b1820,#060c11 70%);box-shadow:0 18px 42px rgba(0,0,0,.22);text-align:center}.customer-service-history-empty:after{content:"";position:absolute;inset:auto -40px -80px 35%;height:150px;opacity:.08;background:url('/assets/forged-carbon-texture.svg') center/300px;transform:skewX(-14deg)}.customer-service-history-empty-icon{position:relative;display:grid;width:64px;height:64px;place-items:center;margin:0 auto 14px;border:1px solid rgba(75,219,255,.3);border-radius:18px;background:linear-gradient(145deg,rgba(27,111,139,.25),rgba(5,17,24,.6));color:#64e1ff;font-size:1.55rem;box-shadow:0 0 28px rgba(43,207,249,.09)}.customer-service-history-empty h3{margin:0;color:#f4f8fa;font-size:1.2rem}.customer-service-history-empty>p{max-width:400px;margin:8px auto 18px;color:#93a5b0;font-size:.74rem;line-height:1.5}.customer-service-history-empty .btn{position:relative;z-index:1;width:100%;min-height:46px;border-color:#32cffa!important;background:linear-gradient(135deg,#0d6c88,#063447)!important;color:#effcff!important;box-shadow:0 10px 26px rgba(26,190,231,.13)!important}.customer-service-history-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.customer-service-history-benefits div{padding:10px 6px;border:1px solid rgba(136,180,201,.12);border-radius:10px;background:rgba(255,255,255,.025)}.customer-service-history-benefits strong{display:block;color:#dce9ef;font-size:.59rem;line-height:1.2}.customer-service-history-benefits span{display:block;margin-top:3px;color:#748894;font-size:.5rem;line-height:1.3}.customer-service-history-tip{position:relative;z-index:1;margin-top:11px;padding:10px 11px;border-left:2px solid #39d8ff;background:rgba(26,139,173,.08);color:#91a5b0;font-size:.59rem;line-height:1.45;text-align:left}.customer-service-history-tip strong{color:#bdefff}
@media(max-width:700px){body.customer-app #records.customer-records-page{width:100%;gap:12px;padding:0 0 8px}.customer-service-history-hero{min-height:154px;border-radius:17px}.customer-service-history-hero-copy{padding:21px 18px 23px}.customer-service-history-hero-copy h2{font-size:2rem}.customer-service-history-hero-copy p{max-width:88%;font-size:.68rem}.customer-service-history-hero-mark{right:15px;bottom:13px;font-size:1rem}.customer-service-history-hero-mark small{display:none}.service-history-summary{padding:14px 14px 11px}.service-history-status{padding:0 14px 10px}.service-history-toggle{width:calc(100% - 24px);margin:0 12px 10px}.service-history-details{padding:0 12px 12px}.service-history-details .toolbar{align-items:flex-start!important;flex-direction:column!important}.service-history-details .toolbar>div:last-child{width:100%;justify-content:stretch}.service-history-details .toolbar .btn{flex:1}.customer-service-history-empty{padding:23px 15px 18px}.customer-service-history-benefits{gap:5px}}
@media(max-width:390px){.customer-service-history-hero-copy p{max-width:100%}.customer-service-history-hero-mark{display:none}.customer-service-history-benefits{grid-template-columns:1fr}.customer-service-history-benefits div{padding:8px}.customer-service-history-benefits span{display:none}.service-history-summary{grid-template-columns:1fr}.service-history-total{text-align:left;display:flex;align-items:baseline;gap:7px}.service-history-total span{margin:0}.service-history-service{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media(prefers-reduced-motion:reduce){.service-history-toggle span:last-child,.customer-records-page .service-history-item{transition:none}}