/* HITUNE Customer Home — cinematic digital garage concept */
#appointments.customer-home-v2{display:flex;flex-direction:column;gap:18px;background:transparent}#appointments.hidden{display:none!important}body.customer-app .page-header{display:none!important}
.customer-home-hero{position:relative;width:100vw;min-height:560px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:radial-gradient(circle at 10% 52%,rgba(0,174,239,.12),transparent 29%),radial-gradient(circle at 91% 50%,rgba(140,39,235,.15),transparent 28%),#05080b}
.customer-home-hero:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,#05080b 0,rgba(5,8,11,.93) 5%,rgba(5,8,11,.6) 12%,rgba(5,8,11,.18) 20%,transparent 28%,transparent 70%,rgba(5,9,13,.16) 78%,rgba(5,9,13,.62) 90%,#05090d 100%)}
.customer-home-hero:after{content:"";position:absolute;z-index:1;inset:0;opacity:.07;pointer-events:none;background-image:url('/assets/forged-carbon-texture.svg');background-size:520px;mix-blend-mode:screen}
.customer-home-brandbar{position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:6px max(22px,calc((100vw - 1180px)/2)) 0}.customer-home-wordmark{display:block;width:min(250px,40vw);height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}.customer-home-brandbar>span{padding-top:8px;color:#73818c;font-size:.52rem;font-weight:750;letter-spacing:.29em;white-space:nowrap}
.customer-home-copy{position:relative;z-index:5;width:min(58%,700px);padding:34px max(26px,calc((100vw - 1180px)/2)) 0}.customer-home-kicker{margin-bottom:7px;color:#a8b7c2;font-size:.66rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.customer-home-copy h2{margin:0;color:#f1f4f6;font-size:clamp(2.15rem,4.6vw,4.2rem);font-weight:850;letter-spacing:-.055em;line-height:.91;text-transform:uppercase;text-shadow:0 8px 28px #000}.customer-home-vehicle-name{margin-top:7px;color:#aebbc5;font-size:1rem;font-weight:500}.customer-home-garage-link{display:inline-flex;align-items:center;gap:18px;margin-top:13px;padding:9px 16px;border:1px solid rgba(48,197,255,.65);border-radius:999px;background:rgba(2,15,22,.56);color:#75d8ff!important;font-size:.74rem;font-weight:700;text-decoration:none!important;backdrop-filter:blur(12px);box-shadow:0 0 24px rgba(0,178,239,.08)}.customer-home-garage-link span{font-size:1.2rem;font-weight:400;line-height:.7}
.customer-home-vehicle{position:absolute;z-index:0;left:0;right:0;top:0;width:100vw;height:50vh;max-height:500px;min-height:390px;overflow:hidden;pointer-events:none;background:#05080b}.customer-home-vehicle:before{content:"";position:absolute;z-index:2;inset:-1px;pointer-events:none;background:linear-gradient(180deg,#05080b 0,rgba(5,8,11,.9) 4%,rgba(5,8,11,.48) 12%,rgba(5,8,11,.08) 21%,transparent 29%,transparent 70%,rgba(5,9,13,.08) 78%,rgba(5,9,13,.5) 89%,rgba(5,9,13,.92) 97%,#05090d 100%)}.customer-home-vehicle img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;opacity:0;filter:saturate(.98) contrast(1.04) brightness(.92);transition:opacity .45s ease,transform .6s ease;transform:scale(1.01)}.customer-home-vehicle.has-art img{opacity:1;transform:scale(1)}
.customer-home-actions{position:absolute;z-index:6;left:max(22px,calc((100vw - 1180px)/2));right:max(22px,calc((100vw - 1180px)/2));bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-home-actions .btn{display:grid!important;grid-template-columns:42px 1fr 14px;align-items:center;gap:10px;min-height:76px;padding:12px 15px;border-radius:15px!important;text-align:left;text-transform:none!important;letter-spacing:0!important;backdrop-filter:blur(18px)}.customer-home-actions .btn span:nth-child(2){display:flex;flex-direction:column;min-width:0}.customer-home-actions .btn strong{font-size:.78rem;letter-spacing:.015em;text-transform:uppercase}.customer-home-actions .btn small{margin-top:3px;color:#8a9ba7;font-size:.65rem;font-weight:500}.customer-home-actions .btn b{font-size:1.3rem;font-weight:400;opacity:.72}.action-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px}.action-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.customer-home-book{border:1px solid #28bdf6!important;background:linear-gradient(145deg,rgba(3,48,68,.91),rgba(2,15,23,.89))!important;color:#eefaff!important;box-shadow:0 0 28px rgba(0,185,246,.18),inset 0 1px rgba(190,237,255,.08)!important}.customer-home-book .action-icon{background:rgba(28,177,239,.13);color:#52ccff}.customer-home-roadside{border:1px solid rgba(239,42,116,.75)!important;background:linear-gradient(145deg,rgba(53,6,25,.9),rgba(17,5,14,.9))!important;color:#fff3f7!important;box-shadow:0 0 28px rgba(239,30,109,.13)!important}.customer-home-roadside .action-icon{background:rgba(232,43,112,.13);color:#f0528b}
.customer-home-status{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(89,145,178,.3);border-radius:14px;background:linear-gradient(145deg,rgba(6,18,25,.94),rgba(4,10,14,.98));box-shadow:0 14px 34px rgba(0,0,0,.18)}.status-cell{position:relative;display:flex;min-width:0;min-height:92px;flex-direction:column;align-items:center;justify-content:center;padding:11px 7px;color:#edf4f8!important;text-align:center;text-decoration:none!important}.status-cell:not(:last-child):after{content:"";position:absolute;right:0;top:19%;height:62%;width:1px;background:rgba(123,163,187,.17)}.status-icon{display:grid;place-items:center;width:28px;height:28px;margin-bottom:6px;color:#74cfff;font-size:1rem}.status-good .status-icon{color:#42e2a0}.status-cell strong{font-size:.68rem;line-height:1.15}.status-cell small{margin-top:3px;color:#8a99a4;font-size:.59rem;line-height:1.15}
.service-request-group{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.service-request-group-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;width:100%!important;margin:0 0 10px!important;padding:0!important;text-align:left!important}.service-request-group-head>div{margin:0!important;text-align:left!important}.service-request-group-head .eyebrow{margin:0!important;color:#9cabb6!important;font-size:.64rem!important;font-style:normal!important;font-weight:750!important;letter-spacing:.25em!important;text-align:left!important}.service-request-group-head .eyebrow:before{content:"// ";color:#27c2ff;font-size:1.05rem}.service-request-group-head>a{margin-left:auto;color:#55ceff!important;font-size:.72rem;font-weight:700;text-decoration:none!important;white-space:nowrap}.customer-home-appointments{order:3}.customer-home-roadside-history{order:4}
#appointmentList,#roadsideCustomerList{display:grid;gap:10px}.customer-home-empty{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:16px;min-height:102px;padding:17px 21px;overflow:hidden;border:1px solid rgba(99,155,188,.3);border-radius:16px;background:radial-gradient(circle at 85% 45%,rgba(45,105,137,.13),transparent 31%),linear-gradient(145deg,rgba(8,21,29,.96),rgba(4,10,14,.98));box-shadow:0 14px 30px rgba(0,0,0,.18)}.customer-home-empty:after{content:"";position:absolute;right:-10px;bottom:-22px;width:135px;height:100px;opacity:.12;background:linear-gradient(135deg,transparent 35%,#74cfff 36% 38%,transparent 39%)}.customer-home-empty .empty-icon{display:grid;place-items:center;width:52px;height:52px;color:#83cfff;font-size:1.8rem}.customer-home-empty span:last-child{display:flex;flex-direction:column}.customer-home-empty strong{color:#f0f5f8;font-size:.92rem}.customer-home-empty small{max-width:460px;margin-top:5px;color:#94a3ad;font-size:.72rem;line-height:1.35}
#appointmentList>.list-item,#appointmentList>.card,#roadsideCustomerList>.card{border:1px solid rgba(99,155,188,.28)!important;border-radius:16px!important;background:radial-gradient(circle at 92% 45%,rgba(40,92,121,.12),transparent 33%),linear-gradient(145deg,rgba(8,20,28,.97),rgba(4,10,14,.99))!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}#roadsideCustomerList details{overflow:hidden}.customer-home-history-extra{display:none!important}#roadsideCustomerList .roadside-customer-summary{padding:16px 18px!important;min-height:92px!important}#roadsideCustomerList .roadside-customer-body{border-top-color:rgba(203,222,235,.08)!important}#roadsideCustomerList .roadside-summary-copy .eyebrow{display:none}#roadsideCustomerList .roadside-summary-copy h3{font-size:1rem!important;margin-bottom:3px!important}#roadsideCustomerList .roadside-summary-vehicle,#roadsideCustomerList .meta{color:#8998a3!important;font-size:.72rem!important}
/* Desktop widescreen: keep the personalized garage cinematic but fit the useful dashboard into a 16:9 viewport. */
@media(min-width:701px){body.customer-app .customer-home-wordmark{display:none!important}body.customer-app .customer-home-brandbar{justify-content:flex-end;height:22px;padding-top:5px}body.customer-app .customer-home-brandbar>span{padding-top:0}body.customer-app .customer-home-hero{min-height:clamp(430px,55vh,520px)}body.customer-app .customer-home-vehicle{height:clamp(390px,50vh,475px);max-height:475px;min-height:390px}body.customer-app .customer-home-copy{width:min(46%,610px);padding-top:18px}body.customer-app .customer-home-copy h2{font-size:clamp(2rem,3.55vw,3.65rem);line-height:.9}body.customer-app .customer-home-actions{bottom:12px}body.customer-app .customer-home-actions .btn{min-height:68px;padding:10px 14px}body.customer-app .customer-home-status{margin-top:-2px}.status-cell{min-height:78px;padding:8px 7px}.status-icon{margin-bottom:4px}}
@media(min-width:1200px) and (min-aspect-ratio:16/10){body.customer-app .customer-home-hero{min-height:clamp(420px,52vh,485px)}body.customer-app .customer-home-vehicle{height:clamp(380px,48vh,450px);max-height:450px}body.customer-app #appointments.customer-home-v2{gap:14px}}
@media(max-width:700px){body.customer-app .portal-main{padding-top:calc(5px + env(safe-area-inset-top))!important}body.customer-app #appointments.customer-home-v2{gap:15px;padding-bottom:8px}body.customer-app .customer-home-hero{width:100vw;min-height:520px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}body.customer-app .customer-home-brandbar{min-height:54px;padding:4px 18px 0;padding-right:72px}body.customer-app .customer-home-wordmark{width:164px;max-height:48px;object-fit:contain;object-position:left center}body.customer-app .customer-home-brandbar>span{display:none}body.customer-app .customer-home-copy{width:76%;padding:27px 20px 0}body.customer-app .customer-home-kicker{font-size:.57rem;margin-bottom:7px}body.customer-app .customer-home-copy h2{font-size:clamp(1.72rem,8vw,2.4rem);line-height:.92}body.customer-app .customer-home-vehicle-name{font-size:.77rem;margin-top:5px}body.customer-app .customer-home-garage-link{margin-top:10px;padding:7px 13px;font-size:.65rem}body.customer-app .customer-home-vehicle{left:0;right:0;top:30px;width:100vw;height:50vh;max-height:430px;min-height:340px}body.customer-app .customer-home-vehicle img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;transform:scale(1.01)}body.customer-app .customer-home-vehicle.has-art img{transform:scale(1)}body.customer-app .customer-home-actions{left:12px;right:12px;bottom:10px;gap:8px}body.customer-app .customer-home-actions .btn{grid-template-columns:30px 1fr 9px;gap:7px;min-height:64px;padding:8px;border-radius:13px!important}body.customer-app .action-icon{width:29px;height:29px;border-radius:9px}.action-icon svg{width:17px;height:17px}body.customer-app .customer-home-actions .btn strong{font-size:.59rem;line-height:1.08}body.customer-app .customer-home-actions .btn small{font-size:.52rem}body.customer-app .customer-home-actions .btn b{font-size:.95rem}body.customer-app .customer-home-status{border-radius:13px}body.customer-app .status-cell{min-height:80px;padding:8px 3px}body.customer-app .status-icon{width:22px;height:22px;margin-bottom:4px;font-size:.84rem}body.customer-app .status-cell strong{font-size:.55rem}body.customer-app .status-cell small{font-size:.49rem}body.customer-app .service-request-group-head{justify-content:space-between!important;margin-left:0!important;padding-left:0!important}body.customer-app .customer-home-empty{grid-template-columns:42px 1fr;gap:11px;min-height:86px;padding:13px 15px;border-radius:14px}body.customer-app .customer-home-empty .empty-icon{width:40px;height:40px;font-size:1.4rem}body.customer-app .customer-home-empty strong{font-size:.79rem}body.customer-app .customer-home-empty small{font-size:.61rem}body.customer-app #roadsideCustomerList .roadside-customer-summary{padding:12px 14px!important;min-height:80px!important}}
@media(max-width:390px){body.customer-app .customer-home-hero{min-height:500px}body.customer-app .customer-home-actions .btn small{display:none}body.customer-app .customer-home-actions .btn{min-height:58px}}
@media(prefers-reduced-motion:reduce){.customer-home-vehicle img{transition:none!important}}