.filter-panel .cases-duration-filter {
  grid-column: auto;
  grid-row: auto;
}

.filter-panel .cases-assignee-filter {
  grid-column: 5 / 7;
  grid-row: 2;
}

.filter-panel .cases-filter-submit {
  grid-column: auto;
  grid-row: auto;
}

.cases-quick-filter-panel {
  width: fit-content;
  max-width: 100%;
  margin: -5px 0 17px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.cases-quick-filter-panel .cases-mine-button {
  min-height: 36px;
  border: 1px solid var(--line-strong);
  color: #3f6573;
  background: #f6fafb;
  border-radius: 10px;
  padding: 0 13px;
  font-size: 10px;
  box-shadow: none;
}

.cases-quick-filter-panel .cases-mine-button:hover:not(:disabled) {
  color: var(--ink);
  background: #edf6f8;
}

.cases-quick-filter-panel .cases-mine-button.is-active {
  border-color: #2583a3;
  color: #17627d;
  background: #e8f5f8;
  box-shadow: 0 0 0 3px rgba(44, 130, 162, 0.1);
}

.case-item-meta .case-item-address {
  align-items: center;
  line-height: 1.4;
}

.case-item-meta .case-item-address svg {
  flex: 0 0 auto;
  align-self: center;
  margin-top: 0;
}

.cases-view .case-item-meta {
  align-self: stretch;
  align-content: center;
  grid-auto-rows: max-content;
}

.case-status-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 7px 4px 1px;
  color: #76909a;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-status-divider::before,
.case-status-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-strong);
}

.case-status-divider span {
  flex: 0 1 auto;
  text-align: center;
}

.case-client-label {
  width: min(100%, 430px);
  margin: -5px 0 7px;
  color: #78919b;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-client-quick-info {
  width: min(100%, 900px);
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  gap: 7px;
}

.case-client-quick-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 6px 9px;
  border: 1px solid #e0eaed;
  border-radius: 11px;
  color: #3f6573;
  background: #f8fbfc;
  text-decoration: none;
}

.case-client-quick-row > svg {
  width: 15px;
  color: var(--blue);
  justify-self: center;
}

.case-client-quick-row > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.case-client-quick-row small {
  color: #78919b;
  font-size: 8px;
}

.case-client-quick-row strong {
  overflow-wrap: anywhere;
  word-break: break-word;
  font-size: 10px;
}

a.case-client-quick-row:hover {
  border-color: #b8d7df;
  color: var(--ink);
  background: #eef7f9;
}

.case-client-quick-row.is-unavailable {
  color: #8197a0;
}

.results-summary strong {
  overflow-wrap: anywhere;
}

@media (max-width: 1320px) {
  .filter-panel > :nth-last-child(-n + 3) {
    grid-row: auto;
  }

  .filter-panel .cases-duration-filter {
    grid-column: 1;
    grid-row: 2;
  }

  .filter-panel .cases-assignee-filter {
    grid-column: 3 / 4;
    grid-row: 2;
  }

  .filter-panel .cases-filter-submit {
    grid-column: 4;
    grid-row: 2;
  }
}

@media (max-width: 1080px) {
  .cases-view .case-item-primary {
    grid-column: 1;
    grid-row: 1;
  }

  .cases-view .case-item-state {
    grid-column: 2;
    grid-row: 1;
  }

  .cases-view .case-item-arrow {
    grid-column: 3;
    grid-row: 1;
  }

  .cases-view .case-item-meta {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 14px;
    padding-top: 10px;
    border-top: 1px solid #e8eff1;
  }

  .cases-view .case-item {
    min-height: 132px;
  }
}

@media (max-width: 700px) {
  .case-client-quick-info {
    width: min(100%, 430px);
    grid-template-columns: minmax(0, 1fr);
  }

  .filter-panel .cases-duration-filter,
  .filter-panel .cases-assignee-filter,
  .filter-panel .cases-filter-submit {
    grid-column: 1;
    grid-row: auto;
  }

  .cases-quick-filter-panel {
    width: 100%;
    margin-top: -4px;
  }

  .cases-quick-filter-panel .cases-mine-button {
    width: 100%;
    min-height: 42px;
  }

  .cases-view .case-item-meta {
    grid-row: 3;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
  }

  .cases-view .case-item {
    min-height: 0;
  }

  .cases-view .case-item-state {
    grid-row: 2;
    grid-column: 1 / -1;
  }

  .cases-view .case-item-arrow {
    grid-row: 1;
    grid-column: 2;
  }

  .case-status-divider {
    gap: 8px;
    margin-inline: 0;
    font-size: 8px;
  }
}