.shift-modal-body{flex-direction:column;gap:15px;font-family:Inter,sans-serif;display:flex}.shift-details-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shift-detail-card{background-color:#fff;border:1px solid #e7f0fd;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.shift-detail-icon-wrapper{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.shift-detail-icon-wrapper.start{color:#10b981;background-color:#ecfdf5;border:1px solid #d1fae5}.shift-detail-icon-wrapper.end{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.shift-detail-icon-wrapper.duration{color:#8b5cf6;background-color:#f5f3ff;border:1px solid #ede9fe}.shift-detail-text{flex-direction:column;display:flex}.shift-detail-label{color:#586a7f;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;line-height:12px}.shift-detail-value{color:#2c2f33;font-size:13px;font-weight:500;line-height:14px}.shift-location-bar{background-color:#fff;border:1px solid #e7f0fd;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:10px;display:flex}.shift-location-bar .icon{background:#eff6ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.shift-location-info{align-items:center;gap:12px;display:flex}.shift-location-icon{color:#0050d5;flex-shrink:0;font-size:24px}.shift-location-text{flex-direction:column;display:flex}.shift-location-title{color:#2c2f33;font-size:13px;font-weight:500;line-height:14px}.shift-location-address{color:#586a7f;margin-top:4px;font-size:12px;font-weight:400;line-height:12px}.shift-location-actions{gap:12px;display:flex}.shift-location-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.shift-location-btn.maps{color:#0050d5}.shift-location-btn.maps:hover{background-color:#eff6ff}.shift-location-btn.directions{color:#f97316}.shift-location-btn.directions:hover{background-color:#fff7ed}.shift-section-title{color:#64748b;letter-spacing:1px;text-transform:uppercase;margin-top:4px;margin-bottom:5px;font-size:12px;font-weight:800}.shift-individuals-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.shift-individual-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.shift-individual-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.shift-individual-info{flex-direction:column;display:flex}.shift-individual-name{color:#1e293b;font-size:14px;font-weight:700}.shift-individual-role{color:#64748b;margin-top:1px;font-size:11px;font-weight:600}.shift-requirements-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.shift-req-card{border:1px solid;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.shift-req-card.documentation{background-color:#eff6ff;border-color:#bfdbfe}.shift-req-card.vitals{background-color:#faf5ff;border-color:#e9d5ff}.shift-req-header{justify-content:space-between;align-items:center;display:flex}.shift-req-icon-container{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.shift-req-card.documentation .shift-req-icon-container{color:#2563eb;background-color:#dbeafe}.shift-req-card.vitals .shift-req-icon-container{color:#9333ea;background-color:#f3e8ff}.shift-req-badge{color:#fff;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}.shift-req-card.documentation .shift-req-badge{background-color:#0050d5}.shift-req-card.vitals .shift-req-badge{background-color:#9333ea}.shift-req-content{flex-direction:column;gap:2px;display:flex}.shift-req-title{color:#0f172a;font-size:18px;font-weight:800}.shift-req-subtitle{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}.shift-notice-banner{color:#b45309;text-align:center;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.shift-clock-in-action-container{justify-content:center;width:100%;display:flex}.shift-clock-in-submit-btn{color:#fff!important;text-transform:none!important;background-color:#0050d5!important;border-radius:8px!important;align-items:center!important;gap:8px!important;padding:12px 28px!important;font-size:14px!important;font-weight:700!important;transition:all .2s ease-in-out!important;display:flex!important;box-shadow:0 4px 12px #0050d533!important}.shift-clock-in-submit-btn:hover{background-color:#0043b8!important;box-shadow:0 6px 16px #0050d54d!important}.shift-clock-out-submit-btn{color:#fff!important;text-transform:none!important;background-color:#ef4444!important;border-radius:8px!important;align-items:center!important;gap:8px!important;padding:12px 28px!important;font-size:14px!important;font-weight:700!important;transition:all .2s ease-in-out!important;display:flex!important;box-shadow:0 4px 12px #ef444433!important}.shift-clock-out-submit-btn:hover{background-color:#dc2626!important;box-shadow:0 6px 16px #ef44444d!important}@media (max-width:768px){.shift-details-grid{grid-template-columns:1fr;gap:12px}.shift-location-bar{flex-direction:column;align-items:flex-start}.shift-location-actions{justify-content:flex-end;width:100%}.shift-individuals-grid,.shift-requirements-grid{grid-template-columns:1fr;gap:12px}}