/* GLOBAL ADMIN THEME */

* {
  font-family: var(--font-family, "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
}

html, body {
  height: 100%;
}

body {
  background: var(--body-bg, #f4f5f7);
  color: var(--body-color, #1f2937);
  margin: 0;
}

/* Layout */
.layout {
  display: flex;
  min-height: 100vh; /* sidebar + main stretch */
}

/* Sidebar */
.sidebar {
  width: 260px;
  flex: 0 0 260px;      /* prevent shrink */
  flex-shrink: 0;
  background: var(--sidebar-bg, #111);
  color: var(--sidebar-text, #fff);

  height: 100vh;
  position: sticky;
  top: 0;
  overflow-y: auto;

  display: flex;
  flex-direction: column;
}

.sidebar nav {
  flex: 1 1 auto;
}

.sidebar .brand {
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--sidebar-border, rgba(255,255,255,.08));
  text-align: center;
}

/* Sidebar logo */
.sidebar-logo {
  width: auto;
  height: 100px;
  margin: 4px auto 6px auto;

  background-image: var(--sidebar-logo-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  filter: var(--sidebar-logo-filter, invert(1) brightness(1.2));
}

.sidebar-logo-text {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.3px;
  color: var(--sidebar-text, #fff);
  padding: 18px 12px 6px;
  line-height: 1.2;
  word-break: break-word;
}

.sidebar .brand .title {
  font-weight: 700;
  letter-spacing: .4px;
  font-size: 18px;
  margin: 0;
}

.sidebar .brand .sub {
  font-size: 12px;
  opacity: .75;
  margin-top: 2px;
}

.sidebar .nav-link {
  color: var(--sidebar-text, rgba(255,255,255,.85));
  opacity: .85;
  border-radius: 10px;
  padding: 10px 14px;
  margin: 3px 10px;
  display: flex;
  align-items: center;
  transition: all .15s ease;
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  background: var(--sidebar-hover-bg, rgba(255,255,255,.12));
  color: var(--sidebar-text, #fff);
  opacity: 1;
}

.sidebar-bottom {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 13px;
  opacity: 0.9;
  text-align: center;
}

/* Main area must be a column so footer can sit at bottom */
.main-wrap {
  flex: 1 1 auto;
  min-width: 0;

  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* main content grows, pushes footer down */
.main-wrap > main {
  flex: 1 0 auto;
}

/* Footer pinned to bottom of main area (not under sidebar) */
.app-footer {
  margin-top: auto;
  border-top: 1px solid rgba(0,0,0,0.06);
  padding: 14px 0;
  background: transparent;
}

.app-footer .text-muted {
  text-align: center;
}

/* Topbar */
.topbar {
  background: var(--topbar-bg, #fff);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.topbar .btn-dark {
  background: var(--accent, #1a1a1a);
  border-color: var(--accent, #1a1a1a);
  color: var(--accent-text, #fff);
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 500;
}

.topbar .btn-dark:hover {
  opacity: .9;
}

/* Global accent for primary action buttons */
.btn-dark {
  --bs-btn-bg: var(--accent, #1a1a1a);
  --bs-btn-border-color: var(--accent, #1a1a1a);
  --bs-btn-color: var(--accent-text, #fff);
  --bs-btn-hover-bg: var(--accent, #1a1a1a);
  --bs-btn-hover-border-color: var(--accent, #1a1a1a);
  --bs-btn-hover-color: var(--accent-text, #fff);
  --bs-btn-active-bg: var(--accent, #1a1a1a);
  --bs-btn-active-border-color: var(--accent, #1a1a1a);
  --bs-btn-active-color: var(--accent-text, #fff);
}
.btn-dark:hover { opacity: .9; }

/* Checkboxes & switches — use accent/dark color instead of Bootstrap blue */
.form-check-input:checked { background-color: var(--accent, #1a1a1a) !important; border-color: var(--accent, #1a1a1a) !important; }
.form-check-input:focus { box-shadow: 0 0 0 .25rem rgba(26,26,26,.25) !important; border-color: var(--accent, #1a1a1a) !important; }
.form-switch .form-check-input:checked { background-color: var(--accent, #1a1a1a) !important; border-color: var(--accent, #1a1a1a) !important; }
/* Google Places autocomplete above modals */
.pac-container { z-index: 1060 !important; }
.sa-tool { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; padding:0; }
.sa-tool.btn-dark { color:#fff; }

/* Nav tabs — use accent color instead of Bootstrap blue */
.nav-tabs .nav-link {
  color: var(--body-color, #1f2937);
  font-weight: 500;
}
.nav-tabs .nav-link:hover {
  color: var(--accent, #1a1a1a);
  border-color: transparent transparent rgba(0,0,0,.1);
}
.nav-tabs .nav-link.active {
  color: var(--accent, #1a1a1a);
  font-weight: 600;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link:focus {
  box-shadow: none;
}

/* Nav pills variant (if used) */
.nav-pills .nav-link.active {
  background: var(--accent, #1a1a1a);
  color: var(--accent-text, #fff);
}
.nav-pills .nav-link:not(.active) {
  color: #555;
}
.nav-pills .nav-link:not(.active):hover {
  color: #111;
  background: rgba(0,0,0,0.04);
}

/* Cards */
.card {
  border: 0;
  border-radius: var(--card-radius, 14px);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

/* Alerts follow card radius */
.alert {
  border-radius: var(--card-radius, 14px);
}

/* Modals follow card radius */
.modal-content {
  border-radius: var(--card-radius, 14px);
}

/* Page header card — unified title styling across all modules */
.card-body h1.h4,
.card-body h1.h5,
.card-body h4.fw-bold,
.card-body .h4.fw-bold {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3;
}

/* Responsive */
@media (max-width: 991px) {
  .layout {
    display: block;
    min-height: 100vh;
  }

  .main-wrap {
    min-height: auto;
  }
}

/* Mobile brand banner (below the top bar) */
.mobile-brand {
  background: #000;
  display: none;
}

.mobile-brand-inner {
  max-width: 420px;
  margin: 0 auto;
  padding: 14px 12px 10px;
  text-align: center;
}

.mobile-brand-logo {
  width: 320px;
  height: 70px;
  margin: 0 auto 6px;
  background: url("../img/logo.png.webp") center/contain no-repeat;
  filter: invert(1) brightness(1.2);
}

.mobile-brand-sub {
  color: rgba(255,255,255,.85);
  font-size: 12px;
  margin: 0;
}

@media (max-width: 991px) {
  .mobile-brand { display: block; }
}

/* DataTables refine */
.dataTables_filter input,
.dataTables_length select {
  border-radius: 10px;
  padding: 6px 10px;
}

table.dataTable thead th {
  font-weight: 600;
}

/* Bootstrap DataTables active page → black */
.page-item.active .page-link {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* Hover for pagination buttons */
.page-link:hover {
  background-color: #111 !important;
  color: #fff !important;
}

/* Normal pagination button styling */
.page-link {
  color: #000 !important;
  border-radius: 6px;
}

/* =========================================
   DataTables  Luxury Platinum Theme
   ========================================= */

table.dataTable thead th {
  background: #f6f7f9 !important;
  color: #222 !important;
  font-weight: 600;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  padding: 12px 14px !important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
  color: rgba(0,0,0,0.35) !important;
}

table.dataTable tbody tr:nth-child(even) {
  background: #fafbfc !important;
}

table.dataTable tbody tr:nth-child(odd) {
  background: #ffffff !important;
}

table.dataTable tbody tr:hover {
  background: #f2f3f5 !important;
  transition: background-color 120ms ease;
}

table.dataTable tbody td {
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  padding: 10px 14px !important;
  font-size: 14px;
  color: #222;
}

.dataTables_wrapper .dataTables_filter input {
  border-radius: 10px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  transition: border-color 120ms ease, box-shadow 120ms ease;
  background: #fff;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: #000 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.06) !important;
}

.dataTables_wrapper select {
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  padding: 6px 10px;
}

.dataTables_length {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #444;
}

.dataTables_length select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: #f6f7f9;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;

  padding: 6px 28px 6px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #111;

  background-image: url("data:image/svg+xml,%3Csvg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;

  transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.dataTables_length select:hover {
  background: #f2f3f5;
}

.dataTables_length select:focus {
  outline: none;
  border-color: #000;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}


/* Admin action buttons upgrade */
table td .btn {
  border-radius: 10px;
  font-weight: 500;
  padding: 6px 14px;
  font-size: 13px;
  transition: all 0.15s ease;
}

table td .btn-outline-dark {
  border-color: #d1d5db;
  color: #111827;
}

table td .btn-outline-dark:hover {
  background: #111827;
  color: #fff;
}

table td .btn-outline-danger {
  border-color: #fca5a5;
}

table td .btn-outline-danger:hover {
  background: #dc2626;
  color: #fff;
}

/* MOBILE: keep DataTables pagination away from the scrollbar */
@media (max-width: 768px) {
  .dataTables_wrapper {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: 12px !important;
    padding-bottom: 12px !important;
    text-align: center !important;
  }

  .dataTables_wrapper .dataTables_paginate .pagination {
    justify-content: center !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
/* ==============================
   SweetAlert2 — SWALERT Theme (Light / Executive)
   ============================== */

.swal2-container { z-index: 20000 !important; }

/* Modal */
.swal2-popup {
  border-radius: var(--card-radius, 14px) !important;
  background: #fff !important;
  color: #111827 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.18) !important;
  padding: 28px 28px 22px !important;
  min-width: 380px;
}

/* Title + body */
.swal2-title {
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: .12px !important;
  margin: 10px 0 6px !important;
}

.swal2-html-container {
  color: #4b5563 !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin-top: 6px !important;
}

/* Input fields */
.swal2-input, .swal2-select, .swal2-textarea {
  border: 1px solid rgba(0,0,0,.15) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  color: #111 !important;
  box-shadow: none !important;
  transition: border-color .15s !important;
}
.swal2-input:focus, .swal2-select:focus, .swal2-textarea:focus {
  border-color: #111 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important;
}
.swal2-input-label {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Icons */
.swal2-icon { transform: scale(.92); margin-top: 2px !important; }

.swal2-icon.swal2-warning {
  border-color: rgba(245,158,11,.75) !important;
  color: rgba(245,158,11,.90) !important;
}
.swal2-icon.swal2-success {
  border-color: rgba(22,163,74,.5) !important;
  color: rgba(22,163,74,.85) !important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #16a34a !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(22,163,74,.3) !important;
}
.swal2-icon.swal2-error {
  border-color: rgba(220,53,69,.5) !important;
  color: rgba(220,53,69,.85) !important;
}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  background-color: #dc3545 !important;
}
.swal2-icon.swal2-info {
  border-color: rgba(59,130,246,.55) !important;
  color: rgba(59,130,246,.85) !important;
}

/* Action row */
.swal2-actions {
  margin-top: 18px !important;
  gap: 10px !important;
}

/* Confirm button (dark) */
.swal2-actions .swal2-confirm {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .2px !important;
  box-shadow: none !important;
  min-width: 100px;
  transition: background .15s !important;
}
.swal2-actions .swal2-confirm:hover {
  background: #333 !important;
}
/* Danger confirm override */
.swal2-actions .swal2-confirm.swal2-styled[style*="dc3545"],
.swal2-actions .swal2-confirm[style*="dc3545"] {
  background: #dc3545 !important;
  border-color: #dc3545 !important;
}
.swal2-actions .swal2-confirm.swal2-styled[style*="dc3545"]:hover,
.swal2-actions .swal2-confirm[style*="dc3545"]:hover {
  background: #c82333 !important;
}

/* Cancel button (ghost) */
.swal2-actions .swal2-cancel {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  color: #111827 !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  box-shadow: none !important;
  min-width: 100px;
}
.swal2-actions .swal2-cancel:hover {
  background: #f3f4f6 !important;
}

/* Backdrop */
.swal2-backdrop-show {
  background: rgba(0,0,0,.38) !important;
  backdrop-filter: blur(2px);
}

/* Responsive */
@media (max-width: 520px) {
  .swal2-popup { min-width: auto; width: calc(100% - 2rem) !important; }
  .swal2-actions .swal2-confirm, .swal2-actions .swal2-cancel { min-width: 0; width: 100%; }
  .swal2-actions { flex-direction: column-reverse; }
}

/* =========================================
   DreemLimo — Executive Command KPI Tiles
   Bloomberg / Fintech Tier
   ========================================= */

.dreemlimo-kpi-strip {
  margin-top: 8px;
}

/* Tile base */
.dreemlimo-kpi-tile {
  position: relative;
  border-radius: var(--card-radius, 14px);
  border: 1px solid rgba(0,0,0,.06);
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Hover lift + glow */
.dreemlimo-kpi-tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0,0,0,.12);
  border-color: rgba(0,0,0,.12);
}

/* Accent stripe */
.dreemlimo-kpi-tile::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: rgba(17,17,17,.9);
}

/* Compact executive spacing */
.dreemlimo-kpi-tile .card-body {
  padding: 12px 14px 11px;
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

/* Top meta row */
.dreemlimo-kpi-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* Label text — smaller & tighter */
.dreemlimo-kpi-label {
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(0,0,0,.52);
  font-weight: 600;
}

/* Main number — heavier & more serious */
.dreemlimo-kpi-value {
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #0f172a;
}

/* Subtext */
.dreemlimo-kpi-sub {
  font-size: 12px;
  color: rgba(0,0,0,.48);
  margin-top: -2px;
}

/* Icon badge — softer executive */
.dreemlimo-kpi-icon {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.035);
  flex: 0 0 auto;
  transition: background .2s ease, transform .2s ease;
}

.dreemlimo-kpi-tile:hover .dreemlimo-kpi-icon {
  background: rgba(0,0,0,.06);
  transform: scale(1.04);
}

.dreemlimo-kpi-icon svg {
  width: 15px;
  height: 15px;
  opacity: .95;
}

/* Accent themes */
.dreemlimo-kpi-today::before { background:#0f172a; }
.dreemlimo-kpi-next::before { background:#2563eb; }
.dreemlimo-kpi-pending::before { background:#10b981; }
.dreemlimo-kpi-revenue::before { background:#16a34a; }
.dreemlimo-kpi-assigned::before { background:#14b8a6; }
.dreemlimo-kpi-unassigned::before { background:#f59e0b; }

/* Icon tint by category */
.dreemlimo-kpi-next .dreemlimo-kpi-icon svg { color:#2563eb; }
.dreemlimo-kpi-revenue .dreemlimo-kpi-icon svg { color:#16a34a; }
.dreemlimo-kpi-assigned .dreemlimo-kpi-icon svg { color:#14b8a6; }
.dreemlimo-kpi-unassigned .dreemlimo-kpi-icon svg { color:#f59e0b; }
.dreemlimo-kpi-today .dreemlimo-kpi-icon svg { color:#0f172a; }

/* Pending urgency states */
.dreemlimo-kpi-pending.kpi-ok::before { background:#10b981; }
.dreemlimo-kpi-pending.kpi-warn::before { background:#f59e0b; }
.dreemlimo-kpi-pending.kpi-danger::before { background:#ef4444; }

.dreemlimo-kpi-pending.kpi-ok .dreemlimo-kpi-icon svg { color:#10b981; }
.dreemlimo-kpi-pending.kpi-warn .dreemlimo-kpi-icon svg { color:#f59e0b; }
.dreemlimo-kpi-pending.kpi-danger .dreemlimo-kpi-icon svg { color:#ef4444; }

/* Disabled state */
.dreemlimo-kpi-disabled::before { background: rgba(0,0,0,.2); }
.dreemlimo-kpi-disabled .dreemlimo-kpi-value { color: rgba(0,0,0,.42); }
.dreemlimo-kpi-disabled .dreemlimo-kpi-sub { color: rgba(0,0,0,.4); }

/* Desktop: force 6 tiles in one row */
@media (min-width: 992px) {
  .dreemlimo-kpi-strip .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666667%;
  }
}


/* =========================================================
   GLOBAL: DataTables Responsive expand icon (works w/ dtr-control)
   ========================================================= */
@media (max-width: 575.98px){

  /* Make room for custom icon */
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control,
  table.dataTable.dtr-column > tbody > tr > td.dtr-control,
  table.dataTable.dtr-column > tbody > tr > th.dtr-control{
    position: relative !important;
    padding-left: 42px !important;
  }

  /* Kill DataTables default icon (this is the one you're seeing) */
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before,
  table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
  table.dataTable.dtr-column > tbody > tr > th.dtr-control:before{
    content: "" !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    top: 50% !important;
    left: 12px !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
  }

  /* Our nicer chevron pill */
  table.dataTable > tbody > tr > td.dtr-control:after,
  table.dataTable > tbody > tr > th.dtr-control:after{
    content: "›" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(0deg) !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #555 !important;
    background: #f3f4f6 !important;
    transition: all .18s ease !important;
    pointer-events: none !important;
  }

  /* Expanded row state (DataTables adds .parent on expanded rows) */
  table.dataTable > tbody > tr.parent > td.dtr-control:after,
  table.dataTable > tbody > tr.parent > th.dtr-control:after{
    transform: translateY(-50%) rotate(90deg) !important;
    background: #111 !important;
    color: #fff !important;
  }
}

/* -----------------------------------
   Label alignment
----------------------------------- */
.dreemlimo-basedon-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* -----------------------------------
   Luxury info icon (silver idle)
----------------------------------- */
.dreemlimo-info{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:16px;
  height:16px;
  border-radius:50%;

  margin-top:-2px; /* optical lift */

  /* SILVER / PLATINUM (idle) */
  background: linear-gradient(
    135deg,
    #f1f3f5,
    #d6d9dd
  );
  color:#111827;

  cursor:pointer;
  user-select:none;

  box-shadow:
    0 4px 10px rgba(0,0,0,0.10);

  transition:
    background .15s ease,
    box-shadow .15s ease,
    color .15s ease;
}

/* Info glyph */
.dreemlimo-info i{
  font-size:11px;
  font-weight:600;
  line-height:1;
  opacity:0.9;
}

/* -----------------------------------
   Hover = charcoal (current color)
----------------------------------- */
.dreemlimo-info:hover{
  background: rgba(17,24,39,0.60); /* your current preferred tone */
  color:#ffffff;
  box-shadow:
    0 8px 18px rgba(0,0,0,0.14);
}

/* Keyboard focus (matches hover, no purple) */
.dreemlimo-info:focus-visible{
  outline:none;
  background: rgba(17,24,39,0.60);
  color:#ffffff;
  box-shadow:
    0 0 0 3px rgba(17,24,39,0.18),
    0 8px 18px rgba(0,0,0,0.14);
}

/* -----------------------------------
   First-visit subtle pulse (once)
----------------------------------- */
@keyframes dreemlimoPulse {
  0%   { box-shadow: 0 0 0 0 rgba(17,24,39,0.20); }
  70%  { box-shadow: 0 0 0 5px rgba(17,24,39,0); }
  100% { box-shadow: 0 0 0 0 rgba(17,24,39,0); }
}

.dreemlimo-info.pulse-once{
  animation: dreemlimoPulse 1.6s ease-out infinite;
}