/* Bootstrap Theme Override Template */

/* Buttons - Enhanced specificity */
.btn.btn-primary,
.btn-primary.btn-primary,
.btn-primary:visited {
    background-color: #006c88 !important;
    background-image: none !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn.btn-primary:hover,
.btn-primary.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #006c88 !important;
    background-image: none !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.btn.btn-success,
.btn-success.btn-success {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn.btn-success:hover,
.btn-success.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.btn.btn-info,
.btn-info.btn-info {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: none !important;
}

.btn.btn-info:hover,
.btn-info.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    filter: brightness(0.9) !important;
}

.btn.btn-link {
    color: #006c88 !important;
}

.btn.btn-link:hover, .btn-link:focus {
    color: #24a8b4 !important;
}

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

/* Panels */
.panel-primary > .panel-heading {
    background-color: #006c88 !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
}

.panel-primary {
    border-color: #006c88 !important;
}

.panel-info > .panel-heading {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
}

.panel-info {
    border-color: #24a8b4 !important;
}

/* Bootstrap Callouts */

/* Navigation */
.navbar.header, .navbar-default {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    font-size: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.navbar-default .navbar-nav > li > a.dropdown-toggle {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle {
    color: #ffffff !important;
}

.navbar-default .navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-toggle,
a.dropdown-toggle {
    color: #ffffff !important;
}

/* Cabinet sidebar menu links */
.sidebar-offcanvas .list-group-item {
    color: #666 !important;
}

.sidebar-offcanvas .list-group-item:hover,
.sidebar-offcanvas .list-group-item:focus {
    color: #666 !important;
}

.sidebar-offcanvas .list-group-item.active {
    color: #fff !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(0,108,136, 0.1) !important;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a.dropdown-toggle:hover,
.navbar-default .navbar-nav > li > a.dropdown-toggle:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.navbar-nav > li.dropdown:hover > a,
.navbar-nav > li.dropdown > a:hover,
.navbar-nav > li.dropdown > a:focus,
.navbar-nav > li.dropdown.open > a,
.navbar-nav > li.dropdown.open > a:hover,
.navbar-nav > li.dropdown.open > a:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.navbar-default .navbar-nav > li.dropdown:hover > a,
.navbar-default .navbar-nav > li.dropdown > a:hover,
.navbar-default .navbar-nav > li.dropdown > a:focus,
.navbar-default .navbar-nav > li.dropdown.open > a,
.navbar-default .navbar-nav > li.dropdown.open > a:hover,
.navbar-default .navbar-nav > li.dropdown.open > a:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

/* Nav Pills */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

.nav-pills > li > a,
.nav-pills .nav-link {
    color: #006c88 !important;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    background-color: rgba(36,168,180, 0.1) !important;
    color: #24a8b4 !important;
}

.nav.nav-pills {
    justify-content: flex-end;
}

/* List Groups */
.list-group-item.active {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
}

/* Badges */
.badge-primary, .badge {
    background-color: #006c88 !important;
    color: #ffffff !important;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Labels */
.label-primary,
.label.label-primary {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.label-info,
.label.label-info {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

.label-success,
.label.label-success {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

/* Text Colors */
.text-primary {
    color: #006c88 !important;
}

.text-info {
    color: #24a8b4 !important;
}

.text-success {
    color: #24a8b4 !important;
}

/* Links */
a {
    color: #006c88 !important;
}

a:hover, a:focus {
    color: #24a8b4 !important;
}

/* Progress Bars */
.progress-bar-primary {
    background-color: #006c88 !important;
}

.progress-bar-info {
    background-color: #24a8b4 !important;
}

/* Alerts */
.alert-info {
    background-color: rgba(36,168,180, 0.1) !important;
    border-color: #24a8b4 !important;
    color: #24a8b4 !important;
}

/* Forms */
.form-control:focus {
    border-color: #006c88 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,108,136, 0.6) !important;
}

.form-control.form-control:focus {
    border-color: #006c88 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,108,136, 0.6) !important;
}

/* Tables */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(36,168,180, 0.05) !important;
}

/* Dropdowns */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #006c88 !important;
    color: #ffffff !important;
}

.dropdown-toggle.btn-primary.open,
.dropdown-toggle.btn-primary:active,
.dropdown-toggle.btn-primary[aria-expanded="true"] {
    background-color: #006c88 !important;
    background-image: none !important;
    border-color: #006c88 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.dropdown-toggle.btn-success.open,
.dropdown-toggle.btn-success:active,
.dropdown-toggle.btn-success[aria-expanded="true"] {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.dropdown-toggle.btn-info.open,
.dropdown-toggle.btn-info:active,
.dropdown-toggle.btn-info[aria-expanded="true"] {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    filter: brightness(0.9) !important;
}

/* Cabinet specific colors */

/* Status indicators */
.status-questions {
    color: #24a8b4 !important;
}

.status-answers {
    color: #006c88 !important;
}

.status-alert {
    color: #E74C3C !important;
}

/* Form backgrounds */
.form-bg {
    background-color: #e5e8eb !important;
}

/* Message styles */
.message-highlight {
    background-color: rgba(36,168,180, 0.1) !important;
    border-right: 20px solid rgba(36,168,180, 0.1) !important;
}

/* Theme color classes */
.theme-main-color {
    color: #24a8b4 !important;
}

.theme-main-bg {
    background-color: #24a8b4 !important;
}

.theme-accent-color {
    color: #006c88 !important;
}

.theme-accent-bg {
    background-color: #006c88 !important;
}

.theme-links-color {
    color: #006c88 !important;
}

.theme-border-main {
    border-color: #24a8b4 !important;
}

.theme-border-accent {
    border-color: #006c88 !important;
}

.theme-stroke-main {
    stroke: #24a8b4 !important;
}

.theme-stroke-accent {
    stroke: #006c88 !important;
}

.theme-fill-main {
    fill: #24a8b4 !important;
}

.theme-fill-accent {
    fill: #006c88 !important;
}

/* Login page specific */
/*#loginPage::before {*/
/*    background: linear-gradient(135deg, rgba(36,168,180, 0.5) 0%, rgba(36,168,180, 0.25) 100%) !important;*/
/*}*/

.login-button,
button.login-button {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
}

.login-button:hover,
.login-button:focus,
button.login-button:hover,
button.login-button:focus {
    background-color: #24a8b4 !important;
    background-image: none !important;
    border-color: #24a8b4 !important;
    color: #ffffff !important;
    filter: brightness(0.9) !important;
}

.form-input:focus,
input.form-input:focus {
    border-color: #24a8b4 !important;
    box-shadow: 0 0 0 4px rgba(36,168,180, 0.1), 0 4px 12px rgba(36,168,180, 0.15) !important;
}

.password-toggle {
    color: #24a8b4 !important;
}

.password-toggle:hover {
    color: #006c88 !important;
}

.forgot-password,
.about-service {
    color: #006c88 !important;
}

.forgot-password:hover,
.about-service:hover {
    color: #24a8b4 !important;
}

.alt-recovery-link {
    color: #006c88 !important;
}

.alt-recovery-link:hover {
    color: #24a8b4 !important;
}

.login-card {
    box-shadow: 0 20px 60px rgba(36,168,180, 0.2), 0 0 0 1px rgba(36,168,180, 0.1) !important;
    border: 2px solid #24a8b4 !important;
}

.language-dropdown:hover,
.language-dropdown:focus {
    border-color: #24a8b4 !important;
}

.checkbox-input:checked + .checkbox-custom {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.password-toggle.active .eye-icon {
    color: #24a8b4 !important;
}

#rolePage {
    background-color: #24a8b4 !important;
}

#loginPage, #loadingPage {
    background-color: #24a8b4 !important;
}

#loginPage .form-signin-heading {
    color: #24a8b4 !important;
}
/* Agents Common Styles */
.agent-container #app {
    font-family: Roboto, 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}

.agent-container .container {
    max-width: 95%;
}

.agent-container h1, .agent-container h2 {
    font-weight: normal;
}

.agent-container .card-title {
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
}

.agent-container h6.card-title {
    margin-bottom: 1.5rem;
}

.agent-container a {
    color: #006c88;
    font-weight: bold;
}

.agent-container body {
    background-color: #fcfcfc;
    font-family: Roboto;
}

.agent-container .btn-default {
    background-color: #f1f1f1;
}

.agent-container .card {
    background-size: 13%;
}

@media screen and (max-width: 900px) {
    .agent-container .slim-container {
        max-width: 100% !important;
    }
}

.agent-container .col, .agent-container .col-1, .agent-container .col-10, .agent-container .col-11, .agent-container .col-12, .agent-container .col-2, .agent-container .col-3, .agent-container .col-4, .agent-container .col-5, .agent-container .col-6, .agent-container .col-7, .agent-container .col-8, .agent-container .col-9, .agent-container .col-auto, .agent-container .col-lg, .agent-container .col-lg-1, .agent-container .col-lg-10, .agent-container .col-lg-11, .agent-container .col-lg-12, .agent-container .col-lg-2, .agent-container .col-lg-3, .agent-container .col-lg-4, .agent-container .col-lg-5, .agent-container .col-lg-6, .agent-container .col-lg-7, .agent-container .col-lg-8, .agent-container .col-lg-9, .agent-container .col-lg-auto, .agent-container .col-md, .agent-container .col-md-1, .agent-container .col-md-10, .agent-container .col-md-11, .agent-container .col-md-12, .agent-container .col-md-2, .agent-container .col-md-3, .agent-container .col-md-4, .agent-container .col-md-5, .agent-container .col-md-6, .agent-container .col-md-7, .agent-container .col-md-8, .agent-container .col-md-9, .agent-container .col-md-auto, .agent-container .col-sm, .agent-container .col-sm-1, .agent-container .col-sm-10, .agent-container .col-sm-11, .agent-container .col-sm-12, .agent-container .col-sm-2, .agent-container .col-sm-3, .agent-container .col-sm-4, .agent-container .col-sm-5, .agent-container .col-sm-6, .agent-container .col-sm-7, .agent-container .col-sm-8, .agent-container .col-sm-9, .agent-container .col-sm-auto, .agent-container .col-xl, .agent-container .col-xl-1, .agent-container .col-xl-10, .agent-container .col-xl-11, .agent-container .col-xl-12, .agent-container .col-xl-2, .agent-container .col-xl-3, .agent-container .col-xl-4, .agent-container .col-xl-5, .agent-container .col-xl-6, .agent-container .col-xl-7, .agent-container .col-xl-8, .agent-container .col-xl-9, .agent-container .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

.agent-container .card {
    border-color: rgba(0,108,136, 0.3);
}

.agent-container strong {
    font-weight: 500;
}

.agent-container .col-md-4 strong {
    font-weight: 400;
}

.agent-container .container {
    max-width: 90%;
}

/* Outline кнопки */
.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary:focus {
    border-color: #006c88;
    color: #006c88;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #006c88;
    color: #ffffff !important;
}

.btn-outline-success, .btn-outline-success:active, .btn-outline-success:hover, .btn-outline-success:focus {
    border-color: #24a8b4;
    color: #24a8b4;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
    background-color: #24a8b4;
    color: #ffffff !important;
}

.btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger:hover, .btn-outline-danger:focus {
    border-color: #ff5763;
    color: #ff5763;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active {
    background-color: #ff5763;
    color: white !important;
}

.btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active {
    background-color: #ffc107;
    color: #212529 !important;
}

.btn-outline-info {
    border-color: #24a8b4;
    color: #24a8b4;
}

.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active {
    background-color: #24a8b4;
    color: #ffffff !important;
}

.btn-outline-secondary {
    border-color: #6c757d;
    color: #6c757d;
}

.btn-outline-secondary:hover, 
.btn-outline-secondary:focus, 
.btn-outline-secondary:active,
.btn-outline-secondary.active {
    background-color: #e9ecef;
    border-color: #6c757d;
    color: #6c757d !important;
}

/* Override for cabinet style */
.modal .btn-outline-secondary:hover,
.modal .btn-outline-secondary:focus,
.modal .btn-outline-secondary:active {
    background-color: #e5e7eb !important;
    border-color: #9ca3af !important;
    color: #374151 !important;
}

/* Дополнительные кнопки */
.btn-warning, .btn-warning:active, .btn-warning:hover, .btn-warning:focus {
    border-color: #ffc107;
    background-color: #ffc107;
    color: #212529 !important;
}

.btn-info, .btn-info:active, .btn-info:hover, .btn-info:focus {
    border-color: #24a8b4;
    background-color: #24a8b4;
    color: #ffffff !important;
}

.btn-secondary, .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus {
    border-color: #6c757d;
    background-color: #6c757d;
    color: white !important;
}

.btn-dark, .btn-dark:active, .btn-dark:hover, .btn-dark:focus {
    border-color: #2c3e50;
    background-color: #2c3e50;
    color: white !important;
}

.btn-light, .btn-light:active, .btn-light:hover, .btn-light:focus {
    border-color: #f8f9fa;
    background-color: #f8f9fa;
    color: #2c3e50 !important;
}

/* Алерты */
.alert-primary {
    color: #006c88;
    background-color: rgba(0,108,136, 0.1);
    border-color: rgba(0,108,136, 0.3);
}

.alert-success {
    color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
    border-color: rgba(36,168,180, 0.3);
}

.alert-danger {
    color: #cc4550;
    background-color: #ffeff0;
    border-color: #ffcdd0;
}

.alert-warning {
    color: #cc9a06;
    background-color: #fff8e1;
    border-color: #ffecb3;
}

.alert-info {
    color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
    border-color: rgba(36,168,180, 0.3);
}

.alert-outline {
    border-radius: 0 5px 5px 0;
    border-width: 0;
    border-left: 3px solid;
    padding: 5px 15px;
    margin-bottom: 10px;
    margin-top: 10px
}

.alert-danger-outline {
    color: #b60909;
    border-color: #dc0909;
    background-color: #f5535310
}

.alert-success-outline {
    color: #24a8b4;
    border-color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
}

.alert-warning-outline {
    color: #ab8400;
    border-color: #ffc107;
    background-color: #ffc10710
}

.alert-info-outline {
    color: #006c88;
    border-color: #24a8b4;
    background-color: rgba(36,168,180, 0.1);
}

.alert-secondary-outline {
    color: #7d7d7d;
    border-color: #7d7d7d;
    background-color: #7d7d7d10
}

/* Прогресс-бары */
.progress-bar {
    background-color: #006c88;
}

.progress-bar-success {
    background-color: #24a8b4;
}

.progress-bar-danger {
    background-color: #ff5763;
}

.progress-bar-warning {
    background-color: #ffc107;
}

.progress-bar-info {
    background-color: #24a8b4;
}

/* Значки (badges) */
.badge-primary {
    background-color: #006c88;
    color: #ffffff !important;
}

.badge-success {
    background-color: #24a8b4;
    color: #ffffff !important;
}

.badge-danger {
    background-color: #ff5763;
    color: white !important;
}

.badge-warning {
    background-color: #ffc107;
    color: #212529 !important;
}

.badge-info {
    background-color: #24a8b4;
    color: #ffffff !important;
}

.badge-secondary {
    background-color: #6c757d;
    color: white !important;
}

.badge-dark {
    background-color: #2c3e50;
    color: white !important;
}

.badge-light {
    background-color: #f8f9fa;
    color: #2c3e50 !important;
}

/* Ссылки в цветовой схеме */
.text-primary {
    color: #006c88 !important;
}

.text-success {
    color: #24a8b4 !important;
}

.text-danger {
    color: #ff5763 !important;
}

/* Границы */
.border-primary {
    border-color: #006c88 !important;
}

.border-success {
    border-color: #24a8b4 !important;
}

.border-danger {
    border-color: #ff5763 !important;
}

/* Фоны */
.bg-primary {
    background-color: #006c88 !important;
}

.bg-success {
    background-color: #24a8b4 !important;
}

.bg-danger {
    background-color: #ff5763 !important;
}

/* Пагинация */
.page-link {
    color: #006c88;
}

.page-link:hover {
    color: #006c88;
    background-color: rgba(0,108,136, 0.1);
    border-color: rgba(0,108,136, 0.3);
}

.page-item.active .page-link {
    background-color: #006c88;
    border-color: #006c88;
}

/* Навигация */
.nav-pills .nav-link.active {
    background-color: #006c88;
}

.nav-tabs .nav-link.active {
    border-color: #006c88 #006c88 #fff;
    color: #006c88;
}

/* Modern Cabinet Layout Styles */

/* Navbar Styles */
.modern-navbar {
    background: white;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px 0;
}

.modern-navbar .nav-link:hover {
    color: #24a8b4 !important;
    background: rgba(36,168,180, 0.1) !important;
}

/* User Avatar */
.user-avatar {
    background: linear-gradient(135deg, #24a8b4 0%, #006c88 100%) !important;
}

/* Modern Dropdown */
.modern-dropdown .dropdown-item:hover {
    color: #24a8b4 !important;
}

/* Modern Sidebar */
.sidebar-item:hover {
    color: #24a8b4 !important;
}

.sidebar-item.active {
    background: linear-gradient(135deg, rgba(36,168,180, 0.1) 0%, rgba(36,168,180, 0.15) 100%) !important;
    color: #24a8b4 !important;
}

.sidebar-subitem:hover {
    color: #24a8b4 !important;
}

.sidebar-subitem.active {
    background: rgba(36,168,180, 0.1) !important;
    color: #24a8b4 !important;
}

/* Footer */
.footer-link:hover {
    color: #24a8b4 !important;
}

/* Cabinet Buttons */
.cabinet-btn-primary {
    background: linear-gradient(135deg, #24a8b4 0%, #006c88 100%) !important;
border: none !important;
color: #ffffff !important;
}

.cabinet-btn-primary:hover {
    background: linear-gradient(135deg, #006c88 0%, #24a8b4 100%) !important;
color: #ffffff !important;
}

.cabinet-btn-secondary {
    color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.cabinet-btn-secondary:hover {
    background: #24a8b4 !important;
    color: white !important;
}

/* Cabinet Forms */
.cabinet-form .form-control:focus,
.cabinet-form input:focus,
.cabinet-form select:focus,
.cabinet-form textarea:focus {
    border-color: #24a8b4 !important;
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(36,168,180, 0.1) !important;
}

.cabinet-form .form-control.error:focus,
.cabinet-form input.error:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Cabinet Checkboxes */
.cabinet-checkbox-input:checked + .cabinet-checkbox-custom {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

/* Cabinet Navigation */
.cabinet-nav .nav-link:hover,
.cabinet-nav .nav-link.active {
    color: #24a8b4 !important;
    background: rgba(36,168,180, 0.1) !important;
}

/* Nav pills */
.nav-pills .nav-link.active {
    background-color: #24a8b4 !important;
    color: #ffffff !important;
}

/* Input Group Buttons */
.input-group .btn:hover {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    color: white !important;
}

/* Cabinet Card Shadow */
.cabinet-card {
    box-shadow: 0 4px 20px rgba(36,168,180, 0.08) !important;
}

.cabinet-card:hover {
    box-shadow: 0 8px 30px rgba(36,168,180, 0.12) !important;
}
По
/* Compact Tables */
.table {
    font-size: 0.9rem;
    border-radius: 8px;
    overflow: hidden;
}

.table td,
.table th {
    padding: 0.5rem 0.4rem;
}

.table-sm td,
.table-sm th {
    padding: 0.35rem;
}


/* Card rounded corners fix */
.card.rounded-2 {
    overflow: hidden;
}

/* Chat interface styles */
.chat-container {
    background: #f8f9fa;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e9ecef;
}

.chat-header {
    background: linear-gradient(135deg, #24a8b4 0%, #006c88 100%);
    color: #ffffff;
    padding: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: sticky;
    top: 0;
    z-index: 10;
}

.chat-messages {
    background: #f8f9fa;
    padding: 1rem;
    max-height: 70vh;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.chat-messages::-webkit-scrollbar {
    width: 6px;
}

.chat-messages::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.chat-messages::-webkit-scrollbar-thumb {
    background: #24a8b4;
    border-radius: 3px;
    opacity: 0.7;
}

.chat-messages::-webkit-scrollbar-thumb:hover {
    background: #006c88;
}

.message-bubble {
    max-width: 70%;
    margin-bottom: 1rem;
}

.message-from-patient {
    margin-left: auto;
    margin-right: 0;
}

.message-from-patient .message-content {
    background: linear-gradient(135deg, #006c88 0%, #24a8b4 100%);
    color: #ffffff;
    border-radius: 18px 18px 4px 18px;
    padding: 12px 16px;
    box-shadow: 0 2px 12px rgba(0,108,136, 0.25);
}

.message-from-doctor {
    margin-left: 0;
    margin-right: auto;
}

.message-from-doctor .message-content {
    background: white;
    color: #333;
    border-radius: 18px 18px 18px 4px;
    padding: 12px 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.message-from-agent {
    margin-left: 0;
    margin-right: auto;
}

.message-from-agent .message-content {
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
    color: #e65100;
    border-radius: 18px 18px 18px 4px;
    padding: 12px 16px;
    box-shadow: 0 2px 12px rgba(255, 152, 0, 0.15);
    border-left: 3px solid #ff9800;
}

.message-deleted .message-content {
    opacity: 0.6;
    background: #f5f5f5 !important;
    color: #999 !important;
    border: 2px dashed #ccc !important;
    text-decoration: line-through;
}

.message-meta {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.8;
}

.message-from-patient .message-meta {
    justify-content: flex-end;
}

.message-author {
    font-weight: 600;
    font-size: 0.8rem;
}

.message-time {
    font-size: 0.75rem;
    opacity: 0.8;
}

.date-separator {
    text-align: center;
    margin: 2rem 0 1rem 0;
    position: relative;
}

.date-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #dee2e6, transparent);
}

.date-separator span {
    background: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
    position: relative;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.chat-search {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    border: 1px solid #e9ecef;
}

.search-input-group {
    position: relative;
}

.search-input-group .form-control {
    padding-left: 2.5rem;
    border-radius: 25px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.search-input-group .form-control:focus {
    border-color: #24a8b4;
    box-shadow: 0 0 0 3px rgba(36,168,180, 0.1);
}

.search-input-group .search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    z-index: 5;
}

.attachment-item {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    padding: 6px 10px;
    margin: 4px 4px 0 0;
    font-size: 0.8rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    border: 1px solid rgba(255,255,255,0.1);
}

.attachment-item:hover {
    background: rgba(255,255,255,0.3);
    color: inherit;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.message-from-patient .attachment-item {
    background: rgba(255,255,255,0.2);
    color: #ffffff;
    border-color: rgba(255,255,255,0.2);
}

.message-from-doctor .attachment-item,
.message-from-agent .attachment-item {
    background: rgba(36,168,180, 0.1);
    color: #24a8b4;
    border-color: rgba(36,168,180, 0.2);
}

.agent-badge {
    background: linear-gradient(135deg, #ff9800, #f57c00);
    color: white;
    font-size: 0.7rem;
    padding: 3px 8px;
    border-radius: 12px;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(255, 152, 0, 0.3);
}

.chat-stats {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.85rem;
    opacity: 0.9;
}

.chat-stats .stat-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.empty-state {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-state .empty-icon {
    font-size: 3rem;
    opacity: 0.3;
    margin-bottom: 1rem;
    color: #24a8b4;
}

.message-highlight {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7) !important;
    border-left-color: #ffc107 !important;
    animation: highlight 0.5s ease-in-out;
}

@keyframes highlight {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

.search-results-info {
    background: rgba(36,168,180, 0.1);
    color: #24a8b4;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(36,168,180, 0.2);
}

@media (max-width: 768px) {
    .message-bubble {
        max-width: 85%;
    }
    .chat-messages {
        padding: 0.75rem;
        max-height: 60vh;
    }
    .chat-search {
        padding: 1rem;
    }
    .chat-stats {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
}
/* Modal forms alignment */
.modal-dialog .modal-content {
    text-align: left;
}

.modal-dialog .modal-body {
    text-align: left;
}

.modal-dialog .modal-header {
    text-align: left;
}

.modal-dialog .modal-footer {
    text-align: left;
}

/* Modal form buttons alignment */
.modal-dialog .d-flex.gap-2.pt-3.border-top {
    justify-content: flex-end;
}
/* Apply page card styles */
.p-4.bg-white.rounded-2.mb-4.border.shadow-sm.selected {
    border-color: #24a8b4 !important;
    background-color: rgba(36,168,180, 0.05) !important;
}
/* Apply page button styles */
.btn-success {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.btn-success:hover {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    opacity: 0.9;
}

.btn-primary {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
}

.btn-primary:hover {
    background-color: #24a8b4 !important;
    border-color: #24a8b4 !important;
    opacity: 0.9;
}
/* Apply form improvements - simplified */
.screen {
    padding: 1rem 0;
}

.screen .form-control-lg, .screen .form-select {
    border-radius: 8px;
    border: 2px solid #dee2e6;
    padding: 16px;
    font-size: 1.1rem;
}

.screen .form-control-lg:focus, .screen .form-select:focus {
    border-color: #24a8b4;
    box-shadow: 0 0 0 0.2rem rgba(36,168,180, 0.25);
}

.screen textarea.form-control-lg {
    resize: vertical;
    min-height: 120px;
}

.screen .text-center input {
    letter-spacing: 0.5em;
    font-weight: bold;
}

.screen .alert-info {
    background-color: rgba(36,168,180, 0.1);
    color: #24a8b4;
    border: none;
    border-radius: 8px;
}

.screen .alert-success {
    background-color: rgba(40, 167, 69, 0.1);
    color: #28a745;
    border: none;
    border-radius: 8px;
}

.screen .btn-lg {
    padding: 12px 24px;
    font-size: 1.1rem;
    border-radius: 8px;
}

.screen .btn-outline-secondary {
    border: 2px solid #6c757d;
}

.screen input[type="file"] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 20px;
    background-color: #f8f9fa;
}