/**
* Bansal Law CRM — Powder Blue & Soft Gold (docs/theme.md)
* Load last in (after @stack / @yield styles) so tokens win.
*/
:root {
--sidebar-bg: #ddeaf8;
--sidebar-hover: #c8dcef;
--sidebar-active: #3a6fa8;
--navy: #1e3d60;
--accent-gold: #c8992a;
--accent-light: #fefae8;
--page-bg: #f0f6ff;
--card-bg: #ffffff;
--text-dark: #1a2c40;
--text-muted: #5e7a90;
--border: #c8dcef;
--success: #1e7a52;
--danger: #a83020;
--header-bg: #ffffff;
}
/* ---------- Global shell (CRM layouts use body.sidebar-mini) ---------- */
body.sidebar-mini {
font-family: "Segoe UI", sans-serif !important;
font-size: 14px !important;
color: var(--text-dark) !important;
background-color: var(--page-bg) !important;
}
body.sidebar-mini h1,
body.sidebar-mini h2,
body.sidebar-mini h3,
body.sidebar-mini h4,
body.sidebar-mini h5,
body.sidebar-mini .h1,
body.sidebar-mini .h2,
body.sidebar-mini .h3 {
color: var(--navy) !important;
font-weight: 700 !important;
}
/* Client/lead edit sidebar — nav header is on navy gradient; headings must stay light */
body.sidebar-mini .crm-container .sidebar-navigation .nav-header h3,
body.sidebar-mini .sidebar-navigation .nav-header h3 {
color: #fff !important;
}
/* Main content & listing areas */
body.sidebar-mini .main-content {
background-color: var(--page-bg) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini #app .main-wrapper {
background-color: var(--page-bg);
}
/* Stisla sidebar (when visible) */
body.sidebar-mini .main-sidebar {
background: var(--sidebar-bg) !important;
border-right: 1px solid var(--border) !important;
}
body.sidebar-mini .main-sidebar .sidebar-menu li a {
color: var(--navy) !important;
}
body.sidebar-mini .main-sidebar .sidebar-menu li a:hover {
background-color: var(--sidebar-hover) !important;
color: var(--navy) !important;
}
body.sidebar-mini .main-sidebar .sidebar-menu li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu li .dropdown-menu li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
background: var(--sidebar-active) !important;
color: #fff !important;
border-left: 3px solid var(--accent-gold) !important;
}
body.sidebar-mini .main-sidebar .sidebar-menu .menu-header {
color: var(--text-muted) !important;
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
/* Cards & panels */
body.sidebar-mini .card,
body.sidebar-mini .section .card {
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
border-radius: 10px !important;
}
body.sidebar-mini .card-header {
background: var(--card-bg) !important;
background-image: none !important;
border-bottom: 1px solid var(--border) !important;
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .card-primary .card-header,
body.sidebar-mini .card.card-primary .card-header {
background-color: var(--navy) !important;
color: #fff !important;
border-bottom: none !important;
}
/*
* custom.css sets .text-muted { color: #fff } — unreadable on theme cards.
* Restore theme.md --text-muted anywhere content sits on --page-bg / --card-bg.
*/
body.sidebar-mini .main-content .text-muted,
body.sidebar-mini .card .text-muted,
body.sidebar-mini .modal .text-muted {
color: var(--text-muted) !important;
}
/* Headings using .text-primary (e.g. admin staff solicitor block) → theme navy */
body.sidebar-mini .main-content .text-primary,
body.sidebar-mini .card .text-primary {
color: var(--navy) !important;
}
/*
* Admin Console — all Features pages (/adminconsole/features/*); docs/theme.md
* Views add .adminconsole-features on .main-content. List tables live in .table-responsive
* (excludes workflow_stges inline tables). Beats custom.css ACTION column on td:last-child.
*/
body.sidebar-mini .adminconsole-features .table-responsive {
overflow-x: auto !important;
overflow-y: visible !important;
border-radius: 10px !important;
}
/* Features settings column — active/hover per theme.md (not custom.css purple gradient) */
body.sidebar-mini .adminconsole-features .custom_nav_setting ul li:not(.active) a {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .custom_nav_setting ul li:not(.active) a:hover {
background: var(--sidebar-hover) !important;
background-image: none !important;
color: var(--navy) !important;
box-shadow: none !important;
}
body.sidebar-mini .adminconsole-features .custom_nav_setting ul li.active a {
background: var(--sidebar-active) !important;
background-image: none !important;
color: #fff !important;
box-shadow: none !important;
border-left: 3px solid var(--accent-gold) !important;
}
body.sidebar-mini .adminconsole-features .custom_nav_setting ul li.active a:hover {
background: var(--sidebar-active) !important;
background-image: none !important;
color: #fff !important;
filter: brightness(1.04) !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table thead th {
background: var(--page-bg) !important;
background-image: none !important;
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody td {
color: var(--text-dark) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
/* Action-column dropdowns: Popper uses position:fixed + transform; avoid clipping and don’t override with page-local absolute hacks */
body.sidebar-mini .adminconsole-features .table-responsive > table tbody td:last-child {
overflow: visible !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody tr:nth-child(odd) {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody tr:nth-child(even) {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody tr:hover {
background: #ebf3ff !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody tr td[colspan] {
background: var(--page-bg) !important;
color: var(--text-muted) !important;
font-style: italic !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody td a:not(.btn) {
color: var(--sidebar-active) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-features .table-responsive > table tbody td a:not(.btn):hover {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card-footer {
background: var(--page-bg) !important;
border-top: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-features .pagination .page-link {
color: var(--navy) !important;
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-features .pagination .page-item.active .page-link {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .pagination .page-link:hover {
background-color: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
/* custom.css forces td:last-child links/buttons to legacy blue + broken hover contrast */
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child a:not(.btn) {
background-color: transparent !important;
background-image: none !important;
color: var(--sidebar-active) !important;
min-height: unset !important;
display: inline !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child a:not(.btn):hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child a:not(.btn):focus {
background-color: transparent !important;
color: var(--navy) !important;
text-decoration: underline !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td a:not(.btn) {
background-color: transparent !important;
background-image: none !important;
color: var(--sidebar-active) !important;
min-height: unset !important;
display: inline !important;
padding: 0 !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td a:not(.btn):hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td a:not(.btn):focus {
background-color: transparent !important;
color: var(--navy) !important;
text-decoration: underline !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn {
margin-left: 0 !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-secondary,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-secondary {
background-color: var(--text-muted) !important;
border-color: var(--text-muted) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-secondary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-secondary:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-secondary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-secondary:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-success,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-success {
background-color: var(--success) !important;
border-color: var(--success) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-success:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-success:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-success:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-success:focus {
background-color: #186846 !important;
border-color: #186846 !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-danger,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-danger {
background-color: var(--danger) !important;
border-color: var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-danger:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-danger:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-danger:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-danger:focus {
background-color: #8e2818 !important;
border-color: #8e2818 !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-info,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-info {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-info:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-info:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-info:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-info:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-warning,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-warning {
background-color: var(--accent-gold) !important;
border-color: var(--accent-gold) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-warning:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-warning:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-warning:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-warning:focus {
background-color: #a88424 !important;
border-color: #a88424 !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-light,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-light {
background-color: var(--card-bg) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-light:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-light:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-light:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-light:focus {
background-color: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-dark,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-dark {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-dark:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-dark:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-dark:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-dark:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-link,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-link {
background-color: transparent !important;
border-color: transparent !important;
color: var(--sidebar-active) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-link:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-link:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-link:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-link:focus {
background-color: transparent !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-primary,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-primary {
color: var(--navy) !important;
border: 1px solid var(--border) !important;
background: transparent !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-primary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-primary:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-primary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-primary:focus {
background: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-secondary,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-secondary {
color: var(--navy) !important;
border: 1px solid var(--border) !important;
background: transparent !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-secondary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-secondary:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-secondary:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-secondary:focus {
background: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-success,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-success {
color: var(--success) !important;
border: 1px solid var(--success) !important;
background: transparent !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-success:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-success:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-success:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-success:focus {
background-color: var(--success) !important;
border-color: var(--success) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-danger,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-danger {
color: var(--danger) !important;
border: 1px solid var(--danger) !important;
background: transparent !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-danger:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-outline-danger:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-danger:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-outline-danger:focus {
background-color: var(--danger) !important;
border-color: var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-menu,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-menu {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
box-shadow: 0 4px 16px rgba(30, 61, 96, 0.12) !important;
min-width: 200px !important;
z-index: 1060 !important;
padding: 8px 0 !important;
}
/*
* custom.css forces td:last-child a { display: inline-flex } — dropdown items sit on one row.
* Restore full-width vertical menu rows + transparent default (theme.md).
*/
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child a.dropdown-item,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td a.dropdown-item {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
align-items: center !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
background-color: transparent !important;
background-image: none !important;
color: var(--text-dark) !important;
border-radius: 0 !important;
min-height: 0 !important;
margin-left: 0 !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-item,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-item {
color: var(--text-dark) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-item:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-item:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-item:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-item:focus {
background-color: var(--sidebar-bg) !important;
background-image: none !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-item.has-icon i,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-item.has-icon i {
color: var(--sidebar-active) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-item:hover.has-icon i,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .dropdown-item:focus.has-icon i,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-item:hover.has-icon i,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .dropdown-item:focus.has-icon i {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary.dropdown-toggle {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle.show,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary.dropdown-toggle:hover,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary.dropdown-toggle.show {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle:focus,
body.sidebar-mini .adminconsole-features .card .card-body table.table tbody tr td.last_td .btn.btn-primary.dropdown-toggle:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.35) !important;
}
body.sidebar-mini .adminconsole-features .form-control {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-features .form-control:focus {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
/* E-Signature analytics — replace legacy purple gradients with theme.md tokens */
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header {
background: var(--navy) !important;
color: #fff !important;
border-bottom: none !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header h4 {
color: #fff !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .text-white-50 {
color: rgba(255, 255, 255, 0.78) !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .btn {
background: rgba(255, 255, 255, 0.14) !important;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .btn:hover,
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .btn:focus {
background: rgba(255, 255, 255, 0.26) !important;
color: #fff !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .btn-outline-light {
color: #fff !important;
border-color: rgba(255, 255, 255, 0.5) !important;
background: transparent !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .btn-outline-light:hover,
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card .card-header .btn-outline-light:focus {
background: rgba(255, 255, 255, 0.18) !important;
color: #fff !important;
border-color: rgba(255, 255, 255, 0.75) !important;
}
body.sidebar-mini .esignature-analytics-layout .date-filter .btn.btn-primary {
background: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
border-radius: 8px !important;
font-weight: 600 !important;
padding: 8px 20px !important;
}
body.sidebar-mini .esignature-analytics-layout .date-filter .btn.btn-primary:hover,
body.sidebar-mini .esignature-analytics-layout .date-filter .btn.btn-primary:focus {
background: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table .btn.btn-outline-primary {
border-color: var(--sidebar-active) !important;
color: var(--sidebar-active) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table .btn.btn-outline-primary:hover,
body.sidebar-mini .esignature-analytics-layout .data-table .btn.btn-outline-primary:focus {
background: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .esignature-analytics-layout .date-filter input {
border-color: var(--border) !important;
border-radius: 8px !important;
}
body.sidebar-mini .esignature-analytics-layout .kpi-card {
background: var(--card-bg) !important;
border-left: 4px solid var(--sidebar-active) !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
border-radius: 10px !important;
}
body.sidebar-mini .esignature-analytics-layout .kpi-card h3 {
color: var(--text-muted) !important;
}
body.sidebar-mini .esignature-analytics-layout .kpi-card .value {
color: var(--navy) !important;
}
body.sidebar-mini .esignature-analytics-layout .kpi-card .trend {
color: var(--text-muted) !important;
}
body.sidebar-mini .esignature-analytics-layout .chart-container {
background: var(--page-bg) !important;
border: 1px solid var(--border) !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
}
body.sidebar-mini .esignature-analytics-layout .chart-container h3 {
color: var(--navy) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
border-radius: 10px !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table h3 {
color: var(--navy) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table .table-responsive {
border-color: var(--border) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table table {
color: var(--text-dark) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table th {
background: var(--page-bg) !important;
color: var(--text-muted) !important;
border-bottom: 2px solid var(--border) !important;
font-weight: 600 !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table td {
border-bottom: 1px solid var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table tbody tr:hover {
background: var(--sidebar-hover) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table a:not(.btn) {
color: var(--sidebar-active) !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table a:not(.btn):hover {
color: var(--navy) !important;
}
body.sidebar-mini .esignature-analytics-layout .date-filter label {
color: var(--text-muted) !important;
font-weight: 500 !important;
}
body.sidebar-mini .esignature-analytics-layout .esig-progress-track {
background: var(--border) !important;
}
body.sidebar-mini .esignature-analytics-layout .badge-type {
border-radius: 8px !important;
font-weight: 600 !important;
}
body.sidebar-mini .esignature-analytics-layout .badge-type.type-agreement {
background: rgba(58, 111, 168, 0.15) !important;
color: var(--navy) !important;
}
body.sidebar-mini .esignature-analytics-layout .badge-type.type-nda {
background: rgba(30, 61, 96, 0.1) !important;
color: var(--navy) !important;
}
body.sidebar-mini .esignature-analytics-layout .badge-type.type-contract {
background: rgba(200, 153, 42, 0.18) !important;
color: #7a5800 !important;
}
body.sidebar-mini .esignature-analytics-layout .badge-type.type-general {
background: rgba(30, 122, 82, 0.12) !important;
color: var(--success) !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-card {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini .esignature-analytics-layout .esignature-analytics-page {
background: transparent !important;
}
body.sidebar-mini .esignature-analytics-layout .data-table .text-muted,
body.sidebar-mini .esignature-analytics-layout .data-table td.text-center {
color: var(--text-muted) !important;
}
body.sidebar-mini .esignature-analytics-layout .esig-progress-fill {
background: var(--sidebar-active) !important;
background-image: none !important;
}
body.sidebar-mini .esignature-analytics-layout .overdue-badge {
background: rgba(168, 48, 32, 0.12) !important;
color: var(--danger) !important;
}
/* Matter index — dropdown theming (layout rules stay in Blade); docs/theme.md */
body.sidebar-mini .matter-index-layout .matter-index-page .dropdown-menu {
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
box-shadow: 0 4px 16px rgba(30, 61, 96, 0.12) !important;
}
body.sidebar-mini .matter-index-layout .matter-index-page .dropdown-item {
color: var(--text-dark) !important;
}
body.sidebar-mini .matter-index-layout .matter-index-page .dropdown-item:hover,
body.sidebar-mini .matter-index-layout .matter-index-page .dropdown-item:focus {
background-color: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
/* SMS Management — dashboard stat tiles; docs/theme.md */
body.sidebar-mini .adminconsole-sms-dashboard .card-statistic-1 .card-icon.bg-primary {
background: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-sms-dashboard .card-statistic-1 .card-icon.bg-danger {
background: var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-sms-dashboard .card-statistic-1 .card-icon.bg-info {
background: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-sms-dashboard .card-statistic-1 .card-icon.bg-warning {
background: rgba(200, 153, 42, 0.95) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-sms-dashboard .card-statistic-1 .card-wrap .card-header h4 {
color: var(--text-muted) !important;
}
body.sidebar-mini .adminconsole-sms-dashboard .card-statistic-1 .card-wrap .card-body {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-sms-form .form-group .form-check-label {
text-transform: none !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--text-dark) !important;
letter-spacing: normal !important;
}
body.sidebar-mini .adminconsole-sms-detail .sms-message-box {
background: var(--page-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
padding: 15px !important;
white-space: pre-wrap !important;
color: var(--text-dark) !important;
}
/* Read-only field values on detail pages */
body.sidebar-mini .form-control-plaintext {
color: var(--text-dark) !important;
}
/* Admin Console — staff view & edit (theme.md labels); excludes inline checkbox labels & Bootstrap custom-control */
body.sidebar-mini .adminconsole-staff-page .card .form-group label[for],
body.sidebar-mini .adminconsole-staff-page .card .form-group label:has(> strong:only-child),
body.sidebar-mini .adminconsole-staff-page .card .form-group > label:not([for]):not(.custom-control-label):not(.d-flex):not(:has(input)) {
color: var(--text-muted) !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
body.sidebar-mini .adminconsole-staff-page .card .form-group label[for] strong,
body.sidebar-mini .adminconsole-staff-page .card .form-group label:has(> strong:only-child) strong {
color: var(--text-muted) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-staff-page .card .form-group b {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .adminconsole-staff-page .card hr {
border-top-color: var(--border) !important;
}
body.sidebar-mini .adminconsole-staff-page .border {
border-color: var(--border) !important;
}
/* Admin Console — staff listing (active / inactive / invited); docs/theme.md */
body.sidebar-mini .adminconsole-staff-list .staff-list-tabs-toolbar {
gap: 10px;
}
body.sidebar-mini .adminconsole-staff-list .nav-pills {
row-gap: 10px;
}
body.sidebar-mini .adminconsole-staff-list .nav-pills .nav-item {
margin: 0;
}
body.sidebar-mini .adminconsole-staff-list .nav-pills .nav-link {
color: var(--navy) !important;
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 10px !important;
font-weight: 600 !important;
padding: 10px 18px !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.sidebar-mini .adminconsole-staff-list .nav-pills .nav-link:hover {
background-color: var(--sidebar-bg) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-staff-list .nav-pills .nav-link.active {
background-color: var(--sidebar-active) !important;
background-image: none !important;
color: #fff !important;
border-color: var(--sidebar-active) !important;
box-shadow: inset 0 -3px 0 0 var(--accent-gold) !important;
}
body.sidebar-mini .adminconsole-staff-list .staff-list-toolbar .form-control {
min-width: 160px;
max-width: 280px;
border-radius: 8px 0 0 8px !important;
}
body.sidebar-mini .adminconsole-staff-list .staff-list-toolbar .btn {
border-radius: 0 8px 8px 0 !important;
}
body.sidebar-mini .adminconsole-staff-list .card-footer {
background: var(--page-bg) !important;
border-top: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-staff-list .table tbody a:not(.btn) {
color: var(--sidebar-active) !important;
font-weight: 600;
}
body.sidebar-mini .adminconsole-staff-list .table tbody a:not(.btn):hover {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-staff-list .pagination .page-link {
color: var(--navy) !important;
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-staff-list .pagination .page-item.active .page-link {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-staff-list .pagination .page-link:hover {
background-color: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-staff-list .custom-switch-indicator {
background: rgba(94, 122, 144, 0.35) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-staff-list .custom-switch-input:checked ~ .custom-switch-indicator {
background: var(--success) !important;
border-color: var(--success) !important;
}
body.sidebar-mini .adminconsole-staff-list .custom-switch-input:focus ~ .custom-switch-indicator {
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
/* Admin Console — Email Labels (features/email-labels); docs/theme.md */
body.sidebar-mini .adminconsole-email-labels .table-responsive {
overflow-x: auto !important;
overflow-y: visible !important;
border-radius: 10px !important;
}
body.sidebar-mini .adminconsole-email-labels .table {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-email-labels .table thead th {
background: var(--page-bg) !important;
background-image: none !important;
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-email-labels .table tbody td {
color: var(--text-dark) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-email-labels .table tbody tr:nth-child(odd) {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-email-labels .table tbody tr:nth-child(even) {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-email-labels .table tbody tr:hover {
background: #ebf3ff !important;
}
body.sidebar-mini .adminconsole-email-labels .table tbody tr td[colspan] {
background: var(--page-bg) !important;
color: var(--text-muted) !important;
font-style: italic !important;
}
body.sidebar-mini .adminconsole-email-labels .email-label-badge {
padding: 5px 10px !important;
border-radius: 8px !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-email-labels .email-labels-action-menu {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
box-shadow: 0 4px 16px rgba(30, 61, 96, 0.12) !important;
padding: 8px 0 !important;
min-width: 200px !important;
z-index: 1060 !important;
}
body.sidebar-mini .adminconsole-email-labels .dropdown-item {
color: var(--text-dark) !important;
font-weight: 600 !important;
padding: 10px 16px !important;
}
body.sidebar-mini .adminconsole-email-labels .dropdown-item:hover,
body.sidebar-mini .adminconsole-email-labels .dropdown-item:focus {
background-color: var(--sidebar-bg) !important;
background-image: none !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-email-labels .dropdown-item.has-icon i {
margin-right: 8px !important;
width: 1.1em !important;
text-align: center !important;
color: var(--sidebar-active) !important;
}
body.sidebar-mini .adminconsole-email-labels .dropdown-item:hover.has-icon i,
body.sidebar-mini .adminconsole-email-labels .dropdown-item:focus.has-icon i {
color: var(--navy) !important;
}
/* System-label notices (no purple gradient from custom.css .dropdown-item:hover) */
body.sidebar-mini .adminconsole-email-labels .email-labels-action-menu .dropdown-item-text {
color: var(--text-muted) !important;
font-weight: 500 !important;
}
body.sidebar-mini .adminconsole-email-labels .email-labels-action-menu .dropdown-item-text i {
color: var(--text-muted) !important;
}
body.sidebar-mini .adminconsole-email-labels .card-footer {
background: var(--page-bg) !important;
border-top: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-email-labels .pagination .page-link {
color: var(--navy) !important;
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-email-labels .pagination .page-item.active .page-link {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-email-labels .pagination .page-link:hover {
background-color: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
/* Beat custom.css ACTION-column hover (legacy blue) for Email Labels */
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .dropdown-item:hover,
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .dropdown-item:focus {
background-color: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
/* Action column: consistent navy + theme hover; focus ring without random “light blue” fill */
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle:hover,
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle.show {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.35) !important;
}
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle.show:focus,
body.sidebar-mini .adminconsole-email-labels .card .card-body table.table tbody tr td:last-child .btn.btn-primary.dropdown-toggle:active {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
/* Email Labels — create / edit form (features/email-labels/create, …/edit); docs/theme.md */
body.sidebar-mini .main-content.adminconsole-email-labels-form .accordion {
border: 1px solid var(--border) !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
background: var(--card-bg) !important;
margin-bottom: 0 !important;
}
body.sidebar-mini .main-content.adminconsole-email-labels-form .accordion .accordion-header {
background: var(--navy) !important;
background-image: none !important;
color: #fff !important;
padding: 14px 18px !important;
cursor: pointer !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
margin: 0 !important;
box-shadow: none !important;
}
body.sidebar-mini .main-content.adminconsole-email-labels-form .accordion .accordion-header:hover {
filter: brightness(1.04) !important;
}
body.sidebar-mini .main-content.adminconsole-email-labels-form .accordion .accordion-header[aria-expanded="true"] {
background: var(--navy) !important;
color: #fff !important;
box-shadow: none !important;
}
body.sidebar-mini .main-content.adminconsole-email-labels-form .accordion .accordion-header h4 {
color: #fff !important;
margin: 0 !important;
font-size: 1rem !important;
font-weight: 700 !important;
}
body.sidebar-mini .main-content.adminconsole-email-labels-form .accordion .accordion-body {
background: var(--card-bg) !important;
padding: 1.25rem !important;
border: none !important;
}
body.sidebar-mini .adminconsole-email-labels-form .card .form-group label {
color: var(--text-muted) !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
body.sidebar-mini .adminconsole-email-labels-form .form-text,
body.sidebar-mini .adminconsole-email-labels-form small.form-text {
color: var(--text-muted) !important;
}
body.sidebar-mini .adminconsole-email-labels-form .input-group .form-control {
border-color: var(--border) !important;
}
body.sidebar-mini .adminconsole-email-labels-form .input-group .form-control:focus {
border-color: var(--sidebar-active) !important;
z-index: 2 !important;
}
body.sidebar-mini .adminconsole-email-labels-form input[type="color"].form-control {
padding: 4px 6px !important;
min-height: 38px !important;
cursor: pointer !important;
}
body.sidebar-mini .adminconsole-email-labels-form input.form-control:disabled {
background: var(--page-bg) !important;
color: var(--text-muted) !important;
border-color: var(--border) !important;
opacity: 1 !important;
}
body.sidebar-mini .adminconsole-email-labels-form .custom-error,
body.sidebar-mini .adminconsole-email-labels-form .custom-error strong {
color: var(--danger) !important;
}
body.sidebar-mini .adminconsole-email-labels-form label .span_req,
body.sidebar-mini .adminconsole-email-labels-form .span_req {
color: var(--danger) !important;
}
/* Workflow / emails / CRM email template / offices — shared accordion form shell; docs/theme.md */
body.sidebar-mini .adminconsole-workflow-form .card .form-group label,
body.sidebar-mini .adminconsole-emails-form .card .form-group label,
body.sidebar-mini .adminconsole-offices-form .card .form-group label,
body.sidebar-mini .adminconsole-crm-email-template-form .card .form-group label,
body.sidebar-mini .adminconsole-teams-form .card .form-group label,
body.sidebar-mini .adminconsole-roles-form .card .form-group label,
body.sidebar-mini .adminconsole-personal-doc-type-form .card .form-group label,
body.sidebar-mini .adminconsole-matter-document-type-form .card .form-group label,
body.sidebar-mini .adminconsole-document-checklist-form .card .form-group label,
body.sidebar-mini .adminconsole-matter-form .card .form-group label,
body.sidebar-mini .adminconsole-upload-checklist-form .card .form-group label,
body.sidebar-mini .adminconsole-sms-form .card .form-group label {
color: var(--text-muted) !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
/* Checkbox row: avoid shouting “ENABLE THIS FEATURE” */
body.sidebar-mini .adminconsole-emails-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-offices-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-crm-email-template-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-teams-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-roles-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-personal-doc-type-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-matter-document-type-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-document-checklist-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-matter-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-upload-checklist-form .form-group label:has(> input[type="checkbox"]),
body.sidebar-mini .adminconsole-sms-form .form-group label:has(> input[type="checkbox"]) {
text-transform: none !important;
font-size: 14px !important;
color: var(--text-dark) !important;
font-weight: 500 !important;
}
body.sidebar-mini .adminconsole-emails-form .card .card-body h4,
body.sidebar-mini .adminconsole-offices-form .card .card-body h4,
body.sidebar-mini .adminconsole-crm-email-template-form .card .card-body h4,
body.sidebar-mini .adminconsole-teams-form .card .card-body h4,
body.sidebar-mini .adminconsole-roles-form .card .card-body h4,
body.sidebar-mini .adminconsole-personal-doc-type-form .card .card-body h4,
body.sidebar-mini .adminconsole-matter-document-type-form .card .card-body h4,
body.sidebar-mini .adminconsole-document-checklist-form .card .card-body h4,
body.sidebar-mini .adminconsole-matter-form .card .card-body h4,
body.sidebar-mini .adminconsole-upload-checklist-form .card .card-body h4,
body.sidebar-mini .adminconsole-sms-form .card .card-body h4 {
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 1rem !important;
margin-top: 1rem !important;
margin-bottom: 0.75rem !important;
}
body.sidebar-mini .adminconsole-workflow-form .form-text,
body.sidebar-mini .adminconsole-workflow-form small.form-text,
body.sidebar-mini .adminconsole-emails-form .form-text,
body.sidebar-mini .adminconsole-emails-form small.form-text,
body.sidebar-mini .adminconsole-offices-form .form-text,
body.sidebar-mini .adminconsole-offices-form small.form-text,
body.sidebar-mini .adminconsole-crm-email-template-form .form-text,
body.sidebar-mini .adminconsole-crm-email-template-form small.form-text,
body.sidebar-mini .adminconsole-teams-form .form-text,
body.sidebar-mini .adminconsole-teams-form small.form-text,
body.sidebar-mini .adminconsole-roles-form .form-text,
body.sidebar-mini .adminconsole-roles-form small.form-text,
body.sidebar-mini .adminconsole-personal-doc-type-form .form-text,
body.sidebar-mini .adminconsole-personal-doc-type-form small.form-text,
body.sidebar-mini .adminconsole-matter-document-type-form .form-text,
body.sidebar-mini .adminconsole-matter-document-type-form small.form-text,
body.sidebar-mini .adminconsole-document-checklist-form .form-text,
body.sidebar-mini .adminconsole-document-checklist-form small.form-text,
body.sidebar-mini .adminconsole-matter-form .form-text,
body.sidebar-mini .adminconsole-matter-form small.form-text,
body.sidebar-mini .adminconsole-upload-checklist-form .form-text,
body.sidebar-mini .adminconsole-upload-checklist-form small.form-text,
body.sidebar-mini .adminconsole-sms-form .form-text,
body.sidebar-mini .adminconsole-sms-form small.form-text {
color: var(--text-muted) !important;
}
body.sidebar-mini .adminconsole-workflow-form .card-header h4 small,
body.sidebar-mini .adminconsole-emails-form .card-header h4 small,
body.sidebar-mini .adminconsole-offices-form .card-header h4 small,
body.sidebar-mini .adminconsole-crm-email-template-form .card-header h4 small,
body.sidebar-mini .adminconsole-teams-form .card-header h4 small,
body.sidebar-mini .adminconsole-roles-form .card-header h4 small,
body.sidebar-mini .adminconsole-personal-doc-type-form .card-header h4 small,
body.sidebar-mini .adminconsole-matter-document-type-form .card-header h4 small,
body.sidebar-mini .adminconsole-document-checklist-form .card-header h4 small,
body.sidebar-mini .adminconsole-matter-form .card-header h4 small,
body.sidebar-mini .adminconsole-upload-checklist-form .card-header h4 small,
body.sidebar-mini .adminconsole-sms-form .card-header h4 small {
color: var(--text-muted) !important;
font-weight: 500 !important;
font-size: 0.85rem !important;
text-transform: none !important;
letter-spacing: normal !important;
}
body.sidebar-mini .adminconsole-workflow-form .alert-info,
body.sidebar-mini .adminconsole-emails-form .alert-info,
body.sidebar-mini .adminconsole-offices-form .alert-info,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-info,
body.sidebar-mini .adminconsole-teams-form .alert-info,
body.sidebar-mini .adminconsole-roles-form .alert-info,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-info,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-info,
body.sidebar-mini .adminconsole-document-checklist-form .alert-info,
body.sidebar-mini .adminconsole-matter-form .alert-info,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-info,
body.sidebar-mini .adminconsole-sms-form .alert-info {
background: rgba(58, 111, 168, 0.12) !important;
border: 1px solid rgba(58, 111, 168, 0.28) !important;
color: var(--navy) !important;
border-radius: 10px !important;
}
body.sidebar-mini .adminconsole-workflow-form .alert-info strong,
body.sidebar-mini .adminconsole-workflow-form .alert-info em,
body.sidebar-mini .adminconsole-emails-form .alert-info strong,
body.sidebar-mini .adminconsole-emails-form .alert-info em,
body.sidebar-mini .adminconsole-offices-form .alert-info strong,
body.sidebar-mini .adminconsole-offices-form .alert-info em,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-info strong,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-info em,
body.sidebar-mini .adminconsole-teams-form .alert-info strong,
body.sidebar-mini .adminconsole-teams-form .alert-info em,
body.sidebar-mini .adminconsole-roles-form .alert-info strong,
body.sidebar-mini .adminconsole-roles-form .alert-info em,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-info strong,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-info em,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-info strong,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-info em,
body.sidebar-mini .adminconsole-document-checklist-form .alert-info strong,
body.sidebar-mini .adminconsole-document-checklist-form .alert-info em,
body.sidebar-mini .adminconsole-matter-form .alert-info strong,
body.sidebar-mini .adminconsole-matter-form .alert-info em,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-info strong,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-info em,
body.sidebar-mini .adminconsole-sms-form .alert-info strong,
body.sidebar-mini .adminconsole-sms-form .alert-info em {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-workflow-form .alert-info .fas,
body.sidebar-mini .adminconsole-workflow-form .alert-info .fa,
body.sidebar-mini .adminconsole-emails-form .alert-info .fas,
body.sidebar-mini .adminconsole-emails-form .alert-info .fa,
body.sidebar-mini .adminconsole-offices-form .alert-info .fas,
body.sidebar-mini .adminconsole-offices-form .alert-info .fa,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-info .fas,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-info .fa,
body.sidebar-mini .adminconsole-teams-form .alert-info .fas,
body.sidebar-mini .adminconsole-teams-form .alert-info .fa,
body.sidebar-mini .adminconsole-roles-form .alert-info .fas,
body.sidebar-mini .adminconsole-roles-form .alert-info .fa,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-info .fas,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-info .fa,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-info .fas,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-info .fa,
body.sidebar-mini .adminconsole-document-checklist-form .alert-info .fas,
body.sidebar-mini .adminconsole-document-checklist-form .alert-info .fa,
body.sidebar-mini .adminconsole-matter-form .alert-info .fas,
body.sidebar-mini .adminconsole-matter-form .alert-info .fa,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-info .fas,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-info .fa,
body.sidebar-mini .adminconsole-sms-form .alert-info .fas,
body.sidebar-mini .adminconsole-sms-form .alert-info .fa {
color: var(--sidebar-active) !important;
}
/* Protected stage notice — theme.md “Pending” / gold tint */
body.sidebar-mini .adminconsole-workflow-form .alert-warning,
body.sidebar-mini .adminconsole-emails-form .alert-warning,
body.sidebar-mini .adminconsole-offices-form .alert-warning,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-warning,
body.sidebar-mini .adminconsole-teams-form .alert-warning,
body.sidebar-mini .adminconsole-roles-form .alert-warning,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-warning,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-warning,
body.sidebar-mini .adminconsole-document-checklist-form .alert-warning,
body.sidebar-mini .adminconsole-matter-form .alert-warning,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-warning,
body.sidebar-mini .adminconsole-sms-form .alert-warning {
background: rgba(200, 153, 42, 0.15) !important;
border: 1px solid rgba(200, 153, 42, 0.35) !important;
color: #7a5800 !important;
border-radius: 10px !important;
}
body.sidebar-mini .adminconsole-workflow-form .alert-warning strong,
body.sidebar-mini .adminconsole-emails-form .alert-warning strong,
body.sidebar-mini .adminconsole-offices-form .alert-warning strong,
body.sidebar-mini .adminconsole-crm-email-template-form .alert-warning strong,
body.sidebar-mini .adminconsole-teams-form .alert-warning strong,
body.sidebar-mini .adminconsole-roles-form .alert-warning strong,
body.sidebar-mini .adminconsole-personal-doc-type-form .alert-warning strong,
body.sidebar-mini .adminconsole-matter-document-type-form .alert-warning strong,
body.sidebar-mini .adminconsole-document-checklist-form .alert-warning strong,
body.sidebar-mini .adminconsole-matter-form .alert-warning strong,
body.sidebar-mini .adminconsole-upload-checklist-form .alert-warning strong,
body.sidebar-mini .adminconsole-sms-form .alert-warning strong {
color: #5c4300 !important;
}
body.sidebar-mini .adminconsole-workflow-form input.form-control[readonly],
body.sidebar-mini .adminconsole-emails-form input.form-control[readonly],
body.sidebar-mini .adminconsole-offices-form input.form-control[readonly],
body.sidebar-mini .adminconsole-crm-email-template-form input.form-control[readonly],
body.sidebar-mini .adminconsole-teams-form input.form-control[readonly],
body.sidebar-mini .adminconsole-roles-form input.form-control[readonly],
body.sidebar-mini .adminconsole-personal-doc-type-form input.form-control[readonly],
body.sidebar-mini .adminconsole-matter-document-type-form input.form-control[readonly],
body.sidebar-mini .adminconsole-document-checklist-form input.form-control[readonly],
body.sidebar-mini .adminconsole-matter-form input.form-control[readonly],
body.sidebar-mini .adminconsole-upload-checklist-form input.form-control[readonly],
body.sidebar-mini .adminconsole-sms-form input.form-control[readonly] {
background: var(--page-bg) !important;
color: var(--text-dark) !important;
border-color: var(--border) !important;
cursor: default !important;
}
body.sidebar-mini .adminconsole-workflow-form .custom-error,
body.sidebar-mini .adminconsole-workflow-form .custom-error strong,
body.sidebar-mini .adminconsole-emails-form .custom-error,
body.sidebar-mini .adminconsole-emails-form .custom-error strong,
body.sidebar-mini .adminconsole-offices-form .custom-error,
body.sidebar-mini .adminconsole-offices-form .custom-error strong,
body.sidebar-mini .adminconsole-crm-email-template-form .custom-error,
body.sidebar-mini .adminconsole-crm-email-template-form .custom-error strong,
body.sidebar-mini .adminconsole-teams-form .custom-error,
body.sidebar-mini .adminconsole-teams-form .custom-error strong,
body.sidebar-mini .adminconsole-roles-form .custom-error,
body.sidebar-mini .adminconsole-roles-form .custom-error strong,
body.sidebar-mini .adminconsole-personal-doc-type-form .custom-error,
body.sidebar-mini .adminconsole-personal-doc-type-form .custom-error strong,
body.sidebar-mini .adminconsole-matter-document-type-form .custom-error,
body.sidebar-mini .adminconsole-matter-document-type-form .custom-error strong,
body.sidebar-mini .adminconsole-document-checklist-form .custom-error,
body.sidebar-mini .adminconsole-document-checklist-form .custom-error strong,
body.sidebar-mini .adminconsole-matter-form .custom-error,
body.sidebar-mini .adminconsole-matter-form .custom-error strong,
body.sidebar-mini .adminconsole-upload-checklist-form .custom-error,
body.sidebar-mini .adminconsole-upload-checklist-form .custom-error strong,
body.sidebar-mini .adminconsole-sms-form .custom-error,
body.sidebar-mini .adminconsole-sms-form .custom-error strong {
color: var(--danger) !important;
}
body.sidebar-mini .adminconsole-workflow-form label .span_req,
body.sidebar-mini .adminconsole-workflow-form .span_req,
body.sidebar-mini .adminconsole-emails-form label .span_req,
body.sidebar-mini .adminconsole-emails-form .span_req,
body.sidebar-mini .adminconsole-offices-form label .span_req,
body.sidebar-mini .adminconsole-offices-form .span_req,
body.sidebar-mini .adminconsole-crm-email-template-form label .span_req,
body.sidebar-mini .adminconsole-crm-email-template-form .span_req,
body.sidebar-mini .adminconsole-teams-form label .span_req,
body.sidebar-mini .adminconsole-teams-form .span_req,
body.sidebar-mini .adminconsole-roles-form label .span_req,
body.sidebar-mini .adminconsole-roles-form .span_req,
body.sidebar-mini .adminconsole-personal-doc-type-form label .span_req,
body.sidebar-mini .adminconsole-personal-doc-type-form .span_req,
body.sidebar-mini .adminconsole-matter-document-type-form label .span_req,
body.sidebar-mini .adminconsole-matter-document-type-form .span_req,
body.sidebar-mini .adminconsole-document-checklist-form label .span_req,
body.sidebar-mini .adminconsole-document-checklist-form .span_req,
body.sidebar-mini .adminconsole-matter-form label .span_req,
body.sidebar-mini .adminconsole-matter-form .span_req,
body.sidebar-mini .adminconsole-upload-checklist-form label .span_req,
body.sidebar-mini .adminconsole-upload-checklist-form .span_req,
body.sidebar-mini .adminconsole-sms-form label .span_req,
body.sidebar-mini .adminconsole-sms-form .span_req {
color: var(--danger) !important;
}
/* Add Workflow Stage form (…/workflow/{id}/stage/create); accordion + inline stage table; docs/theme.md */
body.sidebar-mini .main-content.adminconsole-workflow-form .accordion,
body.sidebar-mini .main-content.adminconsole-emails-form .accordion,
body.sidebar-mini .main-content.adminconsole-offices-form .accordion,
body.sidebar-mini .main-content.adminconsole-crm-email-template-form .accordion,
body.sidebar-mini .main-content.adminconsole-teams-form .accordion,
body.sidebar-mini .main-content.adminconsole-roles-form .accordion,
body.sidebar-mini .main-content.adminconsole-personal-doc-type-form .accordion,
body.sidebar-mini .main-content.adminconsole-matter-document-type-form .accordion,
body.sidebar-mini .main-content.adminconsole-document-checklist-form .accordion,
body.sidebar-mini .main-content.adminconsole-matter-form .accordion,
body.sidebar-mini .main-content.adminconsole-upload-checklist-form .accordion,
body.sidebar-mini .main-content.adminconsole-sms-form .accordion {
border: 1px solid var(--border) !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
background: var(--card-bg) !important;
margin-bottom: 0 !important;
}
/*
* Stisla style.css: .accordion .accordion-header[aria-expanded="true"] uses purple #6777ef.
* Global body.sidebar-mini h4 { navy !important } can beat parent color — force white on dark bar.
*/
body.sidebar-mini .main-content.adminconsole-workflow-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-emails-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-offices-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-crm-email-template-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-teams-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-roles-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-personal-doc-type-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-matter-document-type-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-document-checklist-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-matter-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-upload-checklist-form .accordion .accordion-header,
body.sidebar-mini .main-content.adminconsole-sms-form .accordion .accordion-header {
background: var(--navy) !important;
background-image: none !important;
color: #fff !important;
padding: 14px 18px !important;
cursor: pointer !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
margin: 0 !important;
box-shadow: none !important;
}
body.sidebar-mini .main-content.adminconsole-workflow-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-emails-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-offices-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-crm-email-template-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-teams-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-roles-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-personal-doc-type-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-matter-document-type-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-document-checklist-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-matter-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-upload-checklist-form .accordion .accordion-header:hover,
body.sidebar-mini .main-content.adminconsole-sms-form .accordion .accordion-header:hover {
filter: brightness(1.04) !important;
}
body.sidebar-mini .main-content.adminconsole-workflow-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-emails-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-offices-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-crm-email-template-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-teams-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-roles-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-personal-doc-type-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-matter-document-type-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-document-checklist-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-matter-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-upload-checklist-form .accordion .accordion-header[aria-expanded="true"],
body.sidebar-mini .main-content.adminconsole-sms-form .accordion .accordion-header[aria-expanded="true"] {
background: var(--navy) !important;
color: #fff !important;
box-shadow: none !important;
}
body.sidebar-mini .main-content.adminconsole-workflow-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-emails-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-offices-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-crm-email-template-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-teams-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-roles-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-personal-doc-type-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-matter-document-type-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-document-checklist-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-matter-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-upload-checklist-form .accordion .accordion-header h4,
body.sidebar-mini .main-content.adminconsole-sms-form .accordion .accordion-header h4 {
color: #fff !important;
margin: 0 !important;
font-size: 1rem !important;
font-weight: 700 !important;
}
body.sidebar-mini .main-content.adminconsole-workflow-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-emails-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-offices-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-crm-email-template-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-teams-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-roles-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-personal-doc-type-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-matter-document-type-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-document-checklist-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-matter-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-upload-checklist-form .accordion .accordion-body,
body.sidebar-mini .main-content.adminconsole-sms-form .accordion .accordion-body {
background: var(--card-bg) !important;
padding: 1.25rem !important;
border: none !important;
}
/* System — teams (department colours); docs/theme.md */
body.sidebar-mini .adminconsole-teams-form .card-header h4,
body.sidebar-mini .adminconsole-roles-form .card-header h4,
body.sidebar-mini .adminconsole-personal-doc-type-form .card-header h4,
body.sidebar-mini .adminconsole-matter-document-type-form .card-header h4,
body.sidebar-mini .adminconsole-document-checklist-form .card-header h4,
body.sidebar-mini .adminconsole-matter-form .card-header h4,
body.sidebar-mini .adminconsole-upload-checklist-form .card-header h4,
body.sidebar-mini .adminconsole-sms-form .card-header h4 {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .adminconsole-teams-form input[type="color"].form-control,
body.sidebar-mini .adminconsole-teams-form input[type="color"].form-control-color {
max-width: 120px;
height: 42px;
padding: 4px 8px;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
background: var(--card-bg) !important;
cursor: pointer;
}
body.sidebar-mini .adminconsole-teams-form .teams-color-swatch {
display: inline-block;
width: 40px;
height: 24px;
vertical-align: middle;
border-radius: 6px;
border: 1px solid var(--border);
background-color: var(--team-color, #c8dcef);
box-shadow: 0 1px 2px rgba(30, 61, 96, 0.08);
}
/* System — roles & permissions form; docs/theme.md */
body.sidebar-mini .adminconsole-roles-form .select_toggle {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
body.sidebar-mini .adminconsole-roles-form .select_toggle .btn {
border-radius: 8px;
}
body.sidebar-mini .adminconsole-roles-form .accordion-body > ul {
list-style: none;
padding-left: 0;
margin: 0;
}
body.sidebar-mini .adminconsole-roles-form .accordion-body > ul > li {
margin-bottom: 8px;
}
body.sidebar-mini .adminconsole-roles-form .accordion-body > ul > li label {
margin: 0 !important;
font-weight: 400 !important;
font-size: 14px !important;
text-transform: none !important;
letter-spacing: normal !important;
color: var(--text-dark) !important;
cursor: pointer;
display: flex;
align-items: flex-start;
gap: 10px;
}
body.sidebar-mini .adminconsole-roles-form .accordion-body > ul > li label input[type="checkbox"] {
margin-top: 3px;
flex-shrink: 0;
}
body.sidebar-mini .adminconsole-roles-form .roles-form-actions,
body.sidebar-mini .adminconsole-personal-doc-type-form .roles-form-actions,
body.sidebar-mini .adminconsole-matter-document-type-form .roles-form-actions,
body.sidebar-mini .adminconsole-document-checklist-form .roles-form-actions,
body.sidebar-mini .adminconsole-matter-form .roles-form-actions,
body.sidebar-mini .adminconsole-upload-checklist-form .roles-form-actions,
body.sidebar-mini .adminconsole-sms-form .roles-form-actions {
margin-top: 1.25rem;
padding-top: 1rem;
border-top: 1px solid var(--border);
text-align: right;
}
body.sidebar-mini .adminconsole-upload-checklist-form select.form-control:disabled,
body.sidebar-mini .adminconsole-upload-checklist-form select.form-control.uploadchecklist-matter-select:disabled {
background-color: var(--page-bg) !important;
color: var(--text-muted) !important;
border-color: var(--border) !important;
cursor: not-allowed !important;
opacity: 1 !important;
}
/* Offices branch form — Select2 (country / admin); docs/theme.md */
body.sidebar-mini .adminconsole-offices-form .select2-container--default .select2-selection--single {
border: 1px solid var(--border) !important;
border-radius: 8px !important;
min-height: 42px !important;
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-offices-form .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--text-dark) !important;
line-height: 40px !important;
padding-left: 12px !important;
}
body.sidebar-mini .adminconsole-offices-form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px !important;
}
body.sidebar-mini .adminconsole-offices-form .select2-container--default.select2-container--focus .select2-selection--single {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
/* System — activity search (filters + Select2); docs/theme.md */
body.sidebar-mini .adminconsole-activity-search .card .form-label {
color: var(--text-muted) !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
body.sidebar-mini .adminconsole-activity-search .card .form-label i {
color: var(--sidebar-active) !important;
margin-right: 6px !important;
}
body.sidebar-mini .adminconsole-activity-search .select2-container--default .select2-selection--single {
border: 1px solid var(--border) !important;
border-radius: 8px !important;
min-height: 42px !important;
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-activity-search .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--text-dark) !important;
line-height: 40px !important;
padding-left: 12px !important;
}
body.sidebar-mini .adminconsole-activity-search .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px !important;
}
body.sidebar-mini .adminconsole-activity-search .select2-container--default.select2-container--focus .select2-selection--single {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
body.sidebar-mini .adminconsole-activity-search .card-header .btn.btn-outline-primary {
border-color: var(--sidebar-active) !important;
color: var(--sidebar-active) !important;
}
body.sidebar-mini .adminconsole-activity-search .card-header .btn.btn-outline-primary:hover,
body.sidebar-mini .adminconsole-activity-search .card-header .btn.btn-outline-primary:focus {
background: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-activity-search .activity-search-empty-hint {
background: var(--page-bg) !important;
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-activity-search .activity-search-empty-hint h5 {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-activity-search .card-body > hr {
border-top-color: var(--border) !important;
opacity: 1 !important;
}
body.sidebar-mini .adminconsole-activity-search .mt-4 > h5 {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini #activityDetailsModal.activity-details-modal .modal-header {
background: var(--navy) !important;
color: #fff !important;
border-bottom: none !important;
}
body.sidebar-mini #activityDetailsModal.activity-details-modal .modal-title {
color: #fff !important;
font-weight: 700 !important;
}
body.sidebar-mini #activityDetailsModal.activity-details-modal .modal-body {
background: var(--card-bg) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini #activityDetailsModal.activity-details-modal .modal-body .table th {
color: var(--text-muted) !important;
font-weight: 600 !important;
}
body.sidebar-mini #activityDetailsModal.activity-details-modal .modal-content {
border: 1px solid var(--border) !important;
border-radius: 10px !important;
overflow: hidden !important;
}
/* System — office view / view-client (users & clients tabs); docs/theme.md */
body.sidebar-mini .adminconsole-offices-view .office-view-overview-heading {
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
margin: 0 !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-kpi {
margin: 0 !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-kpi-label {
display: block !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
color: var(--text-muted) !important;
margin-bottom: 4px !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-kpi-value {
font-size: 1.35rem !important;
font-weight: 700 !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-title {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-detail-table {
border: 1px solid var(--border) !important;
border-radius: 10px !important;
overflow: hidden !important;
background: var(--card-bg) !important;
margin-bottom: 0 !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-detail-table td {
border-color: var(--border) !important;
padding: 12px 16px !important;
vertical-align: top !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-detail-table td b {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-detail-table tr:nth-child(even) td {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-detail-table tr:nth-child(odd) td {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-tabs {
gap: 8px !important;
flex-wrap: wrap !important;
margin-bottom: 0 !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-tabs .nav-link {
color: var(--navy) !important;
font-weight: 600 !important;
border-radius: 8px !important;
padding: 10px 18px !important;
background: var(--page-bg) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-tabs .nav-link:hover {
background: var(--sidebar-hover) !important;
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-tabs .nav-link.active {
background: var(--sidebar-active) !important;
color: #fff !important;
border-color: var(--sidebar-active) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-table-toolbar {
display: flex !important;
justify-content: flex-end !important;
margin-bottom: 12px !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-table-toolbar--split {
justify-content: space-between !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-table-toolbar .btn {
border-radius: 8px !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-table-toolbar .btn-outline-primary {
color: var(--navy) !important;
border: 1px solid var(--border) !important;
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-offices-view .office-view-table-toolbar .btn-outline-primary:hover {
background: var(--sidebar-hover) !important;
color: var(--navy) !important;
border-color: var(--border) !important;
}
/* CRM email template forms — TinyMCE 6 (.tinymce-editor → .tox-*); Summernote .note-* removed */
body.sidebar-mini .adminconsole-crm-email-template-form .tox-tinymce {
border: 1px solid var(--border) !important;
border-radius: 8px !important;
overflow: hidden !important;
}
/* Header row (wraps toolbars) — gets the bottom divider */
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-editor-header {
background: var(--page-bg) !important;
border-bottom: 1px solid var(--border) !important;
}
/* Individual toolbar rows — background only; no double border */
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-toolbar,
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-toolbar__primary,
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-toolbar__overflow {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-statusbar {
background: var(--page-bg) !important;
border-top: 1px solid var(--border) !important;
color: var(--text-muted) !important;
}
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-edit-area::before {
border-color: var(--border) !important;
}
/* TinyMCE renders content in an iframe; set background via the wrapper */
body.sidebar-mini .adminconsole-crm-email-template-form .tox .tox-edit-area {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .table {
margin-bottom: 0.75rem !important;
border: 1px solid var(--border) !important;
border-radius: 10px !important;
overflow: hidden !important;
background: var(--card-bg) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .table tr td {
border-color: var(--border) !important;
padding: 12px 14px !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .table tbody tr:nth-child(even) td,
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .table tr:nth-child(even) td {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .remove_stage {
color: var(--danger) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 2.25rem !important;
height: 2.25rem !important;
border-radius: 8px !important;
text-decoration: none !important;
}
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .remove_stage:hover,
body.sidebar-mini .adminconsole-workflow-form .workflow_stges .remove_stage:focus {
background: var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-workflow-form .add_stage.btn-info {
margin-top: 0.25rem !important;
}
/* Workflow stages list (…/workflow/{id}/stages); table + action buttons; beat custom.css last-col hover */
body.sidebar-mini .adminconsole-workflow-stages .workflow-stages-table td.workflow-stage-actions-col {
white-space: normal !important;
vertical-align: middle !important;
width: 1% !important;
min-width: 7.5rem !important;
}
body.sidebar-mini .adminconsole-workflow-stages .workflow-stage-cell-actions {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.35rem !important;
}
body.sidebar-mini .adminconsole-workflow-stages .workflow-stage-cell-actions .btn {
font-size: 0.75rem !important;
padding: 0.35rem 0.5rem !important;
line-height: 1.25 !important;
white-space: nowrap !important;
text-align: center !important;
border-radius: 8px !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table-responsive {
overflow-x: auto !important;
border-radius: 10px !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table thead th {
background: var(--page-bg) !important;
background-image: none !important;
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody td {
color: var(--text-dark) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody tr:nth-child(odd) {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody tr:nth-child(even) {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody tr:hover {
background: #ebf3ff !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody a:not(.btn) {
color: var(--sidebar-active) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody a:not(.btn):hover {
color: var(--navy) !important;
}
/* custom.css sets td:last-child a/.btn:hover to blue bg + blue text — restore readable hovers */
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-primary:hover,
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-primary:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
background-image: none !important;
}
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-info:hover,
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-info:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
background-image: none !important;
}
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-outline-danger:hover,
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-outline-danger:focus {
background-color: var(--danger) !important;
border-color: var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .adminconsole-workflow-stages .card .card-body table.table tbody tr td:last-child .btn.btn-outline-secondary:disabled {
opacity: 0.72 !important;
cursor: not-allowed !important;
color: var(--text-muted) !important;
border-color: var(--border) !important;
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-stages .card .card-body > p.small.text-muted strong {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-workflow-stages .table tbody td.text-center a:hover,
body.sidebar-mini .adminconsole-workflow-stages .table tbody td.text-center a:focus {
background-color: transparent !important;
color: var(--navy) !important;
text-decoration: underline !important;
}
/* Workflow index (/adminconsole/features/workflow); table + stacked actions; beat custom.css last-col hover */
body.sidebar-mini .adminconsole-workflow-index .workflows-index-actions {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.35rem !important;
min-width: 7.5rem !important;
}
body.sidebar-mini .adminconsole-workflow-index .workflows-index-actions .btn {
font-size: 0.75rem !important;
padding: 0.35rem 0.5rem !important;
line-height: 1.25 !important;
white-space: nowrap !important;
text-align: center !important;
border-radius: 8px !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-workflow-index .table-responsive {
overflow-x: auto !important;
border-radius: 10px !important;
}
body.sidebar-mini .adminconsole-workflow-index .table {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-workflow-index .table thead th {
background: var(--page-bg) !important;
background-image: none !important;
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody td {
color: var(--text-dark) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody tr:nth-child(odd) {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody tr:nth-child(even) {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody tr:hover {
background: #ebf3ff !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody a:not(.btn) {
color: var(--sidebar-active) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody a:not(.btn):hover {
color: var(--navy) !important;
}
body.sidebar-mini .adminconsole-workflow-index .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-primary:hover,
body.sidebar-mini .adminconsole-workflow-index .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-primary:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
background-image: none !important;
}
body.sidebar-mini .adminconsole-workflow-index .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-secondary:hover,
body.sidebar-mini .adminconsole-workflow-index .card .card-body table.table tbody tr td:last-child .btn.btn-sm.btn-secondary:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
background-image: none !important;
}
body.sidebar-mini .adminconsole-workflow-index .table tbody td.text-center a:hover,
body.sidebar-mini .adminconsole-workflow-index .table tbody td.text-center a:focus {
background-color: transparent !important;
color: var(--navy) !important;
text-decoration: underline !important;
}
/* Admin Console — emails list (features/emails); docs/theme.md */
body.sidebar-mini .adminconsole-emails-index .card {
border: 1px solid var(--border) !important;
border-radius: 12px !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-emails-index .card-header {
background: var(--card-bg) !important;
border-bottom: 1px solid var(--border) !important;
padding: 16px 20px !important;
}
body.sidebar-mini .adminconsole-emails-index .card-header h4 {
color: var(--navy) !important;
font-weight: 700 !important;
margin: 0 !important;
font-size: 1.1rem !important;
}
body.sidebar-mini .adminconsole-emails-index .card-body {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-emails-index .table-responsive {
overflow-x: auto !important;
border-radius: 10px !important;
}
body.sidebar-mini .adminconsole-emails-index .table {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .adminconsole-emails-index .table thead th {
background: var(--page-bg) !important;
background-image: none !important;
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
}
body.sidebar-mini .adminconsole-emails-index .table tbody td {
color: var(--text-dark) !important;
padding: 12px 16px !important;
border-bottom: 1px solid var(--border) !important;
vertical-align: middle !important;
}
body.sidebar-mini .adminconsole-emails-index .table tbody tr:nth-child(odd) {
background: var(--card-bg) !important;
}
body.sidebar-mini .adminconsole-emails-index .table tbody tr:nth-child(even) {
background: var(--page-bg) !important;
}
body.sidebar-mini .adminconsole-emails-index .table tbody tr:hover {
background: #ebf3ff !important;
}
body.sidebar-mini .adminconsole-emails-index .text-success {
color: var(--success) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-emails-index .text-danger {
color: var(--danger) !important;
font-weight: 600 !important;
}
body.sidebar-mini .adminconsole-emails-index .table tbody td.text-center {
color: var(--text-muted) !important;
font-style: italic !important;
}
body.sidebar-mini .adminconsole-emails-index .table tbody tr td[colspan] {
background: var(--page-bg) !important;
color: var(--text-muted) !important;
font-style: italic !important;
}
/* ---------- Buttons (all Bootstrap variants) — docs/theme.md ---------- */
/* Overrides public/css/custom.css purple gradients on .btn-primary etc. */
body.sidebar-mini .btn {
border-radius: 8px;
font-weight: 600;
}
body.sidebar-mini .btn-primary {
background-color: var(--navy) !important;
background-image: none !important;
border: 1px solid var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .btn-primary:hover,
body.sidebar-mini .btn-primary:focus {
background-color: var(--sidebar-active) !important;
background-image: none !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
filter: none !important;
}
body.sidebar-mini .btn-primary:active,
body.sidebar-mini .btn-primary.active {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
}
body.sidebar-mini .btn-secondary {
background-color: var(--text-muted) !important;
border: 1px solid var(--text-muted) !important;
color: #fff !important;
}
body.sidebar-mini .btn-secondary:hover,
body.sidebar-mini .btn-secondary:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .btn-success {
background-color: var(--success) !important;
background-image: none !important;
border: 1px solid var(--success) !important;
color: #fff !important;
}
body.sidebar-mini .btn-success:hover,
body.sidebar-mini .btn-success:focus {
background-color: #186846 !important;
border-color: #186846 !important;
color: #fff !important;
}
body.sidebar-mini .btn-danger {
background-color: var(--danger) !important;
background-image: none !important;
border: 1px solid var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .btn-danger:hover,
body.sidebar-mini .btn-danger:focus {
background-color: #8e2818 !important;
border-color: #8e2818 !important;
color: #fff !important;
}
body.sidebar-mini .btn-info {
background-color: var(--sidebar-active) !important;
background-image: none !important;
border: 1px solid var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .btn-info:hover,
body.sidebar-mini .btn-info:focus {
background-color: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .btn-warning,
body.sidebar-mini .btn-gold {
background-color: var(--accent-gold) !important;
background-image: none !important;
border: 1px solid var(--accent-gold) !important;
color: #fff !important;
}
body.sidebar-mini .btn-warning:hover,
body.sidebar-mini .btn-warning:focus,
body.sidebar-mini .btn-gold:hover,
body.sidebar-mini .btn-gold:focus {
background-color: #a88424 !important;
border-color: #a88424 !important;
color: #fff !important;
}
body.sidebar-mini .btn-light {
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .btn-light:hover,
body.sidebar-mini .btn-light:focus {
background-color: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .btn-dark {
background-color: var(--navy) !important;
border: 1px solid var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .btn-dark:hover,
body.sidebar-mini .btn-dark:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .btn-link {
color: var(--sidebar-active) !important;
font-weight: 600;
}
body.sidebar-mini .btn-link:hover,
body.sidebar-mini .btn-link:focus {
color: var(--navy) !important;
}
body.sidebar-mini .btn-outline-primary {
color: var(--navy) !important;
border: 1px solid var(--border) !important;
background: transparent !important;
}
body.sidebar-mini .btn-outline-primary:hover,
body.sidebar-mini .btn-outline-primary:focus {
background: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .btn-outline-secondary {
color: var(--navy) !important;
border: 1px solid var(--border) !important;
background: transparent !important;
}
body.sidebar-mini .btn-outline-secondary:hover,
body.sidebar-mini .btn-outline-secondary:focus {
background: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .btn-outline-success {
color: var(--success) !important;
border: 1px solid var(--success) !important;
background: transparent !important;
}
body.sidebar-mini .btn-outline-success:hover,
body.sidebar-mini .btn-outline-success:focus {
background-color: var(--success) !important;
border-color: var(--success) !important;
color: #fff !important;
}
body.sidebar-mini .btn-outline-danger {
color: var(--danger) !important;
border: 1px solid var(--danger) !important;
background: transparent !important;
}
body.sidebar-mini .btn-outline-danger:hover,
body.sidebar-mini .btn-outline-danger:focus {
background-color: var(--danger) !important;
border-color: var(--danger) !important;
color: #fff !important;
}
body.sidebar-mini .btn-outline-info {
color: var(--sidebar-active) !important;
border: 1px solid var(--sidebar-active) !important;
background: transparent !important;
}
body.sidebar-mini .btn-outline-info:hover,
body.sidebar-mini .btn-outline-info:focus {
background-color: var(--sidebar-hover) !important;
border-color: var(--sidebar-active) !important;
color: var(--navy) !important;
}
body.sidebar-mini .btn-outline-warning {
color: #7a5800 !important;
border: 1px solid var(--accent-gold) !important;
background: transparent !important;
}
body.sidebar-mini .btn-outline-warning:hover,
body.sidebar-mini .btn-outline-warning:focus {
background-color: var(--accent-light) !important;
border-color: var(--accent-gold) !important;
color: #5c4300 !important;
}
body.sidebar-mini .card-header-action .btn-primary {
background-color: var(--navy) !important;
border: 1px solid var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini .card-header-action .btn-primary:hover,
body.sidebar-mini .card-header-action .btn-primary:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .btn:disabled,
body.sidebar-mini .btn.disabled {
opacity: 0.55;
}
/* Dashboard task detail slide-over — primary action (theme.md: navy / sidebar-active hover) */
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-complete-task {
background-color: var(--navy) !important;
border: 1px solid var(--navy) !important;
color: #fff !important;
background-image: none !important;
}
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-complete-task:hover,
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-complete-task:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-complete-task i {
color: #fff !important;
}
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-extend-task {
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
color: var(--navy) !important;
background-image: none !important;
}
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-extend-task:hover,
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-extend-task:focus {
background-color: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .task-detail-panel .task-detail-footer .task-detail-action-btn.btn-extend-task i {
color: var(--navy) !important;
}
/* Complete Task modal — header title white; icon accent-gold (theme.md) */
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-header .modal-title {
color: #fff !important;
}
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-header .modal-title i {
color: var(--accent-gold) !important;
}
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-header .close,
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-header .close span {
color: #fff !important;
opacity: 0.9;
}
/* Complete Task modal (dashboard) — beats global .btn-* on .btn-cancel-complete / .btn-complete-task-primary */
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-cancel-complete {
background-color: var(--card-bg) !important;
background-image: none !important;
color: var(--navy) !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-cancel-complete:hover,
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-cancel-complete:focus {
background-color: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-complete-task-primary {
background-color: var(--navy) !important;
background-image: none !important;
border: 1px solid var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-complete-task-primary:hover,
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-complete-task-primary:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini #dashboardCompletionNotesModal .dashboard-completion-modal-footer .btn.btn-complete-task-primary i {
color: #fff !important;
}
/*
* Complete Task modal (#completionNotesModal) — beats body.sidebar-mini h5 { color: navy }
* and matches docs/theme.md (navy header, gold icon, outline cancel, primary complete).
*/
#completionNotesModal .completion-notes-modal-content {
border-radius: 12px;
border: 1px solid var(--border);
box-shadow: 0 12px 40px rgba(30, 61, 96, 0.12);
overflow: hidden;
background: var(--card-bg);
}
#completionNotesModal .completion-notes-modal-header {
background: var(--navy);
color: #fff;
border-bottom: 1px solid var(--border);
padding: 1rem 1.25rem;
}
#completionNotesModal .modal-header .modal-title,
#completionNotesModal .completion-notes-modal-header .modal-title {
color: #fff !important;
font-weight: 700;
font-size: 1.1rem;
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
}
#completionNotesModal .completion-notes-modal-header .modal-title .completion-task-modal-header-icon {
color: var(--accent-gold) !important;
font-size: 1.15rem;
}
#completionNotesModal .completion-notes-modal-close {
color: #fff !important;
opacity: 0.9;
text-shadow: none;
font-size: 1.5rem;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1;
}
#completionNotesModal .completion-notes-modal-close:hover,
#completionNotesModal .completion-notes-modal-close:focus {
opacity: 1;
color: #fff !important;
}
#completionNotesModal .completion-notes-modal-body {
background: var(--page-bg);
padding: 1.25rem 1.25rem 1rem;
}
#completionNotesModal .completion-notes-label {
color: var(--text-muted);
font-weight: 600;
font-size: 0.95rem;
margin-bottom: 0.5rem;
display: block;
}
#completionNotesModal .completion-notes-label i {
color: var(--navy);
margin-right: 0.35rem;
}
#completionNotesModal .completion-notes-textarea {
resize: vertical;
border: 1px solid var(--border) !important;
border-radius: 8px;
padding: 12px;
background: var(--card-bg);
color: var(--text-dark);
background-image: none !important;
min-height: 120px;
}
#completionNotesModal .completion-notes-textarea:focus {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 2px rgba(58, 111, 168, 0.15);
outline: none;
}
#completionNotesModal .completion-notes-modal-body .completion-notes-hint {
color: var(--text-muted) !important;
font-size: 0.8125rem;
margin-top: 0.5rem;
display: block;
}
#completionNotesModal .completion-notes-modal-body .completion-notes-hint i {
color: var(--sidebar-active);
margin-right: 0.25rem;
}
#completionNotesModal .modal-footer.completion-notes-modal-footer,
#completionNotesModal .completion-notes-modal-footer {
background: var(--page-bg);
border-top: 1px solid var(--border);
padding: 1rem 1.25rem;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 0.5rem;
}
#completionNotesModal .modal-footer .btn.btn-cancel-complete,
#completionNotesModal .completion-notes-modal-footer .btn.btn-cancel-complete {
background-color: var(--card-bg) !important;
background-image: none !important;
color: var(--navy) !important;
border: 1px solid var(--border) !important;
font-weight: 600;
border-radius: 8px;
padding: 0.45rem 1rem;
}
#completionNotesModal .modal-footer .btn.btn-cancel-complete i,
#completionNotesModal .completion-notes-modal-footer .btn.btn-cancel-complete i {
color: var(--navy) !important;
}
#completionNotesModal .modal-footer .btn.btn-cancel-complete:hover,
#completionNotesModal .modal-footer .btn.btn-cancel-complete:focus,
#completionNotesModal .completion-notes-modal-footer .btn.btn-cancel-complete:hover,
#completionNotesModal .completion-notes-modal-footer .btn.btn-cancel-complete:focus {
background-color: var(--sidebar-hover) !important;
border-color: var(--border) !important;
color: var(--navy) !important;
}
#completionNotesModal .modal-footer .btn.btn-complete-task-primary,
#completionNotesModal .completion-notes-modal-footer .btn.btn-complete-task-primary {
background-color: var(--navy) !important;
background-image: none !important;
border: 1px solid var(--navy) !important;
color: #fff !important;
font-weight: 600;
border-radius: 8px;
padding: 0.45rem 1rem;
box-shadow: 0 2px 6px rgba(30, 61, 96, 0.2);
}
#completionNotesModal .modal-footer .btn.btn-complete-task-primary i,
#completionNotesModal .completion-notes-modal-footer .btn.btn-complete-task-primary i {
color: #fff !important;
}
#completionNotesModal .modal-footer .btn.btn-complete-task-primary:hover,
#completionNotesModal .modal-footer .btn.btn-complete-task-primary:focus,
#completionNotesModal .completion-notes-modal-footer .btn.btn-complete-task-primary:hover,
#completionNotesModal .completion-notes-modal-footer .btn.btn-complete-task-primary:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini #completionNotesModal .completion-task-modal-header-icon,
body.sidebar-mini #dashboardCompletionNotesModal .completion-task-modal-header-icon {
color: var(--accent-gold) !important;
}
/* Tables */
body.sidebar-mini .table {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .table thead th {
background-color: var(--page-bg) !important;
color: var(--navy) !important;
border-color: var(--border) !important;
font-weight: 600 !important;
}
body.sidebar-mini .table td,
body.sidebar-mini .table th {
border-color: var(--border) !important;
}
body.sidebar-mini .table tbody tr:hover {
background-color: #ebf3ff !important;
}
/* Breadcrumb */
body.sidebar-mini .breadcrumb-item a {
color: var(--text-muted) !important;
}
body.sidebar-mini .breadcrumb-item.active,
body.sidebar-mini .breadcrumb-item.active a {
color: var(--sidebar-active) !important;
}
/* Forms */
body.sidebar-mini .form-control {
border-color: var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .form-control:focus {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
body.sidebar-mini label,
body.sidebar-mini .control-label {
color: var(--text-muted) !important;
}
/* ---------- Top bar (theme.md) ---------- */
.main-navbar {
background-color: var(--header-bg) !important;
border-bottom: 1px solid var(--border);
}
.main-topbar {
background: #ddeaf8 !important; /* --sidebar-bg (Powder Blue) */
border-bottom: 1px solid var(--border) !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
font-family: "Segoe UI", sans-serif !important;
}
.main-topbar .icon-btn {
color: var(--navy) !important;
}
.main-topbar .icon-btn:hover {
background: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
.main-topbar .topbar-toggle {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
color: var(--navy) !important;
}
.topbar-center {
min-width: 0 !important;
width: 100% !important;
}
.topbar-center .topbar-search {
background: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.topbar-center .topbar-search__inner {
position: relative !important;
width: 100% !important;
max-width: 320px !important;
}
.topbar-center .topbar-search__icon {
position: absolute !important;
left: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 2 !important;
pointer-events: none !important;
color: var(--text-muted) !important;
line-height: 1 !important;
}
.topbar-center .topbar-search__icon i {
font-size: 0.85rem !important;
}
.topbar-center .topbar-search .select2-container {
width: 100% !important;
}
.topbar-center .topbar-search .select2-container--default .select2-selection--single {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
border-radius: 8px !important;
padding-left: 2rem !important;
min-height: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
}
.topbar-center
.topbar-search
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
line-height: 38px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
font-size: 0.875rem !important;
}
.topbar-center
.topbar-search
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
height: 38px !important;
}
.topbar-center .topbar-search .form-control {
color: var(--text-dark) !important;
}
.icon-dropdown-menu,
.profile-menu {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.08) !important;
}
.icon-dropdown-menu .dropdown-item,
.profile-menu a {
color: var(--text-dark) !important;
}
.icon-dropdown-menu .dropdown-item:hover,
.profile-menu a:hover {
background: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
/* Account tab — invoice / ledger reference dropdowns (docs/theme.md)
* Beats layout/custom .dropdown-item:hover (blue bg + broken contrast on ).
* client-detail.css uses .account-section * { max-width: 100% } which clips menus — override here. */
body.sidebar-mini #account-tab .transaction-table-wrapper {
overflow-x: auto !important;
overflow-y: visible !important;
}
body.sidebar-mini #account-tab .transaction-table td:has(.dropdown) {
overflow: visible !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-menu {
background: var(--card-bg) !important;
background-image: none !important;
border: 1px solid var(--border) !important;
border-top: 3px solid var(--accent-gold) !important;
border-radius: 10px !important;
box-shadow: 0 8px 24px rgba(30, 61, 96, 0.12) !important;
padding: 6px 0 !important;
font-size: 0.875rem !important;
min-width: 280px !important;
max-width: min(420px, calc(100vw - 32px)) !important;
width: max-content !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-item,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item {
color: var(--text-dark) !important;
background-color: transparent !important;
background-image: none !important;
font-weight: 600 !important;
max-width: none !important;
display: flex !important;
align-items: flex-start !important;
gap: 0.625rem !important;
white-space: normal !important;
line-height: 1.35 !important;
padding: 10px 16px !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-item i,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item i {
color: var(--sidebar-active) !important;
flex-shrink: 0 !important;
width: 1.125rem !important;
margin-right: 0 !important;
margin-top: 0.12em !important;
text-align: center !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-item:hover,
body.sidebar-mini #account-tab .transaction-table .dropdown-item:focus,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item:hover,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item:focus {
background-color: #ebf3ff !important;
background-image: none !important;
color: var(--navy) !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-item:hover i,
body.sidebar-mini #account-tab .transaction-table .dropdown-item:focus i,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item:hover i,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item:focus i {
color: var(--navy) !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-item:active,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item:active {
background-color: rgba(200, 153, 42, 0.15) !important;
color: #7a5800 !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-item:active i,
body.sidebar-mini #account-tab .transaction-table a.dropdown-item:active i {
color: var(--accent-gold) !important;
}
body.sidebar-mini #account-tab .transaction-table .dropdown-divider {
border-top-color: var(--border) !important;
}
body.sidebar-mini #account-tab .reference-dropdown-trigger {
color: var(--text-dark) !important;
}
body.sidebar-mini #account-tab .reference-dropdown-trigger:hover {
background-color: var(--accent-light) !important;
color: var(--navy) !important;
}
/* Bell icon + unread badge: badge overlays icon (avoids flex “tall bar” layout) */
.main-topbar .notification-bell-inner {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.main-topbar .icon-btn.notification-toggle .countbell {
position: absolute;
top: 2px;
right: 2px;
min-width: 18px;
height: 18px;
padding: 0 5px;
font-size: 10px;
font-weight: 700;
line-height: 18px;
text-align: center;
border-radius: 999px;
background: var(--navy) !important;
color: #fff !important;
box-sizing: border-box;
display: none;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 2;
}
.main-topbar .icon-btn.notification-toggle .countbell:not(:empty) {
display: inline-flex !important;
}
.main-topbar .text-primary {
color: var(--sidebar-active) !important;
}
.top-quick-icons .nav-link {
color: var(--navy) !important;
}
.top-quick-icons .nav-link:hover {
background-color: var(--sidebar-bg) !important;
color: var(--navy) !important;
}
.top-quick-icons .nav-link.text-danger {
color: var(--danger) !important;
}
.top-quick-icons .nav-link.text-danger:hover {
background-color: rgba(168, 48, 32, 0.1) !important;
color: var(--danger) !important;
}
@keyframes crm-notification-bell-flash {
0% {
background: rgba(30, 61, 96, 0.2) !important;
transform: scale(1.05);
}
100% {
background: transparent !important;
transform: scale(1);
}
}
.notification-bell-flash {
animation: crm-notification-bell-flash 0.6s ease-out !important;
}
.main-content .header,
.main-content .header-title-section {
border-bottom: 1px solid var(--border);
}
.main-content .header h1,
.main-content .header-title-section h1 {
color: var(--navy);
font-size: 18px;
font-weight: 700;
font-family: "Segoe UI", sans-serif;
}
.search-input {
border-color: var(--border) !important;
background: var(--page-bg) !important;
color: var(--text-dark) !important;
}
.search-input:focus {
border-color: var(--sidebar-active) !important;
background: var(--card-bg) !important;
box-shadow: 0 0 0 3px rgba(58, 111, 168, 0.15) !important;
}
.search-icon {
color: var(--text-muted) !important;
}
/* KPI dashboard cards (theme.md) */
body.sidebar-mini .kpi-cards .card,
body.sidebar-mini .main-content > .kpi-cards .card {
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 10px !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
}
body.sidebar-mini .kpi-cards .card-content h3,
body.sidebar-mini .main-content .kpi-cards .card-content h3 {
font-size: 11.5px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
color: var(--text-muted) !important;
}
body.sidebar-mini .kpi-cards .card-content p,
body.sidebar-mini .main-content .kpi-cards .card-content p {
font-size: 28px !important;
font-weight: 700 !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .kpi-cards .card .icon-active {
background-color: rgba(30, 61, 96, 0.1) !important;
color: var(--navy) !important;
}
body.sidebar-mini .kpi-cards .card .icon-pending {
background-color: rgba(200, 153, 42, 0.12) !important;
color: var(--accent-gold) !important;
}
body.sidebar-mini .kpi-cards .card .icon-success {
background-color: rgba(30, 122, 82, 0.12) !important;
color: var(--success) !important;
}
/* KPI cards (kpi-card-modern) — theme.md Icon Dot Colours; beat global FA / link color */
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-active {
background-color: rgba(30, 61, 96, 0.1) !important;
}
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-active i,
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-active .fas,
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-active .fa {
color: var(--navy) !important;
}
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-pending {
background-color: rgba(200, 153, 42, 0.12) !important;
}
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-pending i,
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-pending .fas,
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-pending .fa {
color: var(--accent-gold) !important;
}
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-success {
background-color: rgba(30, 122, 82, 0.12) !important;
}
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-success i,
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-success .fas,
body.sidebar-mini .kpi-cards .kpi-icon-wrapper.icon-success .fa {
color: var(--success) !important;
}
body.sidebar-mini .focus-container {
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 10px !important;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06) !important;
}
body.sidebar-mini .focus-container h3 {
color: var(--navy) !important;
}
/* Status badges (theme.md) */
.badge-status-active,
body.sidebar-mini .badge.badge-success {
background: rgba(30, 122, 82, 0.12) !important;
color: var(--success) !important;
}
/* Other Bootstrap badges — match theme.md status / accents (staff view, lists, etc.) */
body.sidebar-mini .badge.badge-info {
background: rgba(58, 111, 168, 0.18) !important;
color: var(--sidebar-active) !important;
border: 1px solid rgba(58, 111, 168, 0.35) !important;
font-weight: 600 !important;
}
body.sidebar-mini .badge.badge-primary {
background: rgba(30, 61, 96, 0.1) !important;
color: var(--navy) !important;
border: 1px solid rgba(30, 61, 96, 0.22) !important;
font-weight: 600 !important;
}
body.sidebar-mini .badge.badge-secondary {
background: rgba(94, 122, 144, 0.12) !important;
color: var(--text-muted) !important;
border: 1px solid var(--border) !important;
font-weight: 600 !important;
}
body.sidebar-mini .badge.badge-danger {
background: rgba(168, 48, 32, 0.12) !important;
color: var(--danger) !important;
border: 1px solid rgba(168, 48, 32, 0.28) !important;
font-weight: 600 !important;
}
.badge-status-pending {
background: rgba(200, 153, 42, 0.15) !important;
color: #7a5800 !important;
}
.badge-status-closed {
background: rgba(94, 122, 144, 0.12) !important;
color: var(--text-muted) !important;
}
.badge-status-review {
background: rgba(30, 61, 96, 0.1) !important;
color: var(--navy) !important;
}
/* Clear Filters — theme.md --danger; beat link/FA hover (blue + underline) */
body.sidebar-mini button.clear-filter-btn,
body.sidebar-mini a.clear-filter-btn {
border-color: var(--danger) !important;
color: var(--danger) !important;
background: transparent !important;
text-decoration: none !important;
}
body.sidebar-mini a.clear-filter-btn:hover,
body.sidebar-mini a.clear-filter-btn:focus,
body.sidebar-mini a.clear-filter-btn:active {
text-decoration: none !important;
}
body.sidebar-mini .clear-filter-btn i,
body.sidebar-mini .clear-filter-btn .fas,
body.sidebar-mini .clear-filter-btn .fa {
color: inherit !important;
}
body.sidebar-mini .clear-filter-btn:hover,
body.sidebar-mini .clear-filter-btn:focus {
background-color: var(--danger) !important;
border-color: var(--danger) !important;
color: #fff !important;
text-decoration: none !important;
}
body.sidebar-mini .clear-filter-btn:hover i,
body.sidebar-mini .clear-filter-btn:focus i,
body.sidebar-mini .clear-filter-btn:hover .fas,
body.sidebar-mini .clear-filter-btn:focus .fas,
body.sidebar-mini .clear-filter-btn:hover .fa,
body.sidebar-mini .clear-filter-btn:focus .fa,
body.sidebar-mini .clear-filter-btn:hover svg,
body.sidebar-mini .clear-filter-btn:focus svg {
color: #fff !important;
fill: #fff !important;
text-decoration: none !important;
}
/* ---------- In Person Details modal (#checkindetailmodal) — docs/theme.md ---------- */
body.sidebar-mini #checkindetailmodal .modal-content {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 10px !important;
box-shadow: 0 4px 24px rgba(30, 61, 96, 0.12) !important;
}
body.sidebar-mini #checkindetailmodal .modal-header {
background: var(--card-bg) !important;
border-bottom: 1px solid var(--border) !important;
border-radius: 10px 10px 0 0 !important;
}
body.sidebar-mini #checkindetailmodal .modal-title {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini #checkindetailmodal .modal-header .close {
color: var(--text-muted) !important;
opacity: 1 !important;
text-shadow: none !important;
}
body.sidebar-mini #checkindetailmodal .modal-header .close:hover,
body.sidebar-mini #checkindetailmodal .modal-header .close:focus {
color: var(--navy) !important;
}
body.sidebar-mini #checkindetailmodal .modal-body {
background: var(--card-bg) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini #checkindetailmodal .modal-body a:not(.btn) {
color: var(--sidebar-active) !important;
font-weight: 600;
}
body.sidebar-mini #checkindetailmodal .modal-body a:not(.btn):hover,
body.sidebar-mini #checkindetailmodal .modal-body a:not(.btn):focus {
color: var(--navy) !important;
}
body.sidebar-mini #checkindetailmodal .modal-body label {
color: var(--text-muted) !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
}
body.sidebar-mini #checkindetailmodal .modal-body b {
color: var(--navy) !important;
}
body.sidebar-mini #checkindetailmodal .modal-body h4 {
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
margin-top: 1rem !important;
}
body.sidebar-mini #checkindetailmodal h5.text-warning {
color: #7a5800 !important;
}
body.sidebar-mini #checkindetailmodal h5.text-info {
color: var(--sidebar-active) !important;
}
body.sidebar-mini #checkindetailmodal h5.text-success {
color: var(--success) !important;
}
body.sidebar-mini #checkindetailmodal .form-control {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini #checkindetailmodal .form-control:focus {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
body.sidebar-mini #checkindetailmodal .table {
color: var(--text-dark) !important;
}
body.sidebar-mini #checkindetailmodal .table thead th {
background: var(--page-bg) !important;
color: var(--navy) !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
border: 1px solid var(--border) !important;
}
body.sidebar-mini #checkindetailmodal .table td {
border-color: var(--border) !important;
}
body.sidebar-mini #checkindetailmodal .table tbody tr:hover {
background-color: #ebf3ff !important;
}
/* Wait / attend strip — theme success tones (replaces inline rgb green) */
body.sidebar-mini #checkindetailmodal .checkin-session-time-bar {
margin-top: 14px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.08);
}
body.sidebar-mini #checkindetailmodal .checkin-session-time-inner {
padding: 6px 8px;
}
/* Strictly theme.md greens: --success #1E7A52; darker segment = blended (not ad-hoc RGB) */
body.sidebar-mini #checkindetailmodal .checkin-session-time-wait {
background-color: color-mix(in srgb, var(--success) 72%, #000 28%);
}
body.sidebar-mini #checkindetailmodal .checkin-session-time-attend {
background-color: color-mix(in srgb, var(--success) 88%, #fff 12%);
}
@supports not (background-color: color-mix(in srgb, red, blue)) {
body.sidebar-mini #checkindetailmodal .checkin-session-time-wait {
background-color: #155a3d;
}
body.sidebar-mini #checkindetailmodal .checkin-session-time-attend {
background-color: var(--success);
}
}
/* Bar copy must stay white (modal body sets --text-dark; some builds lack strong .text-white) */
body.sidebar-mini #checkindetailmodal .checkin-session-time-bar,
body.sidebar-mini #checkindetailmodal .checkin-session-time-bar p,
body.sidebar-mini #checkindetailmodal .checkin-session-time-bar span {
color: #fff !important;
}
/* Solid success actions in this modal (anchor buttons; beat Bootstrap --bs-btn-* / legacy greens) */
body.sidebar-mini #checkindetailmodal .modal-body a.btn.btn-success,
body.sidebar-mini #checkindetailmodal .modal-body button.btn.btn-success {
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--success) !important;
--bs-btn-border-color: var(--success) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: #186846 !important;
--bs-btn-hover-border-color: #186846 !important;
--bs-btn-active-color: #fff !important;
--bs-btn-active-bg: #186846 !important;
--bs-btn-active-border-color: #186846 !important;
background-color: var(--success) !important;
background-image: none !important;
border: 1px solid var(--success) !important;
color: #fff !important;
text-decoration: none !important;
}
body.sidebar-mini #checkindetailmodal .modal-body a.btn.btn-success:hover,
body.sidebar-mini #checkindetailmodal .modal-body a.btn.btn-success:focus,
body.sidebar-mini #checkindetailmodal .modal-body button.btn.btn-success:hover,
body.sidebar-mini #checkindetailmodal .modal-body button.btn.btn-success:focus {
background-color: #186846 !important;
border-color: #186846 !important;
color: #fff !important;
filter: none !important;
}
/* Activity logs — beat custom.css #6777ef */
body.sidebar-mini #checkindetailmodal .logsdata .logsitem {
background: var(--page-bg) !important;
border: 1px solid var(--border) !important;
padding: 8px !important;
margin-bottom: 6px !important;
border-radius: 8px !important;
}
body.sidebar-mini #checkindetailmodal .logsdata .logsitem span.ag-avatar {
background: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini #checkindetailmodal .logsdata .logsitem span.text_info {
color: var(--text-muted) !important;
}
body.sidebar-mini #checkindetailmodal .logsdata .logsitem span.text_info span {
color: var(--sidebar-active) !important;
}
body.sidebar-mini #checkindetailmodal .logsdata .logsitem span.logs_date {
color: var(--text-muted) !important;
}
body.sidebar-mini #checkindetailmodal .logsdata .logsitem .logs_comment p {
color: var(--text-dark) !important;
}
/* ---------- CRM access grants (dashboard, queue, my grants) — docs/theme.md ---------- */
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card {
border: 1px solid var(--border);
border-left: 4px solid var(--accent-gold);
border-radius: 10px;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-grants-card {
border: 1px solid var(--border);
border-radius: 10px;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card > .card-header,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-grants-card > .card-header {
background: var(--card-bg) !important;
background-image: none !important;
color: var(--navy) !important;
border-bottom: 1px solid var(--border) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card .card-header h5,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-grants-card .card-header h4 {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card .card-header .btn-light {
background: var(--page-bg) !important;
border: 1px solid var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card .card-header .btn-light:hover,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card .card-header .btn-light:focus {
background: var(--sidebar-hover) !important;
color: var(--navy) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-grants-card .card-header .btn-outline-secondary {
color: var(--navy) !important;
border-color: var(--border) !important;
background: var(--card-bg) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-grants-card .card-header .btn-outline-secondary:hover,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-grants-card .card-header .btn-outline-secondary:focus {
background: var(--page-bg) !important;
border-color: var(--sidebar-active) !important;
color: var(--navy) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-badge {
background: rgba(200, 153, 42, 0.15) !important;
color: #7a5800 !important;
border: 1px solid rgba(200, 153, 42, 0.35) !important;
font-weight: 700;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-table thead th,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table thead th,
body.sidebar-mini .crm-access-queue-page #crm-access-queue-table thead th,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table thead th {
background-color: var(--page-bg) !important;
color: var(--navy) !important;
border-color: var(--border) !important;
font-weight: 600 !important;
font-size: 0.8125rem !important;
letter-spacing: 0.02em;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table tbody tr:hover td,
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-table tbody tr:hover td,
body.sidebar-mini .crm-access-queue-page #crm-access-queue-table tbody tr:hover td,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table tbody tr:hover td {
background-color: var(--sidebar-hover) !important;
}
body.sidebar-mini .crm-access-queue-page .table-striped tbody tr:nth-of-type(odd),
body.sidebar-mini .crm-access-my-grants-page .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(240, 246, 255, 0.45) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-filters label.small {
color: var(--text-muted) !important;
font-weight: 600 !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-filters .form-control,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-filters .form-control-sm {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-filters .form-control:focus {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-filters .form-control::placeholder {
color: var(--text-muted) !important;
opacity: 1;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-summary .text-muted.small {
color: var(--text-muted) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-summary [data-field] {
color: var(--text-dark) !important;
font-weight: 600;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table .badge-success,
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-table .badge-success,
body.sidebar-mini .crm-access-queue-page #crm-access-queue-table .badge-success,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table .badge-success {
background-color: rgba(30, 122, 82, 0.12) !important;
color: var(--success) !important;
border: 1px solid rgba(30, 122, 82, 0.35);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table .badge-warning,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table .badge-warning {
background-color: rgba(200, 153, 42, 0.15) !important;
color: #7a5800 !important;
border: 1px solid rgba(200, 153, 42, 0.35);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table .badge-secondary,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table .badge-secondary {
background-color: rgba(94, 122, 144, 0.12) !important;
color: var(--text-muted) !important;
border: 1px solid var(--border);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table .badge-dark {
background-color: rgba(30, 61, 96, 0.1) !important;
color: var(--navy) !important;
border: 1px solid rgba(30, 61, 96, 0.2);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table .badge-danger,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table .badge-danger {
background-color: rgba(168, 48, 32, 0.1) !important;
color: var(--danger) !important;
border: 1px solid rgba(168, 48, 32, 0.25);
}
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table .badge-light {
background-color: rgba(94, 122, 144, 0.08) !important;
color: var(--text-muted) !important;
border: 1px solid var(--border);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card tbody .text-muted,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table tbody .text-muted,
body.sidebar-mini .crm-access-queue-page #crm-access-queue-table tbody .text-muted,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table tbody .text-muted {
color: var(--text-muted) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card a.small.text-muted {
color: var(--sidebar-active) !important;
text-decoration: underline;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card a.small.text-muted:hover {
color: var(--navy) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-table.table-bordered,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table.table-bordered {
border-color: var(--border);
}
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-table.table-bordered th,
body.sidebar-mini .crm-access-dashboard-layout #crm-pending-table.table-bordered td,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table.table-bordered th,
body.sidebar-mini .crm-access-dashboard-layout #crm-access-dash-table.table-bordered td {
border-color: var(--border) !important;
}
body.sidebar-mini .crm-access-dashboard-layout #crm-access-pending-card .text-success {
color: var(--success) !important;
}
body.sidebar-mini .crm-access-dashboard-layout .alert-info {
background: rgba(58, 111, 168, 0.12) !important;
border: 1px solid var(--border) !important;
color: var(--navy) !important;
}
body.sidebar-mini .crm-access-queue-page .alert-success {
background: rgba(30, 122, 82, 0.12) !important;
border: 1px solid rgba(30, 122, 82, 0.35) !important;
color: var(--success) !important;
}
body.sidebar-mini .crm-access-dashboard-layout .alert-danger,
body.sidebar-mini .crm-access-queue-page .alert-danger {
background: rgba(168, 48, 32, 0.1) !important;
border: 1px solid rgba(168, 48, 32, 0.25) !important;
color: var(--danger) !important;
}
body.sidebar-mini .crm-access-queue-page .card,
body.sidebar-mini .crm-access-my-grants-page .card {
border: 1px solid var(--border);
border-radius: 10px;
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06);
}
body.sidebar-mini .crm-access-queue-page .card-header,
body.sidebar-mini .crm-access-my-grants-page .card-header {
background: var(--card-bg) !important;
color: var(--navy) !important;
border-bottom: 1px solid var(--border) !important;
}
body.sidebar-mini .crm-access-queue-page .card-header h4,
body.sidebar-mini .crm-access-my-grants-page .card-header h4 {
color: var(--navy) !important;
font-weight: 700 !important;
}
body.sidebar-mini .crm-access-queue-page #crm-access-queue-table td,
body.sidebar-mini .crm-access-queue-page #crm-access-queue-table th,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table td,
body.sidebar-mini .crm-access-my-grants-page #crm-my-grants-table th {
border-color: var(--border) !important;
}
/* Request access modal — docs/theme.md (replaces hard-coded bootstrap blues) */
body.sidebar-mini #crmCrossAccessModal .modal-content {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 10px !important;
box-shadow: 0 4px 24px rgba(30, 61, 96, 0.12) !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-header {
background: var(--navy) !important;
border-bottom: 1px solid var(--border) !important;
border-radius: 10px 10px 0 0 !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-title {
color: #fff !important;
font-weight: 700 !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-body {
background: var(--card-bg) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-body label {
color: var(--text-muted) !important;
font-weight: 600 !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-body .form-control {
background: var(--card-bg) !important;
border: 1px solid var(--border) !important;
color: var(--text-dark) !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-body .form-control:focus {
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2) !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-footer {
background: var(--card-bg) !important;
border-top: 1px solid var(--border) !important;
}
/* Layout may zero btn borders; keep footer actions visible */
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn {
border-width: 1px !important;
border-style: solid !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn-primary {
background: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn-primary:hover,
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn-primary:focus {
background: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn-outline-secondary {
color: var(--navy) !important;
border-color: var(--border) !important;
background: var(--card-bg) !important;
}
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn-outline-secondary:hover,
body.sidebar-mini #crmCrossAccessModal .modal-footer .btn-outline-secondary:focus {
background: var(--page-bg) !important;
border-color: var(--sidebar-active) !important;
color: var(--navy) !important;
}
body.sidebar-mini #crmCrossAccessModal #crmCrossAccessMsg.alert-success {
background: rgba(30, 122, 82, 0.12) !important;
border: 1px solid rgba(30, 122, 82, 0.35) !important;
color: var(--success) !important;
}
body.sidebar-mini #crmCrossAccessModal #crmCrossAccessMsg.alert-danger {
background: rgba(168, 48, 32, 0.1) !important;
border: 1px solid rgba(168, 48, 32, 0.25) !important;
color: var(--danger) !important;
}
/* ---------- Schedule Appointment modal (#create_appoint) — docs/theme.md ----------
Global body.sidebar-mini h1–h5 { navy } was forcing an illegible title on the blue header. */
body.sidebar-mini #create_appoint.add_appointment .modal-content {
border: 1px solid var(--border) !important;
border-radius: 10px !important;
overflow: hidden;
box-shadow: 0 4px 24px rgba(30, 61, 96, 0.12) !important;
}
body.sidebar-mini #create_appoint.add_appointment .appointment-schedule-modal-header,
body.sidebar-mini #create_appoint.add_appointment .modal-header {
background: var(--navy) !important;
background-image: none !important;
border-bottom: 3px solid var(--accent-gold) !important;
color: #fff !important;
padding: 18px 24px !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-header .modal-title,
body.sidebar-mini #create_appoint.add_appointment .modal-header .modal-title i,
body.sidebar-mini #create_appoint.add_appointment .modal-header h5 {
color: #fff !important;
font-weight: 700 !important;
font-size: 18px !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-header .close,
body.sidebar-mini #create_appoint.add_appointment .modal-header .close span {
color: #fff !important;
opacity: 0.92 !important;
text-shadow: none !important;
font-size: 24px !important;
font-weight: 300 !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-header .close:hover,
body.sidebar-mini #create_appoint.add_appointment .modal-header .close:focus {
opacity: 1 !important;
color: #fff !important;
}
/* Create Note (enhanced) #create_note_d — same as appointment modal: global h5 { navy } made title illegible on gradient header
(see docs/theme.md → Modals with dark headers). */
body.sidebar-mini #create_note_d .create-note-header {
color: #fff !important;
border-bottom: 3px solid var(--accent-gold) !important;
}
body.sidebar-mini #create_note_d .create-note-header .modal-title,
body.sidebar-mini #create_note_d .create-note-header .modal-title-section h5,
body.sidebar-mini #create_note_d .create-note-header h5 {
color: #fff !important;
font-weight: 700 !important;
}
body.sidebar-mini #create_note_d .create-note-header .modal-title-section i,
body.sidebar-mini #create_note_d .create-note-header .modal-title-section .text-primary {
color: #fff !important;
opacity: 0.95 !important;
}
body.sidebar-mini #create_note_d .create-note-header .close,
body.sidebar-mini #create_note_d .create-note-header .close span {
color: #fff !important;
opacity: 0.9 !important;
text-shadow: none !important;
}
body.sidebar-mini #create_note_d .create-note-header .close:hover,
body.sidebar-mini #create_note_d .create-note-header .close:focus {
opacity: 1 !important;
color: #fff !important;
}
/* Legal Forms modal (client detail tab) — global body.sidebar-mini h5 { navy } made title invisible on dark header */
body.sidebar-mini #legalFormModal .legal-form-modal-header,
body.sidebar-mini #legalFormModal .modal-header.legal-form-modal-header {
background: var(--navy) !important;
background-image: none !important;
border-bottom: 3px solid var(--accent-gold) !important;
color: #fff !important;
padding: 16px 20px !important;
}
body.sidebar-mini #legalFormModal .legal-form-modal-header .modal-title,
body.sidebar-mini #legalFormModal .legal-form-modal-header h5,
body.sidebar-mini #legalFormModal .modal-header .modal-title {
color: #fff !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
}
/* Edit matter details — docs/theme.md § Modals with dark headers; h5.modal-title was navy-on-navy */
body.sidebar-mini #changeMatterAssigneeModal.custom_modal .modal-content,
body.sidebar-mini #changeMatterAssigneeModal .modal-content {
border: 1px solid var(--border) !important;
border-radius: 12px !important;
overflow: hidden;
box-shadow: 0 4px 24px rgba(30, 61, 96, 0.12) !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-header {
background: linear-gradient(135deg, var(--navy) 0%, var(--sidebar-active) 100%) !important;
border-bottom: 3px solid var(--accent-gold) !important;
color: #fff !important;
padding: 18px 22px !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-header .modal-title,
body.sidebar-mini #changeMatterAssigneeModal .modal-header h5.modal-title,
body.sidebar-mini #changeMatterAssigneeModal .modal-header h5 {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-weight: 700 !important;
font-size: 1.125rem !important;
margin: 0 !important;
letter-spacing: -0.01em !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-header .close,
body.sidebar-mini #changeMatterAssigneeModal .modal-header .close span {
color: #fff !important;
opacity: 0.92 !important;
text-shadow: none !important;
font-size: 26px !important;
font-weight: 300 !important;
line-height: 1 !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-header .close:hover,
body.sidebar-mini #changeMatterAssigneeModal .modal-header .close:focus {
opacity: 1 !important;
color: #fff !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body {
background: var(--card-bg) !important;
padding: 22px 24px !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body .form-group > label,
body.sidebar-mini #changeMatterAssigneeModal .modal-body .row .col-12 > label {
color: var(--text-dark) !important;
font-weight: 600 !important;
font-size: 0.9375rem !important;
line-height: 1.45 !important;
margin-bottom: 0.35rem !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body label .text-muted {
color: var(--text-muted) !important;
font-weight: 500 !important;
font-size: 0.875rem !important;
}
/* Native selects: global .form-control uses appearance:none without select styling; client-forms
.form-group select { padding: 8px 10px } strips form-select right padding → clipped text. */
body.sidebar-mini #changeMatterAssigneeModal .modal-body .form-group select.form-select {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
min-height: calc(1.6em + 0.75rem + 2px) !important;
line-height: 1.6 !important;
font-size: 0.9rem !important;
color: var(--text-dark) !important;
background-color: var(--card-bg) !important;
border: 1px solid var(--border) !important;
border-radius: 0.375rem !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body .btn-primary {
background: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body .btn-primary:hover,
body.sidebar-mini #changeMatterAssigneeModal .modal-body .btn-primary:focus {
background: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body .btn-secondary {
color: var(--navy) !important;
border: 1px solid var(--border) !important;
background: var(--card-bg) !important;
}
body.sidebar-mini #changeMatterAssigneeModal .modal-body .btn-secondary:hover,
body.sidebar-mini #changeMatterAssigneeModal .modal-body .btn-secondary:focus {
background: var(--sidebar-bg) !important;
border-color: var(--sidebar-active) !important;
color: var(--navy) !important;
}
/*
* Client detail — Documents: body.sidebar-mini .main-content sets color: var(--text-dark) !important
* (see block ~line 48). It beats .subtab2-button { color: #fff } in cascade for *inherited* text on
* category pill buttons, so 2+ category names (e.g. “tesr”) appear dark on the navy/gradient bar.
* force light labels on the bar + pills (docs/theme.md — dark bar, white/visible copy).
*/
body.sidebar-mini .main-content .subtab-header-container,
body.sidebar-mini .main-content .subtabs3 {
color: #fff !important;
}
body.sidebar-mini .main-content .subtab2-button,
body.sidebar-mini .main-content .subtab3-button,
body.sidebar-mini .main-content .subtab6-button,
body.sidebar-mini .main-content .subtab-button {
color: #fff !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-body .btn.btn-primary {
background: var(--navy) !important;
border-color: var(--navy) !important;
color: #fff !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-body .btn.btn-primary:hover,
body.sidebar-mini #create_appoint.add_appointment .modal-body .btn.btn-primary:focus {
background: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-body .btn.btn-outline-secondary {
color: var(--navy) !important;
border-color: var(--border) !important;
background: var(--card-bg) !important;
}
body.sidebar-mini #create_appoint.add_appointment .modal-body .btn.btn-outline-secondary:hover,
body.sidebar-mini #create_appoint.add_appointment .modal-body .btn.btn-outline-secondary:focus {
background: var(--sidebar-bg) !important;
border-color: var(--sidebar-active) !important;
color: var(--navy) !important;
}
body.sidebar-mini #create_appoint.add_appointment .appointment-modal-actions-row {
border-top: 1px solid var(--border) !important;
}
/* Signature dashboard — “Send New Document” CTA is an ; global link styling must not wash out label */
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom,
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom:link,
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom:visited,
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom:active {
background: var(--navy) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
text-decoration: none !important;
}
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom:hover,
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom:focus {
background: var(--sidebar-active) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.sidebar-mini .main-content .signature-dashboard a.btn-primary-custom i {
color: #fff !important;
}
/* ---------- Assignee Action (/action) — DataTables pagination (docs/theme.md) ----------
DT 1.x: .dataTables_wrapper .dataTables_paginate .paginate_button
DT 2.x: .dt-container .dt-paging .dt-paging-button */
/* Reset li-level background that DT core/BS5 CSS paints on hover */
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button {
background: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button .page-link {
color: var(--navy) !important;
background-color: var(--card-bg) !important;
background-image: none !important;
border: 1px solid var(--border) !important;
border-radius: 8px !important;
box-shadow: none !important;
margin: 0 2px;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):not(.active):hover,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button:not(.disabled):not(.active):hover {
background: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):not(.active):hover .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button:not(.disabled):not(.active):hover .page-link {
color: var(--navy) !important;
background-color: var(--sidebar-hover) !important;
background-image: none !important;
border-color: var(--border) !important;
box-shadow: none !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button:active,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button:active {
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button:active .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button:active .page-link {
color: var(--navy) !important;
background-color: var(--sidebar-hover) !important;
background-image: none !important;
border-color: var(--border) !important;
box-shadow: none !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button.active .page-link,
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button.current .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button.active .page-link {
color: #fff !important;
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button.active:hover .page-link,
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button.active:hover .page-link {
color: #fff !important;
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled .page-link,
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button.disabled .page-link,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .dt-paging-button.disabled:hover .page-link {
color: var(--text-muted) !important;
background-color: var(--card-bg) !important;
border-color: var(--border) !important;
opacity: 0.75;
cursor: not-allowed !important;
}
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .pagination .page-link:focus,
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_paginate .pagination .page-link:focus-visible,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .pagination .page-link:focus,
body.sidebar-mini .assignee-action-page .dt-container .dt-paging .pagination .page-link:focus-visible {
outline: none !important;
border-color: var(--sidebar-active) !important;
box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.22) !important;
}
/* ---------- Assignee Action (/action) — DataTables table layout (docs/theme.md) ---------- */
body.sidebar-mini .assignee-action-page .table-responsive {
border-radius: 10px;
border: 1px solid var(--border);
background: var(--card-bg);
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06);
}
body.sidebar-mini .assignee-action-page table.dataTable.yajra-datatable {
margin-bottom: 0 !important;
}
body.sidebar-mini .assignee-action-page table.dataTable > thead > tr > th,
body.sidebar-mini .assignee-action-page table.dataTable > thead > tr > td {
border-bottom: 1px solid var(--border) !important;
background-color: var(--page-bg) !important;
color: var(--navy) !important;
font-weight: 700;
font-size: 0.8125rem;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 12px 12px !important;
vertical-align: middle !important;
}
body.sidebar-mini .assignee-action-page table.dataTable > tbody > tr > th,
body.sidebar-mini .assignee-action-page table.dataTable > tbody > tr > td {
color: var(--text-dark) !important;
padding: 12px 12px !important;
vertical-align: middle !important;
}
body.sidebar-mini .assignee-action-page table.dataTable.row-border > tbody > tr > th,
body.sidebar-mini .assignee-action-page table.dataTable.row-border > tbody > tr > td,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr > th,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr > td {
border-top: 1px solid var(--border) !important;
}
body.sidebar-mini .assignee-action-page table.dataTable.row-border > tbody > tr:first-child > th,
body.sidebar-mini .assignee-action-page table.dataTable.row-border > tbody > tr:first-child > td,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:first-child > th,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:first-child > td {
border-top: none !important;
}
/* Odd-row stripe — powder blue (replaces DataTables grey / blue selection tint) */
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr.odd > *,
body.sidebar-mini .assignee-action-page table.dataTable.stripe > tbody > tr.odd > * {
box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--page-bg) 50%, var(--card-bg) 50%) !important;
}
@supports not (color: color-mix(in srgb, red, blue)) {
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr.odd > *,
body.sidebar-mini .assignee-action-page table.dataTable.stripe > tbody > tr.odd > * {
box-shadow: inset 0 0 0 9999px rgba(240, 246, 255, 0.92) !important;
}
}
/* Row hover — sidebar-hover (replaces default DataTables blue hover) */
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:hover > *,
body.sidebar-mini .assignee-action-page table.dataTable.hover > tbody > tr:hover > * {
box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--sidebar-hover) 42%, var(--card-bg) 58%) !important;
}
@supports not (color: color-mix(in srgb, red, blue)) {
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:hover > *,
body.sidebar-mini .assignee-action-page table.dataTable.hover > tbody > tr:hover > * {
box-shadow: inset 0 0 0 9999px rgba(200, 220, 239, 0.5) !important;
}
}
/* Sorted column background — subtle navy tint (DT 1.x: .sorting_1 / DT 2.x: .dt-ordering-1) */
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody tr > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody tr > .dt-ordering-1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column > tbody tr > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column > tbody tr > .dt-ordering-1 {
box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--page-bg) 65%, var(--border) 35%) !important;
}
@supports not (color: color-mix(in srgb, red, blue)) {
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody tr > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody tr > .dt-ordering-1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column > tbody tr > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column > tbody tr > .dt-ordering-1 {
box-shadow: inset 0 0 0 9999px rgba(240, 246, 255, 0.95) !important;
}
}
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:hover > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:hover > .dt-ordering-1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column.hover > tbody > tr:hover > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column.hover > tbody > tr:hover > .dt-ordering-1 {
box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--sidebar-hover) 38%, var(--page-bg) 62%) !important;
}
@supports not (color: color-mix(in srgb, red, blue)) {
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:hover > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.display > tbody > tr:hover > .dt-ordering-1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column.hover > tbody > tr:hover > .sorting_1,
body.sidebar-mini .assignee-action-page table.dataTable.order-column.hover > tbody > tr:hover > .dt-ordering-1 {
box-shadow: inset 0 0 0 9999px rgba(200, 220, 239, 0.55) !important;
}
}
/* Sort arrows — DT 1.x class names (th::before/after pseudo-elements) */
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting:after,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting_asc:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting_asc:after,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting_desc:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting_desc:after {
color: var(--text-muted) !important;
opacity: 0.4 !important;
}
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting_asc:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.sorting_desc:after {
opacity: 0.85 !important;
color: var(--navy) !important;
}
/* Sort arrows — DT 2.x class names (span.dt-column-order::before/after) */
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after {
color: var(--text-muted) !important;
opacity: 0.4 !important;
}
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
body.sidebar-mini .assignee-action-page table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after {
opacity: 0.85 !important;
color: var(--navy) !important;
}
/* Loading dots — theme active blue (DT 1.x + DT 2.x selectors) */
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dataTables_processing > div:last-child > div,
body.sidebar-mini .assignee-action-page .dataTables_wrapper .dt-processing > div:last-child > div {
background: var(--sidebar-active) !important;
}
/* ---------- layouts/app.blade.php (minimal Laravel shell) ---------- */
body.crm-app-minimal {
font-family: "Segoe UI", sans-serif;
font-size: 14px;
color: var(--text-dark);
background-color: var(--page-bg);
}
body.crm-app-minimal .navbar-laravel {
background: var(--header-bg) !important;
border-bottom: 1px solid var(--border);
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06);
}
body.crm-app-minimal .navbar-light .navbar-brand,
body.crm-app-minimal .navbar-light .nav-link {
color: var(--navy) !important;
}
/* ---------- Staff login (layouts/crm-login) ---------- */
body.crm-login-page .card.card-primary > .card-header {
background: linear-gradient(135deg, var(--navy) 0%, var(--sidebar-active) 100%) !important;
border: none !important;
}
body.crm-login-page .card.card-primary > .card-header h4 {
color: #fff !important;
}
body.crm-login-page .card.card-primary .btn-primary {
background: var(--navy) !important;
border-color: var(--navy) !important;
}
/* ---------- crm/documents/index (Tailwind + Vite) — align shell to theme.md ---------- */
body.crm-esign-documents {
background-color: var(--page-bg) !important;
color: var(--text-dark);
}
body.crm-esign-documents .min-h-screen > .max-w-6xl > div:first-child h1 {
color: var(--navy) !important;
}
/* ---------- Laravel / Bootstrap pagination (docs/theme.md — outline + primary buttons) ----------
Default BS/Laravel views set --bs-pagination-active-* to app blue (#3490dc); reset to theme tokens. */
body.sidebar-mini .listing-container .pagination,
body.sidebar-mini #appointments-pagination .pagination {
--bs-pagination-color: var(--navy);
--bs-pagination-bg: var(--card-bg);
--bs-pagination-border-color: var(--border);
--bs-pagination-hover-color: var(--navy);
--bs-pagination-hover-bg: var(--sidebar-bg);
--bs-pagination-hover-border-color: var(--border);
--bs-pagination-focus-color: var(--navy);
--bs-pagination-focus-bg: var(--sidebar-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(58, 111, 168, 0.2);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: var(--navy);
--bs-pagination-active-border-color: var(--navy);
--bs-pagination-disabled-color: var(--text-muted);
--bs-pagination-disabled-bg: var(--page-bg);
--bs-pagination-disabled-border-color: var(--border);
}
body.sidebar-mini .listing-container .pagination .page-link,
body.sidebar-mini #appointments-pagination .pagination .page-link {
box-shadow: none;
}
body.sidebar-mini .listing-container .pagination .page-item.active .page-link,
body.sidebar-mini #appointments-pagination .pagination .page-item.active .page-link {
box-shadow: 0 1px 4px rgba(30, 61, 96, 0.06);
}
body.sidebar-mini .listing-container .pagination .page-item.active .page-link:hover,
body.sidebar-mini .listing-container .pagination .page-item.active .page-link:focus,
body.sidebar-mini #appointments-pagination .pagination .page-item.active .page-link:hover,
body.sidebar-mini #appointments-pagination .pagination .page-item.active .page-link:focus {
background-color: var(--sidebar-active) !important;
border-color: var(--sidebar-active) !important;
color: #fff !important;
}