/* Fleet profile controls */
.asset-page-link-button,.asset-page-unlink-button{min-height:42px;padding:8px 16px;border:1px solid #d3e0f3;border-radius:10px;background:#fff;color:#173e70;font:inherit;font-weight:700;cursor:pointer}
.asset-page-link-button:hover,.asset-page-unlink-button:hover{background:#eef5ff}
.asset-page-unlink-button{color:#a73333;border-color:#f0caca}
.asset-page-unlink-button:hover{background:#fff1f1}
.asset-page-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.asset-page-details dd bdi,.asset-page-hero h1 bdi{unicode-bidi:isolate;direction:ltr;display:inline-block}
.asset-page-details dd,.asset-page-hero h1{text-align:start}

/* Floating city and truck type menus must not resize route dialogs. */
.fleet-overlay:has(.route-truck-dropdown) .fleet-modal,
.cw-overlay:has(.route-truck-dropdown) .cw-modal{overflow:visible}
.fleet-overlay:has(.route-truck-dropdown) .fleet-form,
.cw-overlay:has(.route-truck-dropdown) .cw-modal-body{overflow:visible}
.route-truck-dropdown{position:relative}
.route-truck-dropdown[open]{z-index:5500}
.route-truck-options{position:absolute;top:calc(100% + 5px);inset-inline:0;z-index:5501;max-height:230px;border:1px solid #d6e0ee;border-radius:10px;box-shadow:0 16px 35px #10213b30}
.city-picker input{min-height:52px;border:1px solid #d2dff0;border-radius:10px;padding:12px 14px;background:#fff;color:#243b58;font:inherit}
.city-picker input:focus{outline:2px solid #8bb6ef;outline-offset:1px}
.fleet-overlay:has(.city-picker) .fleet-modal,.cw-overlay:has(.city-picker) .cw-modal{overflow:visible}
.fleet-overlay:has(.city-picker) .fleet-form,.cw-overlay:has(.city-picker) .cw-modal-body{overflow:visible}
@media(min-width:721px){.nested-modal-card:has(.city-picker),.nested-modal-card:has(.city-picker) .nested-scroll{overflow:visible}}

/* Table values remain interactive without looking like navigation links. */
table tbody td a,table tbody td a:visited,table tbody td button.trip-number-button,table tbody td button.cw-link,
.asset-info a,.asset-page-details a,.asset-page-assignment a,.fleet-detail a{color:inherit!important;text-decoration:none!important}
table tbody td a:hover,table tbody td button.trip-number-button:hover,table tbody td button.cw-link:hover{text-decoration:none!important;color:inherit!important}
table tbody td [dir="ltr"],.asset-info [dir="ltr"]{text-align:start}
.asset-table.drivers tbody td:nth-child(3),.asset-table.drivers tbody td:nth-child(4),.asset-table.vehicles tbody td:first-child{text-align:center}
.asset-table.drivers tbody td:nth-child(4) a,.asset-table.vehicles tbody td:first-child a{display:inline-block;direction:ltr}
.asset-menu{position:relative;z-index:5}
.asset-menu[open]{z-index:6000}
.asset-menu>div{z-index:6001}
.asset-scroll,.fleet-table-card,.asset-dialog{overflow:visible}

/* RTL submenu hierarchy. */
.shahin-nav .nav-group > button.nav-child:not(.nav-group-toggle){position:relative;min-height:44px!important;width:calc(100% - 36px)!important;margin:2px 0 2px 0!important;margin-inline-start:36px!important;padding:8px 14px!important;font-size:12px!important;border-radius:9px}

/* Trip's primary action uses the same semantic color family as its status. */
.trip-quick-action{min-height:42px;padding:8px 16px;border:1px solid currentColor;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.trip-quick-action.status-new,.trip-quick-action.status-approved{color:#896000;background:#fff4d5}
.trip-quick-action.status-assigned{color:#14508e;background:#e8f2ff}
.trip-quick-action.status-loaded{color:#795198;background:#f2eafa}
.trip-quick-action.status-delivered,.trip-quick-action.status-invoiced,.trip-quick-action.status-collected{color:#08774c;background:#e6f7ee}
@media(max-width:700px){.trip-quick-action{max-width:150px;white-space:normal}}