.trip-type-icon{display:inline-block;flex-shrink:0;width:20px;height:20px;vertical-align:middle;background:currentColor;mask:var(--trip-type-icon) center/contain no-repeat;-webkit-mask:var(--trip-type-icon) center/contain no-repeat}
.trip-type-label{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.trip-type-icon-categories{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.trip-type-icon-categories [aria-pressed="true"]{color:#166789;background:#e9f6fb;border-color:#2385a8}.trip-type-selected-icon{display:flex;align-items:center;gap:8px;min-height:28px;margin-bottom:12px;color:#526a7c;font-size:12px}.trip-type-selected-icon .trip-type-icon{color:#2385a8}
#tripTypeMessage:empty{display:none}
.trip-type-dialog{width:min(820px,calc(100vw - 32px))}.trip-type-dialog-actions{display:flex;gap:10px;margin-left:auto}.trip-type-dialog-message{margin:12px 0 0;color:#b42318;font-size:13px}.trip-type-dialog-message:empty{display:none}
@media(max-width:640px){.trip-type-dialog{width:calc(100vw - 16px)}}
.trip-type-list{display:grid;gap:10px}.trip-type-row{display:flex;align-items:center;gap:12px;border:1px solid #dbe5ec;border-radius:10px;padding:13px}.trip-type-row .trip-type-icon{width:26px;height:26px;color:#2385a8}.trip-type-row .trip-type-text{flex:1}.trip-type-row small{display:block;color:#68788a;margin-top:4px}.trip-type-row.archived{opacity:.7}
.heroicon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:290px;overflow:auto;padding:4px}.heroicon-option{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:12px 4px;border:1px solid #dbe5ec;border-radius:9px;cursor:pointer;font-size:11px;text-align:center}.heroicon-option input{position:absolute;opacity:0;width:1px;height:1px}.heroicon-option:has(input:checked){color:#166789;background:#e9f6fb;border-color:#2385a8;box-shadow:0 0 0 1px #2385a8}.heroicon-option:focus-within{outline:2px solid #2385a8;outline-offset:2px}.heroicon-option .trip-type-icon{width:26px;height:26px}.heroicon-option[hidden]{display:none!important}
.settings-body[data-active-tab="trip-types"] .settings-grid{grid-template-columns:1fr}.settings-body[data-active-tab="trip-types"] .settings-grid>aside{display:none}.settings-body[data-active-tab="trip-types"] #saveCompanyButton{display:none}.settings-body[data-active-tab="trip-types"] #companyMessage{display:none}.settings-body[data-active-tab="trip-types"]>.settings-card-actions{display:none}.trip-type-edit-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}

#tripTypeEligibilityCard:has(#tripTypeEligibility[hidden]){display:none}.trip-type-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:none;border:0;text-align:left;color:inherit;cursor:pointer;padding:0}.trip-type-open:hover b{color:#166789}.trip-type-open:focus-visible{outline:2px solid #2385a8;outline-offset:5px}.trip-type-eligibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trip-type-eligibility-grid h3{font-size:15px;margin:0 0 12px}.trip-type-eligibility-grid h3 span{font-weight:normal;color:#68788a}.trip-type-member-list{max-height:340px;overflow:auto;border:1px solid #dbe5ec;border-radius:10px;margin-top:12px}.trip-type-member{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;border-bottom:1px solid #e7edf2}.trip-type-member:last-child{border-bottom:0}.trip-type-member:has(input:checked){background:#eef8fc}.trip-type-member input{accent-color:#2385a8;width:17px;height:17px;flex-shrink:0}.trip-type-member small{display:block;color:#68788a;font-size:12px;margin-top:3px}.trip-type-member[hidden]{display:none}.trip-type-member:has(input:disabled){opacity:.6}#tripTypeEligibilityTitle{display:flex;align-items:center;gap:8px}@media(max-width:640px){.trip-type-eligibility-grid{grid-template-columns:1fr}}
.trip-type-head-actions{display:flex;gap:8px;flex-wrap:wrap}.trip-type-eligibility-grid h3+.trip-type-requirement-list{margin-bottom:20px}.trip-type-requirements{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.trip-type-requirements li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #dbe5ec;border-radius:999px;font-size:13px;background:#f7fafc}.trip-type-requirement-kind{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#68788a}.trip-type-requirement-list .settings-note{margin:0}
a.trip-type-driver{color:inherit;text-decoration:none}a.trip-type-driver:hover b{color:#166789}.trip-type-driver-mark{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:#1f8a5b}.trip-type-driver-mark.is-override{background:#b7791f}.trip-type-member-list .trip-type-empty{margin:0;padding:12px}#tripTypeDriverGap:empty{display:none}

/* One editor for the type, its requirements, drivers, vehicles and optimization. */
.trip-type-summary { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.trip-type-summary b { overflow-wrap: anywhere; }
button.trip-type-selected-icon { gap: 12px; padding: 10px 14px; margin: 14px 0; border: 1px solid #dbe5ec; border-radius: 9px; background: #f7fafc; cursor: pointer; text-align: left; font: inherit; color: #166789; }
button.trip-type-selected-icon .trip-type-icon { width: 28px; height: 28px; }
button.trip-type-selected-icon small { display: block; margin-top: 3px; color: #68788a; font-size: 12px; }
button.trip-type-selected-icon:focus-visible { outline: 2px solid #2385a8; outline-offset: 2px; }
.trip-type-icon-dropdown { padding: 14px; margin-bottom: 18px; border: 1px solid #dbe5ec; border-radius: 10px; background: #f7fafc; }
.trip-type-icon-dropdown[hidden], .trip-type-editor-eligibility[hidden], #tripTypeRequirementList[hidden] { display: none !important; }
.trip-type-editor-eligibility { margin-top: 20px; }
.trip-type-editor-eligibility h3, #tripTypeRequirementList h3 { margin: 20px 0 10px; font-size: 15px; }
.trip-type-editor-eligibility h3 span { font-weight: normal; color: #68788a; }
.trip-type-editor-eligibility .trip-type-member-list { max-height: 220px; }
@media (max-width: 640px) { .trip-type-row { flex-wrap: wrap; }.trip-type-summary { flex-basis: 100%; } }
/* Up to 3 letters can stand in for the icon. */
.trip-type-icon-inputs { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 12px; align-items: end; }
#tripTypeIconLetters { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
#tripTypeIconLetters::placeholder { text-transform: none; letter-spacing: normal; font-weight: 400; }
#tripTypeIconLettersHint { margin: 6px 0 0; padding: 0; background: none; border: 0; color: #68788a; font-size: 12px; }
@media (max-width: 560px) { .trip-type-icon-inputs { grid-template-columns: 1fr; } }