:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#173b41;background:#f3f7f6;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#123c43;color:white;padding:20px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:white;text-decoration:none;font-weight:800;font-size:28px;display:flex;gap:14px;align-items:center}.brand span{font-size:17px}.brand small{display:block;font-size:10px;letter-spacing:.12em;opacity:.65;margin-top:4px}.identity{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.identity span{font-size:12px;opacity:.8}.identity form{margin:0}main{max-width:1080px;margin:40px auto;padding:0 24px}.guest main{max-width:500px;background:white;border:1px solid #dce6e3;border-radius:14px;padding:34px;margin-top:56px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#608079;font-weight:bold}.heading{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:20px}h1{font-size:26px;margin:12px 0}h2{font-size:17px;margin:10px 0}p{line-height:1.8;overflow-wrap:anywhere}a{color:#176963;text-underline-offset:4px}.lead{color:#5a7274;margin-bottom:24px}label{display:block;margin:18px 0;font-weight:bold;font-size:13px}input,select{font:inherit;width:100%;padding:13px;border:1px solid #c9d9d5;border-radius:7px;margin-top:8px;background:white;color:#183d42}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #94c8bd;outline-offset:2px}button,.button{font:inherit;display:inline-block;border:1px solid #b7cdca;border-radius:7px;padding:11px 17px;background:white;color:#173b41;text-decoration:none;cursor:pointer;white-space:normal;text-align:center}.primary{background:#17655f;color:white;border-color:#17655f}form>.primary{margin:12px 0 24px}.guest form>.primary{width:100%}nav,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cards{display:grid;gap:14px}.staff{background:white;border:1px solid #dce6e3;border-radius:12px;padding:22px;display:flex;gap:20px;justify-content:space-between;align-items:center}.staff p{margin:5px 0;font-size:13px}.badge{display:inline-block;background:#eef2f2;padding:4px 10px;border-radius:30px;font-size:11px}.badge.active{background:#e0f1e9;color:#1b6550}.badge.invited{background:#fff1d9;color:#8a5e16}.badge.suspended{background:#fbe7e7;color:#974242}.notice,.success,.error{padding:14px 17px;border-radius:8px;font-size:13px}.notice{background:#eaf0f1}.success{background:#e2f3e8}.error{background:#fff0ec;color:#a04432}fieldset{border:1px solid #cfddda;border-radius:8px;margin:20px 0}legend{font-size:13px;font-weight:bold}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.help{color:#607774;font-size:12px}footer{text-align:center;color:#78908b;font-size:11px;padding:24px}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px 20px;align-items:flex-start;flex-direction:column}.brand{font-size:24px}main{margin:24px auto;padding:0 18px}.guest main{margin:26px 15px;padding:25px 22px}h1{font-size:23px}.staff{align-items:flex-start;flex-direction:column;padding:18px}.actions{width:100%}.actions .button,.actions form,.actions button{width:100%}.identity{font-size:13px}.identity button{padding:7px 12px}input,select{font-size:16px}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.panel{background:#fff;border:1px solid #dce6e3;border-radius:12px;padding:24px;margin:22px 0}.panel h2{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.metrics article{padding:20px;background:white;border:1px solid #dce6e3;border-radius:10px}.metrics span{display:block;font-size:12px;color:#607774}.metrics strong{font-size:32px;display:block;margin-top:8px}.vehicle-grid,.master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.vehicle-option{padding:18px;background:#f5f9f7;border-radius:9px;border:1px solid #dce6e3}.vehicle-option h3{margin:12px 0}.callout{margin-top:20px;padding-top:15px;border-top:1px solid #dce6e3}.table-scroll{overflow:auto}table{border-collapse:collapse;font-size:12px;width:100%;min-width:800px}th,td{border:1px solid #dce6e3;padding:12px;text-align:left;min-width:95px}th{background:#f4f8f6}small{display:block;line-height:1.7;color:#607774}.detail-grid{display:grid;grid-template-columns:170px 1fr;margin:22px 0;background:white;border:1px solid #dce6e3;border-radius:10px;padding:20px}.detail-grid dt,.detail-grid dd{padding:10px 0;border-bottom:1px solid #eef3f1;margin:0;overflow-wrap:anywhere}.detail-grid dt{font-size:12px;color:#607774}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.evidence-grid article{border:1px solid #dce6e3;border-radius:9px;padding:16px;min-width:0}.evidence-grid img{display:block;width:100%;height:210px;object-fit:contain;background:#f0f4f2;border-radius:6px}.evidence-grid input[type=file]{padding:8px;width:100%;font-size:12px}.photo-placeholder{height:130px;display:grid;place-items:center;background:#f2f6f4;color:#8ba09a;border-radius:6px}details{border-top:1px solid #e0e8e5;padding:15px 0;margin-top:10px}summary{cursor:pointer;font-size:13px;font-weight:bold}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;background:#f4f7f6;padding:12px}.request-card,.history{padding:16px 0;border-bottom:1px solid #e0e8e5}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.section-heading form{display:flex;align-items:center;gap:10px}button:disabled{opacity:.4;cursor:not-allowed}.badge.confirmed,.badge.returned{background:#e0f1e9;color:#1b6550}.badge.pending{background:#fff1d9;color:#8a5e16}.badge.out{background:#e1ecf8;color:#245c8e}nav{gap:8px}.heading nav{width:100%}.booking-card small{margin-top:7px}.placement{border-left:3px solid #a9c8bd;padding-left:12px}@media(max-width:650px){.form-grid,.vehicle-grid,.master-grid,.evidence-grid{grid-template-columns:1fr}.panel{padding:18px}.metrics{gap:7px}.metrics article{padding:13px 10px}.metrics strong{font-size:26px}.metrics span{font-size:10px}.detail-grid{grid-template-columns:110px 1fr;padding:15px}.detail-grid dd{font-size:13px}nav .button{font-size:12px;padding:9px 12px}.section-heading{display:block}.evidence-grid img{height:190px}}
.intro-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.intro-gallery figure{margin:0;min-width:0}.intro-gallery img{width:100%;height:180px;object-fit:contain;border-radius:8px;background:#edf2f0}.intro-gallery figcaption{font-size:13px;overflow-wrap:anywhere}.intro-gallery form{margin-top:8px}@media(max-width:480px){.intro-gallery{grid-template-columns:1fr 1fr}.intro-gallery img{height:130px}}

/* Focused booking workflows */
.booking-summary{display:flex;justify-content:space-between;gap:18px;padding:20px;background:#fff;border:1px solid #dce6e3;border-radius:12px;margin:16px 0}.booking-summary p{font-size:13px;margin:0;color:#506c6b}.case-label{margin:8px 0 5px;overflow-wrap:anywhere}.booking-summary h2{margin:4px 0 8px}.plate{font-size:20px;letter-spacing:.03em}.next-action{padding:22px;background:#e3f1eb;border:1px solid #afcfc0;border-radius:12px;margin:18px 0}.next-action small{font-weight:bold;color:#286052}.next-action h2{font-size:21px;margin:8px 0}.next-action p{margin:8px 0 14px}.next-action .button{min-width:220px;font-weight:bold;padding:14px 20px}.booking-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.booking-menu .button{display:flex;align-items:center;justify-content:center;min-height:52px;font-size:14px}.booking-extra{padding:16px;background:#fff;border:1px solid #dce6e3;border-radius:9px}.booking-extra summary{padding:4px 0}.compact-details{margin:18px 0}.booking-secondary{margin-top:20px}.cancel-action{border:0;margin:0;padding:12px}.cancel-action summary{color:#8c4c40}.workflow-steps{list-style:none;display:flex;gap:10px;padding:0;margin:20px 0;counter-reset:none}.workflow-steps li{flex:1;background:#e9f1ef;border-radius:8px;padding:12px;font-size:12px;font-weight:bold;text-align:center}.photo-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0}.photo-progress strong{font-size:22px;color:#17655f}.photo-progress span{font-size:12px;color:#607774}progress{display:block;width:100%;height:12px;accent-color:#17655f;margin:10px 0 20px}.focused-evidence article{scroll-margin-top:15px}.focused-evidence h3{font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:6px;margin:0 0 12px}.focused-evidence .photo-placeholder{height:160px}.focused-evidence img{height:160px}.focused-evidence label{margin:12px 0;font-size:12px}.focused-evidence button{width:100%;font-size:13px;min-height:44px}.record-tabs{display:flex;gap:12px;margin:20px 0}.record-tabs .button{flex:1;min-height:48px}.completion-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 0;border-top:1px solid #dce6e3;margin-top:20px}.completion-bar span{font-size:13px;white-space:nowrap}.completion-bar button{padding:15px 24px;font-weight:bold;min-width:200px}.finish-panel label{max-width:360px}
@media(max-width:650px){.booking-summary{display:block;padding:16px}.booking-summary p{margin-top:12px}.booking-summary h2{font-size:18px}.plate{font-size:21px}.next-action{padding:18px}.next-action .button{display:block;width:100%;min-width:0}.booking-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.booking-menu .button{font-size:13px;padding:12px 8px}.booking-menu .button:last-child{grid-column:1/-1}.workflow-steps{gap:5px}.workflow-steps li{padding:10px 5px;font-size:10px;line-height:1.7}.focused-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.focused-evidence article{padding:11px}.focused-evidence h3{font-size:14px;flex-wrap:wrap}.focused-evidence .badge{font-size:10px;padding:3px 7px}.focused-evidence img,.focused-evidence .photo-placeholder{height:100px}.focused-evidence input[type=file]{padding:5px;font-size:11px}.focused-evidence button{padding:10px 5px}.photo-progress span{font-size:11px}.completion-bar{display:block}.completion-bar span{display:block;margin-bottom:12px}.completion-bar button{width:100%;min-width:0}.record-tabs{gap:8px}.record-tabs .button{font-size:13px;padding:13px 8px}.cancel-action{width:100%}}
.photo-source-buttons{display:grid;gap:8px;margin-top:12px}.photo-source-buttons button{min-height:44px;background:#f1f7f4;border-color:#a9c6bd;font-size:13px}.photo-source-buttons button[data-photo-source="camera"]{background:#e2f0ea}.photo-selection{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:12px 0;color:#395e57}.selection-error{color:#a04432;background:#fff0ec;padding:9px;border-radius:6px}.photo-enhanced{position:relative}.photo-enhanced .photo-native{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.photo-enhanced .photo-submit{background:#17655f;color:white}.photo-enhanced .photo-submit:disabled{background:#eef3f1;color:#607774;opacity:1;border-color:#d5e1dc;font-size:12px}