.service-tools{display:grid;grid-template-columns:minmax(180px,1fr) 220px auto;gap:12px;margin:25px 0 15px}.service-tools input{font-size:14px}.secondary{border:1px solid #ddd;background:white;color:#222}.service-grid{border:1px solid #e5e5e5;border-radius:12px;overflow-x:auto}.service-grid table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.service-grid th{background:#f7f7f7;padding:13px 8px;text-align:left;font-size:10px;font-weight:600;color:#777}.service-grid th button{font:inherit;text-align:left;border:0;background:none;padding:4px;color:inherit}.service-grid td{border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:16px 8px;max-width:160px}.service-open{color:#c41932;border:0;background:none;padding:0;text-align:left;font:inherit;font-weight:650;min-height:28px}.service-grid th:nth-child(5),.service-grid th:nth-child(6){width:16%}.service-dialog{border:1px solid #ddd;border-radius:15px;width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:25px;background:white;color:#111}.service-dialog::backdrop{background:#0009}.service-dialog>.button{float:right}.service-dialog section{clear:both;padding-top:20px}@media(max-width:850px){.service-tools{grid-template-columns:1fr auto}.service-tools input{grid-column:1/-1}.service-grid table,.service-grid tbody{display:block}.service-grid thead{display:none}.service-grid tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:8px 16px;border-top:1px solid #eee}.service-grid tr:first-child{border:0}.service-grid td{border:0;padding:0;max-width:none;font-size:12px;min-width:0}.service-grid td::before{content:attr(data-label);display:block;font-size:9px;line-height:1.5;color:#999}.service-grid td[data-column="pickup"],.service-grid td[data-column="destination"]{grid-column:1/-1}.service-grid td[data-column="id"]::before{display:none}.service-grid td[data-column="date"]{order:1}.service-grid td[data-column="time"]{order:2}.service-grid td[data-column="client"]{order:3}.service-grid td[data-column="pickup"]{order:5}.service-grid td[data-column="destination"]{order:6}.service-grid td[data-column="category"]{order:7}.service-grid td[data-column="driver"]{order:8}.service-grid td[data-column="status"]{order:0;text-align:right}.service-grid td[data-column="amount"]{order:9}}

@media(min-width:851px){.service-tools{grid-template-columns:minmax(180px,1fr) 160px 140px 55px auto}}

/* Shared service summary */
.service-dialog{width:min(760px,calc(100vw - 28px));padding:22px;background:#f8fafb;border:1px solid #e2e6ec;border-top:4px solid #b81730;box-shadow:0 24px 80px #0003;border-radius:16px}
.service-dialog::backdrop{background:#16202b99}
.service-dialog>.button{float:none;display:block;margin:0 0 12px auto;min-height:36px;padding:8px 14px;border:1px solid #b81730;border-radius:8px;color:#b81730;font-size:12px;background:white}
.service-dialog>.button:hover{background:#b81730;color:white}
.service-dialog>section{clear:none;padding:0}
.service-detail-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:0 2px}
.service-detail-kicker{font-size:11px!important;text-transform:uppercase;letter-spacing:1px;color:#697386;margin:0 0 5px}
.service-detail-header h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;color:#20252b;margin:0}
.service-detail-highlights{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.service-detail-state{font-size:11px;line-height:1.35;padding:6px 10px;background:#b81730;color:white;border:1px solid #b81730;border-radius:20px;font-weight:600}
.service-detail-price{color:#b81730;font-size:23px;line-height:1.2;white-space:nowrap}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;padding:16px;background:white;border:1px solid #e5e8ed;border-radius:10px}
.service-detail-field{min-width:0}
.service-detail-field dt{font-size:11px;color:#697386;margin:0 0 4px}
.service-detail-field dd{margin:0;font-size:13px;line-height:1.5;font-weight:500;color:#20252b;overflow-wrap:anywhere}
.service-detail-wide{grid-column:1/-1}
.service-detail-route{margin:14px 0;padding:16px;background:white;border:1px solid #e5e8ed;border-radius:10px;display:grid;gap:13px}
.service-detail-route .service-detail-field{border-left:2px solid #b81730;padding-left:12px}
.service-dialog .service-detail-card{padding:16px;background:white;border:1px solid #e5e8ed;border-radius:10px;margin-top:14px;clear:none}
.service-detail-card h3{margin:0 0 12px;font-size:15px;letter-spacing:-.2px;color:#20252b}
.service-detail-card .service-detail-grid{padding:0;border:0;border-radius:0}
.service-detail-field a{color:#b81730;text-decoration:underline;text-underline-offset:3px}
.service-detail-field .service-detail-whatsapp{display:inline-block;margin-left:6px;font-size:11px;border:1px solid #d7e8de;background:#f2faf5;color:#257043;padding:2px 7px;border-radius:6px;text-decoration:none}
.service-mail-statuses{display:grid;gap:8px}
.service-mail-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;color:#697386}
.service-mail-status strong{font-weight:500;color:#20252b;text-align:right}
.service-history ol{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid #e3c7ce;display:grid;gap:12px}
.service-history li{position:relative;padding:0 0 0 5px}
.service-history li:before{content:'';position:absolute;left:-16px;top:5px;width:7px;height:7px;background:#b81730;border-radius:50%}
.service-history li strong{display:block;font-size:12px;font-weight:500;color:#20252b;line-height:1.5}
.service-history time{display:block;color:#697386;font-size:11px;margin-top:3px}
@media(max-width:480px){.service-dialog{padding:16px}.service-detail-header{align-items:flex-start;gap:12px}.service-detail-header h2{font-size:22px}.service-detail-price{font-size:20px}.service-detail-state{max-width:150px}.service-detail-grid{gap:12px}.service-detail-route,.service-dialog .service-detail-card{padding:13px}}