:root{font-family:system-ui,sans-serif;color:#183c33;background:#f6f6f0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:46px}a{color:inherit}.pilot{background:#153e35;color:#e1f2a5;text-align:center;padding:9px;font-size:11px}header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px;gap:15px}.logo{font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-1px}.logo span{color:#83a64f}#identity{font-size:12px;color:#64745b}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:8px 15px 20px}nav button{border:0;background:#e8efdc;color:#244d36;border-radius:18px;padding:10px 18px;font-size:12px}nav button.active{background:#153e35;color:white}main{max-width:1000px;margin:auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}main:has(#map-wrap[hidden]){display:block;max-width:540px}#screen{background:white;padding:26px;border:1px solid #dfe5d8;border-radius:22px}h1{font-size:29px;letter-spacing:-1px;margin:0 0 14px}h2{font-size:20px;margin:15px 0}h3{font-size:15px;line-height:1.6}p{font-size:13px;line-height:1.7;color:#64745b}label{font-size:12px;font-weight:600;display:block;margin:16px 0}input,select,textarea{width:100%;border:1px solid #d8e3ce;border-radius:10px;padding:12px;background:#fbfcf7;color:#153e35;min-height:46px;margin-top:7px}input[type=checkbox]{width:18px;min-height:18px;margin:0 8px 0 0;vertical-align:middle}button.primary{background:#153e35;color:white;border:0;border-radius:12px;width:100%;padding:13px;margin-top:10px}button.secondary{background:#edf3e0;color:#153e35;border:1px solid #d6e2c8;border-radius:12px;width:100%;padding:12px;margin-top:10px}button.link{border:0;background:none;color:#5c744e;text-decoration:underline;padding:10px;font-size:12px}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #8ca95f;outline-offset:2px}#map-wrap{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #dfe5d8}#map{height:440px}#map-wrap>small{display:block;font-size:10px;padding:10px}#connection{font-size:12px;text-align:center;color:#8b6030;padding:0 15px}#connection:not(:empty){background:#fff0d6;padding:12px;margin-bottom:15px}#notice{max-width:1000px;margin:15px auto;padding:0 22px;font-size:13px;color:#526f3f}footer{text-align:center;padding:30px 15px;font-size:11px;color:#7b8872}.badge{display:inline-block;background:#e5efcf;padding:7px 10px;border-radius:10px;font-size:11px}.trip{border-bottom:1px solid #e3e9d9;padding:16px 0}.trip small{font-size:11px;color:#7c8970}.trip p{overflow-wrap:anywhere}dl{font-size:13px}dt{color:#7a886f;margin-top:16px}dd{margin:5px 0}.error{color:#9b4c34}.invite{padding:14px;background:#edf3df;border-radius:12px;overflow-wrap:anywhere}.invite a{font-size:12px}.legal-note{font-size:11px}.fresh{color:#4f753c}.stale{color:#a16c35}.position{background:#f0f5e7;border-radius:12px;padding:10px;font-size:11px}#screen .badge~p{margin-top:14px}.vehicle{background:#edf3e0;border-radius:13px;padding:14px;margin:15px 0}.vehicle b{display:block;font-size:14px}.vehicle small{display:block;margin-top:5px;font-size:11px}.help-status{background:#eef4e3;padding:10px;border-radius:10px}.row{display:flex;gap:10px}.row>*{flex:1}@media(max-width:700px){header{padding:17px 20px}.logo{font-size:29px}main{display:flex;flex-direction:column;padding:0 16px;gap:0}main:has(#map-wrap[hidden]){display:block}#map-wrap{width:calc(100% + 32px);margin:0 -16px;border:0;border-radius:0}#map{height:290px}#screen{width:100%;padding:24px 7px;border:0;border-radius:22px 22px 0 0}body{background:#fff}nav{padding-bottom:12px}nav button{padding:9px 12px}main:has(#map-wrap[hidden]) #screen{padding:20px 7px}h1{font-size:27px}#identity{font-size:11px}input,select,textarea{font-size:16px}.pilot{font-size:10px}footer{padding-top:12px}}
.dispatch-options{display:grid;gap:8px}.mode{padding:13px;border:1px solid #dfe5d8;border-radius:12px;color:#84907c}.mode.selected{border-color:#789a48;background:#eff5e3;color:#153e35}.mode small{display:block;font-size:11px;margin-top:5px}.coverage-form{border:1px solid #dfe5d8;border-radius:15px;padding:16px;margin:14px 0}.coverage-form h3{margin:0 0 10px}
