/* =========================================================
   Clarion ERP — GetSkills Theme Set-7 look
   Charcoal primary + sage secondary, rounded cards/tables
   ========================================================= */

:root {
    --erp-card-radius: 1.25rem;
    --erp-soft-shadow: 0 0.35rem 1.25rem rgba(52, 58, 64, 0.06);
}

.erp-brand-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    margin-left: 10px;
    white-space: nowrap;
}

/* CIPL logo in sidebar / nav-header */
.nav-header .brand-logo.erp-brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.65rem 0.55rem 0.85rem;
    max-width: calc(100% - 3.25rem);
}
.nav-header .erp-brand-logo__img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 42px;
    object-fit: contain;
    border-radius: 0.35rem;
}
[data-sidebar-style="mini"] .nav-header .erp-brand-logo__img,
[data-sidebar-style="overlay"] .nav-header .erp-brand-logo__img {
    height: 34px;
}
@media (max-width: 767.98px) {
    .nav-header .erp-brand-logo__img {
        height: 36px;
    }
}

/* Content spacing — only for legacy .content wrappers; theme pads .container-fluid */
.content-body > .content,
.content-body .content {
    padding: 0;
}

.content-body .content {
    background: transparent !important;
    min-height: auto !important;
    font-family: inherit !important;
}

/* Bootstrap 4 spacing aliases */
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-auto { margin-right: auto !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-md-right { text-align: right !important; }
.form-group { margin-bottom: 1rem; }
.badge-pill { border-radius: 50rem !important; }
.no-gutters > .col,
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.btn-block { display: block; width: 100%; }

/* ---------- Theme-7 Cards ---------- */
.content-body .card,
.content-body .card.strpied-tabled-with-hover,
.content-body .card.card-plain,
.content-body .card.card-stats,
.content-body .erp-table-card,
.content-body .filter-box {
    border: 0 !important;
    background: #fff !important;
    border-radius: var(--erp-card-radius) !important;
    box-shadow: var(--erp-soft-shadow) !important;
    margin-bottom: 1.5rem;
    /* visible so DataTables footer / last lines are not clipped */
    overflow: visible;
}

.content-body .card .card-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(52, 58, 64, 0.08) !important;
    padding: 1.15rem 1.5rem !important;
}

.content-body .card .card-title,
.content-body .card h4.card-title,
.content-body .page-title {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin-bottom: 0;
    color: #212529 !important;
    text-transform: capitalize;
}

.content-body .card .card-body {
    padding: 1.5rem !important;
}

.content-body .card a {
    text-decoration: none;
}

/* KPI / dashboard mini cards */
.content-body .card-stats,
.content-body .card.card-stats {
    border-radius: var(--erp-card-radius) !important;
}
.content-body .card-stats .card-header {
    border-bottom: 0 !important;
}
.content-body .card-stats h2,
.content-body .card-stats .card-body h2 {
    font-weight: 700;
    color: #212529;
}

/* ---------- Theme-7 Tables ---------- */
.content-body .table {
    margin-bottom: 0;
    color: #374557;
    border-collapse: separate;
    border-spacing: 0;
}

.content-body .table thead th {
    border-bottom: 1px solid rgba(52, 58, 64, 0.1) !important;
    border-top: 0 !important;
    font-weight: 600;
    color: #7e7e7e !important;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: .04em;
    white-space: nowrap;
    background: transparent !important;
    padding: 0.95rem 0.85rem !important;
}

.content-body .table > :not(caption) > * > * {
    padding: 0.95rem 0.85rem;
    vertical-align: middle;
    border-color: rgba(52, 58, 64, 0.06);
}

.content-body .table tbody tr {
    transition: background-color .2s ease, box-shadow .2s ease;
}

.content-body .table tbody tr:hover {
    background-color: rgba(136, 166, 126, 0.08) !important;
}

.content-body .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(52, 58, 64, 0.02);
    box-shadow: none;
}

.content-body .table-responsive,
.content-body .table-responsive-md {
    overflow-x: auto;
    border-radius: 0 0 var(--erp-card-radius) var(--erp-card-radius);
}

/* Bare tables wrapped by bridge */
.content-body .erp-table-card .card-body {
    padding: 0 !important;
}
.content-body .erp-table-card .card-header + .card-body .table-responsive,
.content-body .erp-table-card .table-responsive {
    padding: 0 0.5rem 0.5rem;
}

/* ---------- Buttons (Theme-7 charcoal + sage) ---------- */
.btn {
    border-radius: 0.65rem !important;
    font-weight: 600;
}

.btn-fill,
.btn.btn-fill {
    color: #fff !important;
}

.btn-primary,
.btn-primary.btn-fill,
.btn-info,
.btn-info.btn-fill {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.btn-success,
.btn-success.btn-fill {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #fff !important;
}

.btn-danger,
.btn-danger.btn-fill {
    background-color: #ff5e5e !important;
    border-color: #ff5e5e !important;
    color: #fff !important;
}

.btn-warning,
.btn-warning.btn-fill {
    background-color: #ff9f00 !important;
    border-color: #ff9f00 !important;
    color: #fff !important;
}

.btn-secondary,
.btn-secondary.btn-fill {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

/* ---------- Forms ---------- */
.content-body .form-control,
.content-body select.form-control,
.content-body textarea.form-control {
    border-radius: 0.75rem !important;
    min-height: 2.75rem;
    border-color: #e6e6e6;
}

.content-body .form-control:focus {
    border-color: var(--secondary);
    box-shadow: 0 0 0 0.2rem rgba(136, 166, 126, 0.2);
}

.content-body label,
.content-body .col-form-label {
    font-weight: 500;
    color: #374557;
}

.select2-container .select2-selection--single {
    height: 2.75rem !important;
    border-radius: 0.75rem !important;
    border-color: #e6e6e6 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.65rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.65rem !important;
}

/* ---------- Tabs / filters used on list pages ---------- */
.content-body .status-tabs .status-tab {
    border-radius: 0.75rem !important;
    box-shadow: var(--erp-soft-shadow);
}
.content-body .status-tab.active-all,
.content-body .status-tab.active-my,
.content-body .status-tab.active-fresh,
.content-body .status-tab.active-assigned,
.content-body .status-tab.active-closed {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.content-body .badge {
    font-weight: 600;
    border-radius: 0.5rem;
}

.content-body .pagination .page-link {
    border-radius: 0.5rem;
    margin: 0 2px;
}

.content-body .pagination .page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* ---------- Auth ---------- */
.authincation-content {
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
    border-radius: var(--erp-card-radius);
}
.auth-form { padding: 2.5rem; }

/* ---------- Misc ---------- */
.nc-icon { font-style: normal; display: inline-block; }
.modal-header .close {
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    opacity: .6;
}

/* Search area Theme-7 */
.header .search-area .form-control {
    border-radius: 2rem 0 0 2rem !important;
    min-height: 2.75rem;
}
.header .search-area .input-group-text {
    border-radius: 0 2rem 2rem 0 !important;
    background: #fff;
}

/* Sage green sidebar (mockup color_9) */
[data-sibebarbg="color_9"] .dlabnav .metismenu > li > a {
    border-radius: 0.85rem !important;
    margin: 0.15rem 0.55rem !important;
}
[data-sibebarbg="color_9"] .dlabnav .metismenu > li.mm-active > a,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li:hover > a {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
}
[data-sibebarbg="color_9"] .dlabnav .metismenu > li.mm-active > a i,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li:hover > a i,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li.mm-active > a .bi,
[data-sibebarbg="color_9"] .dlabnav .metismenu > li:hover > a .bi {
    color: #fff !important;
}
[data-nav-headerbg="color_9"] .nav-header .hamburger .line {
    background: #000 !important;
}
[data-nav-headerbg="color_9"] .nav-header .brand-logo .logo-abbr path {
    fill: #fff !important;
}
[data-nav-headerbg="color_9"] .erp-brand-title {
    color: #fff !important;
}

/* Menu control (hamburger only — no extra logo next to page title) */
.nav-control {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
}
@media (max-width: 47.9375rem) {
    .nav-header .brand-logo.erp-brand-logo {
        display: none !important;
    }
}

/* Sidebar leaf decoration */
.dlabnav {
    position: relative;
}
.dlabnav .erp-sidebar-leaves {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    pointer-events: none;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160' viewBox='0 0 280 160'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.18' stroke-width='1.6'%3E%3Cpath d='M20 150c35-55 70-80 120-90-20 40-15 85 10 120'/%3E%3Cpath d='M110 155c25-45 55-70 100-78-15 35-8 75 18 105'/%3E%3Cpath d='M200 158c18-35 40-55 75-62-12 28-6 58 12 85'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cellipse cx='55' cy='95' rx='18' ry='28' transform='rotate(-35 55 95)'/%3E%3Cellipse cx='150' cy='110' rx='16' ry='26' transform='rotate(-25 150 110)'/%3E%3Cellipse cx='230' cy='125' rx='14' ry='22' transform='rotate(-20 230 125)'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% auto no-repeat;
    opacity: 1;
    z-index: 0;
}
.dlabnav .dlabnav-scroll {
    position: relative;
    z-index: 1;
}

/* Topbar: inline search + bell + profile (no right dlab-side-menu panel) */
.header .dlab-side-menu,
.dlab-side-menu {
    position: static !important;
    background: transparent !important;
    height: auto !important;
    width: auto !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.header .header-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.65rem;
    margin-left: auto;
}
.header .header-right > .nav-item,
.header .header-right > li {
    margin: 0 !important;
}
.header .erp-topbar-bell {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f6f2 !important;
    color: #5f6b5a !important;
    position: relative;
    padding: 0 !important;
}
.header .erp-topbar-bell .bi-bell {
    font-size: 1.15rem;
}
.header .erp-bell-dot {
    position: absolute;
    top: 0.45rem;
    right: 0.5rem;
    width: 0.45rem;
    height: 0.45rem;
    padding: 0 !important;
    border-radius: 50%;
    min-width: 0;
}
.header .erp-topbar-profile {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem !important;
}
.header .erp-topbar-avatar {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 50%;
    background: var(--secondary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    border: 2px solid rgba(136, 166, 126, 0.25);
}
.header .erp-topbar-caret {
    font-size: 0.75rem;
    color: #7e7e7e;
}
/* Theme reserves space for fixed right rail — reclaim it */
.header .header-content,
.content-body {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Dark sidebar fallback (if color_12 used again) */
[data-sibebarbg="color_12"] .dlabnav .metismenu > li.mm-active > a,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li:hover > a {
    color: #fff !important;
}
[data-sibebarbg="color_12"] .dlabnav .metismenu > li.mm-active > a i,
[data-sibebarbg="color_12"] .dlabnav .metismenu > li:hover > a i {
    color: var(--secondary) !important;
}
[data-sibebarbg="color_12"] .hamburger .line {
    background: #fff !important;
}

/* Theme-7 clean dashboard stat cards (white, no dark dlab-cource split) */
.erp-dashboard {
    padding-top: 0.25rem;
    padding-bottom: 1.5rem;
}
.erp-dashboard > .row {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
}
.erp-stat-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}
.erp-stat-link:hover {
    color: inherit !important;
}
.content-body .card.erp-stat-card {
    border: 0 !important;
    background: #fff !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 0.35rem 1.25rem rgba(52, 58, 64, 0.06) !important;
    margin-bottom: 0 !important;
    height: 100% !important;
    overflow: visible;
}
.content-body .erp-dashboard .card {
    margin-bottom: 0 !important;
}
.content-body .card.erp-stat-card .card-body {
    padding: 1.35rem 1.4rem !important;
    background: #fff !important;
}
.erp-stat-icon {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 0.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.35rem;
}
.erp-stat-icon.style-green {
    background: rgba(136, 166, 126, 0.15);
    color: var(--secondary);
}
.erp-stat-icon.style-dark {
    background: rgba(52, 58, 64, 0.1);
    color: var(--primary);
}
.erp-stat-value {
    margin: 0;
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.2;
    color: #212529;
}
.erp-stat-label {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: #7e7e7e;
}
.erp-stat-icon i,
.erp-stat-icon .bi,
.dlabnav .metismenu i,
.dlabnav .metismenu .bi {
    font-style: normal !important;
    line-height: 1 !important;
    display: inline-block !important;
}
.erp-stat-icon .bi::before,
.dlabnav .metismenu .bi::before {
    vertical-align: middle !important;
}

/* ClarionIT home — polished metric + profile cards */
.content-body .erp-dashboard {
    padding-top: 0.15rem;
}
.content-body .erp-dashboard .erp-metric-link {
    display: block;
    text-decoration: none !important;
    color: inherit !important;
    height: 100%;
}
.content-body .erp-dashboard .erp-metric-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfcfb 100%) !important;
    border: 1px solid rgba(136, 166, 126, 0.14) !important;
    border-radius: 1.25rem !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 0.5rem 1.4rem rgba(52, 58, 64, 0.06) !important;
    padding: 1.25rem 1.3rem !important;
    min-height: 6.4rem;
    height: 100%;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.content-body .erp-dashboard .erp-metric-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.1rem;
    bottom: 1.1rem;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, var(--secondary), #6f9a64);
    opacity: 0;
    transition: opacity 0.22s ease;
}
.content-body .erp-dashboard .erp-metric-link:hover .erp-metric-card,
.content-body .erp-dashboard .erp-metric-card:hover {
    transform: translateY(-4px);
    border-color: rgba(136, 166, 126, 0.32) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 0.85rem 1.85rem rgba(88, 120, 78, 0.14) !important;
}
.content-body .erp-dashboard .erp-metric-link:hover .erp-metric-card::before,
.content-body .erp-dashboard .erp-metric-card:hover::before {
    opacity: 1;
}
.content-body .erp-dashboard .erp-metric-icon {
    width: 3.35rem;
    height: 3.35rem;
    border-radius: 1rem;
    background: linear-gradient(145deg, #eef4eb 0%, #dfead8 100%) !important;
    color: #5f7f55 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.3rem;
    z-index: 1;
    border: 1px solid rgba(136, 166, 126, 0.22);
    box-shadow: 0 0.2rem 0.55rem rgba(136, 166, 126, 0.12);
}
.content-body .erp-dashboard .erp-metric-icon .bi {
    color: #5f7f55 !important;
    font-style: normal !important;
    line-height: 1 !important;
}
.content-body .erp-dashboard .erp-metric-icon--cta {
    width: 3.35rem;
    height: 3.35rem;
    border-radius: 50%;
    background: linear-gradient(145deg, #9bb892 0%, var(--secondary) 100%) !important;
    border: 0;
    box-shadow: 0 0.35rem 0.9rem rgba(136, 166, 126, 0.4);
}
.content-body .erp-dashboard .erp-metric-icon--cta .bi {
    color: #fff !important;
    font-size: 1.15rem;
}
.content-body .erp-dashboard .erp-metric-card--cta {
    background:
        linear-gradient(135deg, #f4f8f2 0%, #ffffff 55%, #eef4eb 100%) !important;
    border-color: rgba(136, 166, 126, 0.28) !important;
}
.content-body .erp-dashboard .erp-metric-card--cta::before {
    opacity: 1;
}
.content-body .erp-dashboard .erp-metric-body {
    min-width: 0;
    z-index: 1;
    padding-right: 1.75rem;
    flex: 1;
}
.content-body .erp-dashboard .erp-metric-value {
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1.1;
    color: #1e2a1c;
    letter-spacing: -0.035em;
}
.content-body .erp-dashboard .erp-metric-value--sm {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    max-width: 160px;
}
.content-body .erp-dashboard .erp-metric-label {
    margin-top: 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #7a8776;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.content-body .erp-dashboard .erp-metric-ghost {
    position: absolute;
    right: -0.15rem;
    bottom: -0.35rem;
    font-size: 4.25rem;
    color: rgba(136, 166, 126, 0.1) !important;
    line-height: 1;
    pointer-events: none;
    z-index: 0;
    transform: rotate(-8deg);
}
.content-body .erp-dashboard .erp-call-mini {
    align-items: flex-start;
    min-height: auto;
}
.content-body .erp-dashboard .erp-call-mini .erp-metric-ghost {
    display: none;
}

/* Profile — soft mint + leaf deco */
.content-body .erp-dashboard .erp-profile-panel {
    position: relative;
    background: linear-gradient(165deg, #d5e4cf 0%, #e8f0e4 42%, #f5f8f3 100%);
    border-radius: 1.4rem;
    border: 1px solid rgba(136, 166, 126, 0.2);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.65) inset,
        0 0.55rem 1.5rem rgba(88, 120, 78, 0.1);
    min-height: 100%;
    overflow: hidden;
}
.content-body .erp-dashboard .erp-profile-panel__deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 90% 8%, rgba(255,255,255,0.7) 0 10%, transparent 11%),
        radial-gradient(circle at 8% 92%, rgba(255,255,255,0.5) 0 9%, transparent 10%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%2388A67E' stroke-opacity='0.2' stroke-width='1.5'%3E%3Cpath d='M30 130c20-35 45-50 70-55-10 25-5 55 10 75'/%3E%3Cpath d='M95 25c-5 20 5 40 25 50-22 5-40 20-48 42'/%3E%3C/g%3E%3C/svg%3E") right -10px bottom -10px / 150px no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath fill='%2388A67E' fill-opacity='0.14' d='M95 20c-18 8-32 24-38 42 22-2 42 10 52 28C112 62 110 35 95 20z'/%3E%3C/svg%3E") left -8px top -8px / 110px no-repeat;
}
.content-body .erp-dashboard .erp-profile-panel__inner {
    position: relative;
    z-index: 1;
    padding: 1.75rem 1.25rem 1.45rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}
.content-body .erp-dashboard .erp-profile-avatar {
    width: 88px !important;
    height: 88px !important;
    margin: 0 auto 0.95rem;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #9bb892 0%, #6f9a64 100%) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    border: 4px solid rgba(255,255,255,0.9) !important;
    box-shadow: 0 0.45rem 1.15rem rgba(88, 120, 78, 0.35) !important;
}
.content-body .erp-dashboard .erp-profile-name {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1e2a1c;
    margin-bottom: 0.15rem;
    letter-spacing: -0.02em;
}
.content-body .erp-dashboard .erp-profile-edit {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: #fff;
    color: #5f7f55 !important;
    font-size: 0.7rem;
    font-weight: 700;
    text-decoration: none !important;
    vertical-align: middle;
    border: 1px solid rgba(136, 166, 126, 0.25);
    box-shadow: 0 0.15rem 0.4rem rgba(52, 58, 64, 0.06);
    transition: background 0.18s ease, color 0.18s ease;
}
.content-body .erp-dashboard .erp-profile-edit:hover {
    background: var(--secondary);
    color: #fff !important;
    border-color: transparent;
}
.content-body .erp-dashboard .erp-profile-role {
    color: #667561;
    font-size: 0.88rem;
    font-weight: 500;
    margin-bottom: 1.05rem;
}
.content-body .erp-dashboard .erp-profile-contact {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}
.content-body .erp-dashboard .erp-profile-contact__row {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    text-align: left;
    font-size: 0.82rem;
    font-weight: 500;
    color: #3f4a3b;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(136, 166, 126, 0.16);
    border-radius: 0.75rem;
    padding: 0.55rem 0.7rem;
    line-height: 1.3;
    word-break: break-word;
}
.content-body .erp-dashboard .erp-profile-contact__row i {
    color: var(--secondary);
    flex-shrink: 0;
    font-size: 0.95rem;
}
.content-body .erp-dashboard .erp-profile-contact__row span {
    min-width: 0;
}

.content-body .erp-dashboard .erp-chart-card {
    border: 1px solid rgba(136, 166, 126, 0.12) !important;
    border-radius: 1.3rem !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 0.5rem 1.4rem rgba(52, 58, 64, 0.06) !important;
    background: #fff !important;
}
.content-body .erp-dashboard .erp-chart-card .card-title {
    font-weight: 700;
    font-size: 1.1rem;
    color: #1e2a1c !important;
}
.content-body .erp-dashboard .erp-chart-chip {
    font-size: 0.76rem;
    font-weight: 600;
    color: #5f6b5a;
    background: #eef3eb;
    border: 1px solid rgba(136, 166, 126, 0.18);
    border-radius: 999px;
    padding: 0.4rem 0.85rem;
    display: inline-flex;
    align-items: center;
}
.content-body .erp-dashboard .erp-leave-mini {
    background: linear-gradient(180deg, #f7faf5 0%, #eef3eb 100%);
    border: 1px solid rgba(136, 166, 126, 0.14);
    border-radius: 0.9rem;
    padding: 0.8rem 0.9rem;
}
.content-body .erp-dashboard .erp-leave-mini .erp-info-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a8776;
    margin-bottom: 0.2rem;
}
.content-body .erp-dashboard .erp-leave-mini .erp-info-value {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1e2a1c;
    letter-spacing: -0.02em;
}
.content-body .erp-dashboard .erp-soft-btn {
    background: #f1f5f0 !important;
    border: 0 !important;
    color: #3d5a34 !important;
    font-weight: 600 !important;
}
.content-body .erp-dashboard .erp-soft-btn:hover {
    background: rgba(136, 166, 126, 0.25) !important;
    color: #2f4528 !important;
}

@media (min-width: 1200px) {
    .content-body .erp-dashboard .erp-profile-panel {
        min-height: 20rem;
    }
    .content-body .erp-dashboard .erp-metric-card {
        min-height: auto;
        height: auto;
    }
}

@media (max-width: 767px) {
    .content-body > .content,
    .content-body .content {
        padding: 1rem;
    }
    .auth-form { padding: 1.5rem; }
    .content-body .card .card-body {
        padding: 1rem !important;
    }
}

/* =========================================================
   Service Calls index — Theme-7 ClarionIT
   ========================================================= */
.content-body .erp-sc-page {
    padding-top: 0.25rem;
    padding-bottom: 1.5rem;
    font-family: inherit;
    margin-top: 30px;
}
.content-body .erp-sc-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}
.content-body .erp-sc-header__left {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}
.content-body .erp-sc-header__icon {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 1rem;
    background: rgba(136, 166, 126, 0.15);
    color: var(--secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}
.content-body .erp-sc-header__title {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #374557 !important;
    line-height: 1.25;
}
.content-body .erp-sc-header__sub {
    font-size: 0.84rem;
    color: #7e7e7e;
    font-weight: 400;
    margin-top: 0.15rem;
}
.content-body .erp-sc-btn-add {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
    padding: 0.65rem 1.15rem !important;
    box-shadow: 0 0.3rem 0.8rem rgba(136, 166, 126, 0.3);
}
.content-body .erp-sc-btn-add:hover {
    background: var(--secondary-dark) !important;
    border-color: var(--secondary-dark) !important;
    color: #fff !important;
}

.content-body .erp-sc-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.1rem;
    overflow-x: auto;
    padding-bottom: 0.15rem;
}
.content-body .erp-sc-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(136, 166, 126, 0.18);
    background: #fff;
    color: #64748b !important;
    font-size: 0.84rem;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: 0 0.2rem 0.55rem rgba(52, 58, 64, 0.05);
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.content-body .erp-sc-tab:hover {
    border-color: rgba(136, 166, 126, 0.4);
    color: #3d5a34 !important;
}
.content-body .erp-sc-tab.is-active {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #fff !important;
    box-shadow: 0 0.3rem 0.75rem rgba(136, 166, 126, 0.28);
}

.content-body .erp-sc-card {
    background: #fff;
    border: 0;
    border-radius: 1.25rem;
    box-shadow: 0 0.35rem 1.25rem rgba(52, 58, 64, 0.06);
    margin-bottom: 1.15rem;
}
.content-body .erp-sc-filter {
    padding: 1.2rem 1.35rem;
}
.content-body .erp-sc-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #7e7e7e;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.4rem;
}
.content-body .erp-sc-btn-reset {
    background: #f1f5f0 !important;
    border: 0 !important;
    color: #5f7f55 !important;
    border-radius: 0.75rem !important;
    min-width: 2.85rem;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.content-body .erp-sc-btn-reset:hover {
    background: rgba(136, 166, 126, 0.25) !important;
    color: #3d5a34 !important;
}

.content-body .erp-sc-list {
    overflow: hidden;
}
.content-body .erp-sc-list__head {
    padding: 1.25rem 1.35rem 1.1rem;
    border-bottom: 1px solid rgba(52, 58, 64, 0.06);
}
.content-body .erp-sc-list__title-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.65rem;
    margin-bottom: 1rem;
}
.content-body .erp-sc-list__title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #374557 !important;
}
.content-body .erp-sc-count {
    font-size: 0.8rem;
    font-weight: 600;
    color: #7e7e7e;
    background: #f1f5f0;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
}
.content-body .erp-sc-assign {
    background: linear-gradient(135deg, #f4f8f2 0%, #eef3eb 100%);
    border: 1px solid rgba(136, 166, 126, 0.18);
    border-radius: 1rem;
    padding: 1rem 1.1rem;
}
.content-body .erp-sc-hint {
    margin-top: 0.75rem;
    font-size: 0.8rem;
    color: #7a8776;
}
.content-body .erp-sc-list__body {
    padding: 0;
}

.content-body .erp-sc-table {
    margin-bottom: 0 !important;
}
.content-body .erp-sc-table thead th {
    background: #f7f9f6 !important;
    border-bottom: 1px solid rgba(136, 166, 126, 0.14) !important;
    color: #5f6b5a !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    padding: 0.9rem 1rem !important;
    white-space: nowrap;
}
.content-body .erp-sc-table tbody td {
    padding: 1rem !important;
    vertical-align: top !important;
    border-bottom: 1px solid rgba(52, 58, 64, 0.05) !important;
    color: #374557;
    font-size: 0.9rem;
}
.content-body .erp-sc-table tbody td:nth-child(4) {
    max-width: 240px;
    width: 22%;
    overflow: hidden;
}
.content-body .erp-sc-table tbody tr:hover {
    background: rgba(136, 166, 126, 0.04) !important;
}
.content-body .erp-sc-id {
    font-weight: 700;
    color: #374557 !important;
    text-decoration: none !important;
}
.content-body .erp-sc-id:hover {
    color: var(--secondary) !important;
}
.content-body .erp-sc-meta {
    font-size: 0.78rem;
    color: #7e7e7e;
    line-height: 1.4;
}
.content-body .erp-sc-customer {
    font-weight: 700;
    color: #374557;
    margin-bottom: 0.15rem;
}
.content-body .erp-sc-phone {
    color: var(--secondary) !important;
    font-weight: 600;
    text-decoration: none !important;
}
.content-body .erp-sc-phone:hover {
    text-decoration: underline !important;
}
.content-body .erp-sc-detail {
    max-width: 240px;
    min-width: 0;
    overflow: hidden;
}
.content-body .erp-sc-detail__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #94a3b8;
    margin-bottom: 0.1rem;
    margin-top: 0.35rem;
}
.content-body .erp-sc-detail__label:first-child {
    margin-top: 0;
}
.content-body .erp-sc-detail__val {
    font-size: 0.86rem;
    color: #475569;
    line-height: 1.4;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.content-body .erp-sc-date {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 0.35rem;
}

.content-body .erp-sc-pill {
    display: inline-block;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}
.content-body .erp-sc-pill--fresh {
    background: #fff4e0;
    color: #9a6b00;
}
.content-body .erp-sc-pill--assigned {
    background: #e4eefc;
    color: #1e4f9a;
}
.content-body .erp-sc-pill--closed {
    background: #e5f2e8;
    color: #2f6b45;
}
.content-body .erp-sc-pill--working {
    background: #e7f1ff;
    color: #0d6efd;
}
.content-body .erp-sc-pill--pending {
    background: #fff3cd;
    color: #856404;
}
.content-body .erp-sc-pill--cancel {
    background: #f8d7da;
    color: #842029;
}
.content-body .erp-sc-pill--pickup {
    background: #fff1e0;
    color: #9a4d00;
}
.content-body .erp-sc-pill--drop {
    background: #e8f4ff;
    color: #0b5cab;
}
.content-body .erp-sc-pill--pickupdrop {
    background: #efe7ff;
    color: #5b3bb0;
}

.content-body .erp-sc-pd-banner {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    background: linear-gradient(165deg, #fff6ea 0%, #fff 70%);
    border: 1px solid rgba(154, 77, 0, 0.16);
}
.content-body .erp-sc-pd-banner__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: rgba(154, 77, 0, 0.12);
    color: #9a4d00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.15rem;
}
.content-body .erp-sc-pd-banner__title {
    font-weight: 700;
    color: #3d2a14;
    margin-bottom: 0.2rem;
}
.content-body .erp-sc-pd-banner__text {
    font-size: 0.88rem;
    color: #5c4a38;
    line-height: 1.45;
}

/* Service Call View */
.content-body .erp-sc-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.content-body .erp-sc-btn-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: #f1f5f0 !important;
    border: 0 !important;
    color: #3d5a34 !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
    padding: 0.65rem 1.1rem !important;
}
.content-body .erp-sc-btn-back:hover {
    background: rgba(136, 166, 126, 0.28) !important;
    color: #2f4528 !important;
}
.content-body .erp-sc-view-card__head,
.content-body .erp-sc-list .erp-sc-list__head {
    padding: 1.15rem 1.35rem 0.85rem;
}
.content-body .erp-sc-view-card__head h5 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #374557;
}
.content-body .erp-sc-view-card__body {
    padding: 0.35rem 1.35rem 1.35rem;
}
.content-body .erp-sc-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}
.content-body .erp-sc-info--full {
    grid-column: 1 / -1;
}
.content-body .erp-sc-info__label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #94a3b8;
    margin-bottom: 0.3rem;
}
.content-body .erp-sc-info__value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #374557;
    line-height: 1.45;
}
.content-body .erp-sc-info__value--wrap {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    font-weight: 500;
    color: #475569;
}
.content-body .erp-sc-view-side {
    padding: 1.5rem 1.25rem;
    text-align: center;
    background: linear-gradient(165deg, #dfead8 0%, #eef4eb 45%, #f7f9f6 100%);
    border: 1px solid rgba(136, 166, 126, 0.18);
}
.content-body .erp-sc-view-side__icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 0.85rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.75);
    color: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    box-shadow: 0 0.2rem 0.55rem rgba(136, 166, 126, 0.15);
}
.content-body .erp-sc-view-side__name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #374557;
    margin-bottom: 0.35rem;
    word-break: break-word;
}
.content-body .erp-sc-view-side__meta {
    margin-bottom: 1.1rem;
}
.content-body .erp-sc-view-side__meta a {
    color: var(--secondary) !important;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 0.9rem;
}
.content-body .erp-sc-view-side__rows {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: left;
}
.content-body .erp-sc-view-side__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(136, 166, 126, 0.16);
    border-radius: 0.75rem;
    padding: 0.65rem 0.8rem;
    font-size: 0.84rem;
}
.content-body .erp-sc-view-side__row span {
    color: #7a8776;
    font-weight: 600;
}
.content-body .erp-sc-view-side__row strong {
    color: #374557;
    font-weight: 700;
    text-align: right;
    word-break: break-word;
}
@media (max-width: 767.98px) {
    .content-body .erp-sc-info-grid {
        grid-template-columns: 1fr;
    }
}

.content-body .erp-sc-row-active {
    background: rgba(136, 166, 126, 0.08) !important;
}
.content-body .erp-sc-form-card .erp-sc-view-card__body {
    padding-top: 0.5rem;
}
.content-body .erp-sc-check {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.85rem;
    padding: 0.65rem 0.9rem;
    background: #f7f9f6;
    border: 1px solid rgba(136, 166, 126, 0.18);
    border-radius: 0.75rem;
    font-size: 0.88rem;
    font-weight: 500;
    color: #374557;
    cursor: pointer;
    margin: 0;
}
.content-body .erp-sc-check input {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--secondary);
}
.content-body .erp-sc-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(52, 58, 64, 0.06);
}
.content-body .erp-sc-complete-card {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.35rem 1.4rem;
    background: linear-gradient(135deg, #f4f8f2 0%, #eef4eb 100%);
    border: 1px solid rgba(136, 166, 126, 0.2);
}
.content-body .erp-sc-complete-card__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--secondary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 0.3rem 0.75rem rgba(136, 166, 126, 0.3);
}
.content-body .erp-sc-complete-card h5 {
    font-weight: 700;
    color: #374557;
}



.content-body .erp-sc-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.22rem 0.55rem;
    border-radius: 0.45rem;
    font-size: 0.72rem;
    font-weight: 600;
    margin: 0.15rem 0.15rem 0 0;
}
.content-body .erp-sc-chip--sales {
    background: #f1f5f0;
    color: #5f6b5a;
}
.content-body .erp-sc-chip--engg {
    background: rgba(136, 166, 126, 0.18);
    color: #3d5a34;
}
.content-body .erp-sc-chip--id {
    background: rgba(136, 166, 126, 0.14);
    color: #3d5a34;
}

.content-body .erp-sc-actions {
    display: inline-flex;
    justify-content: flex-end;
    gap: 0.3rem;
}
.content-body .erp-sc-act {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    height: 2.05rem;
    border-radius: 0.55rem;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 0.85rem;
    transition: transform 0.15s ease, filter 0.15s ease;
}
.content-body .erp-sc-act:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    color: #fff !important;
}
.content-body .erp-sc-act--view { background: #343a40; }
.content-body .erp-sc-act--edit { background: #6c757d; }
.content-body .erp-sc-act--warn { background: #ff9f00; }
.content-body .erp-sc-act--danger { background: #ff5e5e; }
.content-body .erp-sc-act--success { background: var(--secondary); }

/* Job Card page extras */
.content-body .erp-jc-btn-track {
    background: #343a40 !important;
    border-color: #343a40 !important;
    color: #fff !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
}
.content-body .erp-jc-btn-track:hover {
    filter: brightness(1.08);
    color: #fff !important;
}
.content-body .erp-jc-chip--service {
    background: #eff6ff !important;
    color: #1e4f9a !important;
}
.content-body .erp-jc-pill--pending {
    background: #fff4e0;
    color: #9a6b00;
}
.content-body .erp-jc-pill--progress {
    background: #e7f1ff;
    color: #0d6efd;
}
.content-body .erp-jc-pill--transfer {
    background: #f3e8ff;
    color: #6b21a8;
}
.content-body .erp-jc-pill--transfer-in {
    background: #ede9fe;
    color: #5b21b6;
}
.content-body .erp-jc-pill--ready {
    background: #ecfdf5;
    color: #047857;
}
.content-body .erp-jc-pill--delivered {
    background: #e5f2e8;
    color: #2f6b45;
}
.content-body .erp-jc-page .erp-sc-table tbody td:nth-child(4) {
    max-width: 240px;
    width: 22%;
    overflow: hidden;
}

/* Job Card filter — even grid */
.content-body .erp-jc-filter {
    padding: 1.25rem 1.35rem 1.15rem;
}
.content-body .erp-jc-filter__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem 1.1rem;
    align-items: end;
}
.content-body .erp-jc-filter__field {
    min-width: 0;
}
.content-body .erp-jc-filter__field .form-control,
.content-body .erp-jc-filter__field .select2-container {
    width: 100% !important;
}
.content-body .erp-jc-filter__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(136, 166, 126, 0.14);
}
.content-body .erp-jc-filter__actions .btn {
    min-height: 2.65rem;
    padding: 0.55rem 1.1rem !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
}
.content-body .erp-jc-filter__actions .erp-sc-btn-reset {
    min-width: auto;
    padding: 0.55rem 1.1rem !important;
}
@media (max-width: 1199.98px) {
    .content-body .erp-jc-filter__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    .content-body .erp-jc-filter__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 575.98px) {
    .content-body .erp-jc-filter__grid {
        grid-template-columns: 1fr;
    }
    .content-body .erp-jc-filter__actions .btn {
        flex: 1 1 auto;
        justify-content: center;
    }
}


.content-body .erp-sc-empty {
    text-align: center;
    padding: 2.75rem 1rem;
    color: #7e7e7e;
}
.content-body .erp-sc-empty i {
    font-size: 2.25rem;
    color: rgba(136, 166, 126, 0.55);
    display: block;
    margin-bottom: 0.65rem;
}
.content-body .erp-sc-empty .fw-semibold {
    color: #374557;
    margin-bottom: 0.2rem;
}

.content-body .erp-sc-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.95rem 1.25rem;
    border-top: 1px solid rgba(52, 58, 64, 0.06);
}

.content-body .erp-sc-mobile {
    display: none;
    padding: 1rem;
}
.content-body .erp-sc-mcard {
    background: #fff;
    border: 1px solid rgba(136, 166, 126, 0.14);
    border-radius: 1rem;
    padding: 1rem 1.05rem;
    margin-bottom: 0.85rem;
    box-shadow: 0 0.25rem 0.85rem rgba(52, 58, 64, 0.05);
}
.content-body .erp-sc-mrow {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 0.88rem;
    color: #475569;
    margin-bottom: 0.4rem;
}
.content-body .erp-sc-mrow i {
    margin-top: 0.15rem;
    width: 1rem;
    flex-shrink: 0;
}
.content-body .erp-sc-mbox {
    background: #f7f9f6;
    border-radius: 0.75rem;
    padding: 0.7rem 0.8rem;
    margin-top: 0.65rem;
    font-size: 0.86rem;
    color: #475569;
}
.content-body .erp-sc-mactions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(52, 58, 64, 0.06);
}

@media (max-width: 991.98px) {
    .content-body .erp-sc-page .desktop-table {
        display: none !important;
    }
    .content-body .erp-sc-mobile {
        display: block !important;
    }
}
@media (min-width: 992px) {
    .content-body .erp-sc-mobile {
        display: none !important;
    }
}
@media (max-width: 575px) {
    .content-body .erp-sc-header__title {
        font-size: 1.15rem !important;
    }
    .content-body .erp-sc-filter,
    .content-body .erp-sc-list__head {
        padding: 1rem;
    }
}

/* Call button next to phone numbers */
.erp-call-inline {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.erp-call-inline--center {
    justify-content: center;
}
.erp-call-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: #3d5a34;
    color: #fff !important;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none !important;
    line-height: 1.2;
    box-shadow: 0 2px 8px rgba(61, 90, 52, 0.25);
    white-space: nowrap;
}
.erp-call-btn i { font-size: 0.9rem; }
.erp-call-btn:hover,
.erp-call-btn:focus {
    background: #2f4528;
    color: #fff !important;
}
.erp-call-btn--sm {
    padding: 0.28rem 0.7rem;
    font-size: 0.78rem;
}

/* PWA install banner + topbar button */
.erp-pwa-top-install {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem !important;
    margin-right: 0.35rem;
    border-radius: 999px !important;
    background: rgba(136, 166, 126, 0.18) !important;
    color: #3d5a34 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.erp-pwa-top-install[hidden] { display: none !important; }
.erp-pwa-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10050;
    padding: 0.75rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom));
    pointer-events: none;
}
.erp-pwa-banner[hidden] { display: none !important; }
.erp-pwa-banner__inner {
    pointer-events: auto;
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 0.95rem;
    background: #1a231c;
    color: #fff;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}
.erp-pwa-banner__icon {
    width: 44px;
    height: 44px;
    border-radius: 0.65rem;
    flex-shrink: 0;
    object-fit: cover;
    background: #000;
}
.erp-pwa-banner__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.erp-pwa-banner__text strong {
    font-size: 0.92rem;
    font-weight: 700;
}
.erp-pwa-banner__text > span {
    font-size: 0.78rem;
    opacity: 0.78;
}
.erp-pwa-banner__help {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    line-height: 1.4;
    opacity: 0.9;
}
.erp-pwa-banner__actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}
.erp-pwa-banner__install {
    border: 0;
    border-radius: 999px;
    background: #88a67e;
    color: #1a231c;
    font-weight: 700;
    font-size: 0.78rem;
    padding: 0.45rem 0.8rem;
    white-space: nowrap;
}
.erp-pwa-banner__install[hidden] { display: none !important; }
.erp-pwa-banner__close {
    border: 0;
    background: transparent;
    color: rgba(255,255,255,0.7);
    font-size: 1.35rem;
    line-height: 1;
    padding: 0.15rem 0.35rem;
}
@media (min-width: 992px) {
    .erp-pwa-banner { display: none !important; }
}