/* One column per field: number, type, location, action, reference, TAR, validity. */
html body.xroute-new-trip .xr-route-card .xroute-route-grid{overflow-x:auto!important}
html body.xroute-new-trip .xr-route-card :is(.xr-route-head,.xroute-stop){display:grid!important;grid-template-columns:26px 118px minmax(190px,1fr) 32px 170px 100px minmax(280px,1.2fr)!important;gap:7px!important;align-items:center!important;min-width:980px!important;width:100%!important;box-sizing:border-box!important;padding:7px 8px!important}
html body.xroute-new-trip .xr-route-card .xroute-stop :is(.xr-route-clear,.xr-generic-clear){display:none!important}
html body.xroute-new-trip .xr-route-card .xroute-stop::after{content:none!important}
html body.xroute-new-trip .xr-route-card .xroute-stop-num::before,html body.xroute-new-trip .xr-route-card .xroute-stop-num::after{content:none!important}
html body.xroute-new-trip .xr-route-card .xroute-stop .xroute-stop-kind>i{border:0!important;background:transparent!important;box-shadow:none!important;width:18px!important;height:18px!important;min-width:18px!important;font-size:14px!important}
#xrHcnContainerMini{display:none!important}
html body.xroute-new-trip .xr-route-card .xroute-stop-num{grid-column:1!important;grid-row:1!important}
html body.xroute-new-trip .xr-route-card .xroute-stop-kind{grid-column:2!important;grid-row:1!important}
html body.xroute-new-trip .xr-route-card .xr-location-wrap{grid-column:3!important;grid-row:1!important;min-width:0!important;width:100%!important}
html body.xroute-new-trip .xr-route-card .xr-route-head>:nth-child(4),html body.xroute-new-trip .xr-route-card .xr-route-head>:nth-child(5){display:none!important}
html body.xroute-new-trip .xr-route-card .xr-route-head>:nth-child(6){display:block!important;grid-column:5!important}
html body.xroute-new-trip .xr-route-card .xr-route-head>.xr-hcn-head-tar{grid-column:6!important}
html body.xroute-new-trip .xr-route-card .xr-route-head>.xr-hcn-head-validity{grid-column:7!important}
html body.xroute-new-trip .xr-route-card .xroute-stop>:is(input[type=date],input[type=time],.xr-generic-clear-wrap:has(>input[type=date]),.xr-generic-clear-wrap:has(>input[type=time])){display:none!important}
html body.xroute-new-trip .xr-route-card .xroute-stop>:is(.xroute-ref,.xr-hcn-reference-cell,.xr-generic-clear-wrap:has(>.xroute-ref),.xr-picker-clear-wrap:has(>.xroute-ref)){display:block!important;grid-column:5!important;grid-row:1!important;width:100%!important;max-width:none!important;min-width:0!important}
html body.xroute-new-trip .xr-route-card .xr-hcn-reference-cell .xroute-ref{width:100%!important;min-width:0!important}
html body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell{display:flex!important;grid-column:6!important;grid-row:1!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:32px!important;padding:0 8px!important;border-radius:6px!important;border:1px solid #cbd4d8!important;background:#f7f9fa!important;color:#647580!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;font-size:10px!important;white-space:nowrap!important}
html body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell[data-state=accepted]{border-color:#69bd83!important;background:#f3fbf5!important;color:#087332!important}
html body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell[data-state=error]{border-color:#df626b!important;background:#fff7f7!important;color:#b51f2a!important}
html body.xroute-new-trip .xr-route-card .xroute-stop>.xr-hcn-route-row{display:contents!important}
html body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-route-row>.xr-hcn-tar-validity{display:block!important;grid-column:7!important;grid-row:1!important;min-width:0!important;min-height:32px!important;margin:0!important;padding:7px 9px!important;border:1px solid #cbd4d8!important;border-radius:6px!important;background:#f7f9fa!important;color:#435b68!important;font-size:9px!important;box-sizing:border-box!important;line-height:16px!important;overflow-wrap:anywhere!important}
html body.xroute-new-trip .xr-route-card .xr-hcn-tar-validity b{font-size:9px!important}
html body.xroute-new-trip .xr-route-card .xr-hcn-action-feedback{display:block;font-size:9px;line-height:1.4;color:inherit}
html body.xroute-new-trip .xr-route-card .xroute-stop .xr-hcn-action-group{display:flex!important;grid-column:4!important;grid-row:1!important;margin:0!important;align-items:center!important;justify-content:center!important}
html body.xroute-new-trip .xr-route-card .xr-hcn-route-action{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:1px solid #d6ad54!important;border-radius:5px!important;background:#fff7df!important;color:#946600!important}
html body.xroute-new-trip .xr-route-card .xr-hcn-route-action.done{border-color:#69bd83!important;background:#f3fbf5!important;color:#087332!important}
html body.xroute-new-trip .xr-route-card .xr-hcn-route-action:disabled{opacity:.6;cursor:wait}
html[data-theme=dark] body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell,html[data-theme=dark] body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-route-row>.xr-hcn-tar-validity{background:#171c1e!important;color:#c8d0d3!important;border-color:#3d494e!important}
html[data-theme=dark] body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell[data-state=accepted]{background:#153d25!important;color:#63dc83!important;border-color:#397b4d!important}
html[data-theme=dark] body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell[data-state=error]{background:#461a1d!important;color:#ff999f!important;border-color:#b75059!important}

/* Empty legacy heading cells must not push TAR/validity onto a second row. */
html body.xroute-new-trip .xr-route-card .xr-route-head{height:20px!important;min-height:0!important;padding:0 8px!important;margin:0 0 4px!important;grid-template-rows:20px!important}
html body.xroute-new-trip .xr-route-card .xr-route-head>span:empty{display:none!important}
html body.xroute-new-trip .xr-route-card .xr-route-head>span{grid-row:1!important;white-space:nowrap!important;line-height:20px!important}

/* TAR-less or unapproved live notifications require attention. */
html body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell[data-state=pending]{border-color:#df626b!important;background:#fff7f7!important;color:#b51f2a!important}
html[data-theme=dark] body.xroute-new-trip .xr-route-card .xroute-route-grid>.xroute-stop>.xr-hcn-tar-cell[data-state=pending]{background:#461a1d!important;color:#ff999f!important;border-color:#b75059!important}
html body.xroute-new-trip .xr-route-card .xr-route-head[data-portbase-eligible=false]>.xr-hcn-head-tar,
html body.xroute-new-trip .xr-route-card .xr-route-head[data-portbase-eligible=false]>.xr-hcn-head-validity{display:none!important}

/* Use the same approval/attention colours for TARs and notification buttons. */
html body #tripForm .xr-route-card :is(.xr-hcn-route-action,.xr-hcn-tar-cell)[data-state=accepted]{border-color:#69bd83!important;background:#f3fbf5!important;color:#087332!important;-webkit-text-fill-color:currentColor!important}
html body #tripForm .xr-route-card :is(.xr-hcn-route-action,.xr-hcn-tar-cell):is([data-state=error],[data-state=pending]){border-color:#df626b!important;background:#fff0f1!important;color:#b51f2a!important;-webkit-text-fill-color:currentColor!important}
html[data-theme=dark] body #tripForm .xr-route-card :is(.xr-hcn-route-action,.xr-hcn-tar-cell)[data-state=accepted]{background:#153d25!important;color:#63dc83!important;border-color:#397b4d!important}
html[data-theme=dark] body #tripForm .xr-route-card :is(.xr-hcn-route-action,.xr-hcn-tar-cell):is([data-state=error],[data-state=pending]){background:#461a1d!important;color:#ff999f!important;border-color:#b75059!important}