.s216{padding:12px;margin:12px 0;border:1px solid var(--line,#d9e1ec);border-radius:14px;overflow-wrap:anywhere}.s216-actions,.s216-toolbar{display:flex;flex-wrap:wrap;gap:8px}.s216-toolbar{padding:10px 14px}.s216-diff{display:grid;gap:3px;margin:8px 0;font-size:.9em}.s216-diff del{color:var(--muted,#65748c);font-size:.9em}.s216-diff strong{color:var(--blue,#3265df)}.s216-agree{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.s216-agree input{width:auto;flex:0 0 auto;margin-top:5px}.s216-alert{padding:10px;border-radius:10px;background:#fff1ce;color:#674400}.s216-table{width:100%;border-collapse:collapse;font-size:.9em}.s216-table th,.s216-table td{padding:9px 5px;border-bottom:1px solid var(--line,#d9e1ec);text-align:right}.s216-table th:first-child,.s216-table td:first-child{text-align:left}.offline216{padding:12px;margin:12px;border:2px solid #d4a527;border-radius:14px;background:var(--card,#fff);color:var(--text,#172536)}.offline216 h3{margin:0 0 8px}.offline216 article{padding:12px 0;border-top:1px solid var(--line,#ddd)}.offline216 input{max-width:100%}

.offline216-boot{position:fixed;inset:0;z-index:100001;overflow-y:auto;margin:0;border-radius:0;padding:24px 16px}

/* Customer order actions use the same full-width outline buttons as request cancellation. */
.customer .s216.s218-customer{padding:0;margin:12px 0 0;border:0;border-radius:0}
.customer .s218-customer>.s218-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}

/* V219: the same before/after amounts for the customer and the rider. */
.s219-price{display:grid;gap:10px;padding:14px;margin:12px 0;border:1px solid var(--line,#d9e1ec);border-radius:14px;background:var(--card,#fff);color:var(--text,#172536)}
.s219-price>span,.s219-price small{color:var(--muted,#65748c);font-size:.86em;line-height:1.5}
.s219-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.s219-compare>div{display:grid;gap:4px;min-width:0}.s219-compare b{font-size:1.18em;overflow-wrap:anywhere}.s219-delta{font-size:1.15em;color:var(--blue,#3265df);border-top:1px solid var(--line,#d9e1ec);padding-top:10px}.s219-help{padding:12px;background:transparent;color:var(--text,#172536);border:1px solid var(--line,#d9e1ec);border-radius:12px}

/* V223: accepted before/after fare in the existing compact card price area. */
.s223-fee-change{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.28em;max-width:100%;line-height:1.35;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.s223-fee-before{font-size:.66em;font-weight:500;opacity:.75;text-decoration-thickness:1px}
.s223-fee-arrow{font-size:.65em;font-weight:500;opacity:.8}
.s223-fee-after{font:inherit;font-weight:850}
.s223-fee-label{font-size:.65em;font-weight:600;margin-right:.4em}
.s223-fee-note{display:block;font-size:.58em;font-weight:500;line-height:1.4}
.customer .cc188-price:has(.s223-fee-change){max-width:68%}
.customer .cc188-price>strong:has(.s223-fee-change){font-size:19px}
.driver .fee:has(.s223-fee-change){min-width:0;max-width:100%;white-space:normal}
@media(max-width:350px){.customer .cc188-price>strong:has(.s223-fee-change){font-size:17px}}

/* V253: compact, ordered waypoint editing in the existing change dialog. */
.s253-stops{margin:16px 0;padding:12px;border:1px solid var(--line,#d9e1ec);border-radius:14px;min-width:0}
.s253-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.s253-tools{display:flex;gap:5px}.s253-tools .btn{min-width:32px;padding:6px 9px}
.s253-stop{padding:12px 0;border-top:1px solid var(--line,#d9e1ec)}.s253-stop .row{margin-top:8px}.s253-stop input{min-width:0;max-width:100%;box-sizing:border-box}.s253-stop .row input{width:100%}.s253-stop>input{margin-top:6px}
.s216-diff del,.s216-diff strong{white-space:pre-line}

/* V254: bounded pre-assignment edit and explicit fare consent. */
.s254-pause{padding:12px;border-radius:12px;background:var(--field,#eef3ff);border:1px solid var(--line,#cad4e5);color:var(--text,#182438)}
.s254-pause p{margin:6px 0}.s254-agree{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0;line-height:1.6}.s254-agree input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px;flex:0 0 20px;margin-top:3px}.s254-agree span{min-width:0}