.messages {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid var(--mm-theme-line);
  border-left: 5px solid var(--mm-theme-ocean);
  border-radius: 10px;
  background: #f5fbfd;
}

.messages--error {
  border-left-color: #b42318;
  background: #fff1f0;
}

.messages--warning {
  border-left-color: #e6a83b;
  background: #fff9ed;
}

.button,
button,
input[type="submit"] {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid var(--mm-theme-deep);
  border-radius: 10px;
  background: var(--mm-theme-deep);
  color: #fff;
  font-weight: 750;
  cursor: pointer;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--mm-theme-ocean);
  color: #fff;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="number"],
select,
textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #aac8d3;
  border-radius: 10px;
  background: #fff;
}

textarea {
  min-height: 140px;
  resize: vertical;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--mm-theme-ink);
  font-weight: 700;
}

.form-item {
  margin-block: 0 18px;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

th,
td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--mm-theme-line);
  text-align: left;
}

th {
  background: #edf7fa;
  color: var(--mm-theme-ink);
}

.tabs ul,
ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.tabs a {
  display: block;
  padding: 8px 12px;
  border: 1px solid var(--mm-theme-line);
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
}

.tabs a.is-active {
  border-color: var(--mm-theme-deep);
  background: var(--mm-theme-deep);
  color: #fff;
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  list-style: none;
}

.breadcrumb li + li::before {
  margin-right: 7px;
  color: var(--mm-theme-muted);
  content: '/';
}