/* Charter actions and mail composer follow the existing X-Route theme. */
html body .xr-trip-assignment.xr-assignment-company-only .xr-trip-assignment-fields{grid-template-columns:1fr!important;align-content:start!important;flex:0 0 auto!important}
html body .xr-trip-assignment.xr-assignment-company-only .xr-trip-assignment-row{border:0!important}
html:root body .xr-trip-assignment .xr-assignment-actions{display:flex;flex-wrap:wrap;gap:6px!important;padding:8px 10px!important;align-items:center!important;margin-top:auto;border-top:1px solid var(--xa-line)}
html:root body .xr-trip-assignment .xr-assignment-actions :is(button,a):not(#xr-charter-action-override):not(#xr-charter-action-override-2):not(#xr-charter-action-override-3){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:0!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:0 9px!important;margin:0!important;border:1px solid var(--xa-line)!important;border-radius:999px!important;background:var(--xa-bar)!important;color:var(--xa-text)!important;-webkit-text-fill-color:var(--xa-text)!important;font:600 10px/1 Inter,system-ui,sans-serif!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap!important}
html[data-theme=light]:root body .xr-trip-assignment .xr-assignment-actions :is(button,a):not(#xr-charter-action-override):not(#xr-charter-action-override-2):not(#xr-charter-action-override-3){background:#eaf0f4!important;border-color:#b9cedb!important;color:#294c62!important;-webkit-text-fill-color:#294c62!important}
#xrCharterMailDialog{width:min(720px,94vw)}
#xrCharterMailDialog form{margin:0}
#xrCharterMailDialog .xr-mail-body{padding:14px;display:grid;gap:12px;color:var(--xm-ink)}
#xrCharterMailDialog .xr-mail-body>label{display:grid;gap:5px;margin:0}
#xrCharterMailDialog :is(input:not([type=checkbox]),textarea){width:100%;padding:8px 10px;font:inherit;box-sizing:border-box}
#xrCharterMailDialog textarea{resize:vertical;min-height:140px}
#xrCharterMailDialog :is(p,h3){margin:0;color:inherit}
#xrCharterMailDialog fieldset{border:1px solid var(--xm-line);border-radius:8px;padding:10px;min-width:0;display:grid;gap:8px}
#xrCharterMailDialog [data-mail-documents]>label{display:flex;align-items:center;gap:8px;margin:5px 0}
#xrCharterMailDialog [data-mail-documents] input{width:auto;min-height:0}
#xrCharterMailDialog [data-mail-config]:not([hidden]){padding:10px;border:1px solid var(--xm-line);border-radius:6px;background:var(--xm-field)}
#xrCharterMailDialog .xr-modal-foot{display:flex;justify-content:flex-end;gap:8px;margin:0}
#xrCharterMailDialog :is([role=alert],.xr-mail-error){color:var(--xr-delete-ink,#b4232b)!important}
#xrCharterMailDialog .xr-mail-history{border-top:1px solid var(--xm-line);padding-top:12px;display:grid;gap:8px}
#xrCharterMailDialog .xr-mail-history details{padding:9px;border:1px solid var(--xm-line);border-radius:6px;overflow-wrap:anywhere}
#xrCharterMailDialog .xr-mail-history summary{cursor:pointer;font-weight:600}
#xrCharterMailDialog .xr-mail-history pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
#xrCharterMailDialog .xr-mail-history a{display:block;margin:5px 0}
#xrCharterMailDialog a{color:inherit;text-decoration:underline}
#xrEmailSettings{display:grid;gap:16px;max-width:1000px}
#xrEmailSettings form{display:grid;gap:12px}
#xrEmailSettings label{display:grid;gap:5px}
#xrEmailSettings label:has([type=checkbox]){display:flex;align-items:center;gap:8px}
#xrEmailSettings input[type=email]{width:min(100%,480px)}
#xrEmailSettings .xr-mail-dns{overflow:auto}
#xrEmailSettings td{overflow-wrap:anywhere;max-width:400px;white-space:normal}
#xrEmailSettings code{user-select:all;overflow-wrap:anywhere}
@media(max-width:480px){#xrCharterMailDialog .xr-modal-foot button{flex:1;white-space:normal}}

html body #xrCharterMailDialog[data-xr-modal] .xr-mail-body :is(p,label,legend,small,summary,pre,span){color:var(--xm-ink)!important}
html body #xrCharterMailDialog[data-xr-modal] .xr-mail-body :is([role=alert],.xr-mail-error){color:var(--xr-delete-ink,#b4232b)!important}