/* DashboardKit overrides */

.btn-primary,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #1e574d !important;
  border-color: #1e574d !important;
}

.btn-primary:hover {
  background-color:#1a4b42;
  border-color: #1a4b42;
}

.btn-outline-primary{
  border-color: #1e574d !important;
  color: #1e574d;
}

.btn-outline-primary:hover{
  background-color: #1e574d !important;
  
}


.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: #1a4b42;
  border-color: #1a4b42;
  box-shadow: 0 0 0 0.2rem rgba(30, 87, 77, 0.5);
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #1e574d;
  border-color: #1e574d;
}

/* Form controls focus color */
.form-control:focus {
  border-color: #1e574d;
  box-shadow: 0 0 0 0.2rem rgba(30, 87, 77, 0.25);
}

.form-select:focus {
  border-color: #1e574d;
  box-shadow: 0 0 0 0.2rem rgba(30, 87, 77, 0.25);
}

/* Auth page background */
.auth-wrapper {
  background: #f0f2f8;
}

/* Auth/login box sizing */
@media (min-width: 576px) {
  .auth-wrapper .auth-content:not(.container) {
    width: 480px;
  }
}

@media (min-width: 992px) {
  .auth-wrapper .auth-content:not(.container) {
    width: 540px;
  }
}

/* Login logo sizing */
.login-logo {
  max-width: 140px;
  width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  .login-logo {
    max-width: 120px;
  }
}

/* Sidebar Custom Styling */
.pc-sidebar {
  background: #1e574d !important;
}

.pc-sidebar .m-header {
  background: #1a4b42 !important;
}

.pc-sidebar .pc-link {
  color: #e0e0e0 !important;
}

.pc-sidebar .pc-link:hover,
.pc-sidebar .pc-link:focus,
.pc-sidebar .pc-link:active,
.pc-sidebar .active > .pc-link {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.pc-sidebar .pc-caption {
  color: #ffffff !important;
}

.pc-sidebar .pc-caption span:not(.badge) {
  color: #b8d4cf !important;
}

.pc-sidebar .pc-micon i,
.pc-sidebar .pc-micon svg {
  color: #b8d4cf !important;
}

.pc-sidebar .pc-link:hover .pc-micon i,
.pc-sidebar .pc-link:hover .pc-micon svg,
.pc-sidebar .pc-link:focus .pc-micon i,
.pc-sidebar .pc-link:focus .pc-micon svg,
.pc-sidebar .pc-link:active .pc-micon i,
.pc-sidebar .pc-link:active .pc-micon svg,
.pc-sidebar .active > .pc-link .pc-micon i,
.pc-sidebar .active > .pc-link .pc-micon svg {
  color: #ffffff !important;
}

.pc-sidebar .pc-micon i.material-icons-two-tone {
  background-color: #e8f0ee !important;
  display: flex !important;
  align-items: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 20px !important;
}

/* Submenu styling */
.pc-sidebar .pc-submenu {
  background: rgba(0, 0, 0, 0.1) !important;
}

.pc-sidebar .pc-submenu .pc-link {
  color: #d0d0d0 !important;
}

.pc-sidebar .pc-submenu .pc-link:hover,
.pc-sidebar .pc-submenu .pc-link:focus {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Arrow color for menu items */
.pc-sidebar .pc-arrow i,
.pc-sidebar .pc-arrow svg,
.pc-sidebar .pc-arrow [data-feather],
.pc-sidebar .pc-arrow {
  color: #b8d4cf !important;
  stroke: #b8d4cf !important;
}

.pc-sidebar .pc-link:hover .pc-arrow i,
.pc-sidebar .pc-link:hover .pc-arrow svg,
.pc-sidebar .pc-link:hover .pc-arrow [data-feather],
.pc-sidebar .pc-link:hover .pc-arrow,
.pc-sidebar .pc-link:focus .pc-arrow i,
.pc-sidebar .pc-link:focus .pc-arrow svg,
.pc-sidebar .pc-link:focus .pc-arrow [data-feather],
.pc-sidebar .pc-link:focus .pc-arrow,
.pc-sidebar .active > .pc-link .pc-arrow i,
.pc-sidebar .active > .pc-link .pc-arrow svg,
.pc-sidebar .active > .pc-link .pc-arrow [data-feather],
.pc-sidebar .active > .pc-link .pc-arrow,
.pc-sidebar .pc-trigger > .pc-link .pc-arrow i,
.pc-sidebar .pc-trigger > .pc-link .pc-arrow svg,
.pc-sidebar .pc-trigger > .pc-link .pc-arrow [data-feather],
.pc-sidebar .pc-trigger > .pc-link .pc-arrow,
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-link .pc-arrow i,
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-link .pc-arrow svg,
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-link .pc-arrow [data-feather],
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-link .pc-arrow {
  color: #ffffff !important;
  stroke: #ffffff !important;
}


body:not(.minimenu) .pc-sidebar .pc-submenu .pc-item.active:before {
  color: #ffffff !important;
}

body:not(.minimenu) .pc-sidebar .pc-submenu .pc-item:before {
  color: #b8d4cf !important;
}

/* Override primary color variable that affects sidebar */
.pc-sidebar * {
  --bs-primary: #1e574d !important;
}

/* Mobile Header (Responsive Navbar) Styling */
.pc-mob-header.pc-header {
  background: #1e574d !important;
  border-bottom: 1px solid #1a4b42 !important;
}

.pc-mob-header .pcm-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pc-mob-header .pcm-toolbar .pc-head-link {
  color: #b8d4cf !important;
}

.pc-mob-header .pcm-toolbar .pc-head-link:hover,
.pc-mob-header .pcm-toolbar .pc-head-link:focus,
.pc-mob-header .pcm-toolbar .pc-head-link:active,
.pc-mob-header .pcm-toolbar .pc-head-link.active {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.pc-mob-header .pcm-toolbar .pc-head-link .hamburger .hamburger-inner,
.pc-mob-header .pcm-toolbar .pc-head-link .hamburger .hamburger-inner::before,
.pc-mob-header .pcm-toolbar .pc-head-link .hamburger .hamburger-inner::after {
  background-color: #b8d4cf !important;
}

.pc-mob-header .pcm-toolbar .pc-head-link:hover .hamburger .hamburger-inner,
.pc-mob-header .pcm-toolbar .pc-head-link:focus .hamburger .hamburger-inner,
.pc-mob-header .pcm-toolbar .pc-head-link:active .hamburger .hamburger-inner,
.pc-mob-header .pcm-toolbar .pc-head-link.active .hamburger .hamburger-inner,
.pc-mob-header .pcm-toolbar .pc-head-link:hover .hamburger .hamburger-inner::before,
.pc-mob-header .pcm-toolbar .pc-head-link:focus .hamburger .hamburger-inner::before,
.pc-mob-header .pcm-toolbar .pc-head-link:active .hamburger .hamburger-inner::before,
.pc-mob-header .pcm-toolbar .pc-head-link.active .hamburger .hamburger-inner::before,
.pc-mob-header .pcm-toolbar .pc-head-link:hover .hamburger .hamburger-inner::after,
.pc-mob-header .pcm-toolbar .pc-head-link:focus .hamburger .hamburger-inner::after,
.pc-mob-header .pcm-toolbar .pc-head-link:active .hamburger .hamburger-inner::after,
.pc-mob-header .pcm-toolbar .pc-head-link.active .hamburger .hamburger-inner::after {
  background-color: #ffffff !important;
}

.pc-mob-header .pcm-toolbar .pc-head-link i,
.pc-mob-header .pcm-toolbar .pc-head-link svg {
  color: #b8d4cf !important;
  stroke: #b8d4cf !important;
}

.pc-mob-header .pcm-toolbar .pc-head-link:hover i,
.pc-mob-header .pcm-toolbar .pc-head-link:focus i,
.pc-mob-header .pcm-toolbar .pc-head-link:active i,
.pc-mob-header .pcm-toolbar .pc-head-link.active i,
.pc-mob-header .pcm-toolbar .pc-head-link:hover svg,
.pc-mob-header .pcm-toolbar .pc-head-link:focus svg,
.pc-mob-header .pcm-toolbar .pc-head-link:active svg,
.pc-mob-header .pcm-toolbar .pc-head-link.active svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Mobile Header Dropdown Styling */
.pc-mob-header .dropdown-menu {
  background: #ffffff !important;
}

.pc-mob-header .dropdown-menu .dropdown-item {
  color: #333333 !important;
  display: flex !important;
  align-items: center !important;
  padding: 0.5rem 1rem !important;
}

.pc-mob-header .dropdown-menu .dropdown-item span {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #333333 !important;
}

.pc-mob-header .dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa !important;
}

.pc-mob-header .dropdown-menu .dropdown-header h6,
.pc-mob-header .dropdown-menu .dropdown-header p {
  color: #333333 !important;
}

/* Header dropdown link hover */
.pc-head-link:hover {
  background-color: rgba(30, 87, 77, 0.45) !important;
  color: #ffffff !important;
  border-radius: 0.375rem;
}

/* Header dropdown link active/open state */
.pc-head-link.show {
  background-color: rgba(30, 87, 77, 0.45) !important;
  color: #ffffff !important;
  border-radius: 0.375rem;
}

/* Pagination styling */
.pagination .page-link{
  color: #000000 !important;
  border-color: #1e574d !important;
}

.pagination .page-link:hover {
  background-color: #1e574d !important;
  border-color: #1e574d !important;
  color: #ffffff !important;
}

.pagination .page-item.active .page-link {
  background-color: #1e574d !important;
  border-color: #1e574d !important;
  color: #ffffff !important;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

    :root {
        --brand:        #1e574d;
        --brand-mid:    #2a7364;
        --brand-light:  #e8f3f1;
        --brand-pale:   #f4faf9;
        --accent:       #e8a838;
        --danger:       #e05252;
        --warning:      #e8a838;
        --info:         #3a8fc4;
        --text-primary: #1a2e2b;
        --text-secondary: #5a7370;
        --text-muted:   #8da8a4;
        --border:       #dde9e7;
        --surface:      #ffffff;
        --bg:           #f2f7f6;
        --radius:       10px;
        --radius-sm:    6px;
        --shadow:       0 1px 3px rgba(30,87,77,.07), 0 4px 12px rgba(30,87,77,.06);
        --shadow-hover: 0 4px 16px rgba(30,87,77,.14);
    }

    body, .pcoded-content, .pcoded-wrapper {
        background: var(--bg) !important;
        font-family: 'DM Sans', sans-serif !important;
    }

    /* ── Page Header ── */
    .dash-page-header {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 20px 0 4px;
        margin-bottom: 4px;
    }
    .dash-page-header .icon-wrap {
        width: 44px; height: 44px;
        background: var(--brand);
        border-radius: var(--radius-sm);
        display: flex; align-items: center; justify-content: center;
        flex-shrink: 0;
    }
    .dash-page-header .icon-wrap i { color: #fff; font-size: 1.3rem; }
    .dash-page-header h4 {
        font-size: 1.2rem; font-weight: 700;
        color: var(--text-primary); margin: 0;
    }
    .dash-page-header p {
        font-size: .82rem; color: var(--text-muted); margin: 2px 0 0;
    }

    /* ── Stat Cards ── */
    .stat-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 14px;
        margin-bottom: 20px;
    }
    @media (max-width: 1199px) { .stat-grid { grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 767px)  { .stat-grid { grid-template-columns: repeat(2, 1fr); } }

    .stat-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        overflow: hidden;
        transition: box-shadow .2s, transform .2s;
        display: flex; flex-direction: column;
    }
    .stat-card:hover {
        box-shadow: var(--shadow-hover);
        transform: translateY(-2px);
    }
    .stat-card-body {
        padding: 16px 16px 12px;
        flex: 1;
    }
    .stat-card-icon {
        width: 38px; height: 38px;
        background: var(--brand-light);
        border-radius: var(--radius-sm);
        display: flex; align-items: center; justify-content: center;
        margin-bottom: 12px;
    }
    .stat-card-icon i { color: var(--brand); font-size: 1.2rem; }
    .stat-card-value {
        font-size: 1.65rem; font-weight: 700;
        color: var(--text-primary); line-height: 1;
        font-family: 'DM Mono', monospace;
    }
    .stat-card-label {
        font-size: .75rem; font-weight: 500;
        color: var(--text-muted); margin-top: 4px; text-transform: uppercase; letter-spacing: .04em;
    }
    .stat-card-link {
        display: block;
        background: var(--brand-pale);
        border-top: 1px solid var(--border);
        padding: 7px 14px;
        font-size: .75rem; font-weight: 600;
        color: var(--brand);
        text-decoration: none;
        text-align: center;
        transition: background .15s, color .15s;
    }
    .stat-card-link:hover {
        background: var(--brand);
        color: #fff;
        text-decoration: none;
    }

    /* ── Section Cards ── */
    .section-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        margin-bottom: 20px;
        overflow: hidden;
    }
    .section-card-header {
        padding: 14px 20px;
        border-bottom: 1px solid var(--border);
        display: flex; align-items: center; gap: 10px;
        background: var(--surface);
    }
    .section-card-header .header-dot {
        width: 8px; height: 8px;
        background: var(--brand);
        border-radius: 50%;
        flex-shrink: 0;
    }
    .section-card-header h5 {
        font-size: .9rem; font-weight: 700;
        color: var(--text-primary); margin: 0;
    }
    .section-card-body { padding: 20px; }

    /* ── Tables ── */
    .dash-table { width: 100%; border-collapse: collapse; }
    .dash-table th {
        font-size: .72rem; font-weight: 600;
        text-transform: uppercase; letter-spacing: .05em;
        color: var(--text-muted);
        padding: 0 0 10px;
        border-bottom: 2px solid var(--border);
    }
    .dash-table td {
        padding: 10px 0;
        border-bottom: 1px solid var(--border);
        font-size: .84rem; color: var(--text-primary);
        vertical-align: middle;
    }
    .dash-table tr:last-child td { border-bottom: none; }
    .dash-table td:last-child, .dash-table th:last-child { text-align: right; }

    /* ── Badge ── */
    .dash-badge {
        display: inline-block;
        padding: 3px 9px;
        border-radius: 20px;
        font-size: .72rem; font-weight: 600;
        background: var(--brand-light);
        color: var(--brand);
    }
    .dash-badge.danger  { background: rgba(224,82,82,.1); color: var(--danger); }
    .dash-badge.warning { background: rgba(232,168,56,.1); color: #b57f10; }
    .dash-badge.info    { background: rgba(58,143,196,.1); color: var(--info); }
    .dash-badge.neutral { background: #f0f0f0; color: #555; }

    /* ── Progress bar ── */
    .dash-progress {
        height: 6px; background: var(--brand-light);
        border-radius: 99px; overflow: hidden;
        margin-top: 4px;
    }
    .dash-progress-bar {
        height: 100%; background: var(--brand);
        border-radius: 99px;
        transition: width .4s ease;
    }
    .dash-progress-bar.danger  { background: var(--danger); }
    .dash-progress-bar.warning { background: var(--warning); }

    /* ── Metric Tiles ── */
    .metric-tile {
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        padding: 16px;
        text-align: center;
        background: var(--brand-pale);
    }
    .metric-tile.danger  { background: rgba(224,82,82,.05); border-color: rgba(224,82,82,.2); }
    .metric-tile.warning { background: rgba(232,168,56,.06); border-color: rgba(232,168,56,.25); }
    .metric-tile-value {
        font-size: 1.65rem; font-weight: 700;
        font-family: 'DM Mono', monospace;
        color: var(--brand); line-height: 1;
    }
    .metric-tile.danger  .metric-tile-value { color: var(--danger); }
    .metric-tile.warning .metric-tile-value { color: #b57f10; }
    .metric-tile-label {
        font-size: .75rem; font-weight: 500;
        color: var(--text-secondary); margin-top: 5px;
    }
    .metric-tile-sub {
        font-size: .7rem; color: var(--text-muted); margin-top: 2px;
    }

    /* ── Action btn ── */
    .dash-btn {
        display: inline-block;
        background: var(--brand);
        color: #fff;
        border: none; border-radius: var(--radius-sm);
        padding: 8px 18px;
        font-size: .82rem; font-weight: 600;
        cursor: pointer; text-decoration: none;
        transition: background .15s, box-shadow .15s;
        width: 100%; text-align: center;
        margin-top: 12px;
    }
    .dash-btn:hover { background: var(--brand-mid); color: #fff; text-decoration: none; box-shadow: 0 4px 12px rgba(30,87,77,.2); }

    /* ── Activity module badge ── */
    .mod-badge {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: .7rem; font-weight: 700;
        background: var(--brand);
        color: #fff;
        font-family: 'DM Mono', monospace;
        letter-spacing: .02em;
    }

    /* ── Row layout helpers ── */
    .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 0; }
    @media (max-width: 767px) { .two-col { grid-template-columns: 1fr; } }

    .time-text { font-size: .72rem; color: var(--text-muted); }

    /* ── Divider ── */
    .dash-divider { height: 1px; background: var(--border); margin: 0 0 20px; }

    /* ── Section spacing ── */
    .dash-section { margin-bottom: 20px; }

    /* TEXT */
.pc-sidebar .pc-link,
.pc-sidebar .pc-mtext,
.pc-sidebar .pc-caption label {
    color: #ffffff !important;
}

/* ICON */
.pc-sidebar .pc-micon i,
.pc-sidebar i {
    color: #ffffff !important;
}

/* SUBMENU */
.pc-sidebar .pc-submenu .pc-link {
    color: #ffffff !important;
}

/* HOVER */
.pc-sidebar .pc-link:hover,
.pc-sidebar .pc-submenu .pc-link:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

/* ACTIVE */
.pc-sidebar .pc-item.active > .pc-link,
.pc-sidebar .pc-submenu .pc-item.active > .pc-link {
    color: #ffffff !important;
}

/* DARK MODE ANDROID */
@media (prefers-color-scheme: dark) {
    .pc-sidebar .pc-link,
    .pc-sidebar .pc-mtext,
    .pc-sidebar .pc-caption label,
    .pc-sidebar .pc-micon i {
        color: #ffffff !important;
    }
}

/* TEMPLATE DARK CLASS */
body.dark-layout .pc-sidebar .pc-link,
body.dark-layout .pc-sidebar .pc-mtext,
body.dark-layout .pc-sidebar .pc-caption label,
body.dark-layout .pc-sidebar .pc-micon i {
    color: #ffffff !important;
}