/* /Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-lm4q1ypjwg] {
    min-height: 100vh;
}

/* Hide the burger button on wide screens */
[b-lm4q1ypjwg] .panel-open:not(.mobile) .menu-button {
    display: none;
}

/* Left panel background gradient */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(
        180deg,
        #E21936 0%,
        black 100%
    );
}

/* RIGHT SIDE (content area) – scrolls independently */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-content {
    height: 100vh;        /* fallback for browsers without dvh */
    height: 100dvh;       /* dynamic viewport for mobile browser chrome */
    overflow-y: auto;     /* scroll page content */
    overflow-x: hidden;   /* optional: no horizontal scroll */
}

/* LEFT PANEL (nav) header / body / footer layout */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
    background: none;
}

[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header > .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

/* Footer sticks to bottom of left panel */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
    width: 240px;
    background: none;
    margin-top: auto;
}

/* Base panel flex layout */
[b-lm4q1ypjwg] .dxbl-drawer-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Navigation drawer base layout */
[b-lm4q1ypjwg] .dxbl-drawer {
    height: 100vh;      /* fallback for browsers without dvh */
    height: 100dvh;     /* dynamic viewport for mobile browser chrome */
}

[b-lm4q1ypjwg] .navigation-drawer {
    height: 100vh;      /* fallback for browsers without dvh */
    height: 100dvh;     /* dynamic viewport for mobile browser chrome */
}

/* LEFT PANEL (nav) flex column filling drawer */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
    flex-direction: column;
    height: 100%;       /* 100% of the 100vh above */
}

/* Make nav body (between header & footer) scroll when overflowing */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* Mobile behavior: show panel as overlay, shading, etc. */
[b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-content > .navigation-drawer-shading {
    display: none;
}

[b-lm4q1ypjwg] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

@media (max-width: 768px) {
    [b-lm4q1ypjwg] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    [b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-lm4q1ypjwg] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-lm4q1ypjwg] .navigation-drawer > .dxbl-drawer-content > .navigation-drawer-shading {
        background-color: var(--dxbl-drawer-content-shading-bg);
        display: block;
        height: 100%;
        position: absolute;
        transition: ease var(--dxbl-drawer-animation-duration);
        transition-property: opacity, visibility;
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-lm4q1ypjwg] .navigation-drawer.mobile.panel-closed .navigation-drawer-shading {
        opacity: 0;
        visibility: hidden;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-x7sj6yxjet] {
    font-family: var(--bs-font-sans-serif, var(--DS-font-family-sans-serif));

}


.logo[b-x7sj6yxjet] {
    display: block;
    width: auto;
    height: auto;
    max-width: calc(100% - 3rem);
    max-height: 64px;
    object-fit: contain;
}

[b-x7sj6yxjet] .icon-back {
    --icon-mask-image: var(--icon-back-mask-image);
}

[b-x7sj6yxjet] .icon-close {
    --icon-mask-image: var(--icon-close-mask-image);
}

[b-x7sj6yxjet] .icon-menu {
    --icon-mask-image: var(--icon-menu-mask-image);
}


[b-x7sj6yxjet] .docs-icon {
    --icon-mask-image: var(--icon-docs-mask-image);
}

[b-x7sj6yxjet] .demos-icon {
    --icon-mask-image: var(--icon-demos-mask-image);
}

[b-x7sj6yxjet] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-x7sj6yxjet] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-x7sj6yxjet] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-x7sj6yxjet] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-x7sj6yxjet] {
    display: inline-flex;
}

.nav-buttons-container[b-x7sj6yxjet] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

.nav-buttons-container[b-x7sj6yxjet]  .menubutton-float-end {
    margin-left: auto;
}

/* Make the content pane stack a full-width title bar above the page body */
[b-x7sj6yxjet] .dxbl-drawer-target{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

/* Full-width sticky title bar, using the theme’s navbar colors */
.titlebar[b-x7sj6yxjet]{
  position: sticky; top: 0; z-index: 20;
  display:flex; align-items:center; gap:.75rem;
  width:100%;
  padding:.5rem 1rem;

  background: #E21936;
  color: white;
  border-bottom: 1px solid rgba(0,0,0,.15);
}


/* Title text fills remaining space and truncates nicely */
.titlebar-text[b-x7sj6yxjet]{
  flex:1 1 auto;
  font-weight:600; font-size:1.1rem; line-height:1.4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.titlebar-main[b-x7sj6yxjet],
.titlebar-page[b-x7sj6yxjet] {
  display:inline;
}

.titlebar-page[b-x7sj6yxjet]::before {
  content:" - ";
}

@media (max-width: 767.98px) {
  .titlebar[b-x7sj6yxjet] {
    padding:.375rem 1rem;
  }

  .titlebar-text[b-x7sj6yxjet] {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:0;
    min-width:0;
    white-space:normal;
    overflow:hidden;
    font-size:.78rem;
    line-height:1.22;
  }

  .titlebar-main[b-x7sj6yxjet],
  .titlebar-page[b-x7sj6yxjet] {
    display:block;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .titlebar-page[b-x7sj6yxjet] {
    font-size:.9rem;
    font-weight:600;
    line-height:1.2;
  }

  .titlebar-page[b-x7sj6yxjet]::before {
    content:"";
  }
}

 
/* /Layout/MinimalLayout.razor.rz.scp.css */
.page[b-6tug1hde6k] {
    font-family: var(--bs-font-sans-serif, var(--DS-font-family-sans-serif));

}


.logo[b-6tug1hde6k] {
    text-align: center;
}

[b-6tug1hde6k] .icon-back {
    --icon-mask-image: var(--icon-back-mask-image);
}

[b-6tug1hde6k] .icon-close {
    --icon-mask-image: var(--icon-close-mask-image);
}

[b-6tug1hde6k] .icon-menu {
    --icon-mask-image: var(--icon-menu-mask-image);
}


[b-6tug1hde6k] .docs-icon {
    --icon-mask-image: var(--icon-docs-mask-image);
}

[b-6tug1hde6k] .demos-icon {
    --icon-mask-image: var(--icon-demos-mask-image);
}

[b-6tug1hde6k] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-6tug1hde6k] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-6tug1hde6k] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-6tug1hde6k] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-6tug1hde6k] {
    display: inline-flex;
}

.nav-buttons-container[b-6tug1hde6k] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

.nav-buttons-container[b-6tug1hde6k]  .menubutton-float-end {
    margin-left: auto;
}

/* Make the content pane stack a full-width title bar above the page body */
[b-6tug1hde6k] .dxbl-drawer-target{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

/* Full-width sticky title bar, using the theme’s navbar colors */
.titlebar[b-6tug1hde6k]{
  position: sticky; top: 0; z-index: 20;
  display:flex; align-items:center; gap:.75rem;
  width:100%;
  padding:.5rem 1rem;

  background: #E21936;
  color: white;
  border-bottom: 1px solid rgba(0,0,0,.15);
}


/* Title text fills remaining space and truncates nicely */
.titlebar-text[b-6tug1hde6k]{
  flex:1 1 auto;
  font-weight:600; font-size:1.1rem; line-height:1.4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

 
/* /Layout/NavMenu.razor.rz.scp.css */
[b-08d4izitrz] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-08d4izitrz] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;

    background-color: inherit;
}

[b-08d4izitrz] .menu .dxbl-menu-item-list {
    gap: 0.5rem;
}

[b-08d4izitrz] .menu-item {
    color: var(--bs-white, #fff);
}

[b-08d4izitrz] .icon {
    margin-left: 0.5rem;
}

[b-08d4izitrz] .menu-icon {
    margin-left: 0.5rem;
    font-size: 1rem;
    color: var(--bs-white, #fff);
}

[b-08d4izitrz] .home-icon {
    --icon-mask-image: var(--icon-home-mask-image);
}


@media (max-width: 768px) {
    #sidebar[b-08d4izitrz] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

    .logo[b-08d4izitrz] {
        text-align: inherit;
    }
}
/* /Pages/CustomerList.razor.rz.scp.css */
.customer-toolbar .toolbar-label[b-o7442f7e3a] { font-size: .82rem; opacity: .85; }
.customer-toolbar .toolbar-cell[b-o7442f7e3a] { display: flex; align-items: stretch; }

@media (max-width: 767.98px) {
    .customer-toolbar[b-o7442f7e3a] { margin-bottom: .25rem !important; }
    .customer-toolbar .toolbar-label[b-o7442f7e3a] { font-size: .72rem; margin-bottom: 0; }
    .customer-toolbar .toolbar-cell[b-o7442f7e3a] { align-items: flex-start; }

    .customer-grid-wrap[b-o7442f7e3a]  .dxbl-grid {
        border-radius: 0;
    }
}
/* /Pages/HVT-Home.razor.rz.scp.css */
.hvt-toolbar .toolbar-cell[b-28vqrtib0b] { display: flex; align-items: stretch; }
.hvt-actions-row[b-28vqrtib0b] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
}

.hvt-actions-row[b-28vqrtib0b]  .toolbar-actions {
    flex: 0 0 260px;
    min-width: 260px;
}

.hvt-actions-row[b-28vqrtib0b]  .toolbar-actions .dxbl-btn {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .hvt-toolbar[b-28vqrtib0b] { margin-bottom: .25rem !important; }
    .hvt-toolbar .toolbar-cell[b-28vqrtib0b] { align-items: flex-start; }
    .hvt-actions-row[b-28vqrtib0b] {
        flex-direction: column;
        align-items: stretch;
        gap: .25rem;
    }
    .hvt-actions-row[b-28vqrtib0b]  .toolbar-actions {
        flex: 1 1 auto;
        min-width: 0;
    }
    .hvt-actions-row[b-28vqrtib0b]  .toolbar-actions .dxbl-btn {
        white-space: normal;
    }
    .hvt-toolbar .hvt-adv-sort[b-28vqrtib0b] { margin-top: .15rem !important; align-self: flex-start; }
    .hvt-toolbar .hvt-muted[b-28vqrtib0b] { font-size: .72rem; }

    .hvt-customer-line[b-28vqrtib0b] { font-size: .84rem; line-height: 1.12; }
    .hvt-subline[b-28vqrtib0b] { font-size: .72rem; line-height: 1.1; }

    .hvt-grid-wrap[b-28vqrtib0b]  .dxbl-grid {
        border-radius: 0;
    }
}

.hvt-subline[b-28vqrtib0b] { font-size: .82rem; opacity: .8; }
.hvt-muted[b-28vqrtib0b] { font-size: .82rem; opacity: .75; }

.hvt-salesCell[b-28vqrtib0b] { display:flex; flex-direction:column; gap:.25rem; min-width: 210px; }
.hvt-salesRow[b-28vqrtib0b] { display:flex; align-items:center; gap:.5rem; }
.hvt-year[b-28vqrtib0b] { font-size:.82rem; width: 52px; opacity:.85; }
.hvt-barWrap[b-28vqrtib0b] { flex: 1 1 auto; height: 14px; border-radius: 4px; background: rgba(0,0,0,.06); overflow:hidden; }
.hvt-bar[b-28vqrtib0b] { height: 100%; border-radius: 4px; }
.hvt-amt[b-28vqrtib0b] { font-size:.82rem; width: 92px; text-align:right; opacity:.9; }

.y0[b-28vqrtib0b] { background: #8e44ff; }
.y1[b-28vqrtib0b] { background: #ff2d55; }
.y2[b-28vqrtib0b] { background: #2d7dff; }

.hvt-kpi[b-28vqrtib0b] { display:flex; flex-direction:column; gap:.1rem; }
.hvt-kpi .big[b-28vqrtib0b] { font-weight:600; }
.hvt-kpi .small[b-28vqrtib0b] { font-size:.82rem; opacity:.8; }

.nowrap[b-28vqrtib0b] { white-space: nowrap; }

.hvt-sort-header[b-28vqrtib0b] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    height: 100%;
    min-height: 100%;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
}

.hvt-sort-label[b-28vqrtib0b] {
    flex: 1 1 auto;
    min-width: 0;
}

.hvt-sort-state[b-28vqrtib0b] {
    flex: 0 0 auto;
}

.hvt-grid-wrap[b-28vqrtib0b]  .clickable-grid tbody tr { cursor: pointer !important; }
.hvt-grid-wrap[b-28vqrtib0b]  .clickable-grid tbody tr:hover > td { background-color: rgba(0, 0, 0, 0.06) !important; }
.hvt-grid-wrap[b-28vqrtib0b]  .clickable-grid thead tr,
.hvt-grid-wrap[b-28vqrtib0b]  .clickable-grid thead th { cursor: default !important; text-decoration: none !important; }

/* --- HVT grid sizing (match firmographics behavior) --- */
.hvt-grid-wrap[b-28vqrtib0b] {
    height: var(--hvt-grid-height, calc(100vh - 260px));
    display: flex;
    flex-direction: column;
    min-height: 240px;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-gutter: auto;
}

/* Ensure the DxGrid can flex-fill the wrapper */
.hvt-grid-wrap[b-28vqrtib0b]  .clickable-grid {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* keep checkbox + label aligned on one line */
.hvt-adv-sort[b-28vqrtib0b] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    line-height: 1;
    white-space: nowrap;
    min-width: 0;
}

/* /Pages/ToDo.razor.rz.scp.css */
.crm-goals-clickzone[b-jxdd1j8f5f] {
  width: 100%;
  min-height: 24px;
  padding: 2px 0;
  cursor: pointer;
  user-select: none;
}

.crm-goals-clickzone:focus[b-jxdd1j8f5f] {
  outline: 2px solid rgba(13, 110, 253, 0.35);
  outline-offset: 2px;
  border-radius: 6px;
}

.crm-goals-text[b-jxdd1j8f5f] {
  max-width: 520px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
  /* On phones, prevent tiny unreadable columns by letting Goals wrap a bit. */
  .crm-goals-text[b-jxdd1j8f5f] {
    max-width: none;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-word;
  }
}

.crm-popup .dxbs-popup-body[b-jxdd1j8f5f],
.crm-popup .dxbl-popup-body[b-jxdd1j8f5f] {
  padding: 0 !important;
}

.crm-popup-comment[b-jxdd1j8f5f] {
  white-space: pre-wrap;
  word-break: break-word;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 12px;
  background: #fff;
  min-height: 120px;
}