/* CRM additions on top of the DashLite RTL template (brand recolor is baked into dashlite.rtl.min.css). */

/* Logout and other POST actions styled as dropdown links */
.crm-link-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: .575rem 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.crm-link-button .icon { font-size: 1.125rem; width: 1.75rem; opacity: .8; }
.crm-link-button:hover { color: #690909; }

/* Narrow icon bar of the sidebar: a floating brand-red panel with rounded corners and light icons */
.nk-sidebar-bar {
  --crm-bar-gap: 12px;
  margin: var(--crm-bar-gap) var(--crm-bar-gap) var(--crm-bar-gap) 0;
  border: 0;
  border-radius: 18px;
  background: #690909;
  box-shadow: 0 8px 24px rgba(105, 9, 9, .25);
  flex-shrink: 0;
}
/* The template sizes the menu for a full-height bar; take the top and bottom gaps off */
.nk-sidebar-bar .nk-sidebar-content { height: calc(100vh - 125px - 2 * var(--crm-bar-gap)); }
.nk-sidebar-bar .nk-apps-brand .logo-img { border-radius: 10px; box-shadow: 0 0 0 2px rgba(255, 255, 255, .35); }
.nk-sidebar-bar .apps-menu .nk-menu-link { color: rgba(255, 255, 255, .8); }
.nk-sidebar-bar .apps-menu .nk-menu-icon { color: rgba(255, 255, 255, .8); }
.nk-sidebar-bar .apps-menu .nk-menu-link:hover { background: rgba(255, 255, 255, .14); }
.nk-sidebar-bar .apps-menu .nk-menu-link:hover .nk-menu-icon { color: #fff; }
.nk-sidebar-bar .apps-menu .active > .nk-menu-link { background: #fff; }
.nk-sidebar-bar .apps-menu .active > .nk-menu-link .nk-menu-icon { color: #690909; }
.nk-sidebar-bar .nk-sidebar-profile-fixed { bottom: 12px; right: 12px; border-radius: 0 0 18px 18px; }
.nk-sidebar-bar .nk-sidebar-profile > .toggle .user-avatar { background: #fff; color: #690909; }

/* Below xl the sidebar slides over the page: fill the gaps around the floating bar */
@media (max-width: 1199.98px) {
  .nk-sidebar { background: #fff; }
}

/* Sections that are not built yet */
.crm-menu-soon { opacity: .55; cursor: default; }

.crm-chart { position: relative; height: 280px; }

.crm-pre-line { white-space: pre-line; }

/* Deals kanban */
.crm-kanban { display: flex; gap: 1rem; overflow-x: auto; padding-bottom: 1rem; align-items: flex-start; }
.crm-kanban-col { flex: 0 0 280px; background: #f5f6fa; border-radius: 8px; border-top: 3px solid #690909; }
.crm-kanban-col.is-won { border-top-color: #1ee0ac; }
.crm-kanban-col.is-lost { border-top-color: #8094ae; }
.crm-kanban-col.is-over { background: #f7e8e8; }
.crm-kanban-head { padding: .75rem 1rem; }
.crm-kanban-items { display: flex; flex-direction: column; gap: .5rem; padding: 0 .5rem .75rem; min-height: 80px; }
.crm-kanban-item { cursor: grab; margin: 0; }
.crm-kanban-item.is-dragging { opacity: .5; }

/* Ticket conversation */
.crm-reply { padding: 1rem; border-radius: 8px; margin-bottom: 1rem; }
.crm-reply.is-customer { background: #f5f6fa; }
.crm-reply.is-staff { background: #f7e8e8; }

/* Invoice form */
.crm-invoice-summary li { padding: .35rem 0; border-bottom: 1px dashed #e5e9f2; }

@media print {
  .invoice-print { padding: 0; }
}