:root{--bg:#eef7f5;--card:#ffffff;--text:#16302b;--muted:#60746f;--main:#0f8f7e;--main2:#075f55;--line:#d9e8e4;--soft:#e7fbf7;}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#eef7f5,#ffffff);color:var(--text)}
.hero{padding:38px 6vw;background:linear-gradient(135deg,#075f55,#11a08e);color:white;border-radius:0 0 34px 34px;box-shadow:0 16px 40px #075f5533} .hero h1{font-size:38px;margin:8px 0}.hero p{margin:0;opacity:.92}
.wrap{max-width:1180px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:380px 1fr;gap:22px}.card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 34px #0c675a18}.wide{min-width:0}
h1,h2{margin-top:0}.badge{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em}.card .badge{background:var(--soft);color:var(--main2);border-color:var(--line)}
.form{display:grid;gap:12px}.form label{font-weight:700;font-size:14px}.form input,.form textarea,.form select,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfffe;color:var(--text)}textarea{min-height:80px}button,.miniBtn{border:0;background:var(--main);color:white;text-decoration:none;border-radius:14px;padding:12px 15px;font-weight:800;cursor:pointer;display:inline-block}.secondary,.miniBtn{background:#e7fbf7;color:#075f55;border:1px solid #b9e6dd}.small{padding:9px 11px;border-radius:10px}.ok{background:#ddfff5;color:#075f55;border:1px solid #b6eadf;border-radius:14px;padding:10px;margin-bottom:12px}.hidden{display:none}.legal,small{color:var(--muted)}
.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{text-align:left;color:var(--muted);font-size:13px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline select{width:155px}.headRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.status{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2f2}.status.asignado{background:#fff3cf}.status.en_camino{background:#dff6ff}.status.llego{background:#e8ffdc}.status.finalizado{background:#ececec}.phone{max-width:560px;margin:20px auto;padding:0 16px}.actions{display:grid;gap:10px;margin-top:18px}.geoBox{background:#f5fffc;border:1px dashed #b9e6dd;border-radius:16px;padding:12px}#map{height:560px;border-radius:20px;border:1px solid var(--line);overflow:hidden}
@media(max-width:900px){.grid{grid-template-columns:1fr}.hero h1{font-size:30px}.headRow{align-items:flex-start;flex-direction:column}#map{height:440px}}