@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";body.job-view-page{font-family:Inter,sans-serif;line-height:1.36;background-color:#f8f8f8}.job-details-header{display:flex;align-items:center;gap:.5rem;padding-top:.5rem}.job-details-header h4{font-size:1.5rem;font-weight:600}.job-status-badge{flex-shrink:0;border-radius:9999px;padding:3px 15px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.5}.job-status-badge.status-ongoing{color:#ce301d;background-color:#ce301d26}.job-description{font-size:.875rem;color:#636363;line-height:1.5}.client-info{display:flex;align-items:center;gap:.5rem}.client-info .leading-6{line-height:1.5}.client-info .text-client-name{color:#ce301d}.job-meta-info{display:flex;align-items:center;gap:2.5rem;padding-top:.9375rem;padding-bottom:.9375rem;border-bottom:1px solid #D9D9D9}.job-meta-info-item{display:flex;align-items:center;gap:.5rem}.job-meta-info-item .leading-6{line-height:1.5}.job-details{padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center;gap:2.5rem}.job-detail-item .text-label{color:#696969}.job-detail-item .text-value{color:#000;margin-left:.25rem}.visit-card{border-radius:.5rem;border-top-width:7px;box-shadow:0 0 4px #00000040;background-color:#f8f8f8;padding:1.3125rem 1rem .8125rem;display:flex;flex-direction:column;font-size:.875rem}@media (min-width: 1024px){.visit-card{border-top-width:0;border-left-width:7px;flex-direction:row;padding-right:0}}@media (min-width: 1920px){.visit-card{padding-left:2.25rem;font-size:1rem}}.visit-number{border-radius:9999px;flex-shrink:0;width:2rem;height:2rem;border:2px solid black;display:flex;align-items:center;justify-content:center;align-self:center;margin-right:1rem;margin-bottom:.75rem}@media (min-width: 1024px){.visit-number{margin-bottom:0}}@media (min-width: 1536px){.visit-number{margin-right:2.25rem}}.visit-content{display:flex;flex-direction:column;gap:.5rem;border-bottom:2px solid #D9D9D9;padding-bottom:1.5rem;flex-grow:1}@media (min-width: 1024px){.visit-content{border-right:2px solid #D9D9D9;border-bottom:0;padding-right:2rem}}@media (min-width: 1920px){.visit-content{flex-direction:row;padding-right:4.125rem}}.visit-content-inner{display:flex;flex-direction:column;gap:1.5rem;flex-grow:1}.visit-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;flex-grow:1;justify-content:space-between}@media (min-width: 1920px){.visit-row{gap-x:1.5625rem}}.visit-field{min-width:9.375rem}.visit-field-label{font-size:.75rem;line-height:1.5;color:#696969}.visit-field-value{color:#000}.visit-field-grow{flex-grow:1}.visit-address{display:flex;align-items:center;gap:.375rem}.visit-address-text{color:#ce301d}.visit-file{border:1px solid #DBDBDB;border-radius:.375rem;padding:.25rem;display:flex;align-items:center;gap:.5rem}.visit-file-icon{width:2.25rem;height:2.25rem}.visit-file-info{font-size:.75rem;line-height:1;display:flex;flex-direction:column;gap:.5rem}.visit-file-meta{color:#787486}.visit-status{padding:.75rem 2rem;flex-grow:1;max-width:20.125rem;min-width:13.25rem}@media (min-width: 1024px){.visit-status{padding-top:0}}.visit-status-container{display:flex;flex-direction:column;gap:1rem}.visit-status-field-label{font-size:.75rem;line-height:1.5;color:#696969}.visit-status-value{display:flex;align-items:center;gap:.5rem}.visit-status-text{font-weight:500;line-height:1.5}.status-completed{color:#58b660}.status-assigned{color:#ed7d30}.status-planned{color:#771b1b}.visit-comment-value.completed{color:#ce301d}.driver-selector{display:flex;align-items:center}.driver-selector-label{font-size:.75rem;line-height:1.5;color:#696969;margin-right:.625rem}.driver-selector-container{position:relative;display:flex;align-items:center;border:1px solid #DBDBDB;background-color:#f8f8f8;border-radius:.375rem;min-width:28.5rem}.driver-selector-icon{position:absolute;top:50%;transform:translateY(-50%);left:.625rem}.driver-selector-avatar{width:1.25rem;height:1.25rem;border-radius:9999px;position:absolute;left:2.625rem;top:50%;transform:translateY(-50%)}.driver-selector-input{outline:none;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;padding:.5rem .75rem .5rem 4.4375rem;font-size:.75rem;font-weight:500;flex-grow:1;background-color:#f8f8f8}.driver-selector-input.no-avatar{padding-left:2.625rem}.driver-selector-map-btn{background-color:#dbdbdb;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;font-size:.75rem;display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem}