/* compiled by scssphp 1.12.1 on Tue, 14 Oct 2025 19:03:11 +0000 (0.0957s) */

/* BUTTONS */
:root {
  --light-blue: #edeff9;
  --tags-background-color: #E4E4E4;
  --action-delete-color: #e53935;
  --action-delete-background-color: #fbeaea;
}
a.btn.plain {
  padding: 0px 8px;
  border: 1px solid transparent;
}
a.btn.plain .x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
  margin-right: 0;
}
a.btn.plain .icon {
  --icon-size: 16px;
  background: transparent;
}
a.btn.plain .icon::after {
  --icon-color: #333333;
}
a.btn.plain .x-btn-inner {
  color: #333333;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  padding: 0 4px 0px 4px;
}
.listings-panel > .x-panel-bodyWrap > .x-panel-body > .x-box-inner {
  min-height: 100% !important;
}
.listings-panel .listings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.listings-panel .listings .list-item {
  display: flex;
  --unactive-icon-color: #aaa;
  --active-icon-color: #14851e;
}
.listings-panel .listings .list-item .col {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.listings-panel .listings .list-item .row {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.listings-panel .listings .list-item .icon {
  background: transparent;
}
.listings-panel .listings .list-item .icon::after {
  background: var(--unactive-icon-color);
}
.listings-panel .listings .list-item .icon.active::after {
  background: var(--active-icon-color);
}
.listings-panel .listings .list-item .tags .tag {
  padding: 3px 8px;
  background: var(--tags-background-color);
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
  display: inline-flex;
}
.listings-panel.flex-row .listings {
  flex-direction: row;
  flex-wrap: wrap;
}
.listings-panel.flex-row .listings .card {
  --card-height: 400px;
  width: 300px;
  box-sizing: border-box;
  padding: 12px;
  min-height: var(--card-height);
  max-height: var(--card-height);
  border: 1px solid var(--light-blue);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.listings-panel.flex-row .listings .card .top-bar {
  display: flex;
  flex-direction: row-reverse;
  gap: 4px;
}
.listings-panel.flex-row .listings .card .top-bar .more {
  cursor: pointer;
}
.listings-panel.flex-row .listings .card .header .picture {
  text-align: center;
  cursor: pointer;
}
.listings-panel.flex-row .listings .card .header .picture img {
  max-width: 100%;
  max-height: 250px;
  object-fit: cover;
}
.listings-panel.flex-row .listings .card .header .picture:hover {
  opacity: 0.3;
}
.listings-panel.flex-row .listings .card .body .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.listings-panel.flex-row .listings .card .footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.listings-panel.flex-row .listings .card .footer .categories {
  display: flex;
  flex-direction: row;
  gap: 4px;
  flex-wrap: wrap;
}
.listings-panel.flex-row .listings .card .footer .categories .category.tag {
  padding: 2px 6px;
  background: var(--tags-background-color);
  border-radius: 3px;
  display: block;
  font-size: 12px;
}
.listings-panel.flex-row .listings .card .footer .radar-items .item-tag {
  display: inline-block;
  background: #f0f8ff;
  border: 1px solid #2196f3;
  color: #0d47a1;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  margin: 2px 4px 2px 0;
}
.listings-panel.flex-row .listings .card .footer .actions .btn {
  background-color: #1976d2;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.listings-panel.flex-row .listings .card .footer .actions .btn.secondary {
  background-color: #4caf50;
}
.listings-panel.flex-row .listings .card .footer .actions .btn.preview {
  background-color: #9e9e9e;
}
.listings-panel.flex-row .listings .card .footer .actions .btn.delete {
  background-color: #e53935;
}
.listings-panel.flex-row .listings .card .footer .actions .btn:hover {
  opacity: 0.9;
}
.listings-panel .x-panel-body {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}
.listings-panel .x-panel-body::-webkit-scrollbar {
  width: 8px;
}
.listings-panel .x-panel-body::-webkit-scrollbar-track {
  background: transparent;
}
.listings-panel .x-panel-body::-webkit-scrollbar-thumb {
  background: #888;
  border: 1px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.listings-panel .x-panel-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}