html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-image: url('../images/LemonAid_Logo.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    width: 160px;
    height: 40px;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

/* ── Dashboard badge colours ─────────────────────────────────────────────── */
.ll-badge-blue   { background:#dbeafe; color:#1d4ed8; }
.ll-badge-amber  { background:#fef9c3; color:#92400e; }
.ll-badge-purple { background:#ede9fe; color:#6d28d9; }
.ll-badge-cyan   { background:#cffafe; color:#0e7490; }
.ll-badge-pink   { background:#fce7f3; color:#9d174d; }
.ll-badge-orange { background:#ffedd5; color:#9a3412; }
.ll-badge-green  { background:#dcfce7; color:#166534; }
.ll-badge-gray   { background:#f1f5f9; color:#475569; }

/* ── Dashboard activity dot colours ─────────────────────────────────────── */
.ll-dot-blue   { background:#0265a3; }
.ll-dot-purple { background:#7c3aed; }
.ll-dot-pink   { background:#db2777; }
.ll-dot-green  { background:#16a34a; }
.ll-dot-cyan   { background:#0891b2; }
.ll-dot-gray   { background:#94a3b8; }

/* ── Send Dealer Outreach action button ──────────────────────────────────── */
button[data-action-name="Send Dealer Outreach"] {
    background-color: #ff6f00 !important;
    border-color: #ff6f00 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
button[data-action-name="Send Dealer Outreach"]:hover {
    background-color: #e65100 !important;
    border-color: #e65100 !important;
}
button[data-action-name="Send Dealer Outreach"] .xaf-toolbar-item-icon {
    display: none !important;
}

/* ── Follow-Up Actions dropdown button ───────────────────────────────────── */
button[data-action-name="Follow-Up Actions"] {
    background-color: #d97706 !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
button[data-action-name="Follow-Up Actions"]:hover {
    background-color: #b45309 !important;
    border-color: #b45309 !important;
}
button[data-action-name="Follow-Up Actions"] .xaf-toolbar-item-icon {
    display: none !important;
}

/* ── Grid list view — Status column no-wrap ─────────────────────────────────
   Applied via ListViewLayoutController.CssClass on the Status column.
   Prevents status values like "HEARING_SCHEDULED" from wrapping inside the cell.
   The !important overrides DevExpress grid cell default styles. */
.ll-col-nowrap .dxbl-grid-cell-content {
    white-space: nowrap !important;
}

/* Targets all inner elements inside a Status column cell rendered by XAF/DxGrid.
   The td gets white-space:nowrap via CustomizeElement; this ensures child spans
   (badge wrappers, property editor output) also respect it. */
.dxbl-grid td[style*="white-space: nowrap"] *,
.dxbl-grid td[style*="white-space: nowrap"] {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}