.app-split-panels {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    gap: var(--app-space-4);
}
.app-split-panels-left {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: var(--app-space-4);
}
.app-panel {
    background: var(--app-neutral-0);
    border: 1px solid var(--app-neutral-200);
    border-radius: var(--app-radius-sm);
}
.app-panel-header {
    padding: var(--app-space-3) var(--app-space-4);
    border-bottom: 1px solid var(--app-neutral-200);
    font-size: var(--app-font-size-lg);
    font-weight: var(--app-font-weight-medium);
}
.app-panel-body { padding: var(--app-space-4); }
.app-section-panel { padding: var(--app-space-4); }
.app-sticky-side-panel {
    position: sticky;
    top: var(--app-space-4);
    align-self: start;
}
.app-modal-shell {
    width: min(100%, 48rem);
    margin: 0 auto;
    background: var(--app-neutral-0);
    border-radius: var(--app-radius-sm);
    box-shadow: var(--app-shadow-lg);
}
.app-modal { color: var(--app-neutral-900); }
.app-modal-dialog { transition: transform var(--app-motion-base) var(--app-motion-ease); }
.app-modal-content {
    overflow: hidden;
    border: 1px solid rgba(79, 83, 92, 0.12);
    border-radius: 1rem;
    background: var(--app-neutral-0);
    box-shadow: 0 1rem 2.25rem rgba(15, 23, 42, 0.22);
}
.app-modal-header {
    align-items: center;
    padding: 0.9rem 1.15rem;
    color: var(--app-neutral-0);
    background: linear-gradient(135deg, #7a2d34 0%, #5f1921 52%, var(--app-brand-primary) 100%);
    border-bottom: 2px solid rgba(151, 79, 75, 0.66);
}
.app-modal-body {
    padding: 1.15rem;
    background-color: var(--app-neutral-0);
}
.app-modal-footer {
    padding: 0.85rem 1.15rem;
    background: var(--app-neutral-50);
    border-top: 1px solid rgba(79, 83, 92, 0.12);
}
.app-modal-title {
    margin: 0;
    font-size: var(--app-font-size-lg);
    font-weight: var(--app-font-weight-bold);
    line-height: 1.25;
    letter-spacing: 0;
}
.app-panel-loading-host { position: relative; }
.app-panel-loading-overlay {
    position: absolute;
    inset: 0;
    z-index: var(--app-z-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.78);
}

.app-pipeline-board.e-kanban,
.app-pipeline-admin-board.e-kanban {
    border: 1px solid rgba(82, 13, 21, 0.14);
    border-radius: 1rem;
    background: var(--app-neutral-50);
    box-shadow: 0 0.45rem 1.1rem rgba(45, 47, 52, 0.14);
    overflow: hidden;
}

.app-pipeline-board.e-kanban .e-kanban-table col,
.app-pipeline-admin-board.e-kanban .e-kanban-table col {
    width: 350px !important;
}

.app-pipeline-board.e-kanban .e-kanban-header .e-header-cells,
.app-pipeline-admin-board.e-kanban .e-kanban-header .e-header-cells {
    color: var(--app-neutral-0);
    background: linear-gradient(135deg, #7a2d34 0%, #5f1921 52%, var(--app-brand-primary) 100%);
    border-bottom: 2px solid rgba(151, 79, 75, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.app-pipeline-board.e-kanban .e-kanban-header .e-header-cells .e-item-count,
.app-pipeline-admin-board.e-kanban .e-kanban-header .e-header-cells .e-item-count,
.app-pipeline-board.e-kanban .e-kanban-header .e-header-cells .e-header-text .e-item-count,
.app-pipeline-admin-board.e-kanban .e-kanban-header .e-header-cells .e-header-text .e-item-count,
.app-pipeline-board.e-kanban .e-kanban-header .e-header-cells .header-template-wrap .e-item-count,
.app-pipeline-admin-board.e-kanban .e-kanban-header .e-header-cells .header-template-wrap .e-item-count {
    color: rgba(255, 255, 255, 0.86);
    font-weight: var(--app-font-weight-medium);
    opacity: 1;
}

.app-pipeline-board.e-kanban .header-template-wrap,
.app-pipeline-admin-board.e-kanban .header-template-wrap {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding-right: var(--app-space-3);
    font-size: var(--app-font-size-sm);
    font-weight: var(--app-font-weight-bold);
    line-height: 1.25;
    letter-spacing: 0;
}

.app-pipeline-board.e-kanban .header-template-wrap .header-icon,
.app-pipeline-admin-board.e-kanban .header-template-wrap .header-icon {
    width: 10%;
    margin-top: 3px;
    font-family: 'Kanban priority icons';
}

.app-pipeline-board.e-kanban .header-template-wrap .header-text,
.app-pipeline-admin-board.e-kanban .header-template-wrap .header-text {
    margin-left: var(--app-space-3);
    color: var(--app-neutral-0);
}

.app-pipeline-board.e-kanban.e-rtl .header-template-wrap .header-text,
.app-pipeline-admin-board.e-kanban.e-rtl .header-template-wrap .header-text {
    margin-right: var(--app-space-3);
}

.app-pipeline-board.e-kanban .e-content-cells,
.app-pipeline-admin-board.e-kanban .e-content-cells {
    background: #fbfbfb;
}

.app-pipeline-board.e-kanban .e-card-wrapper,
.app-pipeline-admin-board.e-kanban .e-card-wrapper {
    padding: var(--app-space-3);
}

.app-pipeline-board.e-kanban .e-card,
.app-pipeline-admin-board.e-kanban .e-card {
    border: 1px solid rgba(79, 83, 92, 0.14);
    border-radius: 0.85rem;
    background: var(--app-neutral-0);
    box-shadow: 0 0.28rem 0.7rem rgba(45, 47, 52, 0.12);
    overflow: hidden;
}

.app-pipeline-board.e-kanban .e-card:hover,
.app-pipeline-admin-board.e-kanban .e-card:hover {
    border-color: rgba(82, 13, 21, 0.24);
    box-shadow: 0 0.45rem 1rem rgba(45, 47, 52, 0.16);
}

.app-pipeline-board.e-kanban .card-template-wrap,
.app-pipeline-admin-board.e-kanban .card-template-wrap {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    line-height: normal;
}

.app-pipeline-board.e-kanban .card-template-wrap .card-header-title,
.app-pipeline-admin-board.e-kanban .card-template-wrap .card-header-title {
    padding: var(--app-space-2) var(--app-space-3);
    color: var(--app-neutral-0);
    background: linear-gradient(135deg, #6f7380 0%, #4f535c 100%);
    border-bottom: 1px solid rgba(45, 47, 52, 0.22);
    font-size: var(--app-font-size-sm);
    font-weight: var(--app-font-weight-semibold);
}

.app-pipeline-board.e-kanban .card-template-wrap .card-content,
.app-pipeline-admin-board.e-kanban .card-template-wrap .card-content {
    margin-left: 0;
    padding: var(--app-space-3);
    background: var(--app-neutral-0);
    color: var(--app-neutral-800);
    font-size: var(--app-font-size-sm);
    line-height: 1.4;
}

@media (max-width: 768px) {
    .app-split-panels,
    .app-split-panels-left {
        grid-template-columns: 1fr;
    }
}