@media (max-width: 760px), (pointer: coarse) {
  body:not(.is-home):not(.is-locked) .mobile-head-main::before,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-head-main::before {
    display: none !important;
    content: none !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-actions-grid,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-actions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-card,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-card {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 9px !important;
    border-radius: 8px !important;
    text-align: left !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-card-main,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-card-main {
    grid-column: 1 / -1 !important;
    min-height: 62px !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-card em,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-card em {
    grid-row: 1 / span 2 !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-card em img,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-card em img {
    width: 22px !important;
    height: 22px !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-card strong,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-card strong {
    min-width: 0;
    font-size: 12px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-card span,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-card span {
    min-width: 0;
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-refresh-row,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-refresh-row {
    display: flex;
    justify-content: center;
    margin-top: 7px;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-refresh,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-refresh {
    min-width: 148px;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--brand);
    font-size: 12px;
    font-weight: 600;
  }

  body:not(.is-home):not(.is-locked) .task-toolbar,
  body.is-wecom-login:not(.is-home):not(.is-locked) .task-toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas: "date assignee" "status status" "refresh refresh" !important;
    align-items: center;
    gap: 6px !important;
  }

  body:not(.is-home):not(.is-locked) .task-toolbar-label,
  body.is-wecom-login:not(.is-home):not(.is-locked) .task-toolbar-label {
    display: none !important;
  }

  body:not(.is-home):not(.is-locked) .task-filter-date,
  body.is-wecom-login:not(.is-home):not(.is-locked) .task-filter-date {
    grid-area: date !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body:not(.is-home):not(.is-locked) .task-filter-assignee,
  body.is-wecom-login:not(.is-home):not(.is-locked) .task-filter-assignee {
    grid-area: assignee !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body:not(.is-home):not(.is-locked) .task-status-filters,
  body.is-wecom-login:not(.is-home):not(.is-locked) .task-status-filters {
    grid-area: status !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }

  body:not(.is-home):not(.is-locked) .task-status-filters .segment,
  body.is-wecom-login:not(.is-home):not(.is-locked) .task-status-filters .segment {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 2px !important;
    font-size: 10px !important;
    white-space: nowrap;
  }

  body:not(.is-home):not(.is-locked) #refreshTasksBtn,
  body.is-wecom-login:not(.is-home):not(.is-locked) #refreshTasksBtn {
    grid-area: refresh !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    justify-self: center !important;
    width: min(160px, 100%) !important;
    min-height: 34px !important;
    margin: 0 !important;
  }

  body.is-task-view #tasksView .task-page-panel,
  body.is-wecom-login.is-task-view #tasksView .task-page-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.is-checks-view #checkCalendar,
  body.is-wecom-login.is-checks-view #checkCalendar {
    padding: 8px !important;
  }

  body.is-checks-view .check-calendar-head,
  body.is-wecom-login.is-checks-view .check-calendar-head {
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
  }

  body.is-checks-view .check-calendar-head > div > strong,
  body.is-wecom-login.is-checks-view .check-calendar-head > div > strong {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.is-checks-view .check-calendar-head > div > span,
  body.is-wecom-login.is-checks-view .check-calendar-head > div > span {
    display: -webkit-box !important;
    max-width: 220px;
    margin-top: 2px;
    overflow: hidden;
    font-size: 9px !important;
    line-height: 1.25 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.is-checks-view .calendar-rate,
  body.is-wecom-login.is-checks-view .calendar-rate {
    padding: 4px 7px !important;
    border: 1px solid #f0d8d8;
    border-radius: 999px;
    background: #fbf1f1 !important;
    color: var(--brand) !important;
    font-size: 10px !important;
    line-height: 1.2;
    white-space: nowrap;
  }

  body.is-checks-view .check-calendar-week,
  body.is-wecom-login.is-checks-view .check-calendar-week {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    grid-auto-rows: 20px !important;
    gap: 2px !important;
  }

  body.is-checks-view .check-calendar-grid,
  body.is-wecom-login.is-checks-view .check-calendar-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: 30px !important;
    align-content: start !important;
    gap: 2px !important;
  }

  body.is-checks-view .check-calendar-day,
  body.is-wecom-login.is-checks-view .check-calendar-day {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 7px !important;
    line-height: 1 !important;
  }

  body.is-checks-view .check-calendar-day.selected,
  body.is-wecom-login.is-checks-view .check-calendar-day.selected {
    width: 30px !important;
    border-radius: 50% !important;
  }

  body.is-checks-view #refreshChecksBtn,
  body.is-wecom-login.is-checks-view #refreshChecksBtn {
    grid-column: 1 / -1 !important;
    justify-self: center;
    width: min(150px, 100%);
    min-height: 34px !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--brand) !important;
  }

  body.is-expenses-view #expensesView .expenses-page-panel > .panel-head,
  body.is-wecom-login.is-expenses-view #expensesView .expenses-page-panel > .panel-head {
    padding: 0 0 4px !important;
  }

  body.is-expenses-view #expensesView .expenses-page-panel > .panel-head .eyebrow,
  body.is-wecom-login.is-expenses-view #expensesView .expenses-page-panel > .panel-head .eyebrow {
    display: none;
  }

  body.is-expenses-view #expenseForm,
  body.is-wecom-login.is-expenses-view #expenseForm {
    gap: 6px !important;
  }

  body.is-expenses-view #expenseForm > label,
  body.is-wecom-login.is-expenses-view #expenseForm > label {
    gap: 3px !important;
    font-size: 11px !important;
  }

  body.is-expenses-view #expenseForm input:not([type="file"]),
  body.is-expenses-view #expenseForm select,
  body.is-wecom-login.is-expenses-view #expenseForm input:not([type="file"]),
  body.is-wecom-login.is-expenses-view #expenseForm select {
    min-height: 38px !important;
    padding: 6px 9px !important;
  }

  body.is-expenses-view #expenseForm #expenseNote,
  body.is-wecom-login.is-expenses-view #expenseForm #expenseNote {
    height: 56px !important;
    min-height: 56px !important;
    resize: vertical;
  }

  body.is-expenses-view #expenseForm .expense-photo-field,
  body.is-wecom-login.is-expenses-view #expenseForm .expense-photo-field {
    min-height: 76px !important;
    gap: 4px !important;
    padding: 6px !important;
  }

  body.is-expenses-view #expenseForm .expense-photo-prompt,
  body.is-wecom-login.is-expenses-view #expenseForm .expense-photo-prompt {
    min-height: 44px !important;
    padding: 4px 7px !important;
  }

  body.is-expenses-view #expenseForm > button,
  body.is-wecom-login.is-expenses-view #expenseForm > button {
    min-height: 42px !important;
    border-radius: 8px !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-tabbar,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-tabbar {
    position: fixed !important;
    z-index: 40 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    padding: 4px 8px calc(4px + env(safe-area-inset-bottom, 0px)) !important;
    transform: none !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-tab,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-tab {
    display: grid !important;
    grid-template-rows: 24px 14px !important;
    justify-items: center !important;
    align-content: center !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 2px 0 !important;
  }
}

@media (max-width: 760px), (pointer: coarse) {
  body.is-locked .login-flow-note,
  body.is-wecom-login.is-locked .login-flow-note {
    display: none !important;
  }
}

@media (pointer: coarse) and (min-width: 761px) {
  body.is-wecom-login:not(.is-home):not(.is-locked) .app-shell {
    display: block !important;
    width: min(100%, 390px) !important;
    min-height: 100vh;
    margin: 0 auto;
  }

  body.is-wecom-login:not(.is-home):not(.is-locked) .sidebar {
    display: none !important;
  }

  body.is-wecom-login:not(.is-home):not(.is-locked) .main {
    width: 100%;
    padding: 0 16px calc(112px + env(safe-area-inset-bottom, 0px));
  }

  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-app-head {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
  }

  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-tabbar {
    right: auto !important;
    left: 50% !important;
    width: min(100vw, 390px) !important;
    max-width: 640px !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 760px), (pointer: coarse) {
  body:not(.is-home):not(.is-locked) .mobile-app-head,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-app-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 35 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 6px 12px !important;
    overflow: visible !important;
    border-bottom: 1px solid var(--line) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: none !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-head-avatar,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-head-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-head-main,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-head-main {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-head-main::before,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-head-main::before {
    display: none !important;
    content: none !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-product-name,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-product-name {
    display: block !important;
    margin: 0 !important;
    color: var(--text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-head-sr-only,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-head-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-store-picker,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-store-picker {
    display: block !important;
    min-width: 0 !important;
    width: min(132px, 42vw) !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-store-picker select,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-store-picker select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 4px 22px 4px 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: var(--text) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-status > div,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-status > div {
    min-width: 0 !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-title,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-title {
    color: var(--text) !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
    overflow-wrap: break-word !important;
    word-break: keep-all !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-title #mobileWorkActor,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-title #mobileWorkActor {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: keep-all !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-refresh-row,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-refresh-row {
    min-height: 34px !important;
    margin-top: 8px !important;
  }

  body:not(.is-home):not(.is-locked) .mobile-work-refresh,
  body.is-wecom-login:not(.is-home):not(.is-locked) .mobile-work-refresh {
    box-sizing: border-box !important;
    width: min(160px, 100%) !important;
    min-height: 34px !important;
    height: 34px !important;
    max-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 18px !important;
    line-height: 1.2 !important;
  }

  body.is-logs-view #logsView .log-composer-panel,
  body.is-wecom-login.is-logs-view #logsView .log-composer-panel {
    overflow: visible !important;
    padding: 10px 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  body.is-logs-view #logsView .log-mobile-header,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-header {
    box-sizing: border-box !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--text) !important;
  }

  body.is-logs-view #logsView .log-mobile-heading h3,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-heading h3 {
    color: var(--text) !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  body.is-logs-view #logsView .log-mobile-heading p,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-heading p {
    color: var(--muted) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.is-logs-view #logsView #logForm,
  body.is-wecom-login.is-logs-view #logsView #logForm {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding-bottom: 0 !important;
  }

  body.is-logs-view #logsView .log-mobile-intro,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-intro {
    order: 0 !important;
    min-height: 16px !important;
    margin: 0 !important;
  }

  body.is-logs-view #logsView .log-mobile-intro h3,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-intro h3,
  body.is-logs-view #logsView .log-mobile-intro span,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-intro span {
    display: none !important;
  }

  body.is-logs-view #logsView .log-mobile-intro p,
  body.is-wecom-login.is-logs-view #logsView .log-mobile-intro p {
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.is-logs-view #logsView .log-category-picker,
  body.is-wecom-login.is-logs-view #logsView .log-category-picker {
    display: block !important;
    order: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  body.is-logs-view #logsView .log-category-picker legend,
  body.is-wecom-login.is-logs-view #logsView .log-category-picker legend {
    padding: 0 4px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  body.is-logs-view #logsView .log-category-options,
  body.is-wecom-login.is-logs-view #logsView .log-category-options {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 4px !important;
  }

  body.is-logs-view #logsView .log-category-options button,
  body.is-wecom-login.is-logs-view #logsView .log-category-options button {
    justify-content: center !important;
    gap: 4px !important;
    min-height: 34px !important;
    padding: 4px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    white-space: normal !important;
  }

  body.is-logs-view #logsView .log-category-options button img,
  body.is-wecom-login.is-logs-view #logsView .log-category-options button img {
    width: 16px !important;
    height: 16px !important;
  }

  body.is-logs-view #logsView .log-template-row,
  body.is-wecom-login.is-logs-view #logsView .log-template-row {
    display: grid !important;
    order: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 0 !important;
  }

  body.is-logs-view #logsView .log-template-row button,
  body.is-wecom-login.is-logs-view #logsView .log-template-row button {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 4px 6px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
  }

  body.is-logs-view #logsView .log-creator-field,
  body.is-wecom-login.is-logs-view #logsView .log-creator-field {
    order: 3 !important;
    margin: 0 !important;
  }

  body.is-logs-view #logsView .log-title-field,
  body.is-wecom-login.is-logs-view #logsView .log-title-field {
    order: 4 !important;
    margin: 0 !important;
  }

  body.is-logs-view #logsView .log-title-field input,
  body.is-wecom-login.is-logs-view #logsView .log-title-field input {
    min-height: 38px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  body.is-logs-view #logsView .log-content-field,
  body.is-wecom-login.is-logs-view #logsView .log-content-field {
    order: 5 !important;
  }

  body.is-logs-view #logsView .log-content-field textarea,
  body.is-wecom-login.is-logs-view #logsView .log-content-field textarea {
    box-sizing: border-box !important;
    min-height: 92px !important;
    height: 92px !important;
    padding: 10px 12px 30px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  body.is-logs-view #logsView .log-content-note,
  body.is-wecom-login.is-logs-view #logsView .log-content-note {
    left: 12px !important;
    bottom: 10px !important;
  }

  body.is-logs-view #logsView .log-content-count,
  body.is-wecom-login.is-logs-view #logsView .log-content-count {
    right: 12px !important;
    bottom: 10px !important;
  }

  body.is-logs-view #logsView .log-media-actions,
  body.is-wecom-login.is-logs-view #logsView .log-media-actions {
    display: grid !important;
    order: 6 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.is-logs-view #logsView .log-media-action,
  body.is-wecom-login.is-logs-view #logsView .log-media-action {
    box-sizing: border-box !important;
    min-height: 44px !important;
    padding: 6px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--text) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  body.is-logs-view #logsView .log-media-action img,
  body.is-wecom-login.is-logs-view #logsView .log-media-action img {
    width: 20px !important;
    height: 20px !important;
  }

  body.is-logs-view #logsView #logPhotoHint,
  body.is-wecom-login.is-logs-view #logsView #logPhotoHint {
    display: block !important;
    order: 7 !important;
    margin: -4px 0 0 !important;
    color: var(--muted) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.is-logs-view #logsView #logImagePreview,
  body.is-wecom-login.is-logs-view #logsView #logImagePreview {
    order: 8 !important;
    margin: 0 !important;
  }

  body.is-logs-view #logsView .log-bottom-actions,
  body.is-wecom-login.is-logs-view #logsView .log-bottom-actions {
    position: sticky !important;
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 30 !important;
    order: 9 !important;
    gap: 4px !important;
    margin: 4px -12px 0 !important;
    padding: 6px 12px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid var(--line) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -6px 16px rgba(25, 35, 40, 0.06) !important;
  }

  body.is-logs-view #logsView .log-draft-status,
  body.is-wecom-login.is-logs-view #logsView .log-draft-status {
    min-height: 22px !important;
    border-radius: 6px !important;
  }

  body.is-logs-view #logsView .log-bottom-actions .primary-btn,
  body.is-wecom-login.is-logs-view #logsView .log-bottom-actions .primary-btn {
    min-height: 42px !important;
    border-radius: 8px !important;
  }

  body.is-handover-view .handover-mobile-header,
  body.is-wecom-login.is-handover-view .handover-mobile-header {
    min-height: 64px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--text) !important;
  }

  body.is-handover-view .handover-mobile-header h3,
  body.is-wecom-login.is-handover-view .handover-mobile-header h3 {
    color: var(--text) !important;
    font-size: 18px !important;
  }

  body.is-handover-view .handover-mobile-header p,
  body.is-wecom-login.is-handover-view .handover-mobile-header p {
    color: var(--muted) !important;
  }

  body.is-handover-view .handover-back-btn,
  body.is-wecom-login.is-handover-view .handover-back-btn {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--brand) !important;
  }

  body.is-handover-view .handover-back-btn img,
  body.is-wecom-login.is-handover-view .handover-back-btn img {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
  }

  body.is-mine-view #mineView .mine-hero,
  body.is-wecom-login.is-mine-view #mineView .mine-hero {
    min-height: 84px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  body.is-mine-view #mineView .mine-grid,
  body.is-wecom-login.is-mine-view #mineView .mine-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.is-mine-view #mineView .mine-card,
  body.is-wecom-login.is-mine-view #mineView .mine-card {
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.is-mine-view #mineView .mine-card strong,
  body.is-wecom-login.is-mine-view #mineView .mine-card strong {
    font-size: 14px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  body.is-mine-view #mineView .mine-card p,
  body.is-wecom-login.is-mine-view #mineView .mine-card p {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  body.is-mine-view #mineView .mine-card:nth-child(3),
  body.is-wecom-login.is-mine-view #mineView .mine-card:nth-child(3),
  body.is-mine-view #mineView .mine-actions-card,
  body.is-wecom-login.is-mine-view #mineView .mine-actions-card {
    grid-column: 1 / -1 !important;
  }

  body.is-mine-view #mineView .mine-actions-card,
  body.is-wecom-login.is-mine-view #mineView .mine-actions-card {
    padding: 12px !important;
  }

  body.is-mine-view #mineView .mine-actions,
  body.is-wecom-login.is-mine-view #mineView .mine-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 8px !important;
    border-top: 1px solid var(--line) !important;
  }

  body.is-mine-view #mineView .mine-actions button,
  body.is-wecom-login.is-mine-view #mineView .mine-actions button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 6px 24px 6px 4px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: var(--text) !important;
    font-size: 13px !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  body.is-mine-view #mineView .mine-actions button::after,
  body.is-wecom-login.is-mine-view #mineView .mine-actions button::after {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 16px;
    height: 16px;
    background: url("/assets/figma-task-hint-arrow.svg") center / contain no-repeat;
    content: "";
    transform: translateY(-50%);
  }

  body.is-mine-view #mineView .mine-actions .primary-btn,
  body.is-wecom-login.is-mine-view #mineView .mine-actions .primary-btn {
    justify-content: center !important;
    min-height: 44px !important;
    margin: 8px 0 4px !important;
    padding: 6px 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--brand) !important;
    color: #fff !important;
  }

  body.is-mine-view #mineView .mine-actions .primary-btn::after,
  body.is-wecom-login.is-mine-view #mineView .mine-actions .primary-btn::after {
    display: none !important;
  }

  #supportBubble {
    width: 38px !important;
    height: 38px !important;
    z-index: 84 !important;
  }

  #supportBubble .support-toggle {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }

  #supportBubble .support-icon {
    width: 28px !important;
    height: 28px !important;
  }

  #supportBubble .support-label,
  #supportBubble .support-caret {
    display: none !important;
  }

  #checkTemplatesSection {
    scroll-margin-top: 72px;
  }
}

body.is-wecom-login #supportBubble {
  width: 38px !important;
  height: 38px !important;
  z-index: 84 !important;
}

body.is-wecom-login #supportBubble .support-toggle {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

body.is-wecom-login #supportBubble .support-icon {
  width: 28px !important;
  height: 28px !important;
}

body.is-wecom-login #supportBubble .support-label,
body.is-wecom-login #supportBubble .support-caret {
  display: none !important;
}

@media (max-width: 375px) and (max-height: 780px) {
  body.is-logs-view #logsView .log-content-field textarea,
  body.is-wecom-login.is-logs-view #logsView .log-content-field textarea {
    min-height: 84px !important;
    height: 84px !important;
  }

  body.is-logs-view #logsView .log-bottom-actions,
  body.is-wecom-login.is-logs-view #logsView .log-bottom-actions {
    padding-top: 4px !important;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.is-logs-view #logsView .log-draft-status,
  body.is-wecom-login.is-logs-view #logsView .log-draft-status {
    min-height: 18px !important;
  }
}

@media (max-width: 760px), (pointer: coarse) {
  body:not(.is-home):not(.is-locked) #toast {
    z-index: 90;
    right: auto;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    left: 50%;
    max-width: calc(100vw - 32px);
    text-align: center;
    transform: translate(-50%, 12px);
  }

  body:not(.is-home):not(.is-locked) #toast.show {
    transform: translate(-50%, 0);
  }

  body.is-checks-view #checkSummary:empty,
  body.is-checks-view #checkCalendar:empty,
  body.is-wecom-login.is-checks-view #checkSummary:empty,
  body.is-wecom-login.is-checks-view #checkCalendar:empty {
    display: none !important;
  }
}