.survey-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0}.survey-nav button{border:0;border-bottom:3px solid #dce4e8;background:none;min-height:52px;font:inherit;font-size:13px;color:#526b77;cursor:pointer}.survey-nav button.selected{color:#cc102b;border-color:#cc102b;font-weight:700}
.survey-question{border:0;padding:0;margin:0 0 16px}.survey-question legend{font-size:18px;font-weight:700;margin-bottom:12px}.survey-question label{display:inline-flex;margin:0 12px 0 0;min-width:100px;gap:10px;align-items:center;padding:13px;border:1px solid #ccd8de;border-radius:9px;font-size:17px;cursor:pointer}.survey-question label:has(input:checked){border-color:#c8102e;background:#fff1f3}.survey-question input{width:21px;height:21px}
#survey-error:empty{display:none}#survey-error{padding:14px;background:#fff1e8;color:#9b2c18;margin:12px 0;border-radius:8px}#survey-form [hidden]{display:none!important}#survey-form .field{margin:12px 0}#survey-form [data-survey-page="0"] .panel{box-shadow:none;border:0;padding:0!important}#survey-photos .photo-slot img{height:160px}
.drawer:has(#survey-form) .drawer-footer{display:flex;flex-wrap:wrap;gap:8px}.drawer:has(#survey-form) .drawer-footer .btn{min-height:48px;flex:1}.drawer:has(#survey-form) #survey-draft{flex-basis:100%;background:none;border:0;color:#526b77}.drawer:has(#survey-form) .drawer-footer [hidden]{display:none!important}

.drawer:has(#ankara-order-form){width:min(1240px,96vw)}
.order-map-layout{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:24px;align-items:start}
#ankara-order-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
#ankara-order-form input[type=date]{padding:13px;border:1px solid #d8e2e7;border-radius:8px;font:inherit;width:100%;box-sizing:border-box}
#ankara-order-form fieldset{border:1px solid #d8e2e7;border-radius:10px;margin:14px 0;padding:12px}
#order-transformers{max-height:260px;overflow:auto}.order-map-panel{position:sticky;top:0;min-width:0}.order-map-panel h3{margin:0 0 8px}#order-map-info,.order-map-legend{font-size:13px;color:#526b77}#order-preview-map{height:480px;border:1px solid #d8e2e7;border-radius:12px}.order-transformer-marker{color:#c8102e;font-size:28px;line-height:26px;text-shadow:0 1px 3px #fff}
@media(max-width:700px){.order-map-layout{grid-template-columns:1fr}.order-map-panel{position:static}#order-preview-map{height:320px}.drawer:has(#ankara-order-form){width:100%}#order-transformers{max-height:180px}}