/* Anayil client experience: readable service management with native contracts intact. */
.anayil-internal #main-body { color: #2b2b2b; }
.anayil-internal #main-body .sidebar .card { background: transparent; border: 1px solid #e0e2d8; border-radius: 12px; overflow: visible; }
.anayil-internal #main-body .sidebar .card-header { padding: 16px; background: #ecefe5; border-bottom: 1px solid #dce1d3; border-radius: 11px 11px 0 0; }
.anayil-internal #main-body .sidebar .card-title { font-size: 13px; font-weight: 650; letter-spacing: 0; }
.anayil-internal #main-body .sidebar .list-group { padding: 6px; background: #fafbf7; border-radius: 0 0 11px 11px; }
.anayil-internal #main-body .sidebar .list-group-item { border: 0; border-radius: 7px; margin: 2px 0; background: transparent; color: #536359; padding: 11px 10px; line-height: 1.6; }
.anayil-internal #main-body .sidebar a.list-group-item:hover { background: #eaf3ee; color: #185f48; }
.anayil-internal #main-body .sidebar .list-group-item.active { background: #1f7a5c; color: #fff; }
.anayil-internal #main-body .sidebar .list-group-item.active .sidebar-menu-item-icon { color: #fff; }
.anayil-internal #main-body .sidebar .sidebar-menu-item-icon { color: #71846f; }
.anayil-internal #main-body .sidebar .card-footer { background: #fafbf7; border-radius: 0 0 11px 11px; }
.anayil-internal #main-body .table-container { padding: 20px; box-shadow: 0 4px 20px #1f7a5c05; }
.anayil-internal #main-body .table-list { font-size: 13px; }
.anayil-internal #main-body .table-list thead th { font-size: 11px; letter-spacing: .015em; background: #f0f4ec; padding: 15px 12px; }
.anayil-internal #main-body .table-list tbody td { padding: 17px 12px; line-height: 1.6; }
.anayil-internal #main-body .dataTables_wrapper .dataTables_filter input { min-height: 36px; }
.anayil-internal #main-body .pagination .page-link { border-color: #d9d7d2; font-size: 12px; }
.anayil-internal #main-body .nav-tabs { gap: 3px; }
.anayil-internal #main-body .nav-tabs .nav-link { border-radius: 8px 8px 0 0; }
.anayil-internal #main-body .kb-category .card-body { padding: 23px; }
.anayil-internal #main-body .kb-category .h5 { color: #185f48; font-size: 16px; }
.anayil-internal #main-body .kb-category p { margin-top: 9px !important; line-height: 1.7; }
.anayil-internal #main-body .list-group-item.kb-article-item { border-color: #e5e7dc; }
.anayil-internal #main-body .ticket-reply { border-radius: 12px; border-color: #d9d7d2; box-shadow: none; }
.anayil-internal #main-body .ticket-reply .user { background: #f2f5ed; color: #435b4d; }
.anayil-internal #main-body .ticket-reply .message { line-height: 1.8; }
.anayil-client-welcome { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; padding: 28px; border: 1px solid #d5e1d2; border-radius: 16px; background: linear-gradient(120deg,#eaf3ee,#f7f4ee); }
.anayil-client-eyebrow { display: block; color: #1f7a5c; font-size: 10px; font-weight: 700; letter-spacing: .12em; margin-bottom: 12px; }
.anayil-internal #main-body .anayil-client-welcome h1 { font-size: clamp(25px,2.8vw,32px); margin: 0 0 12px; }
.anayil-client-welcome p { font-size: 13px; color: #637064; margin: 0; }
.anayil-client-welcome > .btn { flex-shrink: 0; padding: 12px 18px; min-height: 44px; }
.anayil-client-welcome > .btn i { margin-left: 8px; }
.anayil-internal #main-body .tiles { background: transparent; border: 0; border-radius: 0; }
.anayil-internal #main-body .tiles .row { margin-left: -6px; margin-right: -6px; }
.anayil-internal #main-body .tiles .row > div { padding: 0 6px 12px; }
.anayil-internal #main-body .tiles .tile { display: block; position: relative; padding: 22px 18px; background: #fff; border: 1px solid #d9d7d2; border-radius: 12px; min-height: 130px; overflow: hidden; }
.anayil-internal #main-body .tiles .tile:hover { background: #f5faf5; text-decoration: none; border-color: #a8bca1; }
.anayil-internal #main-body .tiles .tile > i { color: #a8bca1; font-size: 27px; }
.anayil-internal #main-body .tiles .tile .stat { font-size: 29px; line-height: 1.2; }
.anayil-internal #main-body .tiles .tile .title { font-size: 12px; margin-top: 8px; }
.anayil-internal #main-body .tiles .tile .highlight { height: 3px; }
.anayil-internal #main-body .client-home-cards > .row > div > .card { margin-bottom: 22px; }
.anayil-internal #main-body .client-home-cards .card-header { background: #f7f9f3; }
.anayil-internal #main-body .client-home-cards .card-title { font-size: 15px; line-height: 1.6; }
.anayil-internal #main-body .client-home-cards .card-title > i { color: #1f7a5c; }
.anayil-internal #main-body .client-home-cards .list-group-item { padding: 16px 20px; font-size: 13px; border-color: #e5e7dc; }
/* Preserve all native status colors, totals, warnings and payment actions. */
@media (max-width:767.98px) { .anayil-client-welcome { flex-direction: column; align-items: flex-start; padding: 24px; } }
@media (max-width:575.98px) {
 .anayil-internal #main-body .table-container { padding: 12px; }
 .anayil-internal #main-body .table-list tbody td { padding: 13px 9px; font-size: 12px; }
 .anayil-client-welcome > .btn { width: 100%; }
 .anayil-internal #main-body .tiles .tile { padding: 18px 14px; }
}

/* Knowledgebase categories: compact rows, wrapping labels and reserved count space. */
.anayil-internal #main-body .sidebar [menuItemName="Support Knowledgebase Categories"] .list-group {
    padding: 0;
    gap: 0;
}
.anayil-internal #main-body .sidebar [menuItemName="Support Knowledgebase Categories"] .list-group-item {
    margin: 0;
    padding: 6px 10px;
    border-radius: 0;
    min-width: 0;
    max-width: 100%;
    line-height: 1.3;
}
.anayil-internal #main-body .sidebar [menuItemName="Support Knowledgebase Categories"] .sidebar-menu-item-wrapper {
    min-width: 0;
    align-items: flex-start;
    gap: 6px;
}
.anayil-internal #main-body .sidebar [menuItemName="Support Knowledgebase Categories"] .sidebar-menu-item-label {
    flex: 1 1 0;
    min-width: 0;
    overflow-wrap: anywhere;
}
.anayil-internal #main-body .sidebar [menuItemName="Support Knowledgebase Categories"] .truncate {
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}
.anayil-internal #main-body .sidebar [menuItemName="Support Knowledgebase Categories"] .sidebar-menu-item-badge {
    flex: 0 0 auto;
    margin-left: auto;
}