:root{--ink:#171b1d;--muted:#6f797b;--soft:#f4f5f4;--line:#e6e9e7;--gold:#c7a777;--dark:#121b1e;--green:#18734d;--red:#999ba3;--blue:#395b83;--white:#fff;--shadow:0 12px 38px rgba(15,25,26,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9faf9;color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b18d57;outline-offset:2px}input,select,textarea{width:100%;border:1px solid #dfe4e1;border-radius:13px;padding:13px 14px;background:#fff;color:#172124;min-width:0}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:auto;accent-color:#1b2425}input[type=file]{font-size:13px}label{font-size:12px;font-weight:700;color:#475357;display:block;margin-bottom:5px}.hide{display:none!important}.screen{min-height:100vh}.container{max-width:1220px;margin:auto;padding:0 26px}.topbar{background:#121a1d;color:#d8dedb;text-align:center;padding:8px;font-size:10px;font-weight:800;letter-spacing:.18em}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-in{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.055em;font-size:23px}.logo-icon{width:37px;height:37px;border-radius:10px;object-fit:contain;background:var(--dark)}.logo small{color:var(--gold)}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#586162}.desktop-nav a:hover,.desktop-nav a.active{color:#111}.header-actions{display:flex;align-items:center;gap:9px}.iconbtn{display:inline-grid;place-items:center;height:41px;min-width:41px;border:1px solid var(--line);background:#fff;border-radius:13px;color:var(--ink);font-size:19px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border:1px solid transparent;border-radius:13px;font-weight:800;font-size:13px;background:var(--dark);color:#fff;white-space:nowrap;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn-outline{background:#fff;color:var(--ink);border-color:#dfe4e0}.btn-gold{background:var(--gold);color:#171a1b}.btn-danger{background:#fff3f1;border-color:#f2dad6;color:#a53b34}.btn-sm{padding:9px 13px;font-size:12px;border-radius:9px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.mobile-nav{display:none}
.hero{padding:27px 0 8px}.hero-panel{min-height:418px;background:radial-gradient(circle at 82% 24%,#355054 0,transparent 36%),linear-gradient(122deg,#121a1d,#1c292d);border-radius:27px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:57px 7%}.hero-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-90px;bottom:-250px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 170px rgba(255,255,255,.018)}.hero-content{z-index:1;max-width:650px}.overline{font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#9caca9}.hero .overline{color:#d4b78b}.hero h1{font-size:clamp(38px,5.8vw,73px);letter-spacing:-.072em;line-height:1.03;margin:19px 0 17px;font-weight:900}.hero h1 em{font-style:normal;color:#d4b78b}.hero p{color:#c5d0ce;max-width:460px;margin:0 0 26px;font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-mark{position:absolute;right:7%;top:24%;width:185px;height:185px;object-fit:contain;opacity:.92;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2));border-radius:28px}.hero-stats{position:absolute;right:7%;bottom:38px;display:flex;gap:28px;color:#d9e2df;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-stats strong{display:block;font-size:22px;color:#fff;letter-spacing:-.04em}
.section{padding:35px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.section-head h2{margin:4px 0 0;font-size:28px;letter-spacing:-.055em;line-height:1.1}.section-head p{color:var(--muted);margin:7px 0 0;font-size:13px}.subtle-link{background:transparent;border:0;color:#273638;font-weight:750;font-size:13px}.search-shell{margin-top:22px;border:1px solid var(--line);border-radius:18px;padding:12px;background:white;box-shadow:var(--shadow)}.search-main{display:flex;align-items:center;gap:12px}.search-main input{border:0;outline:0!important;padding:10px;flex:1;font-size:15px}.search-icon{font-size:21px;padding-left:8px}.filters{display:flex;gap:9px;overflow-x:auto;padding-top:13px;margin-top:9px;border-top:1px solid #eef0ef;scrollbar-width:none}.chip{background:#f5f6f5;border:1px solid #edf0ed;border-radius:50px;padding:9px 15px;white-space:nowrap;color:#475153;font-size:12px;font-weight:750}.chip.on,.chip:hover{background:#1b2425;border-color:#1b2425;color:#fff}.count{font-size:12px;color:var(--muted);margin-left:8px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.car-card,.video-card,.guide-card{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;transition:.2s}.car-card:hover,.video-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.car-media{aspect-ratio:1.35;background:linear-gradient(140deg,#e7edeb,#f8f9f8);position:relative;overflow:hidden}.car-media img,.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.car-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;color:#9aa8a5;gap:6px;font-weight:800;font-size:12px;letter-spacing:.12em}.car-placeholder span{font-size:53px;filter:grayscale(1);opacity:.34}.car-status{position:absolute;top:13px;left:13px;background:#fff;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900}.status-reserved{color:#906313;background:#fff7e7}.status-sold{color:#b64e40;background:#ffefec}.status-incoming{color:#41658e;background:#eaf2fb}.heart{position:absolute;top:13px;right:13px;background:rgba(255,255,255,.94);border:0;width:34px;height:34px;border-radius:50%;font-size:21px;display:grid;place-items:center}.heart.saved{color:#999ba3}.car-info{padding:16px}.car-info h3{margin:0;font-size:17px;letter-spacing:-.035em}.specs{color:var(--muted);font-size:12px;margin:6px 0 13px}.car-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;padding-top:12px}.car-price{font-size:19px;letter-spacing:-.04em;font-weight:950}.car-action{border:0;background:#eff2f0;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800}.empty{background:#fff;border:1px dashed #d9e0dc;border-radius:22px;padding:48px 24px;text-align:center;grid-column:1/-1}.empty .illustration{font-size:50px;opacity:.55}.empty h3{font-size:20px;letter-spacing:-.035em;margin:7px 0}.empty p{color:var(--muted);max-width:470px;margin:0 auto 20px;font-size:13px}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;gap:13px;align-items:start}.feature-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:#eef0ed;font-size:20px}.feature h3{margin:0;font-size:14px}.feature p{color:var(--muted);font-size:12px;margin:4px 0 0}.learn-banner{background:#e9edea;border-radius:24px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.learn-banner h2{font-size:33px;letter-spacing:-.055em;margin:10px 0}.learn-banner p{font-size:13px;color:#667270;max-width:500px}.learn-logo{width:120px;height:120px;object-fit:contain;filter:grayscale(.2)}.video-thumb{aspect-ratio:1.6;background:linear-gradient(135deg,#1e2b2e,#405154);position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.video-play{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#141b1c;font-size:20px}.video-content{padding:15px}.video-content h3{font-size:15px;margin:8px 0 5px}.video-content p{color:var(--muted);font-size:12px;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-card{padding:19px}.guide-card .overline{color:#b0936b}.guide-card h3{font-size:16px;line-height:1.35;margin:11px 0}.guide-card p{color:var(--muted);font-size:12px;margin:0}
.request-band{background:#151e21;border-radius:25px;padding:39px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.request-band h2{margin:7px 0;font-size:32px;line-height:1.15;letter-spacing:-.06em}.request-band p{color:#b6c4c1;font-size:13px;max-width:500px;margin:0}.footer{padding:40px 0 90px;color:#788583;font-size:12px}.footer-inner{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer a{text-decoration:underline}
.modal-wrap{position:fixed;inset:0;background:rgba(13,20,22,.67);z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.modal{background:#fff;border-radius:22px;width:min(100%,580px);max-height:min(90vh,900px);overflow:auto;box-shadow:0 25px 90px rgba(0,0,0,.24)}.modal.wide{width:min(100%,800px)}.modal-head{padding:22px 24px 15px;display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid #edf0ee}.modal-head h2{font-size:23px;letter-spacing:-.06em;margin:0}.modal-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.modal-body{padding:22px 24px 25px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{margin-bottom:13px}.field.full{grid-column:1/-1}.checkline{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#606c6a;margin:12px 0 18px}.checkline label{margin:0;font-size:12px;font-weight:400}.success-box{border:1px solid #c9e8d7;background:#eaf7ef;padding:17px;border-radius:12px;color:#146443}.detail-gallery{background:#f1f3f2;aspect-ratio:1.9;position:relative}.detail-gallery>img{width:100%;height:100%;object-fit:cover}.detail-gallery .car-placeholder{min-height:240px}.thumbs{display:flex;gap:8px;padding:10px 20px;overflow-x:auto}.thumbs img{height:60px;width:80px;object-fit:cover;border-radius:7px;cursor:pointer}.detail-content{padding:22px}.detail-title{font-size:27px;font-weight:900;letter-spacing:-.055em}.detail-spec{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.detail-spec div{background:#f3f5f3;border-radius:10px;padding:12px}.detail-spec small{color:var(--muted);font-size:10px;display:block}.detail-spec strong{font-size:13px}.detail-description{color:#677370;font-size:13px;white-space:pre-wrap}.notice{background:#f4f5f2;border-radius:10px;padding:11px 13px;color:#66716f;font-size:12px}
.admin-body{background:#f4f6f5}.admin-layout{min-height:100vh;display:flex}.side{background:#161f22;color:#fff;width:243px;flex:none;padding:29px 18px;display:flex;flex-direction:column;gap:29px;position:sticky;top:0;height:100vh}.side .logo{font-size:21px}.side a{display:flex;gap:13px;align-items:center;border-radius:10px;padding:12px 14px;color:#b4c2bf;font-weight:750;font-size:13px;cursor:pointer}.side a.sel{background:#2a3639;color:#fff}.side a:hover{background:#263235}.side-bottom{margin-top:auto;font-size:11px;color:#91a3a0}.admin-main{flex:1;min-width:0;padding:33px max(26px,3.5vw)}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.admin-top h1{font-size:31px;letter-spacing:-.06em;line-height:1.15;margin:4px 0}.admin-top p{margin:4px 0;color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.stat strong{font-size:31px;letter-spacing:-.07em;display:block}.stat span{font-size:12px;color:var(--muted)}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-head h2{font-size:17px;margin:0;letter-spacing:-.03em}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;color:#85918e;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:11px 10px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:14px 10px;border-bottom:1px solid #eff1ef;vertical-align:middle}td strong{font-size:13px}.status-pill{display:inline-block;border-radius:8px;padding:5px 9px;background:#e6f5ed;color:#207b4e;font-weight:800;font-size:10px}.status-pill.reserved,.status-pill.contacted{background:#fff2d9;color:#956514}.status-pill.sold,.status-pill.closed{background:#fff0ee;color:#a94c42}.status-pill.incoming,.status-pill.matched{background:#eaf2ff;color:#426c9c}.status-pill.new{background:#e9f4ff;color:#346b99}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.small-btn{border:1px solid #e3e8e4;background:#fff;border-radius:8px;font-size:11px;font-weight:750;padding:7px 10px;color:#304043}.small-btn:hover{background:#eef2ee}.admin-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#10191b,#29393e);padding:20px}.login-box{max-width:420px;width:100%;padding:35px;background:#fff;border-radius:22px}.login-box h1{font-size:28px;letter-spacing:-.06em;margin:18px 0 8px}.login-box p{color:var(--muted);font-size:13px}.login-box .logo{font-size:23px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.tabs-btn{border:0;border-radius:9px;background:#edf1ee;padding:9px 14px;font-weight:800;font-size:12px}.tabs-btn.sel{background:#172123;color:#fff}.upload-previews{display:flex;flex-wrap:wrap;gap:9px;margin:9px 0 14px}.upload-previews img{height:78px;width:95px;object-fit:cover;border-radius:9px}.upload-previews .preview-item{position:relative}.upload-previews button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:#fff;width:20px;height:20px;font-size:12px}.toast{position:fixed;right:20px;bottom:24px;z-index:100;background:#152522;color:#fff;border-radius:12px;padding:13px 18px;box-shadow:var(--shadow);font-size:13px;max-width:min(360px,90vw)}.spinner{width:20px;height:20px;border:2px solid #eee;border-top-color:#293b3d;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:960px){.hero-mark{right:6%;width:140px;height:140px;opacity:.3}.hero-stats{display:none}.card-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.side{width:210px}.desktop-nav{gap:18px}}
@media(max-width:680px){body{font-size:14px}.container{padding:0 16px}.topbar{font-size:9px}.header-in{min-height:62px}.logo{font-size:22px}.logo-icon{width:32px;height:32px}.desktop-nav{display:none}.header-actions .desktop-only{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid #e4e8e5;z-index:40;backdrop-filter:blur(14px)}.mobile-nav button{border:0;background:transparent;padding:10px 2px 9px;display:flex;flex-direction:column;align-items:center;gap:1px;color:#77827f;font-size:9px;font-weight:750}.mobile-nav button.sel{color:#172426}.mobile-nav .nav-ico{font-size:20px}.hero{padding:13px 0 5px}.hero-panel{min-height:375px;padding:37px 25px;border-radius:19px}.hero h1{font-size:44px}.hero p{font-size:13px;max-width:300px}.hero-mark{width:96px;height:96px;right:18px;top:15px;opacity:.2}.hero-actions{gap:8px}.hero-actions .btn{padding:12px 15px}.section{padding:25px 0}.section-head h2{font-size:24px}.search-shell{margin-top:14px}.card-grid,.guide-grid{grid-template-columns:1fr 1fr;gap:10px}.car-info{padding:12px}.car-info h3{font-size:14px}.car-price{font-size:16px}.car-action{font-size:10px}.car-status{font-size:9px;padding:4px 7px}.specs{font-size:10px}.feature-strip{grid-template-columns:1fr;gap:8px}.feature{padding:15px}.learn-banner{padding:24px 20px;border-radius:18px}.learn-banner h2{font-size:25px}.learn-logo{width:70px;height:70px}.request-band{display:block;padding:24px;border-radius:18px}.request-band h2{font-size:27px}.request-band .btn{margin-top:20px}.footer{padding-bottom:100px}.footer-inner{display:block}.footer-inner>*{display:block;margin:6px 0}.modal-wrap{padding:0;align-items:flex-end}.modal{width:100%!important;border-radius:22px 22px 0 0;max-height:92vh}.modal-head{padding:18px}.modal-body{padding:18px}.field-grid{gap:10px}.detail-content{padding:17px}.detail-spec{grid-template-columns:repeat(2,1fr)}.side{display:none}.admin-main{padding:18px 14px 100px}.admin-top h1{font-size:26px}.admin-top{flex-wrap:wrap}.stat{padding:14px}.stat strong{font-size:26px}.admin-panel{padding:13px}.admin-mobile{display:flex!important;gap:5px;overflow-x:auto;margin-bottom:18px;scrollbar-width:none}.admin-mobile button{flex:none}.toast{bottom:88px}.empty{padding:30px 15px}}
@media(max-width:420px){.card-grid,.guide-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.section-head h2{font-size:22px}.hero-mark{display:none}.header-actions .btn{padding:10px 11px;font-size:11px}}


/* V4 — mobile app-style discovery landing */
.app-home{padding-top:25px;padding-bottom:10px;scroll-margin-top:15px}
.app-home-inner{background:#f0f1f0;border-radius:26px;padding:28px 30px 31px}
.app-mobile-head{display:none}
.app-search-shell{margin:0}
.app-search-shell .search-main{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eceeed;border-radius:19px;min-height:68px;padding:8px 13px;box-shadow:none}
.app-search-shell .search-main input{background:transparent;flex:1;border:0!important;box-shadow:none!important;outline:0!important;padding:12px 5px;font-size:18px;font-weight:550;letter-spacing:-.022em}
.app-search-shell .search-main input::placeholder{color:#969d9a}
.app-search-shell .search-main .search-icon{display:grid;place-items:center;width:27px;height:27px;padding:0;margin-left:5px;color:#5b6361}
.app-search-shell .search-main .search-icon svg,.app-mobile-head svg{width:25px;height:25px}
.app-search-shell .category-heading{color:#737977;letter-spacing:.04em;font-size:12px;font-weight:800;margin:21px 0 11px}
.app-search-shell .filters{padding:0 0 2px;border:0;margin:0;gap:12px;scrollbar-width:none;display:flex}
.app-search-shell .filters::-webkit-scrollbar{display:none}
.app-search-shell .chip{border:1px solid #fff;background:#fff;color:#1a1f20;border-radius:60px;font-size:13px;font-weight:780;padding:11px 20px;min-height:41px;box-shadow:none}
.app-search-shell .chip.on,.app-search-shell .chip:hover{color:#151a1b;background:#fff;border-color:#bac4bf;box-shadow:0 1px 5px rgba(0,0,0,.07)}
.feed-section{padding:24px 0 9px;scroll-margin-top:85px}
.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 19px}
.feed-heading h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.048em;line-height:1.22;margin:0;font-weight:900}
.feed-heading p{font-size:12px;color:#7d8782;margin:6px 0 0}
.feed-heading .subtle-link{color:#7a8480;font-size:11px;white-space:nowrap}
.feed-grid{gap:20px}
.feed-grid .car-card{border:0;border-radius:0;background:transparent;overflow:visible}
.feed-grid .car-card:hover{transform:none;box-shadow:none}
.feed-grid .car-media{aspect-ratio:1.5;border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#d9dedb,#f5f7f4);box-shadow:0 1px 2px rgba(25,39,35,.07)}
.feed-grid .car-info{padding:12px 2px 10px}
.feed-grid .car-title-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.feed-grid .car-title-row h3{margin:0;font-size:19px;line-height:1.23;font-weight:850;letter-spacing:-.04em}
.feed-grid .heart{position:static;flex:none;width:36px;height:36px;border:0;background:transparent;border-radius:12px;font-size:27px;color:#1b2423}
.feed-grid .heart.saved{color:#bc4b4b}
.feed-grid .specs{font-size:13px;color:#6d7672;margin:3px 0 9px}
.feed-grid .car-foot{padding:0;border:0;gap:10px}
.feed-grid .car-price{font-weight:850;font-size:18px;color:#171e1b}
.feed-grid .car-action{font-size:12px;border:1px solid #d9e0da;background:#fff;border-radius:11px;padding:8px 12px}
.feed-grid .car-status{font-size:11px;padding:7px 11px;border-radius:9px;top:11px;left:11px}
.feed-grid .empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:285px;border:1px solid #e2e6e2;background:#fff;border-radius:22px;padding:42px 23px;text-align:center}
.feed-grid .empty h3{font-size:21px;line-height:1.24;letter-spacing:-.045em;margin:8px 0}
.feed-grid .empty p{font-size:13px;line-height:1.65;color:#737e78}
.feed-grid .empty .illustration{background:#e9edeb;color:#43534e;border-radius:18px;width:74px;height:74px;display:grid;place-items:center;font-size:40px;margin-bottom:11px}
.app-education-link{border-top:1px solid #dfe3df;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 1px 0;margin-top:15px;color:#737e79;font-size:13px}
.app-education-link strong{color:#202b25}
.app-education-link button{font-size:12px;font-weight:850;border:0;background:transparent;white-space:nowrap;color:#202b25}
.app-mobile-head .iconbtn{width:38px;height:38px;border:0;background:transparent;box-shadow:none;color:#181e1e}
@media(max-width:680px){
 body{background:#fff}
 .topbar,.site-header{display:none}
 .app-home{padding:15px 13px 0}
 .app-home-inner{padding:19px 17px 21px;border-radius:25px;background:#f0f1f0}
 .app-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;min-height:43px}
 .app-mobile-head .app-title{font-size:27px;letter-spacing:-.055em;line-height:1;font-weight:950}
 .app-mobile-head .logo-icon{display:none}
 .app-search-shell .search-main{height:61px;min-height:61px;border-radius:16px;padding:8px 13px;gap:11px}
 .app-search-shell .search-main input{font-size:16px;padding:9px 0;min-width:0}
 .app-search-shell .search-main .search-icon{width:25px;margin-left:2px}
 .app-search-shell #searchButton{display:none}
 .app-search-shell .category-heading{font-size:12px;margin:18px 0 11px}
 .app-search-shell .filters{gap:11px}
 .app-search-shell .chip{font-size:13px;padding:10px 17px;min-height:43px}
 .feed-section{padding:22px 0 5px;scroll-margin-top:24px}
 .feed-heading{margin:0 0 14px}
 .feed-heading h1{font-size:23px;line-height:1.25}
 .feed-heading p{display:none}
 .feed-heading .subtle-link{font-size:10px}
 .feed-grid{grid-template-columns:1fr!important;gap:19px}
 .feed-grid .car-media{aspect-ratio:1.47;border-radius:17px}
 .feed-grid .car-title-row h3{font-size:22px}
 .feed-grid .car-info{padding:11px 2px 10px}
 .feed-grid .specs{font-size:14px}
 .feed-grid .car-price{font-size:18px}
 .feed-grid .empty{padding:37px 17px;min-height:290px}
 .app-education-link{padding-top:18px;font-size:11px}
 .app-education-link button{font-size:11px}
 .mobile-nav{grid-template-columns:repeat(4,1fr);padding-top:7px;background:rgba(255,255,255,.98);box-shadow:0 -4px 15px rgba(15,25,20,.028)}
 .mobile-nav button{font-size:10px;gap:5px;padding:8px 3px 12px}
 .mobile-nav button svg{width:24px;height:24px;display:block}
 .mobile-nav button.sel{color:#161e1b}
 .mobile-nav .nav-ico{display:none}
 .footer{padding-bottom:107px}
}
@media(max-width:420px){
 .app-home{padding:10px 10px 0}
 .app-home-inner{padding:19px 15px}
 .app-mobile-head .app-title{font-size:26px}
 .feed-heading h1{font-size:22px}
 .feed-grid .car-media{aspect-ratio:1.43}
}


/* HR HIRES BRAND THEME V6 — BLACK / RACING RED / SILVER */
:root {
--ae-black:#060709;--ae-charcoal:#0d1115;--ae-panel:#151a1e;--ae-elevated:#20262b;
--ae-red:#ef0809;--ae-red-deep:#bd0809;--ae-red-soft:#ef5b60;
--ae-white:#f6f7f8;--ae-silver:#d5dade;--ae-muted:#a2acb3;
--ae-border:rgba(218,226,232,.13);--ae-shadow:0 16px 44px rgba(0,0,0,.25);
--bg:var(--ae-black);--panel:var(--ae-panel);--line:#30383e;--gold:var(--ae-red);
--muted:var(--ae-muted);--white:var(--ae-white);--ink:var(--ae-white);--soft:var(--ae-panel);--dark:var(--ae-black)
}
html {background:var(--ae-black);color-scheme:dark}
body,body.admin-body{background:var(--ae-black)!important;color:var(--ae-white)}
body.modal-open{background:var(--ae-black)}
::selection{background:#ef0809;color:#fff}
a,button,input,textarea,select{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff4040;outline-offset:3px}
.topbar{background:#080a0d;color:#c4cbd0;border-bottom:1px solid rgba(239,8,9,.25)}
.site-header{background:rgba(9,11,14,.97);border-bottom:1px solid var(--ae-border)}
.desktop-nav{color:#b5bdc3}.desktop-nav a.active,.desktop-nav a:hover{color:#ff494a}
.header-actions .iconbtn{background:#1c2024;border-color:#35393d;color:#e7e9ec}
.brand-lockup{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;letter-spacing:normal}
.brand-lockup .logo-icon{width:61px;height:61px;flex:none;object-fit:contain;border-radius:50%;border:3px solid var(--ae-red);background:#000;box-shadow:0 0 0 2px rgba(255,255,255,.03)}
.brand-lockup .brand-name{display:flex;flex-direction:column;justify-content:center;gap:4px;white-space:nowrap}
.brand-lockup .brand-word{display:flex;gap:5px;align-items:center;font-size:22px;line-height:1;font-style:italic;letter-spacing:-.065em}
.brand-lockup .brand-word strong{font-weight:950}
.brand-lockup .brand-word strong:first-child{color:#e5e8eb}
.brand-lockup .brand-word strong:last-child{color:#aeb0b7}
.brand-lockup .brand-name small{font-size:9px;line-height:1.1;font-weight:850;letter-spacing:.35em;color:#adb5ba}
.app-home-inner{background:#111519!important;border:1px solid #2d3135}
.app-mobile-head .iconbtn{border:0;background:transparent!important;color:#f2f4f6!important}
.app-mobile-head .iconbtn svg{stroke:#f1f3f5}
.app-search-shell .search-main{background:#1d2429!important;border:1px solid #323b40!important;box-shadow:0 2px 15px rgba(0,0,0,.08)!important}
.app-search-shell .search-main input{background:transparent!important;color:#f5f7f8!important;caret-color:#ef0809}
.app-search-shell .search-main input::placeholder{color:#a8b2b8!important}
.app-search-shell .search-main .search-icon{color:#c7d0d4}
.app-search-shell .category-heading,.category-heading{color:#b0b9bd!important}
.app-search-shell .chip{background:#22292d!important;border:1px solid #373e42!important;color:#cbd2d5!important;box-shadow:none!important}
.app-search-shell .chip.on,.app-search-shell .chip.on:hover{background:var(--ae-red)!important;border-color:var(--ae-red)!important;color:#fff!important;box-shadow:0 4px 17px rgba(239,8,9,.19)!important}
.app-search-shell .chip:hover{border-color:#da4447!important;color:#fff!important}
.feed-heading h1,.feed-heading .count{color:#f4f6f7}
.feed-heading p,.feed-heading .subtle-link{color:#a4afb3}
.subtle-link{color:#cbd3d6}
.subtle-link:hover{color:#ff4849}
.feed-grid .car-card{background:transparent!important;color:#f6f6f7}
.feed-grid .car-media,.car-media{background:linear-gradient(140deg,#20262a,#111518)!important;border:1px solid #30363a}
.feed-grid .car-title-row h3,.car-info h3{color:#f1f4f5!important}
.feed-grid .specs,.specs{color:#a9b1b7!important}
.feed-grid .car-price,.car-price{color:#f6f7f8!important}
.feed-grid .heart,.heart{color:#edf1f3!important}
.feed-grid .heart.saved,.heart.saved{color:#ef0809!important}
.car-status{background:#eff1f2;color:#181d20}
.car-status.status-reserved{background:#ffe2a8;color:#644514}
.car-status.status-sold{background:#f8d5d5;color:#9c1616}
.car-status.status-incoming{background:#d8e6f2;color:#253c50}
.car-action,.feed-grid .car-action{background:#1d2529!important;border:1px solid #475258!important;color:#f6f6f7!important}
.car-action:hover,.feed-grid .car-action:hover{border-color:var(--ae-red)!important;color:#fff!important}
.car-placeholder{color:#a4afb4}
.feed-grid .empty,.empty{background:#191f23!important;border:1px solid #32393d!important;color:#f1f3f5}
.feed-grid .empty h3,.empty h3{color:#fff}
.feed-grid .empty p,.empty p{color:#adb6bc!important}
.feed-grid .empty .illustration,.empty .illustration{background:#32191d!important;color:#ff5b60!important}
.btn,.btn-gold{background:var(--ae-red)!important;border:1px solid var(--ae-red)!important;color:#fff!important;box-shadow:0 5px 17px rgba(239,8,9,.13)}
.btn:hover,.btn-gold:hover{background:var(--ae-red-deep)!important;border-color:var(--ae-red-deep)!important;filter:none;transform:none}
.btn-outline{background:#1d2427!important;border-color:#444e52!important;box-shadow:none!important}
.btn-outline:hover{border-color:#ef0809!important}
.btn:disabled{background:#36393d!important;border-color:#41464a!important;color:#a5afb6!important;box-shadow:none}
.request-band{background:radial-gradient(ellipse at right center,#3d1116 0,transparent 55%),linear-gradient(125deg,#111518,#1b1115)!important;border:1px solid rgba(239,8,9,.45)}
.request-band .overline{color:#ff6469}
.request-band h2{color:#f5f6f6}
.request-band p{color:#b9c0c5}
.footer{background:var(--ae-black);color:#899499}
.footer-inner{border-color:var(--ae-border)}
.footer strong{color:#f2f3f4}
.footer a:hover{color:#ff5656}
.mobile-nav{background:rgba(9,12,15,.97)!important;border-top:1px solid #30373a!important;box-shadow:0 -9px 23px rgba(0,0,0,.2)!important}
.mobile-nav button{background:transparent;color:#949fa5!important}
.mobile-nav button svg{stroke:currentColor}
.mobile-nav button.sel,.mobile-nav button:hover{color:#ff393d!important}
.mobile-nav button.sel span{font-weight:900}
.modal-wrap{background:rgba(0,0,0,.78)}
.modal{background:#151b1f!important;color:#f7f8f9!important;border:1px solid #364045}
.modal-head{background:#151b1f;border-bottom:1px solid #353f44}
.modal-head h2{color:#f4f7f8}
.modal-head p,.detail-description{color:#b3bec3}
.modal-body{background:#151b1f}
.iconbtn{background:#242b2f;border:1px solid #3c474d;color:#e5e9ea}
.iconbtn:hover{border-color:#f22b2e}
.field label,.modal label,label{color:#d6dee1}
.field input,.field select,.field textarea,
.modal input,.modal select,.modal textarea,
.login-box input, .admin-panel input,.admin-panel select,.admin-panel textarea{
background:#222a2f!important;border:1px solid #465159!important;color:#f7f8f9!important
}
input::placeholder,textarea::placeholder{color:#8b9ca4!important}
.checkline label{color:#bdc8ce}
.checkline input{accent-color:var(--ae-red)}
.notice{background:#22292d;color:#b7c3c9}
.success-box{background:#123526;border-color:#266745;color:#d7f7e3}
.detail-gallery{background:#232c30}
.detail-spec div{background:#20272b}
.detail-spec small{color:#a8b6bd}
.detail-spec strong{color:#f3f5f5}
.thumbs img{border:1px solid #444e55}
.admin-login{background:radial-gradient(ellipse at 22% 8%,rgba(239,8,9,.16),transparent 42%),linear-gradient(135deg,#080a0d,#1a2025)!important}
.login-box{background:#171d22!important;border:1px solid #3a4146;box-shadow:0 22px 60px rgba(0,0,0,.28);color:#f5f6f7!important}
.login-box h1{color:#f6f7f8}
.login-box p{color:#a8b4ba!important}
.login-box .logo{margin-bottom:10px}
.admin-layout{background:#0c1014}
.side{background:#0a0d11;border-right:1px solid #303a40}
.side .brand-lockup .logo-icon{width:51px;height:51px}
.side .brand-lockup .brand-word{font-size:19px}
.side .brand-lockup .brand-name small{font-size:8px}
.side a{color:#bac5cc}
.side a.sel{background:#331517!important;color:#fff!important;border-left:3px solid #ef0809}
.side a:hover{background:#242a2f}
.side-bottom{color:#9ca8ad}
.admin-main{background:#101419;color:#f4f7f9}
.admin-top h1{color:#f7f8f9}
.admin-top p{color:#aab4ba}
.overline{color:#ef5558}
.stats .stat,.stat{background:#1a2025!important;border:1px solid #343d43;color:#f3f5f6}
.stat strong{color:#fff}
.stat span{color:#acb7bc}
.admin-panel{background:#191f24!important;color:#e9edef;border:1px solid #39434a}
.panel-head h2{color:#f1f3f5}
th{color:#a5b2b8;border-bottom-color:#3a4248}
td{border-bottom-color:#323b40;color:#d5dee2}
td strong{color:#f5f7f8}
td span[style*="color:#9aa4a0"]{color:#a8b5bb!important}
.small-btn{background:#242b30;color:#e3e9ec;border:1px solid #4a5358}
.small-btn:hover{background:#353f44}
.tabs-btn{background:#252d32;color:#d2d9dd}
.tabs-btn.sel{background:var(--ae-red);color:#fff}
.status-pill{background:#1d4332;color:#9ff0c0}
.status-pill.reserved,.status-pill.contacted{background:#4a3419;color:#ffcf7e}
.status-pill.sold,.status-pill.closed{background:#491e20;color:#ffb2ad}
.status-pill.incoming,.status-pill.matched,.status-pill.new{background:#21344a;color:#a8d4ff}
.table-wrap{color:#d4dee1}
.toast{background:#351518;color:#fff;border:1px solid #803136}
@media(max-width:680px){
 body{background:#060709!important}
 .app-home{background:#060709}
 .app-home-inner{background:#111519!important;border:1px solid #303538}
 .app-mobile-head{min-height:64px;margin-bottom:17px}
 .app-mobile-head .logo-icon{display:block!important;width:55px!important;height:55px!important;flex:none}
 .app-mobile-head .app-title{font-size:inherit;line-height:normal}
 .app-mobile-head .brand-word{font-size:22px}
 .app-mobile-head .brand-name small{font-size:9px}
 .app-mobile-head .iconbtn{width:38px;height:38px}
 .app-search-shell .search-main{background:#1f272b!important;border:1px solid #3c484e!important}
 .app-search-shell .chip{background:#22292e!important}
 .mobile-nav button.sel{color:#ff3b3b!important}
 .request-band{border-color:#5d282c}
 .footer{background:#060709}
 .admin-mobile button{background:#252b30;color:#dce3e7}
 .admin-mobile button.sel{background:#ef0809;color:#fff}
 .login-box{padding:27px 24px}
 .login-box .brand-word{font-size:21px}
}
@media(max-width:365px){
 .app-mobile-head .logo-icon{width:48px!important;height:48px!important}
 .app-mobile-head .brand-word{font-size:19px}
 .app-mobile-head .brand-name small{font-size:8px}
}


/* HR HIRES PREFERENCES V7 — THEME + LANGUAGE CONTROLS */
.ae-pref-controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex:none;color:#e7ecf0}
.ae-lang-group{display:inline-flex;align-items:center;gap:2px;padding:3px;background:#20272d;border:1px solid #454e53;border-radius:12px}
.ae-lang-option{display:grid;place-items:center;min-width:31px;height:29px;padding:0 5px;font-size:11px;font-weight:850;letter-spacing:.015em;background:transparent;color:#aeb8bf;border:0;border-radius:8px;line-height:1}
.ae-lang-option.selected{color:#fff;background:#ef0809;box-shadow:0 2px 8px rgba(239,8,9,.22)}
.ae-mode-option{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;flex:none;background:#20272d;border:1px solid #454e53;color:#e1e8ec}
.ae-mode-option svg{width:19px;height:19px}
.ae-mode-option:hover{border-color:#ef0809}
.ae-pref-controls button{cursor:pointer}
.ae-admin-login-prefs{display:flex;margin-bottom:13px;justify-content:flex-end}
.ae-admin-dashboard-prefs{display:flex;justify-content:flex-end;margin-bottom:14px}
.app-mobile-head{gap:7px}
.app-mobile-head .brand-lockup{margin-right:auto;min-width:0}
.app-mobile-head .ae-pref-controls{margin-left:auto}
.app-mobile-head .ae-mode-option{width:33px;height:33px;border-radius:10px}
.app-mobile-head .ae-mode-option svg{width:18px;height:18px}
.app-mobile-head .ae-lang-group{padding:2px;border-radius:10px}
.app-mobile-head .ae-lang-option{min-width:29px;height:27px;font-size:10px}
@media(max-width:680px){
.app-mobile-head .brand-lockup .logo-icon{width:45px!important;height:45px!important}
.app-mobile-head .brand-lockup .brand-word{font-size:19px!important}
.app-mobile-head .brand-lockup .brand-name small{font-size:8px!important}
.app-mobile-head .brand-lockup{gap:7px!important}
.app-mobile-head .iconbtn{width:32px!important;height:34px!important;min-width:32px!important}
.app-mobile-head .iconbtn svg{width:21px;height:21px}
.ae-admin-dashboard-prefs{padding:5px 0 2px}
}
@media(max-width:360px){
.app-mobile-head{flex-wrap:wrap;row-gap:8px}
.app-mobile-head .brand-lockup .brand-word{font-size:17px!important}
.app-mobile-head .brand-lockup .logo-icon{width:40px!important;height:40px!important}
.app-mobile-head .brand-lockup .brand-name small{font-size:7px!important}
}
/* DAY THEME — contrast-safe light mode with original red accent */
html[data-ae-theme="light"]{
color-scheme:light;
--ae-black:#f5f6f8;--ae-charcoal:#fff;--ae-panel:#fff;--ae-elevated:#edf0f2;
--ae-white:#171c20;--ae-silver:#474f56;--ae-muted:#646e76;
--ae-border:#dce1e5;--ae-shadow:0 9px 26px rgba(23,31,38,.055);
--bg:#f5f6f8;--panel:#fff;--line:#e0e4e7;--muted:#68727a;--white:#172027;--ink:#172027;--soft:#fff;--dark:#11151a
}
html[data-ae-theme="light"] body,html[data-ae-theme="light"] body.admin-body,html[data-ae-theme="light"] .admin-layout{background:#f5f6f8!important;color:#1b2228!important}
html[data-ae-theme="light"] .topbar{background:#202428;color:#f4f6f8}
html[data-ae-theme="light"] .site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #e2e5e8}
html[data-ae-theme="light"] .desktop-nav{color:#535e65}
html[data-ae-theme="light"] .desktop-nav a.active,html[data-ae-theme="light"] .desktop-nav a:hover{color:#d90009}
html[data-ae-theme="light"] .brand-lockup .brand-word strong:first-child{color:#11151a}
html[data-ae-theme="light"] .brand-lockup .brand-name small{color:#656f77}
html[data-ae-theme="light"] .app-home-inner{background:#eef0f2!important;border-color:#e0e5e7!important}
html[data-ae-theme="light"] .app-mobile-head .iconbtn,html[data-ae-theme="light"] .app-mobile-head .iconbtn svg{color:#1c252b!important;stroke:#1c252b!important}
html[data-ae-theme="light"] .app-search-shell .search-main{background:#fff!important;border-color:#e1e5e8!important;box-shadow:0 2px 9px rgba(17,23,28,.025)!important}
html[data-ae-theme="light"] .app-search-shell .search-main input{color:#182026!important}
html[data-ae-theme="light"] .app-search-shell .search-main input::placeholder{color:#8e979c!important}
html[data-ae-theme="light"] .app-search-shell .search-main .search-icon{color:#5d686f!important}
html[data-ae-theme="light"] .app-search-shell .category-heading{color:#637079!important}
html[data-ae-theme="light"] .app-search-shell .chip{background:#fff!important;border-color:#e4e8eb!important;color:#20282e!important}
html[data-ae-theme="light"] .app-search-shell .chip.on{background:#e9080d!important;border-color:#e9080d!important;color:#fff!important}
html[data-ae-theme="light"] .feed-heading h1,html[data-ae-theme="light"] .feed-heading .count{color:#14191d}
html[data-ae-theme="light"] .feed-heading p,html[data-ae-theme="light"] .feed-heading .subtle-link{color:#6d797e}
html[data-ae-theme="light"] .subtle-link{color:#4b555c}
html[data-ae-theme="light"] .feed-grid .car-card{color:#1c2329!important}
html[data-ae-theme="light"] .feed-grid .car-media,html[data-ae-theme="light"] .car-media{background:linear-gradient(135deg,#eef0f1,#dfe3e6)!important;border-color:#dce2e5}
html[data-ae-theme="light"] .feed-grid .car-title-row h3,html[data-ae-theme="light"] .car-info h3,html[data-ae-theme="light"] .feed-grid .car-price,html[data-ae-theme="light"] .car-price{color:#171c21!important}
html[data-ae-theme="light"] .feed-grid .specs,html[data-ae-theme="light"] .specs{color:#68747c!important}
html[data-ae-theme="light"] .feed-grid .heart,html[data-ae-theme="light"] .heart{color:#1c252b!important}
html[data-ae-theme="light"] .feed-grid .heart.saved,html[data-ae-theme="light"] .heart.saved{color:#ef0809!important}
html[data-ae-theme="light"] .feed-grid .car-action,html[data-ae-theme="light"] .car-action{background:#fff!important;border-color:#d8dfe2!important;color:#1d272c!important}
html[data-ae-theme="light"] .feed-grid .empty,html[data-ae-theme="light"] .empty{background:#fff!important;border-color:#dce2e5!important;color:#182126!important}
html[data-ae-theme="light"] .feed-grid .empty h3,html[data-ae-theme="light"] .empty h3{color:#171d22!important}
html[data-ae-theme="light"] .feed-grid .empty p,html[data-ae-theme="light"] .empty p{color:#68767d!important}
html[data-ae-theme="light"] .feed-grid .empty .illustration,html[data-ae-theme="light"] .empty .illustration{background:#23252c!important;color:#b7b9bf!important}
html[data-ae-theme="light"] .car-placeholder{color:#8b969d}
html[data-ae-theme="light"] .request-band{background:linear-gradient(125deg,#171b1f,#2a171a)!important;border-color:rgba(239,8,9,.25)!important;color:#fff!important}
html[data-ae-theme="light"] .request-band h2,html[data-ae-theme="light"] .request-band .overline{color:#fff}
html[data-ae-theme="light"] .request-band p{color:#cbd2d6}
html[data-ae-theme="light"] .footer{background:#f5f6f8;color:#6d7880}
html[data-ae-theme="light"] .footer strong{color:#1b242b}
html[data-ae-theme="light"] .footer-inner{border-color:#d9dfe3}
html[data-ae-theme="light"] .mobile-nav{background:rgba(255,255,255,.985)!important;border-color:#dbe1e5!important;box-shadow:0 -4px 17px rgba(18,25,29,.055)!important}
html[data-ae-theme="light"] .mobile-nav button{color:#707c83!important}
html[data-ae-theme="light"] .mobile-nav button.sel{color:#ef0809!important}
html[data-ae-theme="light"] .modal-wrap{background:rgba(0,0,0,.48)}
html[data-ae-theme="light"] .modal,html[data-ae-theme="light"] .modal-body,html[data-ae-theme="light"] .modal-head{background:#fff!important;color:#172129!important}
html[data-ae-theme="light"] .modal{border-color:#e0e4e7}
html[data-ae-theme="light"] .modal-head{border-bottom-color:#e2e6e9}
html[data-ae-theme="light"] .modal-head h2,html[data-ae-theme="light"] .detail-title{color:#172129}
html[data-ae-theme="light"] .modal-head p,html[data-ae-theme="light"] .detail-description{color:#5c6b73}
html[data-ae-theme="light"] .modal label,html[data-ae-theme="light"] .field label,html[data-ae-theme="light"] label{color:#475158}
html[data-ae-theme="light"] .field input,html[data-ae-theme="light"] .field select,html[data-ae-theme="light"] .field textarea,html[data-ae-theme="light"] .modal input,html[data-ae-theme="light"] .modal select,html[data-ae-theme="light"] .modal textarea,html[data-ae-theme="light"] .login-box input,html[data-ae-theme="light"] .admin-panel input,html[data-ae-theme="light"] .admin-panel select,html[data-ae-theme="light"] .admin-panel textarea{background:#fff!important;border-color:#d7dfe3!important;color:#1b252b!important}
html[data-ae-theme="light"] input::placeholder,html[data-ae-theme="light"] textarea::placeholder{color:#929ca1!important}
html[data-ae-theme="light"] .checkline label{color:#5d6b74}
html[data-ae-theme="light"] .notice{background:#f0f2f4;color:#59676e}
html[data-ae-theme="light"] .success-box{background:#e3f6ea;color:#146843;border-color:#b8e0c7}
html[data-ae-theme="light"] .detail-gallery{background:#eff2f4}
html[data-ae-theme="light"] .detail-spec div{background:#f1f3f5}
html[data-ae-theme="light"] .detail-spec small{color:#69767f}
html[data-ae-theme="light"] .detail-spec strong{color:#202931}
html[data-ae-theme="light"] .iconbtn{background:#fff;border-color:#dce2e6;color:#1b2329}
html[data-ae-theme="light"] .admin-login{background:linear-gradient(145deg,#f2f3f5,#e7ebee)!important}
html[data-ae-theme="light"] .login-box{background:#fff!important;border-color:#e2e7eb;color:#161d22!important;box-shadow:0 22px 55px rgba(21,31,38,.075)}
html[data-ae-theme="light"] .login-box h1,html[data-ae-theme="light"] .admin-top h1{color:#172127}
html[data-ae-theme="light"] .login-box p,html[data-ae-theme="light"] .admin-top p{color:#687780!important}
html[data-ae-theme="light"] .admin-main{background:#f4f6f8;color:#172027}
html[data-ae-theme="light"] .side{background:#fff;border-right-color:#dfe5e8}
html[data-ae-theme="light"] .side a{color:#53616a}
html[data-ae-theme="light"] .side a.sel{color:#b80b0d!important;background:#fff0f0!important;border-left:3px solid #ef0809}
html[data-ae-theme="light"] .side a:hover{background:#f4f5f6}
html[data-ae-theme="light"] .side-bottom{color:#738089}
html[data-ae-theme="light"] .side-bottom a{color:#303b42!important}
html[data-ae-theme="light"] .stat,html[data-ae-theme="light"] .stats .stat,html[data-ae-theme="light"] .admin-panel{background:#fff!important;border-color:#e0e5e8;color:#1a252d}
html[data-ae-theme="light"] .stat strong,html[data-ae-theme="light"] .panel-head h2,html[data-ae-theme="light"] td strong{color:#1a242c}
html[data-ae-theme="light"] .stat span{color:#718089}
html[data-ae-theme="light"] th{color:#73818a;border-color:#e2e6e9}
html[data-ae-theme="light"] td{color:#4c5c66;border-color:#e6eaec}
html[data-ae-theme="light"] .small-btn{background:#fff;border-color:#dbe1e5;color:#2b3a43}
html[data-ae-theme="light"] .small-btn:hover{background:#f0f3f5}
html[data-ae-theme="light"] .tabs-btn{background:#edf0f2;color:#3b474f}
html[data-ae-theme="light"] .tabs-btn.sel{background:#ef0809;color:#fff}
html[data-ae-theme="light"] .ae-pref-controls{color:#222b31}
html[data-ae-theme="light"] .ae-lang-group,html[data-ae-theme="light"] .ae-mode-option{background:#fff;border-color:#d9e0e4;color:#36444c}
html[data-ae-theme="light"] .ae-lang-option{color:#67757d}
html[data-ae-theme="light"] .ae-lang-option.selected{background:#ef0809;color:#fff}
html[data-ae-theme="light"] .toast{background:#20292f;border-color:#59636a;color:#fff}
@media(max-width:680px){
html[data-ae-theme="light"] body{background:#f8f9fa!important}
html[data-ae-theme="light"] .app-home{background:#f8f9fa!important}
html[data-ae-theme="light"] .app-home-inner{background:#eef0f2!important;border-color:#e1e5e7!important}
}


/* HR HIRES WORDMARK V8 — text-only logo, consistent public and admin */
.brand-lockup .logo-icon {display:none!important}
.brand-lockup{gap:0!important;align-items:center;min-width:0}
.brand-lockup .brand-name{gap:5px;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center}
.brand-lockup .brand-word{display:flex;align-items:baseline;gap:7px;font-style:italic;font-weight:950;line-height:1;letter-spacing:-.055em;font-size:26px}
.brand-lockup .brand-word strong{font-weight:950}
.brand-lockup .brand-word strong:first-child{color:#e8ebee}
.brand-lockup .brand-word strong:last-child{color:#f0171b}
.brand-lockup .brand-name small{padding-left:2px;letter-spacing:.34em;font-size:9px;color:#a6b0b8;font-weight:800}
.app-mobile-head .brand-lockup{flex:1 1 auto;margin-right:auto}
.app-mobile-head .brand-lockup .brand-word{font-size:24px!important}
.app-mobile-head .brand-lockup .brand-name small{font-size:9px!important}
.app-mobile-head .brand-lockup .brand-name{gap:6px}
.login-box .brand-lockup .brand-word{font-size:28px!important}
.login-box .brand-lockup .brand-name small{font-size:10px}
.side .brand-lockup .brand-word{font-size:22px!important}
.side .brand-lockup .brand-name small{font-size:9px}
.admin-brand-top{display:none}
@media(max-width:680px){
.app-mobile-head{gap:7px;align-items:center}
.app-mobile-head .brand-lockup{flex:1 1 auto;min-width:0}
.app-mobile-head .brand-lockup .brand-word{font-size:23px!important;gap:5px}
.app-mobile-head .brand-lockup .brand-name small{font-size:8px!important;letter-spacing:.31em}
.admin-brand-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;min-height:49px}
.admin-brand-top .brand-word{font-size:23px!important;gap:5px}
.admin-brand-top .brand-name small{font-size:9px!important}
.admin-brand-top .ae-admin-dashboard-prefs{margin:0;padding:0;flex:none}
.admin-brand-top .ae-lang-group{padding:2px}
.admin-brand-top .ae-lang-option{min-width:29px;height:28px;font-size:10px}
.admin-brand-top .ae-mode-option{height:34px;width:34px}
.admin-brand-top .ae-mode-option svg{width:17px;height:17px}
.admin-main{padding-top:19px}
.admin-mobile{margin-bottom:20px!important}
}
@media(max-width:370px){
.app-mobile-head .brand-lockup .brand-word,.admin-brand-top .brand-word{font-size:20px!important}
.app-mobile-head .brand-lockup .brand-name small,.admin-brand-top .brand-name small{font-size:7.5px!important}
.app-mobile-head .ae-lang-option,.admin-brand-top .ae-lang-option{min-width:26px}
.app-mobile-head .ae-mode-option,.admin-brand-top .ae-mode-option{width:31px}
}
html[data-ae-theme="light"] .brand-lockup .brand-word strong:first-child{color:#15191d!important}
html[data-ae-theme="light"] .brand-lockup .brand-name small{color:#5e6971!important}


/* V9 — PERSISTENT MOBILE CUSTOMER HEADER + LEFT-ALIGNED ADMIN BRAND */
@media(max-width:680px){
  /* The header is a direct child of #publicScreen so sticky never ends at the car-feed section. */
  #publicScreen > .app-mobile-head{
    display:flex!important;
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    width:100%;
    min-height:75px;
    margin:0!important;
    padding:13px 17px 12px!important;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    border-bottom:1px solid #30373b;
    background:#101417!important;
    box-shadow:0 8px 21px rgba(0,0,0,.30);
    isolation:isolate;
    transform:none!important;
  }
  #publicScreen > .app-mobile-head .brand-lockup{
    flex:1 1 auto;
    min-width:0;
    margin:0!important;
  }
  #publicScreen > .app-mobile-head .ae-pref-controls{
    flex:none;
    margin:0!important;
  }
  #publicScreen > .app-mobile-head .iconbtn{
    flex:none;
  }
  #publicScreen > .app-home{padding-top:10px}
  #publicScreen > .app-home .app-home-inner{padding-top:22px}
  /* The admin brand is always the first element, controls aligned right. */
  #adminScreen .admin-brand-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-direction:row!important;
    gap:12px;
  }
  #adminScreen .admin-brand-top > .admin-wordmark{
    order:0!important;
    margin:0 auto 0 0!important;
    flex:0 1 auto;
    min-width:0;
    text-align:left;
  }
  #adminScreen .admin-brand-top > .ae-pref-controls{
    order:1!important;
    margin:0 0 0 auto!important;
    flex:none;
  }
  #adminScreen .admin-brand-top .brand-name{
    align-items:flex-start;
  }
  html[data-ae-theme="light"] #publicScreen > .app-mobile-head{
    background:#eef0f2!important;
    border-bottom-color:#dce2e5!important;
    box-shadow:0 6px 22px rgba(24,33,39,.11)!important;
  }
}
@media(max-width:365px){
  #publicScreen > .app-mobile-head{padding:11px 10px!important;gap:6px}
  #adminScreen .admin-brand-top{gap:6px}
}


/* HR Hires demo previews — clearly distinct from real stock */
.demo-banner:not([hidden]){display:flex;align-items:center;gap:10px;margin:0 0 17px;padding:11px 14px;border:1px solid rgba(239,8,9,.45);border-radius:13px;background:#31191d;color:#ffdfe0;font-weight:750;font-size:12px;line-height:1.45}
.demo-banner strong{display:inline-flex;background:#ef0809;color:#fff;font-size:10px;letter-spacing:.09em;border-radius:6px;padding:5px 8px;white-space:nowrap}
.car-demo-badge{position:absolute;right:12px;bottom:12px;border:1px solid rgba(255,255,255,.75);background:rgba(10,13,15,.92);color:#fff;border-radius:8px;font-weight:850;font-size:10px;letter-spacing:.025em;padding:6px 9px;box-shadow:0 2px 12px rgba(0,0,0,.26)}
.demo-detail-warning{border:1px solid rgba(239,8,9,.5);border-radius:10px;padding:12px;background:#341c20;color:#ffe2e2;font-size:12px;font-weight:750;margin:0 0 15px}
.demo-admin-tag{display:inline-block;background:#ef0809;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;border-radius:6px;padding:4px 7px;margin-top:4px}
html[data-ae-theme="light"] .demo-banner:not([hidden]){background:#fff1f2;color:#942b31}
html[data-ae-theme="light"] .demo-detail-warning{background:#fff0f1;color:#962e37}
@media(max-width:680px){.demo-banner:not([hidden]){font-size:11px;align-items:flex-start;gap:8px}.car-demo-badge{font-size:9px;padding:6px 7px}}


/* Upload progress and iPhone photo support */
.photo-upload-progress:not([hidden]){
 display:flex;align-items:center;gap:9px;
 padding:11px 13px;margin:12px 0;
 border:1px solid rgba(239,8,9,.4);
 border-radius:10px;background:rgba(239,8,9,.09);
 color:#f9c6c8;font-size:12px;font-weight:750
}
.photo-upload-progress:not([hidden]):before{
 content:"";height:15px;width:15px;flex:none;border-radius:50%;
 border:2px solid rgba(239,8,9,.2);border-top-color:#ef0809;
 animation:spin .8s linear infinite
}
html[data-ae-theme="light"] .photo-upload-progress:not([hidden]){color:#9b252d;background:#fff1f2}


/* V13: Keep the "Book a Car" card visually identical in light and dark modes.
   Both themes use the same geometry, gradient, border and text colours. */
#kerkesat .request-band,
html[data-ae-theme="light"] #kerkesat .request-band,
html[data-ae-theme="dark"] #kerkesat .request-band {
  box-sizing:border-box;
  background:radial-gradient(ellipse at right center,#3d1116 0,transparent 55%),linear-gradient(125deg,#111518,#1b1115)!important;
  border:1px solid #5d282c!important;
  border-radius:25px;
  box-shadow:none!important;
  color:#f5f6f6!important;
}
#kerkesat .request-band .overline,
html[data-ae-theme="light"] #kerkesat .request-band .overline {
  color:#ff6469!important;
}
#kerkesat .request-band h2,
html[data-ae-theme="light"] #kerkesat .request-band h2 {
  color:#f5f6f6!important;
}
#kerkesat .request-band p,
html[data-ae-theme="light"] #kerkesat .request-band p {
  color:#b9c0c5!important;
}
@media(max-width:680px) {
  #kerkesat .request-band,
  html[data-ae-theme="light"] #kerkesat .request-band,
  html[data-ae-theme="dark"] #kerkesat .request-band {
    display:block;
    padding:24px;
    border-radius:18px;
  }
  #kerkesat .request-band .btn {margin-top:20px}
}


/* V16 — narrow only the Book a Car card, keeping its existing design */
@media (max-width:680px) {
  #kerkesat .request-band {
    width:calc(100% - 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* V17 — car-photo actions + full-screen vehicle photo viewer */
.car-media .car-photo-tap{
 position:absolute;inset:0;z-index:4;width:100%;height:100%;
 background:transparent;border:0;cursor:pointer;padding:0;border-radius:inherit;
}
.car-media .car-photo-tap:focus-visible,.detail-gallery .detail-photo-tap:focus-visible{
 outline:3px solid #ef0809;outline-offset:-4px;
}
.car-media .car-demo-badge,.car-media .car-status{pointer-events:none}
.detail-gallery .detail-photo-current{
 width:100%;height:100%;
}
.detail-gallery .detail-photo-current>img{
 width:100%;height:100%;object-fit:cover;display:block;
}
.detail-gallery .detail-photo-tap{
 position:absolute;inset:0;display:block;width:100%;height:100%;
 padding:0;background:transparent;border:0;cursor:zoom-in;
}
.detail-expand-icon{
 position:absolute;bottom:13px;right:13px;
 display:grid;place-items:center;width:35px;height:35px;border-radius:10px;
 background:rgba(10,14,17,.72);border:1px solid rgba(255,255,255,.38);
 color:#fff;font-size:23px;line-height:1;
}
.detail-thumb{
 flex:none;background:transparent;border:2px solid transparent;
 border-radius:10px;padding:0;cursor:pointer;overflow:hidden;
}
.detail-thumb.selected{border-color:#ef0809}
.detail-thumb img{display:block;width:80px;height:60px;object-fit:cover}
.photo-viewer{
 position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;
 width:100vw;height:100vh;height:100dvh;
 padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));
 background:rgba(0,0,0,.98)!important;color:#fff!important;
}
.photo-viewer-top{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:45px;margin-bottom:10px}
.photo-viewer-heading{display:flex;flex-direction:column;gap:3px;min-width:0;color:#fff}
.photo-viewer-heading strong{font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-viewer-heading small{font-size:12px;color:#aeb7bd}
.photo-viewer-close,.photo-viewer-arrow{
 display:grid;place-items:center;flex:none;cursor:pointer;
 color:#fff!important;background:rgba(255,255,255,.13)!important;
 border:1px solid rgba(255,255,255,.25)!important;
}
.photo-viewer-close{width:43px;height:43px;border-radius:50%;font-size:30px;line-height:1}
.photo-viewer-center{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.photo-viewer-image-wrap{display:flex;align-items:center;justify-content:center;min-height:0;width:100%;height:100%;overflow:hidden}
#photoViewerImage{
 display:block;max-width:100%;max-height:100%;width:auto;height:auto;
 object-fit:contain;user-select:none;-webkit-user-select:none;touch-action:pan-y;
}
.photo-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:41px;height:48px;border-radius:12px;font-size:38px;font-weight:300;line-height:1}
.photo-viewer-arrow.prev{left:0}
.photo-viewer-arrow.next{right:0}
.photo-viewer-arrow[hidden]{display:none!important}
@media(max-width:680px){
 .photo-viewer{padding:max(13px,env(safe-area-inset-top)) 10px max(18px,env(safe-area-inset-bottom))}
 .photo-viewer-image-wrap{width:100%}
 .photo-viewer-arrow{width:34px;height:46px;border:0!important;background:rgba(0,0,0,.45)!important}
 .photo-viewer-heading strong{font-size:15px}
 .detail-expand-icon{bottom:10px;right:10px}
}


/* V18 — keep search field visible under sticky header when bottom Search is tapped */
@media (max-width:680px) {
  #publicScreen .app-search-shell {
    scroll-margin-top:90px;
  }
  #publicScreen .app-search-shell .search-main {
    cursor:text;
  }
}


/* V20 — Requests is an app page, not a full-screen modal. Keep bottom navigation visible. */
#publicScreen .request-page{
  background:var(--ae-black,#090c10);
  color:var(--ae-white,#f6f7f8);
  padding:22px 18px 120px;
  min-height:calc(100dvh - 90px);
}
#publicScreen .request-page-inner{
  max-width:640px;
  margin:0 auto;
}
#publicScreen .request-page-kicker{
  color:#f25a60;
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
  margin:0 0 10px;
}
#publicScreen .request-page-heading h1{
  font-size:clamp(27px,6vw,39px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.055em;
  margin:0 0 9px;
  color:var(--ae-white,#f6f7f8);
}
#publicScreen .request-page-heading p{
  color:var(--ae-muted,#a3adb3);
  font-size:13px;
  margin:0 0 22px;
}
#publicScreen .request-page-form{
  background:var(--ae-panel,#191f24);
  border:1px solid var(--ae-border,#374148);
  border-radius:19px;
  padding:20px;
}
#publicScreen .request-page-form .field-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#publicScreen .request-page-form label{
  color:#dce3e6;
}
#publicScreen .request-page-form .field input,
#publicScreen .request-page-form .field textarea,
#publicScreen .request-page-form .field select{
  background:#242b30!important;
  border:1px solid #475157!important;
  color:#fff!important;
}
#publicScreen .request-page-form .field input::placeholder,
#publicScreen .request-page-form .field textarea::placeholder{
  color:#9ba7ad!important;
}
#publicScreen .request-page-form .checkline label{
  font-weight:400;
  color:#b9c2c7;
}
#publicScreen .request-page-form .checkline input{
  margin-top:3px;
  accent-color:#ef0809;
}
#publicScreen .request-page-form form>p{
  color:var(--ae-muted,#a3adb3)!important;
}
html[data-ae-theme="light"] #publicScreen .request-page{
  background:#f5f6f8;
  color:#171c20;
}
html[data-ae-theme="light"] #publicScreen .request-page-heading h1{
  color:#171c20;
}
html[data-ae-theme="light"] #publicScreen .request-page-heading p{
  color:#66727a;
}
html[data-ae-theme="light"] #publicScreen .request-page-form{
  background:#fff;
  border-color:#dfe4e7;
}
html[data-ae-theme="light"] #publicScreen .request-page-form label{
  color:#37454e;
}
html[data-ae-theme="light"] #publicScreen .request-page-form .field input,
html[data-ae-theme="light"] #publicScreen .request-page-form .field textarea,
html[data-ae-theme="light"] #publicScreen .request-page-form .field select{
  background:#fff!important;
  border-color:#d9e0e4!important;
  color:#182229!important;
}
html[data-ae-theme="light"] #publicScreen .request-page-form .field input::placeholder,
html[data-ae-theme="light"] #publicScreen .request-page-form .field textarea::placeholder{
  color:#929da4!important;
}
html[data-ae-theme="light"] #publicScreen .request-page-form .checkline label{
  color:#53616b;
}
@media(max-width:680px){
 #publicScreen .request-page{
   padding:22px 15px calc(105px + env(safe-area-inset-bottom));
   min-height:calc(100dvh - 72px);
 }
 #publicScreen .request-page-form{
   padding:17px 15px 21px;
   border-radius:17px;
 }
 #publicScreen .request-page-form .field-grid{
   grid-template-columns:1fr;
   gap:0;
 }
 #publicScreen .request-page-heading h1{font-size:29px}
 #publicScreen .request-page-heading p{font-size:13px}
}


/* V21 — standalone Saved page; favourites use only bottom app navigation */
#publicScreen .saved-page{
 min-height:calc(100dvh - 90px);
 padding:31px 26px 130px;
 background:var(--ae-black,#060709);
 color:var(--ae-white,#f6f7f8);
}
#publicScreen .saved-page-inner{max-width:1220px;margin:0 auto}
#publicScreen .saved-page-kicker{
 color:#ef5b60;font-size:10px;font-weight:850;letter-spacing:.18em;
 margin-bottom:10px;
}
#publicScreen .saved-page-heading{
 display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:23px;
}
#publicScreen .saved-page-heading h1{
 font-weight:900;font-size:clamp(28px,4vw,38px);letter-spacing:-.06em;
 color:var(--ae-white,#f6f7f8);line-height:1.15;margin:0 0 8px;
}
#publicScreen .saved-page-heading p{color:var(--ae-muted,#a6b0b8);font-size:13px;margin:0}
#publicScreen .saved-page-count{
 border:1px solid rgba(239,8,9,.44);background:rgba(239,8,9,.10);
 min-width:36px;height:34px;padding:4px 10px;display:grid;place-items:center;
 border-radius:10px;color:#f2696c;font-size:13px;font-weight:850;
}
#publicScreen .saved-grid{min-width:0}
#publicScreen .saved-empty{
 grid-column:1/-1;
 background:var(--ae-panel,#191f24);
 border:1px solid var(--ae-border,#384148);
 border-radius:21px;
 min-height:290px;
 padding:36px 21px;
 display:flex;align-items:center;justify-content:center;
 text-align:center;flex-direction:column;
}
#publicScreen .saved-empty-icon{
 width:65px;height:65px;display:grid;place-items:center;
 background:rgba(239,8,9,.11);border-radius:18px;
 color:#ef3338;font-size:39px;line-height:1;margin-bottom:13px;
}
#publicScreen .saved-empty h2{
 font-size:22px;letter-spacing:-.04em;line-height:1.2;
 color:var(--ae-white,#f6f7f8);margin:0 0 9px;
}
#publicScreen .saved-empty p{
 color:var(--ae-muted,#aeb7bd);font-size:13px;max-width:420px;line-height:1.55;
 margin:0 0 19px;
}
#publicScreen .saved-empty .btn{padding:11px 18px}
html[data-ae-theme="light"] #publicScreen .saved-page{
 background:#f5f6f8;color:#182126;
}
html[data-ae-theme="light"] #publicScreen .saved-page-heading h1,
html[data-ae-theme="light"] #publicScreen .saved-empty h2{color:#171d22}
html[data-ae-theme="light"] #publicScreen .saved-page-heading p,
html[data-ae-theme="light"] #publicScreen .saved-empty p{color:#67757d}
html[data-ae-theme="light"] #publicScreen .saved-empty{
 background:#fff;border-color:#e0e5e8;
}
html[data-ae-theme="light"] #publicScreen .saved-page-count{
 background:#fff0f0;color:#be272d;
}
.desktop-nav a.sel{color:#ef393e}
@media(max-width:680px){
 #publicScreen .saved-page{
  padding:23px 15px calc(105px + env(safe-area-inset-bottom));
  min-height:calc(100dvh - 72px);
 }
 #publicScreen .saved-page-heading{margin-bottom:19px}
 #publicScreen .saved-page-heading h1{font-size:29px}
 #publicScreen .saved-grid{grid-template-columns:1fr!important;gap:17px}
 #publicScreen .saved-empty{min-height:300px;padding:33px 19px}
}


/* v22: touchscreen hover must never leave two bottom tabs highlighted */
@media (hover:none) and (pointer:coarse){
  #mobileNav button:not(.sel):hover{color:#949fa5!important}
  html[data-ae-theme="light"] #mobileNav button:not(.sel):hover{color:#707c83!important}
}


/* v26 — Restore the compact two-column Requests form on phones */
@media (max-width:680px) {
  #publicScreen .request-page-form .field-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:10px;
    row-gap:5px;
  }
  #publicScreen .request-page-form .field-grid > .field{
    min-width:0;
  }
  #publicScreen .request-page-form .field-grid > .field.full{
    grid-column:1/-1;
  }
  #publicScreen .request-page-form .field-grid .field label{
    font-size:12px;
    line-height:1.35;
    overflow-wrap:normal;
  }
  #publicScreen .request-page-form .field-grid .field input,
  #publicScreen .request-page-form .field-grid .field textarea{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
}


/* HR Hires admin: notification email settings */
.notify-panel{margin-top:2px}
.notify-panel .panel-head{margin-bottom:10px}
.notify-help,.notify-hint{font-size:12px;line-height:1.6;color:#aab6bc;margin:6px 0 16px}
.notify-hint{margin:14px 0 0;font-size:11px}
.notify-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.notify-actions .btn{min-height:40px;font-size:12px}
.notify-actions .btn-outline{background:transparent!important;border:1px solid #495158!important;color:#d6e2e8!important}
.notify-actions .btn:disabled{opacity:.48;cursor:not-allowed}
.notify-status{white-space:pre-line;border:1px solid #3b4850;background:#222a30;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.55;color:#cbd6dc;margin:12px 0}
.notify-status[data-status="test_sent"],.notify-status[data-status="sent"]{background:#173329;color:#b2edd0;border-color:#24523b}
.notify-status[data-status="failed"],.notify-status[data-status="unavailable"]{background:#3b2425;color:#ffd8d8;border-color:#70393d}
html[data-ae-theme="light"] .notify-help,html[data-ae-theme="light"] .notify-hint{color:#62717a}
html[data-ae-theme="light"] .notify-status{background:#f4f5f6;border-color:#dde2e5;color:#525e66}
html[data-ae-theme="light"] .notify-status[data-status="unavailable"],html[data-ae-theme="light"] .notify-status[data-status="failed"]{background:#fff2f2;border-color:#f0b6b8;color:#953b40}
html[data-ae-theme="light"] .notify-actions .btn-outline{background:#fff!important;border-color:#d4dce1!important;color:#1b282e!important}
@media(max-width:680px){.notify-actions .btn{flex:1 1 160px}}

/* v30: keep the vehicle title and close button visible while the details scroll */
#modalRoot .modal.wide>.modal-head{position:sticky;top:0;z-index:12;background:#151b1f;isolation:isolate;}
html[data-ae-theme="light"] #modalRoot .modal.wide>.modal-head{background:#fff;}
#modalRoot .modal.wide{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}


/* V31 — keep vehicle gallery proportions identical to inventory cards */
#modalRoot .modal.wide .detail-gallery{
  aspect-ratio:1.5 !important;
  width:100%;
  overflow:hidden;
}
@media(max-width:680px){
  #modalRoot .modal.wide .detail-gallery{aspect-ratio:1.47 !important}
}
@media(max-width:420px){
  #modalRoot .modal.wide .detail-gallery{aspect-ratio:1.43 !important}
}
/* Full-screen photo: pinch, drag, double-tap and accessible zoom buttons */
.photo-viewer-actions{display:flex;gap:7px;align-items:center;flex:none}
.photo-viewer-zoom{
  width:40px;height:40px;display:grid;place-items:center;
  color:#fff!important;background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:12px;font-size:25px;line-height:1;
  cursor:pointer;
}
.photo-viewer-zoom:disabled{opacity:.35;cursor:not-allowed}
.photo-viewer-image-wrap{
  touch-action:none!important;
  overscroll-behavior:contain;
  -webkit-user-select:none;user-select:none;
  cursor:zoom-in;
}
#photoViewerImage{
  touch-action:none!important;
  transform-origin:center center;
  will-change:transform;
  -webkit-user-select:none;user-select:none;
  -webkit-user-drag:none;
}
.photo-viewer[data-zoomed="true"] .photo-viewer-image-wrap{cursor:grab}
@media(max-width:680px){
  .photo-viewer-zoom{width:35px;height:35px;font-size:22px;border-radius:10px}
  .photo-viewer-actions{gap:6px}
  .photo-viewer-close{width:38px;height:38px}
}


/* v32 — Prevent iOS Safari auto-zooming the viewport when a form field is focused.
   Safari zooms inputs with computed font sizes below 16px. Keep the 2-column layout. */
@media (max-width:680px) {
  #publicScreen input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  #publicScreen textarea,
  #publicScreen select,
  #adminScreen input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  #adminScreen textarea,
  #adminScreen select {
    font-size:16px !important;
  }
}

/* HR Hires — brand-specific black and silver luxury showroom */
:root{--ink:#eeeef0!important;--muted:#a5a6ab!important;--soft:#191b20!important;--line:#36383f!important;--gold:#a9abb3!important;--dark:#090a0e!important;--green:#a7a9b0!important;--red:#9698a1!important;--blue:#8e939f!important;--white:#111318!important;--ae-red:#a7a7ae!important;--shadow:0 16px 44px rgba(0,0,0,.36)!important}html,body{background:#090b10!important;color:#e9e9eb!important}#publicScreen,.app-home,.app-home-inner,main,.section,.feed-section{background-color:#090b10!important;color:#e9e9eb!important}.topbar{background:#08090c!important;color:#c3c4ca!important;letter-spacing:.18em!important;font-size:10px!important}.site-header,.app-mobile-head{background:#0e1015!important;border-bottom:1px solid #30323a!important}.brand-lockup .brand-word{font-style:normal!important;letter-spacing:.06em!important;font-family:Georgia,serif!important;font-weight:400!important}.brand-lockup .brand-word strong{font-weight:400!important;color:#d4d5d8!important}.brand-lockup .brand-word strong:last-child{color:#d4d5d8!important}.brand-lockup .brand-name small{color:#a9aab1!important;letter-spacing:.21em!important;font-size:9px!important}.search-main,.app-search-shell,.car-card,.request-band,.detail-panel,.modal-card,.admin-card,.stat,.card,.field input,.field textarea,.field select{background:#17191e!important;color:#f3f3f3!important;border-color:#383a42!important}.car-card{box-shadow:0 12px 36px #0006!important}.car-media{background:radial-gradient(ellipse at 50% 20%,#40424a,#17181e 70%)!important}.car-card h3,.feed-heading h1,.request-band h2,.detail-panel h2{color:#f1f1f2!important}.car-card p,.feed-heading p,.request-band p{color:#b4b5bb!important}.btn,.btn-gold,.chip.on,.header-actions .btn{background:linear-gradient(120deg,#e2e2e5,#a4a5ab)!important;color:#101116!important;border:1px solid #bcbec4!important}.chip{background:#22242b!important;color:#d1d1d5!important;border:1px solid #3a3d45!important}.mobile-nav{background:#101116!important;border-top:1px solid #383a40!important}.mobile-nav button{color:#b6b8c0!important}.mobile-nav button.sel{color:#fff!important}.footer{background:#090a0d!important;color:#a5a5ac!important;border-top:1px solid #30323a!important}.footer a{color:#dedee1!important}.demo-banner{background:#24242a!important;color:#dedee1!important;border-color:#50515b!important}.brand-lockup{min-width:0}.brand-lockup .brand-word{font-size:clamp(18px,3vw,23px)!important}.brand-lockup .brand-name{gap:6px!important}.request-band{background:linear-gradient(120deg,#202127,#101115)!important;border:1px solid #44464e!important}.app-search-shell{box-shadow:0 18px 44px #0004!important}body[data-theme="light"]{background:#090b10!important}

/* HR Hires: enforce original monochrome identity in both app themes */
:root,html[data-ae-theme="dark"],html[data-ae-theme="light"]{--ae-red:#b9bbc1!important;--red:#a7a9b0!important;--gold:#c1c2c7!important;--green:#a9abb1!important;--blue:#a9abb1!important}html[data-ae-theme="light"]{--bg:#0a0b0f!important;--panel:#181a20!important;--ink:#eeeef0!important;--muted:#a8a9af!important;--white:#eeeef0!important;--soft:#181a20!important;--dark:#090b0f!important;--line:#3a3b43!important}html[data-ae-theme="light"] body,html[data-ae-theme="light"] .app-home-inner,html[data-ae-theme="light"] .site-header,html[data-ae-theme="light"] .app-mobile-head{background:#0a0b0f!important;color:#e7e7ea!important}html[data-ae-theme="light"] .car-card,html[data-ae-theme="light"] .modal,html[data-ae-theme="light"] .admin-panel,html[data-ae-theme="light"] .login-box{background:#181a20!important;color:#e7e7ea!important;border-color:#404149!important}html[data-ae-theme="light"] .chip,html[data-ae-theme="light"] .app-search-shell .chip{background:#25262d!important;color:#dddde1!important;border-color:#42434b!important}html[data-ae-theme="light"] .chip.on{background:#bcbec5!important;color:#111217!important}.tabs-btn.sel,.checkline input{accent-color:#bcbec5!important}.tabs-btn.sel{background:#bcbec5!important;color:#111217!important}.brand-lockup .brand-word strong,.brand-lockup .brand-word strong:last-child{color:#d4d5d8!important}