/*
 * No Rest 24 Cleaning Service - Application Theme Overrides
 * Version: 1.1.0
 * Description: Overrides default application styles to match the NoRest24 theme.
 * Slate Grey: #4a4a4a
 * Taxicab Yellow: #ffd700
 * Light Yellow Background: #fffef0
 * Dark Text: #333333
 * Light Grey: #f5f5f5
 * Medium Grey Border: #cccccc
 * Darker Grey: #333333
 */

/* === General Body & Content Background === */
body,
.wrapper {
    background-color: #fffef0; /* Light Yellow */
    color: #333333; /* Dark Text */
}
.main__content { /* Keep main content area slightly distinct if needed, or match body */
    background-color: #fffef0; /* Light Yellow */
}


/* === Main Menu / Sidebar === */
.main-menu {
    background-color: #4a4a4a; /* Slate Grey */
    color: rgba(255, 215, 0, 0.7); /* Taxicab Yellow at 70% opacity */
}

/* Menu items text */
.main-menu a,
.listitem__caption,
.submenu__listitem a {
    color: rgba(255, 215, 0, 0.8) !important; /* Taxicab Yellow slightly less transparent */
}

/* Menu item icons */
.listitem__icon .icon {
    fill: rgba(255, 215, 0, 0.8) !important; /* Taxicab Yellow */
}

/* Hover/Active/Current states */
.navbar__list li:hover,
.navbar__list li.is-active,
.navbar__list li.submenu-is-opened {
    background-color: rgba(255, 255, 255, 0.1); /* Lighter grey overlay */
}

.navbar__list li.current {
    background-color: rgba(0, 0, 0, 0.3) !important; /* Darker overlay for current */
}

.listitem:hover > .listitem__icon,
.navbar__list li.is-active .listitem__icon,
.navbar__list li.submenu-is-opened .listitem__icon,
.navbar__list li.current .listitem__icon {
    color: #ffd700 !important; /* Full Taxicab Yellow */
    fill: #ffd700 !important; /* Full Taxicab Yellow */
}
.navbar__list li:hover > .listitem__menu > .listitem__caption,
.navbar__list li.is-active > .listitem__menu > .listitem__caption,
.navbar__list li.submenu-is-opened > .listitem__menu > .listitem__caption,
.navbar__list li.current > .listitem__menu > .listitem__caption,
.navbar__list li:hover .submenu__listitem a,
.navbar__list li.is-active .submenu__listitem a,
.navbar__list li.submenu-is-opened .submenu__listitem a,
.navbar__list li.current .submenu__listitem a {
    color: #ffd700 !important; /* Full Taxicab Yellow */
}

/* Current submenu item indicator */
.navbar__list li .submenu__list .submenu__listitem.current::before {
    background: #ffd700; /* Taxicab Yellow */
}


/* === Header === */
/* Assuming the header bar itself might be white or light by default */
.header {
     /* Keep default background, likely light */
     border-bottom-color: #cccccc; /* Medium Grey Border */
}

/* Header Icons (Search, Mail, Notifications) */
.header .icon {
    fill: #4a4a4a; /* Slate Grey */
}
.header button:hover .icon,
.header a:hover .icon {
    fill: #333333; /* Darker Grey */
}
.header .profile__item.active .icon { /* Icon when dropdown is open */
     fill: #333333;
}


/* Profile Dropdown in Header */
.header .profile__user {
    color: #333333; /* Dark Text */
}
.header .profile__user:hover,
.header .profile__user.active {
    background-color: #f5f5f5; /* Light Grey */
}
.header .user__name p span {
    color: #4a4a4a; /* Slate Grey */
}
.header .user__name p .icon-chevron-down {
    fill: #4a4a4a; /* Slate Grey */
}

.header .profile__user.active .user__name p span,
.header .profile__user.active .icon-chevron-down {
    color: #333333; /* Dark Text */
    fill: #333333; /* Dark Text */
}
.header .user__ava { /* User initial circle */
    background-color: #4a4a4a; /* Slate Grey */
    color: #ffd700; /* Taxicab Yellow */
}
.header .profile__user.active .user__ava {
     background-color: #333333; /* Darker Grey */
     color: #ffd700;
}

/* Header Badge */
.badge {
    background-color: #4a4a4a; /* Slate Grey */
    color: #ffd700; /* Taxicab Yellow */
}


/* === Buttons === */
.btn-full {
    background-color: #4a4a4a; /* Slate Grey */
    border-color: #333333; /* Darker Grey */
    color: #ffd700; /* Taxicab Yellow */
}
.btn-full:hover {
    background-color: #333333; /* Darker Grey */
    border-color: #1a1a1a; /* Even Darker Grey */
    color: #ffd700; /* Taxicab Yellow */
}

.btn-border,
.btn.cancel {
    color: #4a4a4a; /* Slate Grey */
    border-color: #4a4a4a; /* Slate Grey */
    background-color: #ffffff; /* White background */
}
.btn-border:hover,
.btn.cancel:hover {
    background-color: #4a4a4a; /* Slate Grey */
    border-color: #333333; /* Darker Grey */
    color: #ffd700; /* Taxicab Yellow */
    fill: #ffd700; /* Taxicab Yellow for icons */
}

.btn-transparent { /* Assuming this is another outline style */
    color: #4a4a4a; /* Slate Grey */
    border-color: #cccccc; /* Medium Grey Border */
    background-color: #fff;
}
.btn-transparent:hover {
    background-color: #f5f5f5; /* Light Grey */
    border-color: #aaaaaa; /* Darker grey border */
    color: #333333; /* Darker Grey */
}

.btn--blue-border {
    color: #4a4a4a; /* Slate Grey */
    border-color: #4a4a4a; /* Slate Grey */
    background-color: #fff;
}
.btn--blue-border:hover {
    background-color: #4a4a4a !important; /* Slate Grey */
    border-color: #333333; /* Darker Grey */
    color: #ffd700; /* Taxicab Yellow */
}


/* === Links === */
a,
.link,
.main-menu a, /* Ensure menu links are covered */
.dropdown a, /* Ensure dropdown links are covered */
.params--bar a,
.pagination a,
.block--uploads a,
.note__attachments a,
.breadcrumbs__inner a,
.topics__list a,
.kb--folder a,
.main__content.team .table-wrap tbody a,
.main__content.knowledge.category .table-wrap tbody a,
.main__content.search .article__list li .article__list_title a,
.tooltype .tooltype__content a,
.btn-link { /* Treat btn-link like other links */
    color: #4a4a4a; /* Slate Grey */
}
a:hover,
.link:hover,
.main-menu a:hover,
.dropdown a:hover,
.params--bar a:hover,
.pagination a:hover,
.block--uploads a:hover,
.note__attachments a:hover,
.breadcrumbs__inner a:hover,
.topics__list a:hover,
.kb--folder a:hover,
.main__content.team .table-wrap tbody a:hover,
.main__content.knowledge.category .table-wrap tbody a:hover,
.main__content.search .article__list li .article__list_title a:hover,
.tooltype .tooltype__content a:hover,
.btn-link:hover {
    color: #333333; /* Darker Grey */
}
/* Specific link colors that might override */
.ticket__params .params--block .row .title,
.main__content.profile .profile__info .profile__info_list .info--mail a,
.main__content.reports .reports__range .reports__range_form .radio-custom a {
    color: #4a4a4a; /* Slate Grey */
}
.ticket__params .params--block .row .title:hover,
.main__content.profile .profile__info .profile__info_list .info--mail a:hover,
.main__content.reports .reports__range .reports__range_form .radio-custom a:hover {
    color: #333333; /* Darker Grey */
}
.form-footer .link { /* Customer area footer link */
    color: #4a4a4a;
}
.form-footer .link:hover {
    color: #333333;
}


/* === Forms & Inputs (Selectize, Dropdowns) === */
.form input.form-control,
.form textarea.form-control,
.form select.form-control, /* Added select */
.selectize-input {
    border-color: #cccccc; /* Medium Grey Border */
    background-color: #ffffff; /* White background */
    color: #333333; /* Dark Text */
}
.form input.form-control:hover,
.form textarea.form-control:hover,
.form select.form-control:hover,
.selectize-input:hover {
    border-color: #aaaaaa; /* Slightly darker grey */
}
.form input.form-control:focus,
.form textarea.form-control:focus,
.form select.form-control:focus,
.selectize-input.focus,
.selectize-input.input-active {
    border-color: #4a4a4a !important; /* Slate Grey */
    box-shadow: none;
}
.form-group label {
    color: #4a4a4a; /* Slate Grey */
}
/* Dropdowns & Selectize Styling */
.selectize-control .selectize-input,
.dropdown:not(.right) .label,
.dropdown-select:not(.right) .label,
.form-group .dropdown:not(.right) .label,
.form-group .dropdown-select:not(.right) .label,
.dropdown:not(.right) label,
.dropdown-select:not(.right) label,
.form-group .dropdown:not(.right) label,
.form-group .dropdown-select:not(.right) label {
    border-color: #cccccc; /* Medium Grey Border */
    color: #333333; /* Dark Text */
}
.selectize-control.single .selectize-input:after { /* Selectize chevron */
    border-color: #4a4a4a transparent transparent; /* Slate Grey */
}

/* Hover state for dropdowns/selectize */
.selectize-control:not(.read-write) .selectize-input:hover,
.selectize-control.read-write .selectize-input:not(.focus):hover,
.dropdown:not(.right):hover,
.dropdown-select:not(.right):hover {
    background-color: #4a4a4a !important; /* Slate Grey */
    border-color: #333333 !important; /* Darker Grey */
    color: #ffd700 !important; /* Taxicab Yellow */
}

/* Text/Placeholder inside hovered dropdowns/selectize */
.selectize-control .selectize-input:hover ::placeholder,
.dropdown:not(.right):hover label,
.dropdown:not(.right):hover .label,
.dropdown-select:not(.right):hover label,
.dropdown-select:not(.right):hover .label,
.dropdown:not(.right):hover label span,
.dropdown:not(.right):hover .label span,
.dropdown-select:not(.right):hover label span,
.dropdown-select:not(.right):hover .label span {
    color: #ffd700 !important; /* Taxicab Yellow */
}

/* Icons inside hovered dropdowns/selectize */
.selectize-control .selectize-input:hover::after, /* After is the chevron */
.dropdown:not(.right):hover > * > .icon,
.dropdown-select:not(.right):hover > * > .icon {
    filter: none; /* Remove brightness filter */
    opacity: 1 !important;
    fill: #ffd700 !important; /* Taxicab Yellow */
}

/* Dropdown List Items */
.selectize-dropdown .option,
.dropdown .dropdown-list>li,
.dropdown-select .dropdown-list>li {
    color: #333333;
}
.selectize-dropdown .active,
.dropdown .dropdown-list>li:hover,
.dropdown-select .dropdown-list>li:hover {
    background-color: #4a4a4a; /* Slate Grey */
    color: #ffd700 !important; /* Taxicab Yellow */
}
.selectize-dropdown .active.create,
.dropdown .dropdown-list>li:hover a,
.dropdown-select .dropdown-list>li:hover a {
    color: #ffd700 !important; /* Taxicab Yellow */
}
.dropdown .dropdown-list>li:hover svg,
.dropdown-select .dropdown-list>li:hover svg {
    fill: #ffd700 !important; /* Taxicab Yellow */
}
.selectize-control .selectize-dropdown,
.dropdown .dropdown-list, .dropdown-select .dropdown-list {
    border-color: #4a4a4a; /* Slate Grey */
}

/* Checkboxes & Radios */
.checkbox-custom [type='checkbox']:not(:checked)+label,
.radio-custom [type='radio']:not(:checked)+label {
    color: #4a4a4a; /* Slate Grey for unchecked label */
}
.checkbox-custom [type='checkbox']:not(:checked)+label:before,
.checkbox-custom [type='checkbox']:checked+label:before,
.radio-custom [type='radio']:checked+label:before,
.radio-custom [type='radio']:not(:checked)+label:before {
    border-color: #4a4a4a; /* Slate Grey */
}
.checkbox-custom [type='checkbox']:checked+label,
.radio-custom [type='radio']:checked+label {
    color: #333333; /* Dark Text for checked label */
}
.checkbox-custom [type='checkbox']:checked+label:after { /* Checkmark */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath fill='%23333333' fill-rule='evenodd' d='M9.043 0L3.246 5.128 1.623 3.692 0 5.128 3.246 8l7.42-6.564z'/%3E%3C/svg%3E"); /* Dark Grey checkmark */
}
.radio-custom [type='radio']:checked+label:after { /* Radio dot */
    background-color: #4a4a4a; /* Slate Grey */
}

/* === Notifications & Alerts === */
/* Success (Green -> Yellow) */
.notification.green {
    background-color: #fffacd; /* Lighter Yellow (Lemon Chiffon) */
    color: #333333; /* Dark Text */
}
.notification.green::before {
    background-color: #ffd700; /* Taxicab Yellow */
}
.alert.success {
    border-color: #ffd700; /* Taxicab Yellow */
    background-color: #fffacd; /* Lighter Yellow */
    color: #333333; /* Dark Text */
}
.alert.success .icon-warning {
    fill: #ccab00; /* Darker Yellow */
}
.alert.success .alert__title {
    color: #333333; /* Dark Text */
}
.notification-flash.green::before {
    background-color: #ffd700; /* Taxicab Yellow */
}

/* Info/Default (Blue -> Grey) */
.notification.blue {
    background-color: #f5f5f5; /* Light Grey */
    color: #333333;
}
.notification.blue::before {
    background-color: #4a4a4a; /* Slate Grey */
}
.alert { /* Default/Info Alert */
    border-color: #4a4a4a; /* Slate Grey */
    background-color: #f5f5f5; /* Light Grey */
    color: #333333;
}
.alert .icon-warning {
    fill: #4a4a4a; /* Slate Grey */
}
.alert .alert__title {
    color: #333333;
}
.notification-flash.blue::before {
    background-color: #4a4a4a; /* Slate Grey */
}

/* Warning (Orange - Keep orange but maybe adjust background) */
.notification.orange {
    background-color: #fff8dc; /* Cornsilk */
    color: #333333;
}
.notification.orange::before {
    background-color: #eeb707; /* Keep original orange */
}
.alert.warning {
    border-color: #eeb707; /* Keep original orange */
    background-color: #fff8dc; /* Cornsilk */
    color: #333333;
}
.alert.warning .icon-warning {
    fill: #eeb707; /* Keep original orange */
}
.alert.warning .alert__title {
     color: #333333;
}
.notification-flash.orange::before {
    background-color: #eeb707; /* Keep original orange */
}

/* Danger (Red - Keep Red) */
.notification.red {
    background-color: #fff5f5;
    color: #333333;
}
.notification.red::before { background-color: #e64342; }
.alert.danger {
    border-color: #f38b8b;
    background-color: #fdf5f5;
    color: #333333;
}
.alert.danger .icon-warning { fill: #e64342; }
.alert.danger .alert__title { color: #e64342; }
.notification-flash.red::before { background-color: #e64342; }


/* General Notification Bar */
.notification-bar {
    background-color: #4a4a4a; /* Slate Grey */
}
.notification-bar .notification--text {
    color: #ffd700; /* Taxicab Yellow */
}
.notification-bar .btn {
    color: #ffd700; /* Taxicab Yellow */
    border-color: #ffd700; /* Taxicab Yellow */
}
.notification-bar .close svg {
    fill: #ffd700; /* Taxicab Yellow */
}
/* Keep white distinct */
.notification-bar.white { background-color: #fff; border-color: #cccccc; }
.notification-bar.white .notification--text { color: #333333; }
.notification-bar.white .btn { color: #4a4a4a; border-color: #4a4a4a; }
.notification-bar.white svg { fill: #4a4a4a; }


/* === Tables === */
.table-wrap .table thead {
    background-color: #4a4a4a; /* Slate Grey */
    color: #ffd700; /* Taxicab Yellow */
}
.table-wrap .table thead a,
.table thead .sort {
    color: #ffd700; /* Taxicab Yellow */
}
.table thead th .handle::before,
.table thead th .handle::after {
    border-bottom-color: #ffd700;
    border-top-color: #ffd700;
}
.table-wrap .table tbody tr {
    background-color: #ffffff; /* White */
    border-bottom-color: #dddddd; /* Lighter Grey Border */
}
.table-wrap .table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Very Light Grey */
}
.table-wrap .table tbody tr:hover {
    background-color: #fffacd !important; /* Lighter Yellow on hover */
}
.table-wrap .table tbody td:not(:first-child) {
    border-left-color: #dddddd; /* Lighter Grey Border */
}
/* New/Unread Indicator */
.table-wrap .table tbody tr.new td:first-child::before {
    background-color: #ffd700; /* Taxicab Yellow */
    border-top-color: #dddddd; /* Match row border */
}
/* Ticket status colors in table */
td span.open { color: #e64342 !important; } /* Red */
td span.waitingreply { color: #d66404 !important; } /* Orange */
td span.replied { color: #4a4a4a !important; } /* Slate Grey */
td span.resolved { color: #38bc7d !important; } /* Keep Green for resolved */
td span.inprogress { color: #8c55d4 !important; } /* Keep Purple */
td span.onhold { color: #DC2D89 !important; } /* Keep Pink */


/* === Ticket View Specifics === */
/* Ticket info/replies background */
.ticket__body_block,
.ticket__body_block.response {
    background-color: #ffffff; /* White background for clarity */
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); /* Softer shadow */
}
.ticket__body_block .block--head time {
    color: #4a4a4a; /* Slate Grey */
}
.ticket__body_block .block--description {
    color: #333333; /* Dark Text */
}
.ticket__body_block h1,
.ticket__body_block h2,
.ticket__body_block h3 {
    color: #333333; /* Dark Text */
}
/* Ticket Parameters side panel */
.ticket__params .params--block {
     background-color: #ffffff; /* White background */
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); /* Softer shadow */
}
.ticket__params .params--block h4 { /* Section titles */
    color: #333333; /* Dark Text */
}
.ticket__params .params--block .row .title { /* Field names */
    color: #4a4a4a; /* Slate Grey */
}
.ticket__params .params--block .row {
    border-bottom-color: #eeeeee; /* Very light grey border */
}
/* Priority labels in ticket view */
/* Using the existing SVG approach from app.css, just ensure colors are correct */
/* Assuming Hesk default colors are acceptable here as they provide clear visual distinction */
.dropdown.priority[data-value="low"] span, .dropdown-select.priority[data-value="low"] span, .dropdown.priority[data-value="3"] span, .dropdown-select.priority[data-value="3"] span, .priority3 { background-image: url(../img/label-low.svg); } /* Grey */
.dropdown.priority[data-value="medium"] span, .dropdown-select.priority[data-value="medium"] span, .dropdown.priority[data-value="2"] span, .dropdown-select.priority[data-value="2"] span, .priority2 { background-image: url(../img/label-medium.svg); } /* Green */
.dropdown.priority[data-value="high"] span, .dropdown-select.priority[data-value="high"] span, .dropdown.priority[data-value="1"] span, .dropdown-select.priority[data-value="1"] span, .priority1 { background-image: url(../img/label-high.svg); } /* Yellow/Orange */
.dropdown.priority[data-value="critical"] span, .dropdown-select.priority[data-value="critical"] span, .dropdown.priority[data-value="0"] span, .dropdown-select.priority[data-value="0"] span, .priority0 { background-image: url(../img/label-critical.svg); } /* Red */

/* Time tracking / Canned Responses bar */
.ticket__body_block .block--timer {
    background-color: #4a4a4a; /* Slate Grey */
}
.ticket__body_block .block--timer span,
.ticket__body_block .block--timer b,
.ticket__body_block .block--timer label {
    color: #ffd700 !important; /* Taxicab Yellow */
}
.ticket__body_block .block--timer a svg,
.ticket__body_block .block--timer .radio-custom [type='radio']:not(:checked)+label {
    fill: #ffd700 !important; /* Taxicab Yellow */
    color: #ffd700 !important;
}
.ticket__body_block .block--timer a:hover svg {
    fill: #fff !important; /* White on hover */
}
.ticket__body_block .block--timer .radio-custom [type='radio']:checked+label {
    color: #ffffff !important; /* White for checked label */
}
.ticket__body_block .block--timer .radio-custom [type='radio']:checked+label:before,
.ticket__body_block .block--timer .radio-custom [type='radio']:not(:checked)+label:before {
    background-color: #4a4a4a; /* Match background */
    border-color: #ffd700; /* Yellow border */
}
.ticket__body_block .block--timer .radio-custom [type='radio']:checked+label:after {
    background-color: #ffd700; /* Yellow dot */
}


/* === Knowledgebase / Articles === */
.search__form {
    background-color: #4a4a4a; /* Slate Grey */
}
.search__form .form-group .icon-search {
    fill: #4a4a4a; /* Slate Grey */
}
.icon-in-circle {
    background-color: #f5f5f5; /* Light Grey */
}
.icon-in-circle .icon {
    fill: #4a4a4a; /* Slate Grey */
}
.navlink:hover>.icon-in-circle {
    background-color: #4a4a4a; /* Slate Grey */
}
.navlink:hover>.icon-in-circle .icon {
    fill: #ffd700; /* Taxicab Yellow */
}
.article__heading {
    color: #4a4a4a; /* Slate Grey */
}
.article .block__head { /* KB Article Header */
    background-color: #4a4a4a; /* Slate Grey */
    border-bottom-color: #333333; /* Darker Grey */
    color: #ffd700 !important; /* Taxicab Yellow */
}
.article .block__head h3, /* Ensure h3 inside inherits color */
.article .block__head .h-3 {
    color: #ffd700 !important; /* Taxicab Yellow */
}


/* === Pagination === */
.pagination a {
    color: #4a4a4a; /* Slate Grey */
}
.pagination a:hover {
    background-color: #eeeeee; /* Lighter Grey */
}
.pagination__item.is-current .pagination__link {
    background-color: #cccccc; /* Medium Grey */
    color: #333333; /* Dark Text */
}


/* === Datepicker === */
.datepicker--days-names .datepicker--day-name {
    color: #4a4a4a; /* Slate Grey */
}
.datepicker--cell.-current- {
    color: #e64342; /* Keep red for current day */
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #333333; /* Dark Text */
    background: #ffd700; /* Taxicab Yellow */
}
.datepicker--cell:hover:not(.-selected-) {
    background-color: #4a4a4a; /* Slate Grey */
    color: #ffd700; /* Taxicab Yellow */
}
.datepicker--button {
    color: #4a4a4a; /* Slate Grey */
}
.datepicker--button:hover {
    color: #333333; /* Darker Grey */
    background: #eeeeee; /* Lighter Grey */
}


/* === Miscellaneous UI Elements === */
/* Tabs (e.g., Knowledgebase, Emails) */
.knowledge__head_tabs li,
.emails__head_tabs li {
    color: #4a4a4a; /* Slate Grey */
    border-bottom-color: #fffef0; /* Match background */
}
.knowledge__head_tabs li:not(.current):hover,
.emails__head_tabs li:not(.current):hover {
    background-color: #f5f5f5; /* Light Grey */
}
.knowledge__head_tabs li.current,
.emails__head_tabs li.current {
    border-bottom-color: #4a4a4a; /* Slate Grey */
    color: #333333; /* Dark Text */
    font-weight: 700;
}

/* Step Bar */
.step-bar {
    border-top-color: #cccccc; /* Medium Grey Border */
}
.step-bar li {
    color: #4a4a4a; /* Slate Grey */
}
.step-bar li::before { /* Default step dot */
     background-color: #cccccc; /* Medium Grey */
     border-color: #eeeeee; /* Light Grey */
     color: #333333; /* Dark Text */
}
/* Active step dot */
[data-step="1"] .step-bar li:nth-child(1)::before,
[data-step="2"] .step-bar li:nth-child(2)::before,
[data-step="3"] .step-bar li:nth-child(3)::before,
[data-step="4"] .step-bar li:nth-child(4)::before {
    border-color: #ffd700; /* Taxicab Yellow */
    background-color: #ffd700; /* Taxicab Yellow */
    color: #333333; /* Dark text on yellow */
}
/* Completed step dot */
[data-step="5"] .step-bar li:nth-child(5)::before {
    border-color: #ffd700; /* Taxicab Yellow */
    background-color: #ffd700; /* Taxicab Yellow */
    color: #333333; /* Dark text on yellow */
}

/* Tooltips */
.tooltype .icon-info {
    fill: #4a4a4a; /* Slate Grey */
}
th > .tooltype .icon-info { /* Ensure visibility on dark table header */
    fill: #ffd700; /* Taxicab Yellow */
}
.tooltype:hover .icon-info {
    fill: #333333; /* Darker Grey */
}
th > .tooltype:hover .icon-info {
    fill: #fff; /* White on hover in header */
}