/* [project]/src/components/driver/home-status-card.module.css [app-client] (css) */
.home-status-card-module__O8EkCW__status {
  flex: 0 0 calc(148px * var(--driver-text-scale));
  height: calc(148px * var(--driver-text-scale));
  width: 100%;
  position: relative;
}

.home-status-card-module__O8EkCW__identity {
  color: #fff;
  height: calc(80px * var(--driver-text-scale));
  background: linear-gradient(90deg, #53a0fe 0%, #53a0fe66 100%);
  border-radius: 16px 16px 0 0;
  align-items: center;
  gap: 8px;
  width: calc(100% - 48px);
  padding: 8px;
  display: flex;
  position: absolute;
  top: 0;
  left: 24px;
  box-shadow: 0 4px 8px #2a50c266;
}

.home-status-card-module__O8EkCW__avatar {
  border: 1px solid #fff;
  border-radius: 48px;
  flex: 0 0 64px;
  justify-content: center;
  align-items: center;
  height: 64px;
  display: flex;
  overflow: hidden;
}

.home-status-card-module__O8EkCW__avatar svg {
  width: 32px;
  height: 32px;
}

.home-status-card-module__O8EkCW__identityCopy {
  height: calc(48px * var(--driver-text-scale));
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: auto;
  min-width: 0;
  padding: 0 8px;
  display: flex;
}

.home-status-card-module__O8EkCW__nameLine, .home-status-card-module__O8EkCW__roleLine {
  align-items: center;
  min-width: 0;
  display: flex;
}

.home-status-card-module__O8EkCW__nameLine {
  height: calc(20px * var(--driver-text-scale));
  gap: 4px;
}

.home-status-card-module__O8EkCW__nameLine strong {
  font-size: calc(16px * var(--driver-text-scale));
  line-height: calc(20px * var(--driver-text-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 191px;
  overflow: hidden;
}

.home-status-card-module__O8EkCW__nameLine span, .home-status-card-module__O8EkCW__roleLine > span {
  font-size: calc(14px * var(--driver-text-scale));
  line-height: calc(18px * var(--driver-text-scale));
  white-space: nowrap;
}

.home-status-card-module__O8EkCW__roleLine > span {
  text-overflow: ellipsis;
  flex: 0 auto;
  min-width: 0;
  overflow: hidden;
}

.home-status-card-module__O8EkCW__roleLine {
  height: calc(24px * var(--driver-text-scale));
  gap: 8px;
}

.home-status-card-module__O8EkCW__availability {
  font-size: calc(12px * var(--driver-text-scale));
  line-height: calc(16px * var(--driver-text-scale));
  white-space: nowrap;
  background: #00b73f;
  border-radius: 12px;
  padding: 4px 12px;
}

.home-status-card-module__O8EkCW__availability span {
  height: calc(16px * var(--driver-text-scale));
  line-height: calc(16px * var(--driver-text-scale));
  display: block;
}

.home-status-card-module__O8EkCW__availability[data-state="active"] {
  background: #4169e1;
}

.home-status-card-module__O8EkCW__availability[data-state="off"] {
  background: #f1592a;
}

.home-status-card-module__O8EkCW__summary {
  color: #fff;
  height: calc(52px * var(--driver-text-scale));
  left: 24px;
  top: calc(80px * var(--driver-text-scale));
  background: linear-gradient(90deg, #53a0fe 0%, #53a0fe66 100%), #fff3;
  border-radius: 0 0 16px 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: calc(100% - 48px);
  padding: 8px;
  display: grid;
  position: absolute;
  box-shadow: 0 4px 8px #2a50c266;
}

.home-status-card-module__O8EkCW__summaryItem {
  height: calc(36px * var(--driver-text-scale));
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 0 12px;
  display: flex;
  position: relative;
}

.home-status-card-module__O8EkCW__summaryItem + .home-status-card-module__O8EkCW__summaryItem {
  position: relative;
}

.home-status-card-module__O8EkCW__summaryItem + .home-status-card-module__O8EkCW__summaryItem:before {
  content: "";
  height: calc(36px * var(--driver-text-scale));
  background: #fff;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.home-status-card-module__O8EkCW__summaryCopy {
  height: calc(36px * var(--driver-text-scale));
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.home-status-card-module__O8EkCW__summaryCopy small {
  font-size: calc(10px * var(--driver-text-scale));
  line-height: calc(14px * var(--driver-text-scale));
}

.home-status-card-module__O8EkCW__summaryCopy strong {
  font-size: calc(14px * var(--driver-text-scale));
  line-height: calc(18px * var(--driver-text-scale));
  white-space: nowrap;
}

@media (max-width: 399px) {
  .home-status-card-module__O8EkCW__nameLine span {
    display: none;
  }

  .home-status-card-module__O8EkCW__summaryItem {
    gap: 8px;
    padding: 0 8px;
  }

  .home-status-card-module__O8EkCW__summaryItem:first-child .home-status-card-module__O8EkCW__summaryCopy strong {
    font-size: calc(13px * var(--driver-text-scale));
  }

  .home-status-card-module__O8EkCW__arrow {
    right: 8px;
  }
}

.home-status-card-module__O8EkCW__arrow {
  position: absolute;
  top: 14px;
  right: 16px;
}

/* [project]/src/components/driver/mobile-header.module.css [app-client] (css) */
.mobile-header-module__LGZzIW__header {
  aspect-ratio: 440 / 72;
  object-fit: contain;
  background: none;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.mobile-header-module__LGZzIW__artwork {
  object-fit: contain;
}

/* [project]/src/features/home/home-screen.module.css [app-client] (css) */
.home-screen-module__db0noq__viewport {
  height: calc(100dvh - var(--driver-bottom-nav-height));
  background-color: #f2f2f2;
  flex-direction: column;
  width: min(100%, 440px);
  min-height: 0;
  margin: 0 auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-screen-module__db0noq__viewport:before {
  content: "";
  pointer-events: none;
  background-image: url("/assets/driver/figma/driver-header-background.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: calc(min(16.3636vw, 72px) + 148px);
  position: absolute;
  inset: 0 0 auto;
}

.home-screen-module__db0noq__viewport > * {
  z-index: 1;
  position: relative;
}

.home-screen-module__db0noq__content {
  overscroll-behavior: contain;
  background: #f2f2f2;
  flex: auto;
  min-height: 0;
  padding: 16px;
  overflow-y: auto;
}

.home-screen-module__db0noq__menuList {
  gap: 8px;
  display: grid;
}

.home-screen-module__db0noq__menuCard {
  aspect-ratio: 408 / 72;
  border-radius: 16px;
  width: 100%;
  max-width: 408px;
  height: auto;
  display: block;
  position: relative;
}

.home-screen-module__db0noq__menuArtwork {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.home-screen-module__db0noq__count {
  color: #4169e1;
  font-size: calc(12px * var(--driver-text-scale));
  height: 41.6667%;
  line-height: calc(16px * var(--driver-text-scale));
  background: #e9edfc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 7.35294%;
  display: flex;
  position: absolute;
  top: 29.1667%;
  left: 79.1667%;
  right: auto;
}

.home-screen-module__db0noq__count[data-tone="green"] {
  color: #00b73f;
  background: #e0f6e8;
}

.home-screen-module__db0noq__count[data-tone="purple"] {
  color: #7132ca;
  background: #eee6f9;
}

.home-screen-module__db0noq__count[data-tone="orange"] {
  color: #e19e00;
  background: #fbf3e0;
}

.home-screen-module__db0noq__count > span {
  text-align: center;
  min-width: 7px;
}

.home-screen-module__db0noq__content h1 {
  aspect-ratio: 408 / 20;
  width: 100%;
  max-width: 408px;
  height: auto;
  margin: 16px 0;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.home-screen-module__db0noq__assignmentHeadingArtwork {
  object-fit: contain;
  width: 100%;
  height: auto;
  display: block;
}

.home-screen-module__db0noq__emptyCard {
  width: 100%;
  max-width: 408px;
  height: 162px;
  position: relative;
  overflow: visible;
}

.home-screen-module__db0noq__emptyArtwork {
  width: calc(100% + 16px);
  max-width: 424px;
  height: 178px;
  position: absolute;
  top: -4px;
  left: -8px;
}

.home-screen-module__db0noq__assignmentCard {
  background: #fff;
  border-radius: 16px;
  gap: 16px;
  width: 100%;
  max-width: 408px;
  height: 106px;
  padding: 12px;
  display: flex;
  box-shadow: 0 1px 2px #0a1a2b0d, 0 4px 8px #7fa8b41a;
}

.home-screen-module__db0noq__assignmentIcon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  overflow: hidden;
}

.home-screen-module__db0noq__assignmentIcon img {
  width: 408px;
  max-width: none;
  height: 72px;
  position: absolute;
  top: -16px;
  left: -16px;
}

.home-screen-module__db0noq__assignmentCopy {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  height: 82px;
  display: flex;
}

.home-screen-module__db0noq__assignmentMeta {
  justify-content: space-between;
  align-items: center;
  height: 24px;
  display: flex;
}

.home-screen-module__db0noq__assignmentMeta strong {
  color: #e19e00;
  font-size: calc(12px * var(--driver-text-scale));
  line-height: calc(16px * var(--driver-text-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #e19e001f;
  border-radius: 4px;
  max-width: 220px;
  padding: 4px 8px;
  overflow: hidden;
}

.home-screen-module__db0noq__assignmentStatusLabel {
  height: 16px;
  line-height: calc(16px * var(--driver-text-scale));
  display: block;
}

.home-screen-module__db0noq__assignmentMeta time {
  font-size: calc(12px * var(--driver-text-scale));
  line-height: calc(16px * var(--driver-text-scale));
  white-space: nowrap;
}

.home-screen-module__db0noq__route {
  font-size: calc(12px * var(--driver-text-scale));
  height: 32px;
  line-height: calc(16px * var(--driver-text-scale));
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.home-screen-module__db0noq__service {
  color: #4169e1;
  font-size: calc(14px * var(--driver-text-scale));
  line-height: calc(18px * var(--driver-text-scale));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.home-screen-module__db0noq__srOnly {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

/*# sourceMappingURL=src_074temg._.css.map*/