/* Solo afecta el nuevo panel y encabezado móvil. */
.ap-order-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ap-order-heading .ap-m-section-title{margin-bottom:0}
.ap-order-open{display:none}
.ap-order-feedback:empty{display:none}
@media(max-width:767.98px){
.ap-order-open{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #17695e;border-radius:14px;background:#fffaf2;color:#175d54;padding:11px 13px;font-size:1rem;font-weight:700;min-height:48px}
.ap-order-heading{margin-bottom:16px}
.ap-order-feedback{font-size:1rem;color:#175d54;margin:8px 0 14px}
}
#apOrderModal .ap-order-content{border:0;border-radius:24px;background:#fffdf8;color:#183b36}
#apOrderModal .modal-title{font-size:1.5rem;font-weight:800}
#apOrderModal .modal-header{padding:20px;border-bottom:1px solid #e6e3d8}
#apOrderModal .modal-body{padding:16px}
.ap-order-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.ap-order-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #eadfcc;border-radius:16px;background:#fff6e9}
.ap-order-row>span{font-size:1.05rem;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.ap-order-arrows{display:flex;gap:8px;flex-shrink:0}
.ap-order-arrows button{width:48px;height:48px;border:1.5px solid #17695e;border-radius:12px;background:white;color:#175d54;font-size:1.7rem;font-weight:700}
.ap-order-arrows button:disabled{opacity:.35;border-color:#999;color:#777}
#apOrderModal button:focus-visible,.ap-order-open:focus-visible{outline:3px solid #dcaa33;outline-offset:3px}
.ap-order-note{font-size:.95rem;color:#53665f}
#apOrderModal .ap-order-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}
.ap-order-footer button{min-height:48px;border-radius:14px;font-size:1.05rem;font-weight:700;padding:10px}
.ap-order-cancel{border:1.5px solid #17695e;background:white;color:#175d54}
.ap-order-save{border:1.5px solid #17695e;background:#17695e;color:white}
.ap-order-reset{grid-column:1/-1;border:0;background:transparent;color:#175d54;text-decoration:underline}

/* Presentación con los iconos originales, sin modificar el orden ni el guardado. */
#apOrderModal .modal-content{box-shadow:0 22px 65px rgba(24,59,54,.22);overflow:hidden}
#apOrderModal .modal-header{background:linear-gradient(120deg,#e8f5ef,#fff7e8);border-bottom:1px solid #dce9df;padding:22px 20px}
#apOrderModal .modal-title{color:#174e45;letter-spacing:-.025em}
#apOrderModal .modal-body{background:linear-gradient(180deg,#fffdf8,#fffaf2)}
#apOrderHelp{font-size:1.05rem;color:#52685f;line-height:1.5}
.ap-order-list{gap:12px}
.ap-order-row{padding:14px 12px;background:linear-gradient(120deg,#fff,#fff5e6);border-color:#eddfca;box-shadow:0 3px 10px rgba(118,86,38,.055);border-radius:19px}
.ap-order-identity{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.ap-order-icon{width:49px;height:49px;flex:0 0 49px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f6ed,#fbf1da);border:1px solid #dcebdc;border-radius:16px;color:#22796c}
#apOrderModal .ap-order-icon .ap-m-service-icon{display:flex;align-items:center;justify-content:center;width:auto;height:auto;margin:0;padding:0;background:transparent;box-shadow:none;border:0;color:inherit;font-size:1.65rem}
#apOrderModal .ap-order-icon img{display:block;width:32px;height:32px;object-fit:contain}
.ap-order-labels{min-width:0;display:grid;gap:4px}
.ap-order-labels strong{font-size:1.03rem;line-height:1.3;color:#233c32;overflow-wrap:anywhere}
.ap-order-labels small{font-size:.78rem;color:#6b796f;font-weight:500}
.ap-order-arrows{gap:6px}
.ap-order-arrows button{width:45px;height:48px;border-color:#b8d5ca;background:#f5fcf8;border-radius:14px;box-shadow:0 2px 3px rgba(23,105,94,.05)}
.ap-order-arrows button:not(:disabled):active{background:#dcefe5;transform:translateY(1px)}
.ap-order-arrows button:disabled{background:#f0efeb;box-shadow:none;opacity:.4}
#apOrderStatus:not(:empty){padding:10px 12px;border-radius:12px;background:#eaf5ed;color:#215e48;font-size:.95rem}
.ap-order-note{padding:11px 12px;background:#f3f2ea;border-radius:12px;line-height:1.4}
#apOrderModal .ap-order-footer{background:#fffdf8;border-top:1px solid #e9e5da}
.ap-order-save{background:linear-gradient(135deg,#17695e,#238473);box-shadow:0 5px 12px rgba(23,105,94,.18)}
@media(max-width:360px){.ap-order-icon{width:39px;height:43px;flex-basis:39px}.ap-order-identity{gap:7px}.ap-order-arrows{gap:4px}.ap-order-arrows button{width:44px}.ap-order-row{padding:12px 8px;gap:7px}.ap-order-labels strong{font-size:.95rem}}