@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#173b47;--dark:#101c22;--muted:#77919a;--cyan:#a9edee;--paper:#f1f4ed;--line:#cfddd3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.05em}p{line-height:1.8}nav{background:var(--dark);color:white;display:flex;justify-content:space-between;align-items:center;padding:20px 5%;gap:25px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;letter-spacing:-1px}.brand svg{width:40px;height:35px;color:var(--cyan)}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;color:#8eb3bd;margin-top:7px}nav>div{display:flex;align-items:center;gap:20px}nav button{background:transparent;color:#d9e9e9;font-size:10px;letter-spacing:.8px;display:flex;align-items:center;gap:8px;padding:12px 5px}nav .navadmin{background:#294953;padding:12px 17px}.ico{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}.demo-banner{background:#dfebe4;color:#60818a;text-align:center;padding:12px 5%;font-size:10px;line-height:1.7}main{min-height:75vh}.page{max-width:1280px;margin:auto;padding:55px 5% 70px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#78959e;margin-bottom:18px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;background:var(--dark);color:white;padding:65px 7%;max-width:none}.hero h1{font-size:clamp(45px,5vw,70px);line-height:1.04;max-width:650px;font-weight:800}.hero h1 span{color:var(--cyan)}.hero p{color:#8dacb8;font-size:13px;margin-top:25px;max-width:510px}.hero .eyebrow{color:#98c1ca}.hero-console{background:#1b333c;border:1px solid #628c9744;padding:28px;position:relative}.console-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #63879133;padding:18px 0;font-size:11px;color:#aac4cf;gap:20px}.console-line:first-child{padding-top:0}.console-line strong{color:#d2e7e7;font-weight:600}.console-status{background:#325449;color:#a9dfbd;font-size:8px;padding:7px 10px;letter-spacing:1px}.hero-console .mini{font-size:8px;color:#7e9da8;margin-top:20px}.homeentries{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1280px;padding:45px 5% 65px;margin:auto}.entry{background:white;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;align-items:start;gap:20px}.entry>.ico{width:32px;height:32px;color:#4b8899}.entry h2{font-size:29px}.entry p{font-size:12px;color:var(--muted);max-width:420px}.entry .btn{margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;background:var(--ink);color:white;font-size:11px;font-weight:600;min-height:47px}.btn.cyan{background:var(--cyan);color:var(--ink)}.btn.line{background:transparent;border:1px solid #aac4c3;color:var(--ink)}.btn.small{padding:10px 14px;min-height:38px;gap:10px;font-size:10px}.pagehead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.pagehead h1{font-size:42px;line-height:1.1}.pagehead p{font-size:12px;color:var(--muted)}.lookup-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.panel{background:white;border:1px solid var(--line);padding:28px;min-width:0}.panel h2{font-size:20px;margin-bottom:20px}.panel p{font-size:12px;color:var(--muted)}.form{display:grid;gap:18px}.form label{display:grid;gap:9px;font-size:11px;color:#537b87}input,select,textarea{padding:13px;background:#f7faf4;border:1px solid #c4d8cb;color:var(--ink);width:100%;min-width:0;border-radius:0}input:focus,select:focus,textarea:focus{outline:2px solid #8bb9c2;outline-offset:1px}.form .btn{width:100%}.hint{font-size:10px;line-height:1.8;color:#819b9f}.demo-examples{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.demo-examples strong{font-size:10px;color:#7696a0;display:block;margin-bottom:13px}.demo-examples>div{display:flex;gap:8px;flex-wrap:wrap}.demo-examples button{background:#e8f1e7;padding:10px;font-size:10px;color:#567d87}.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:370px;background:#e5ede6;border:1px dashed #adc8ba;padding:35px}.placeholder>.ico{width:50px;height:50px;color:#96b4b9;margin-bottom:23px}.placeholder h2{font-size:22px;margin-bottom:17px}.placeholder p{font-size:12px;color:#7f9ba1;max-width:350px}.result{background:#fff;border:1px solid #c5d8cd}.result-header{padding:25px 28px;background:#1b3944;color:white}.result-header>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-header h2{font-size:25px;margin:16px 0 9px}.result-header p{font-size:10px;color:#a7c7ce;line-height:1.8}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#e1efdf;color:#537d63;font-size:9px;font-weight:600;letter-spacing:.5px}.pill.blue{background:#dcecf1;color:#4c7687}.pill.amber{background:#faefd8;color:#aa8440}.pill.red{background:#f4dfd7;color:#a66854}.pill.gray{background:#e5e9e4;color:#7c8d83}.result-body{padding:27px}.order-car{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.order-car img{width:150px;height:110px;object-fit:cover}.order-car h3{font-size:19px;line-height:1.4}.order-car p{font-size:11px;color:#819ca3;margin-top:7px}.dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-card{background:#edf4ea;padding:19px}.date-card .ico{color:#6e99a6;width:19px}.date-card>span{display:block;font-size:8px;letter-spacing:1px;color:#7a9aa5;margin:12px 0 9px}.date-card strong{font-size:14px;line-height:1.6;display:block}.date-card small{font-size:10px;display:block;margin-top:8px;color:#90a29d}.public-note{border-left:2px solid #8eb6be;background:#f0f5ed;padding:18px;margin:22px 0}.public-note>span{font-size:9px;color:#76939e;display:block;margin-bottom:8px}.public-note p{font-size:12px;color:#456e7a}.progress-list{display:grid;gap:0;margin:24px 0}.progress-step{display:flex;gap:17px;min-height:57px;position:relative}.progress-step:before{content:'';position:absolute;left:13px;top:26px;bottom:0;width:1px;background:#c9dad0}.progress-step:last-child:before{display:none}.stepdot{width:27px;height:27px;border-radius:50%;background:#ebf1e7;color:#96b2b6;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:1;flex:none}.progress-step.done .stepdot{background:#d3e9dd;color:#4b8768}.progress-step.current .stepdot{background:#a9edee;color:#356776}.progress-step>div{padding-top:3px}.progress-step strong{font-size:11px;font-weight:500;color:#99acaa}.progress-step.done strong,.progress-step.current strong{color:#345f6f}.progress-step small{display:block;color:#93a9ac;font-size:9px;margin-top:6px}.timeline{border-top:1px solid var(--line);padding-top:22px}.timeline h3{font-size:12px;margin-bottom:18px}.timeline-row{display:flex;gap:15px;margin-top:16px;font-size:11px;line-height:1.8}.timeline-row span{min-width:90px;font-size:9px;color:#93a9ad}.timeline-row p{color:#668591;font-size:11px}.result-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding:18px 27px;font-size:9px;color:#8fa4a7}.staff-profile{text-align:center;padding:30px 28px;border-bottom:1px solid var(--line)}.staff-avatar{width:85px;height:85px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#d5e9e0;color:#4f7e88;font-weight:800;font-size:28px;margin:0 auto 18px}.staff-profile h2{font-size:27px;margin:16px 0 9px}.staff-profile p{font-size:12px;color:#7c99a2}.staff-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line);margin-bottom:25px}.staff-fields>div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.staff-fields span{font-size:9px;color:#88a2a8;display:block;margin-bottom:8px}.staff-fields strong{font-size:12px;line-height:1.6;display:block}.warning{background:#faefe0;border-left:2px solid #c7a877;padding:18px;font-size:11px;line-height:1.85;color:#947a53}.error-box{padding:35px;background:#fbf1e8;border:1px solid #e3ceb3}.error-box h2{font-size:20px;margin-bottom:15px}.error-box p{font-size:12px;color:#9f896b}.admin-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px}.adminmenu{background:#1b3641;padding:24px;display:grid;gap:10px;align-content:start;position:sticky;top:100px}.adminmenu button{background:transparent;color:#a3c1cb;text-align:left;padding:13px 10px;font-size:12px;border-left:2px solid transparent}.adminmenu button.active{background:#284e59;color:#c3ebed;border-color:#a9edee}.adminmenu p{font-size:10px;color:#779ba7;margin-top:20px}.admincontent{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.toolbar input{max-width:280px;font-size:11px}.admincards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.metric{padding:22px;background:white;border:1px solid var(--line)}.metric span{font-size:10px;color:#7d9ca6}.metric strong{font-size:34px;display:block;margin-top:15px;font-weight:700;letter-spacing:-1px}.table-scroll{overflow-x:auto;background:white;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:650px}th,td{padding:16px 17px;text-align:left;border-bottom:1px solid #dce7db;font-size:11px;line-height:1.7}th{font-size:9px;font-weight:500;color:#85a0a7;background:#f7faf4}td strong{font-size:11px;font-weight:600}td small{font-size:9px;color:#90a6ad;display:block;margin-top:4px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{padding:8px 11px;background:#e6f0e4;color:#527e8d;font-size:10px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-grid label{display:grid;gap:8px;font-size:11px;color:#76949f}.full{grid-column:1/-1}.editor-grid .check{display:flex;gap:9px;align-items:center}.check input{width:auto;accent-color:#60959e}.editor-panels{display:grid;gap:22px}.savebar{position:sticky;bottom:15px;background:#eaf3e5ed;border:1px solid #bed2c4;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:20px;backdrop-filter:blur(10px)}.savebar>span{font-size:10px;color:#859e9b}.savebar>div{display:flex;gap:10px}.internal-note{font-size:10px;line-height:1.8;color:#ab8b62;background:#fbf2e5;padding:13px}.audit{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d8e5d9;padding:17px 0;font-size:11px}.audit span{color:#92a8ad;font-size:9px}.simulation-bar{background:#e7efe3;border:1px solid #ceded0;padding:18px;font-size:11px;line-height:1.8;color:#729298;margin-bottom:25px}.simulation-bar button{background:transparent;color:#447985;text-decoration:underline;font-size:11px;padding:0 4px}.empty{padding:25px;background:#f8fbf3;font-size:12px;color:#8aa2a8}footer{background:var(--dark);color:#7c9da8;display:flex;justify-content:space-between;gap:20px;padding:30px 5%;font-size:8px;letter-spacing:1px}#toast{display:none;position:fixed;bottom:25px;right:25px;z-index:50;max-width:90vw;padding:17px 23px;background:#1e424e;color:#d9eeee;font-size:12px;box-shadow:0 10px 30px #0002}
@media(max-width:900px){.hero{gap:35px}.hero h1{font-size:49px}.lookup-layout{grid-template-columns:1fr 1.2fr;gap:20px}.panel{padding:22px}.admin-layout{grid-template-columns:160px 1fr;gap:20px}.adminmenu{padding:20px 12px}}@media(max-width:700px){nav{padding:15px 5%;flex-wrap:wrap;gap:15px}.brand{font-size:23px}.brand svg{width:33px}nav>div{gap:10px;width:100%;justify-content:space-between}nav button{font-size:8px;padding:10px 0}nav .navadmin{padding:9px 12px;font-size:9px}.demo-banner{font-size:9px}.hero{grid-template-columns:1fr;padding:40px 5%;gap:30px}.hero h1{font-size:44px}.hero p{font-size:12px}.hero-console{padding:22px}.homeentries{grid-template-columns:1fr;padding:30px 5% 45px;gap:18px}.entry{padding:28px}.entry h2{font-size:27px}.page{padding:35px 5% 50px}.pagehead{align-items:start;flex-direction:column;gap:15px}.pagehead h1{font-size:34px}.lookup-layout{grid-template-columns:1fr}.placeholder{min-height:230px}.result-header{padding:23px}.result-body{padding:22px}.order-car{gap:15px}.order-car img{width:100px;height:85px}.order-car h3{font-size:16px}.date-card{padding:16px}.date-card strong{font-size:13px}.date-card>span{font-size:7px}.result-footer{padding:18px 22px;flex-wrap:wrap}.staff-fields strong{font-size:12px}.staff-fields>div{padding:17px}.admin-layout{grid-template-columns:1fr;gap:22px}.adminmenu{position:static;display:flex;overflow:auto;gap:8px;padding:13px}.adminmenu button{flex:none;font-size:11px;padding:11px}.adminmenu p{display:none}.admincards{gap:10px}.metric{padding:18px 12px}.metric span{font-size:9px}.metric strong{font-size:28px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;flex:1}.editor-grid{grid-template-columns:1fr}.full{grid-column:auto}.savebar{bottom:0;flex-wrap:wrap;padding-bottom:max(17px,env(safe-area-inset-bottom))}.savebar>div{width:100%;display:flex}.savebar .btn{flex:1;font-size:10px;padding:14px 12px}.timeline-row{gap:10px}.timeline-row span{min-width:80px}.audit{flex-wrap:wrap;gap:10px}footer{flex-direction:column;gap:12px}}

.staff-avatar{overflow:hidden}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-avatar svg{width:70%;height:70%}.staff-table-name{display:flex;align-items:center;gap:12px}.staff-table-name .staff-avatar{width:42px;height:42px;margin:0;flex:none}.avatar-editor{display:flex;align-items:center;gap:24px;padding:20px;background:#edf4ea}.avatar-editor .staff-avatar{width:110px;height:110px;margin:0}.avatar-editor label{display:grid;gap:8px;margin:12px 0}.avatar-editor button{padding:9px 14px;background:#dae7df;color:#173b47}.portal-modal{display:none;position:fixed;inset:0;background:#101c22bb;z-index:100;overflow:auto;padding:35px 20px}.portal-modal.show{display:block}.portal-modal #dialog{max-width:780px;background:#f4f5ef;margin:auto}.modalbar{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:#173b47;color:white;font-size:10px;letter-spacing:1px}.modalbar button{background:transparent;color:white;font-size:26px;width:40px;height:40px}@media(max-width:600px){.portal-modal{padding:12px 8px}.avatar-editor{flex-direction:column;align-items:start}nav>div{flex-wrap:wrap;justify-content:end;gap:3px}nav button{font-size:9px}}
.back-main{font-size:9px;padding:12px 5px;color:#d9e9e9}.embedded-admin nav,.embedded-admin footer{display:none}.embedded-admin .page{padding:25px 3%}.embedded-admin .pagehead{display:none}.embedded-admin .admin-layout{grid-template-columns:180px 1fr}@media(max-width:700px){.embedded-admin .admin-layout{grid-template-columns:1fr}}
.staff-profile{padding:34px 24px}.staff-profile .staff-avatar{width:170px;height:170px;border-radius:24px;margin-bottom:24px}.staff-profile h2{font-size:32px;line-height:1.2}.staff-profile p{font-size:17px;line-height:1.6;text-transform:uppercase}.staff-profile .pill{font-size:12px;padding:10px 15px}.staff-fields span{font-size:11px!important;line-height:1.7}.staff-fields strong{font-size:18px!important;line-height:1.6;overflow-wrap:anywhere}.result-header h2{font-size:29px}.result-header p{font-size:13px}.result-header .pill{font-size:11px}.result-body{padding:26px}.order-car{display:block;margin-bottom:20px}.order-car h3{font-size:25px;line-height:1.35;text-transform:uppercase}.order-car p{font-size:15px;line-height:1.7}.date-card>span{font-size:11px}.date-card strong{font-size:19px}.date-card small{font-size:13px}.public-note p,.warning{font-size:15px;line-height:1.8}.progress-step strong{font-size:14px}.timeline-row{font-size:14px}.timeline-row p{font-size:14px}.timeline-row span{font-size:12px}.result-footer{font-size:11px}.status-gallery{margin:0 0 22px}.status-cover{padding:0;display:block;width:100%;background:#e7ede7;position:relative;color:white}.order-car .status-cover img{width:100%;height:auto;object-fit:contain;display:block}.status-cover>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#173b47e6;padding:12px 16px;font-size:10px;letter-spacing:1px}.status-photo-strip{display:flex;overflow-x:auto;gap:8px;padding-top:10px}.status-photo-strip button{padding:0;flex:0 0 92px;background:transparent}.order-car .status-photo-strip img{width:92px;height:68px;object-fit:cover;display:block}.status-photo-empty{padding:22px;background:#e9efe7;font-size:12px;margin-bottom:18px}.bound-vehicle-preview{display:flex;align-items:center;gap:16px;margin:16px 0}.bound-vehicle-preview img{width:170px;height:auto}.bound-vehicle-preview span{font-size:12px;line-height:1.7}.customer-vehicle-binding{background:#edf4ea;padding:20px}.status-photo-viewer{padding:24px;border:0;background:#f1f4ed;width:min(950px,96vw);max-height:92dvh}.status-photo-viewer::backdrop{background:#101c22bb}.status-photo-viewer>img{width:100%;height:auto;max-height:78dvh;object-fit:contain}.status-photo-close{display:block;margin-left:auto;padding:10px;background:transparent}.status-photo-close svg{width:22px;height:22px}.inline-service nav,.inline-service footer,.inline-service .demo-banner,.inline-service .pagehead{display:none!important}.inline-service main{min-height:0}.inline-service .page{padding:8px 8px 12px;max-width:none}.inline-service .lookup-layout{display:block}.inline-service .panel{padding:22px;border-color:#ccdcd3}.inline-service .panel h2{font-size:20px}.inline-service .placeholder{display:none}.inline-service .form label{font-size:12px}.inline-service input,.inline-service select{font-size:17px;min-height:50px}.inline-service .form .btn{font-size:13px;min-height:50px}.inline-service .hint{font-size:12px}.inline-service #customerResult,.inline-service #staffResult{margin-top:18px}.inline-service .result{border-radius:0}.inline-service .demo-examples{display:none}.inline-service-root{height:auto}.serviceback{position:static;justify-content:start;font-size:11px;padding:15px 5%}@media(max-width:600px){.staff-profile .staff-avatar{width:180px;height:180px;border-radius:22px}.staff-profile h2{font-size:29px}.staff-profile p{font-size:17px}.staff-fields{grid-template-columns:1fr!important}.staff-fields strong{font-size:19px!important}.staff-fields>div{padding:17px!important}.result-body{padding:20px 17px}.order-car h3{font-size:24px}.order-car p{font-size:15px}.dates{grid-template-columns:1fr}.date-card strong{font-size:20px}.date-card>span{font-size:11px}.public-note p{font-size:16px}.inline-service .panel{padding:20px 16px}.inline-service .page{padding:6px 0}.timeline-row{display:block}.timeline-row span{display:block;margin-bottom:5px}.result-footer{flex-wrap:wrap;line-height:1.7}}
.date-card strong,.staff-fields strong,.result-header h2,.timeline strong{text-transform:uppercase}.inline-service .demo-examples{display:block!important}.inline-service .demo-examples button{font-size:12px;padding:12px}.inline-service .demo-examples strong{font-size:11px}
@media(max-width:767px){body{overflow-wrap:break-word}.page{padding:27px 4% 40px;max-width:100%;min-width:0}.pagehead{display:block;margin-bottom:22px}.pagehead h1{font-size:31px;line-height:1.12;letter-spacing:-1px}.pagehead p{font-size:14px;margin-top:13px}.pagehead .eyebrow{font-size:10px;margin-bottom:12px}.lookup-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}.lookup-layout>*{min-width:0;max-width:100%}.panel{padding:22px 18px;min-width:0}.panel h2{font-size:20px;line-height:1.35}.form{gap:16px}.form label{font-size:12px;line-height:1.5}.form input,.form select,.form textarea{font-size:16px;min-height:50px;padding:13px}.form .btn{font-size:13px;min-height:50px}.form .hint{font-size:12px}.result{width:100%;min-width:0;max-width:100%;overflow:hidden}.result-header{padding:24px 20px}.result-header>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.result-header .eyebrow{font-size:11px;line-height:1.6;letter-spacing:1px;overflow-wrap:anywhere}.result-header .pill{font-size:11px;line-height:1.4;padding:9px 12px;max-width:100%;white-space:normal}.result-header h2{font-size:27px;line-height:1.23;letter-spacing:-.7px;overflow-wrap:anywhere;margin:19px 0 12px}.result-header p{font-size:12px;line-height:1.9;letter-spacing:.5px}.result-body{padding:21px 17px}.order-car h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}.order-car p{font-size:14px;line-height:1.8;overflow-wrap:anywhere;margin-top:10px}.status-gallery{margin-bottom:20px;min-width:0}.status-photo-strip{max-width:100%;gap:7px}.status-photo-strip button{flex-basis:79px}.order-car .status-photo-strip img{width:79px;height:61px}.status-cover>span{font-size:9px;letter-spacing:.6px;padding:10px 12px}.dates{grid-template-columns:minmax(0,1fr);gap:12px}.date-card{padding:19px 17px;min-width:0}.date-card>span{font-size:11px;line-height:1.6;letter-spacing:.6px;margin:11px 0 9px}.date-card strong{font-size:19px;line-height:1.6;overflow-wrap:anywhere}.date-card small{font-size:13px;line-height:1.8}.public-note{padding:18px 15px;margin:22px 0}.public-note>span{font-size:10px;line-height:1.6}.public-note p,.warning{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.progress-step{gap:14px;min-height:65px}.progress-step strong{font-size:13px;line-height:1.7;font-weight:600}.progress-step small{font-size:10px;margin-top:4px}.progress-step>div{min-width:0}.timeline h3{font-size:12px}.timeline-row{display:block;margin-top:19px;line-height:1.8}.timeline-row span{display:block;font-size:11px;margin-bottom:6px;min-width:0}.timeline-row strong{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.timeline-row p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.result-footer{display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px;gap:13px;font-size:10px;line-height:1.8}.result-footer .btn{width:100%;min-height:44px;font-size:12px}.demo-examples strong,.demo-examples button{font-size:11px}.staff-fields{grid-template-columns:minmax(0,1fr)!important}}
.mobile-result-demo .serviceback,.mobile-result-demo .demo-banner,.mobile-result-demo footer,.mobile-result-demo .pagehead,.mobile-result-demo .lookup-layout>.panel{display:none!important}.mobile-result-demo .page{padding:15px 12px 30px}.mobile-result-demo .lookup-layout{display:block}.mobile-result-demo .result-header:before{content:'FICTIONAL CUSTOMER / MOBILE PREVIEW';display:block;font-size:9px;color:#9ebfc9;letter-spacing:.6px;margin-bottom:18px}

.dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.date-card{padding:16px 14px;min-width:0}.date-card>span{font-size:9px;line-height:1.5;margin:9px 0 7px;letter-spacing:.5px}.date-card strong{font-size:16px;line-height:1.5;letter-spacing:-.2px}.date-card small{font-size:11px;line-height:1.7;margin-top:7px}.result-header{padding:21px 22px}.result-header h2{font-size:25px;line-height:1.2;margin:14px 0 9px}.result-body{padding:21px}.order-car h3{font-size:22px;line-height:1.25}.order-car p{font-size:13px;margin-top:7px}.public-note{padding:14px 15px;margin:17px 0}.public-note p{font-size:14px;line-height:1.7}.progress-list{margin:19px 0}.progress-step{min-height:48px;gap:13px}.progress-step strong{font-size:12px;line-height:1.6}.timeline{padding-top:17px}.timeline-row{margin-top:14px}.timeline-row p{font-size:13px;line-height:1.7}.query-loading{display:flex;align-items:center;justify-content:center;gap:25px;background:#e8efe8;border:1px solid #c7d8cf;padding:40px 26px;min-height:240px;color:#173b47}.hourglass-wrap{position:relative;width:58px;flex:none;color:#4a919e}.hourglass{display:block;width:48px;height:64px;margin:auto;animation:glassTurn 3s ease-in-out infinite;transform-origin:center}.sand-top{transform-box:fill-box;transform-origin:center bottom;animation:topSand 3s linear infinite}.sand-bottom{transform-box:fill-box;transform-origin:center bottom;animation:bottomSand 3s linear infinite}.sand-stream{animation:sandDrop .65s linear infinite}.hourglass-shadow{display:block;width:42px;height:4px;border-radius:50%;background:#476d7920;margin:15px auto 0;animation:sandShadow 3s ease-in-out infinite}.loading-eyebrow{font-size:9px;letter-spacing:1.3px;display:block;margin-bottom:11px;color:#6b8b94}.query-loading h2{font-size:18px;letter-spacing:-.6px;line-height:1.3}.query-loading p{font-size:13px;color:#7b969c;margin-top:10px}.loading-dots{animation:loadingDot 1s ease-in-out infinite}.form button:disabled{opacity:.6;cursor:wait}@keyframes topSand{0%{transform:scaleY(1)}70%,86%{transform:scaleY(.05)}100%{transform:scaleY(1)}}@keyframes bottomSand{0%{transform:scaleY(.05)}70%,86%{transform:scaleY(1)}100%{transform:scaleY(.05)}}@keyframes sandDrop{to{stroke-dashoffset:-8}}@keyframes glassTurn{0%,72%{transform:rotate(0)}94%,100%{transform:rotate(180deg)}}@keyframes sandShadow{0%,72%,100%{transform:scaleX(1)}84%{transform:scaleX(.65)}}@keyframes loadingDot{50%{opacity:.3}}@media(max-width:767px){.result-header{padding:20px 18px}.result-header>div{flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center}.result-header h2{font-size:24px;line-height:1.25;margin:14px 0 8px}.result-header p{font-size:11px;line-height:1.7}.result-header .pill{font-size:9px;padding:7px 9px}.result-body{padding:18px 15px}.order-car{padding-bottom:16px;margin-bottom:17px}.order-car h3{font-size:21px;line-height:1.3}.order-car p{font-size:12px;line-height:1.7;margin-top:6px}.status-gallery{margin-bottom:17px}.dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.date-card{padding:14px 11px}.date-card .ico{width:17px;height:17px}.date-card>span{font-size:8px;line-height:1.55;letter-spacing:.35px}.date-card strong{font-size:15px;line-height:1.45;overflow-wrap:normal}.date-card small{font-size:10px;line-height:1.6}.public-note{padding:14px 12px;margin:17px 0}.public-note p{font-size:14px;line-height:1.75}.progress-step{min-height:49px;gap:12px}.progress-step strong{font-size:12px}.progress-step small{font-size:9px}.timeline-row strong{font-size:13px}.timeline-row span{font-size:10px;margin-bottom:4px}.timeline-row p{font-size:13px;line-height:1.7}.result-footer{padding:15px 18px;gap:10px}.query-loading{padding:32px 20px;min-height:225px;gap:20px;flex-direction:column;text-align:center}.query-loading h2{font-size:18px}.query-loading p{font-size:12px}}@media(prefers-reduced-motion:reduce){.hourglass,.sand-top,.sand-bottom,.sand-stream,.hourglass-shadow,.loading-dots{animation:none}.sand-bottom{opacity:.4}}

.handover-date-confirmed:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d9ba4;margin-right:7px;vertical-align:middle;animation:dateBreathe 2.8s ease-in-out infinite}.timeline-wait-line{width:88px;max-width:100%;height:2px;background:#d2e2df;border-radius:2px;overflow:hidden;margin-top:8px;position:relative}.timeline-wait-line span{display:block;position:absolute;left:0;top:0;width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5d96a566,#4b909e,#91d2d9);animation:timelineWait 2.6s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes timelineWait{from{transform:translateX(0)}to{transform:translateX(62px)}}@keyframes dateBreathe{0%,100%{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.timeline-wait-line span,.handover-date-confirmed:before{animation:none}.timeline-wait-line span{left:31px}}

.progress-list{gap:0}.progress-step{min-height:49px}.progress-step.done:before{background:#afcbbc}.progress-step .stepdot{width:27px;height:27px}.progress-step.current:after{content:'';position:absolute;left:35px;right:0;top:-3px;bottom:8px;border-radius:5px;background:linear-gradient(90deg,#e6f4f0,#eff7f440);pointer-events:none;z-index:0}.progress-step.current>div{position:relative;z-index:1;flex:1;min-width:0;padding:3px 10px 6px}.progress-step.current .stepdot{background:#bcebea;color:#214f5c;box-shadow:0 0 0 3px #bcebea44;font-weight:700;font-size:11px}.progress-step.current strong{font-weight:700;font-size:12px;letter-spacing:.15px;color:#214f5c;line-height:1.6}.progress-step.done strong{color:#547165}.progress-step:not(.done):not(.current) strong{color:#69817c}.progress-step.done .stepdot{background:#dfede3;color:#56836b}.progress-step.done .stepdot .ico{width:14px;height:14px}.timeline-wait-line{width:160px;max-width:100%;height:2px;margin-top:7px;background:#cbdeda;overflow:hidden;border-radius:3px}.timeline-wait-line span{width:28%;height:2px;background:linear-gradient(90deg,#72aebb55,#477f90,#a6e4e8);animation:timelineWait 3.2s cubic-bezier(.45,0,.55,1) infinite alternate;transform:none}.timeline-wait-line span:after{content:'';position:absolute;right:0;top:0;width:4px;height:2px;background:#afdfe4;border-radius:3px}.progress-list[data-completed="true"] .progress-step.current:after{background:linear-gradient(90deg,#e8f2e5,#f2f7ed44)}.progress-list[data-completed="true"] .progress-step.current .stepdot{background:#d6e9d8;color:#4d7758;box-shadow:0 0 0 3px #d6e9d844}.progress-list[data-completed="true"] .progress-step.current strong{color:#4c7156}.progress-step.current small{font-size:9px;color:#69867d}@keyframes timelineWait{from{left:0;transform:none}to{left:72%;transform:none}}@media(prefers-reduced-motion:reduce){.timeline-wait-line span{animation:none;left:36%;transform:none}}

/* Staff lookup shares the compact customer result hierarchy. */
.staff-profile{display:flex;align-items:center;gap:16px;text-align:left;padding:20px 18px;background:#173b47;color:#fff}
.staff-profile .staff-avatar{flex:0 0 96px;width:96px;height:96px;border-radius:12px;margin:0;object-fit:cover}
.staff-identity{min-width:0;flex:1}
.staff-profile h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:9px 0 5px;overflow-wrap:anywhere}
.staff-profile p{font-size:13px;line-height:1.5;color:#c1d7db;margin:0}
.staff-profile .pill{font-size:10px;padding:5px 8px;line-height:1.4;white-space:normal}
.staff-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.staff-fields>div{padding:12px 11px!important;min-width:0}
.staff-fields span{font-size:10px!important;line-height:1.5}
.staff-fields strong{font-size:15px!important;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
#staffResult .result-body{padding:18px 15px}
#staffResult .public-note{padding:12px;margin:14px 0}
#staffResult .public-note p,#staffResult .warning{font-size:13px;line-height:1.65}
#staffResult .warning{padding:12px;margin-top:14px}
#staffResult .result-footer{padding:12px 15px;gap:6px;font-size:11px;line-height:1.6}
@media(max-width:360px){.staff-profile{gap:12px;padding:18px 15px}.staff-profile .staff-avatar{width:84px;height:84px;flex-basis:84px}.staff-profile h2{font-size:23px}}
/* Service management uses readable controls without changing public queries. */
.service-admin-page{font-size:14px;line-height:1.6}
.service-admin-page .adminmenu button,.service-admin-page .btn,.service-admin-page .actions button{font-size:14px;min-height:44px}
.service-admin-page .adminmenu p{font-size:13px;color:#bad0d6}
.service-admin-page .editor-grid label{font-size:14px;color:#355963;line-height:1.5}
.service-admin-page input:not([type=checkbox]),.service-admin-page select,.service-admin-page textarea{font-size:16px;min-height:48px;line-height:1.4}
.service-admin-page .metric span,.service-admin-page .savebar>span,.service-admin-page .internal-note,.service-admin-page .simulation-bar,.service-admin-page .simulation-bar button,.service-admin-page .hint,.service-admin-page .bound-vehicle-preview span{font-size:13px;line-height:1.7;color:#42636a}
.service-admin-page .internal-note{color:#78572c}
.service-admin-page table{font-size:14px;min-width:740px}
.service-admin-page th{font-size:13px;color:#42636a;font-weight:600}
.service-admin-page td,.service-admin-page td strong{font-size:14px;line-height:1.6}
.service-admin-page small,.service-admin-page td small,.service-admin-page .pill{font-size:12px;line-height:1.5}
.service-admin-page .panel p{font-size:14px;line-height:1.7}
.service-admin-page .savebar{gap:12px}
.service-admin-page .pagehead .eyebrow{font-size:12px}
.service-admin-page .avatar-editor label,.service-admin-page .avatar-editor p,.service-admin-page .avatar-editor button{font-size:14px}

.service-admin-page .audit{font-size:14px;line-height:1.7}
.service-admin-page .audit span,.service-admin-page .empty{font-size:13px;color:#42636a}
.service-admin-page .toolbar{flex-wrap:wrap}
.service-admin-page .avatar-editor button{min-height:44px}

.demo-examples{display:none!important}.service-busy{cursor:progress}.service-busy .savebar button{pointer-events:none;opacity:.5}.service-busy .adminmenu button{pointer-events:none}.error-box{white-space:pre-wrap}.service-backup input{margin-top:12px}
