/* =====================================================
   APP LAYOUT
===================================================== */

.dg-layout {

    display: flex;

    min-height: 100vh;

    background: #f5f7fa;
}

/* =====================================================
   SIDEBAR
===================================================== */

.dg-sidebar {

    width: 260px;

    background: #111827;

    color: #fff;

    padding: 30px 20px;

    position: sticky;

    top: 0;

    height: 100vh;
}

.dg-logo {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 40px;
}

/* =====================================================
   NAV
===================================================== */

.dg-nav {

    display: flex;

    flex-direction: column;

    gap: 10px;
}

.dg-nav-link {

    color: #cbd5e1;

    text-decoration: none;

    padding: 12px 15px;

    border-radius: 8px;

    transition: 0.3s;
}

.dg-nav-link:hover {

    background: #1e293b;

    color: #fff;
}

.dg-nav-link.active {

    background: #2196f3;

    color: #fff;
}

/* =====================================================
   MAIN
===================================================== */
.dg-main {

    flex: 1;

    padding: 30px;

    overflow-x: hidden;

    display: flex;

    flex-direction: column;
}

/* =====================================================
   MOBILE
===================================================== */

@media(max-width:768px) {

    .dg-layout {

        flex-direction: column;
    }

    .dg-sidebar {

        width: 100%;

        height: auto;

        position: relative;
    }

    .dg-main {

        padding: 15px;
    }
}


/* =====================================================
   KANBAN
===================================================== */

/* =====================================================
   PREMIUM KANBAN
===================================================== */

.dg-pipeline-page {

    width: 100%;
}

.dg-kanban-board {

    display: grid;

    grid-template-columns:
    repeat(4, 1fr);

    gap: 20px;

    align-items: start;

    width: 100%;
}

/* COLUMN */

.dg-kanban-column {

    min-width: 0;

    background: #f8fafc;

    border-radius: 16px;

    padding: 15px;

    box-shadow:
    0 2px 12px rgba(0,0,0,0.06);

    border: 1px solid #e5e7eb;
}

/* HEADER */

.dg-kanban-header {

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e5e7eb;

    color: #111827;
}

/* BODY */

.dg-kanban-body {

    min-height: 500px;
}

/* CARD */

.dg-kanban-card {

    background: #fff;

    border-radius: 14px;

    padding: 16px;

    margin-bottom: 15px;

    cursor: grab;

    transition: 0.25s;

    border: 1px solid #e5e7eb;

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

.dg-kanban-card:hover {

    transform: translateY(-3px);

    box-shadow:
    0 8px 20px rgba(0,0,0,0.08);
}

/* COMPANY NAME */

.dg-kanban-card h3 {

    margin: 0 0 10px;

    font-size: 18px;

    line-height: 1.4;
}

.dg-kanban-card h3 a {

    text-decoration: none;

    color: #111827;
}

/* INDUSTRY */

.dg-kanban-card p {

    margin: 0 0 10px;

    color: #4b5563;

    font-size: 14px;
}

/* LOCATION */

.dg-kanban-card small {

    color: #6b7280;

    font-size: 13px;
}

/* COLUMN COLORS */

.dg-kanban-column[data-status="pending"] {

    border-top: 5px solid #f59e0b;
}

.dg-kanban-column[data-status="followup"] {

    border-top: 5px solid #3b82f6;
}

.dg-kanban-column[data-status="confirmed"] {

    border-top: 5px solid #10b981;
}

.dg-kanban-column[data-status="rejected"] {

    border-top: 5px solid #ef4444;
}

/* =====================================
   TPO MESSAGE UI
===================================== */

.dg-tpo-cell {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;
}

.dg-tpo-email {

    font-size: 14px;

    color: #374151;

    word-break: break-word;
}

.dg-notify-btn {

    width: 36px;

    height: 36px;

    border: none;

    border-radius: 10px;

    background: #eff6ff;

    cursor: pointer;

    font-size: 16px;

    transition: 0.25s;
}

.dg-notify-btn:hover {

    background: #dbeafe;

    transform: scale(1.05);
}


/* =====================================
   TOPBAR
===================================== */