.workflow{display:block;background:#f3f6f3}.workflow main{margin:0 auto;max-width:1100px;padding:20px}.workflow header{gap:20px;flex-wrap:wrap}.workflow .brand{font-size:22px;color:#163d32;text-decoration:none}.workflow .card{margin:18px 0;padding:24px}.workflow h1{font-size:clamp(28px,5vw,44px)}.workflow h2{margin-top:6px}.workflow .filterline,.workflow .form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.workflow .button{display:inline-block;background:#194c3b;color:white;padding:12px 18px;border-radius:8px;text-decoration:none}.workflow .badge{white-space:normal}.workflow .tour-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.workflow .workflow-car{border:1px solid #d9e4dc;border-radius:10px;padding:18px;margin:12px 0;background:#fff}.workflow .workflow-car h3{margin:0 0 8px}.workflow .car-state{font-weight:700;color:#1c5b40}.workflow .car-state.failed{color:#a13127}.workflow .car-state.pending{color:#8a631b}.workflow textarea{min-height:70px}.workflow .driver-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.workflow .photo-grid{display:flex;flex-wrap:wrap;gap:8px}.workflow .photo-grid img{width:100px;height:85px;object-fit:cover;border-radius:6px}.workflow .notice{margin:18px 0}.workflow #message{position:sticky;bottom:8px;padding:12px;background:#edf3eb;border-radius:8px;z-index:5}.workflow #message:empty{display:none}.workflow button:disabled{opacity:.5;cursor:wait}.workflow .event{border-bottom:1px solid #d9e4dc;padding:10px 0;font-size:13px}.workflow input[type=checkbox]{width:auto}.workflow #shareLink{font-family:monospace;font-size:12px}.workflow .car-notes{white-space:pre-wrap}.workflow .upload{display:inline-block;border:1px solid #ccd9d0;padding:9px;border-radius:6px;cursor:pointer;font-size:13px}.workflow .upload input{max-width:230px}.workflow .tour-head{display:flex;justify-content:space-between;gap:15px}.workflow footer{flex-wrap:wrap;gap:16px}.workflow progress{width:100%;accent-color:#245c42}.workflow .offline-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.workflow .error-text{color:#a13127}@media(max-width:600px){.workflow main{padding:12px}.workflow .card{padding:16px}.workflow .tour-head{display:block}.workflow .driver-actions button{flex:1}.workflow .twocol{display:block}.workflow .heading{padding:22px 0}.workflow header .brand{font-size:20px}}