.control-center {
    --cc-orange: #ff600f;
    --cc-orange-soft: #ffefe7;
    --cc-orange-dark:#aa3900;
    --cc-text: #252525;
    --cc-muted: #6c757d;
    --cc-line: #e8e8e8;
    --cc-bg: #f7f7f8;
    --cc-card: #ffffff;
    --cc-danger: #ef0101;
    --cc-success: #18a058;
    --cc-shadow: 0 10px 35px rgba(0, 0, 0, .05);
    --cc-footer: rgba(255,255,255,0.3);

    min-height: 100vh;
    color: var(--cc-text);
    background: linear-gradient( 135deg, #111827 0%, #1f2937 50%, #0f172a 100% );
    font-family: Inter, Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color:#fff;
}

.control-center .badge{
    padding: 0.3rem;
    font-size: 0.7rem;
    line-height: normal;
    opacity: 0.8;
}

.cc-header .text-muted{
    color:rgba(255, 255,255, 0.5)!important;
}

.cc-card .h1, .cc-card .h2, .cc-card .h3, .cc-card .h4, .cc-card .h5, .cc-card .h6, .cc-card h1, .cc-card h2, .cc-card h3, .cc-card h4, .cc-card h5, .cc-card h6 {
    color:#000;
    font-weight:600;
}

.control-center .text-muted {
    color: rgba(255, 255, 255, 0.75); !important;
}

.control-center .brummi-icon,
.control-center svg#brummi-icon {
    fill: #fff;
    width: 29px;
}

.control-center a {
    color: var(--cc-orange);
    text-decoration: none;
}

.control-center .btn-outline-secondary {
    --bs-btn-color: var(--cc-muted);
    --bs-btn-border-color: #cfd4da;
    --bs-btn-hover-color: var(--cc-text);
    --bs-btn-hover-bg: #f1f3f5;
    --bs-btn-hover-border-color: #adb5bd;
    --bs-btn-active-color: var(--cc-text);
    --bs-btn-active-bg: #e9ecef;
    --bs-btn-active-border-color: #adb5bd;
}

.control-center .btn-primary {
    color:#fff;
    --bs-btn-bg: var(--cc-orange);
    --bs-btn-border-color: var(--cc-orange);
    --bs-btn-hover-bg: #e9540d;
    --bs-btn-hover-border-color: #e9540d;
    --bs-btn-active-bg: #d94f0c;
    --bs-btn-active-border-color: #d94f0c;
}

.control-center .btn-outline-primary {
    --bs-btn-color: var(--cc-orange);
    --bs-btn-border-color: var(--cc-orange);
    --bs-btn-hover-bg: var(--cc-orange);
    --bs-btn-hover-border-color: var(--cc-orange);
}

.control-center .form-control,
.control-center .form-select {
    border-color: #ddd;
    border-radius: 0.25rem;
    padding: 11px 15px;
}

.control-center .form-control:focus,
.control-center .form-select:focus,
.control-center .form-check-input:focus {
    border-color: var(--cc-orange);
    box-shadow: 0 0 0 3px rgba(255, 96, 15, .12);
}

.control-center .form-check-input:checked {
    background-color: var(--cc-orange);
    border-color: var(--cc-orange);
}

.control-center--auth {
    background: linear-gradient( 135deg, #111827 0%, #1f2937 50%, #0f172a 100% );
}

.control-center .cc-layout {
    grid-template-columns: 248px minmax(0, 1fr);
    min-height: 100vh;
}

.control-center .cc-mobile-menu-bar {
    position: sticky;
    top: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff;
    border-bottom: 1px solid var(--cc-line);
    padding: 10px 16px;
}

.control-center .cc-mobile-brand {
    min-width: 0;
    color: var(--cc-text);
}

.control-center .cc-mobile-brand .cc-brand-mark {
    width: 40px;
    height: 40px;
}

.control-center .cc-mobile-brand strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-center .cc-mobile-menu-toggle {
    width: 44px;
    height: 44px;
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    background: #fff;
    color: var(--cc-text);
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.control-center .cc-mobile-menu-toggle:hover,
.control-center .cc-mobile-menu-toggle:focus-visible {
    border-color: var(--cc-orange);
    color: var(--cc-orange);
    box-shadow: 0 0 0 3px rgba(255, 96, 15, .12);
    outline: 0;
}

.control-center .cc-sidebar {
    background: #fff;
    border-right: 1px solid var(--cc-line);
    padding: 24px 14px;
    position: sticky;
    top: 0;
    height: 100vh;
}

.control-center .cc-sidebar small {
    color: var(--cc-muted);
}

.control-center .cc-sidebar .nav-link {
    color: var(--cc-text);
    border-radius: 0.25rem;
    padding: 13px 14px;
}

.control-center .cc-sidebar .nav-link:hover,
.control-center .cc-sidebar .nav-link.active {
    background: var(--cc-orange-soft);
    color: var(--cc-orange);
}

.control-center .cc-sidebar .badge {
    align-items: center;
    background: var(--cc-orange);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    line-height: 1;
    min-height: 24px;
    min-width: 24px;
    padding: 0 0.45rem;
}

.control-center .cc-sidebar .btn-close {
    flex: 0 0 auto;
}

.control-center .cc-language-form {
    border-top: 1px solid var(--cc-line);
    padding: 14px 14px 0;
}

.control-center .cc-language-label {
    color: var(--cc-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
}

.control-center .cc-language-dropdown {
    width: 100%;
}

.control-center .cc-language-toggle {
    align-items: center;
    background: #fff;
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    color: var(--cc-text);
    display: flex;
    gap: 0.55rem;
    min-height: 42px;
    padding: 0.55rem 0.7rem;
    transition: border-color .18s ease, box-shadow .18s ease, color .18s ease;
    width: 100%;
}

.control-center .cc-language-toggle:hover,
.control-center .cc-language-toggle:focus-visible,
.control-center .cc-language-dropdown.show .cc-language-toggle {
    border-color: var(--cc-orange);
    box-shadow: 0 0 0 3px rgba(255, 96, 15, .12);
    color: var(--cc-orange);
    outline: 0;
}

.control-center .cc-language-flag {
    align-items: center;
    border-radius: 0.22rem;
    display: inline-flex;
    flex: 0 0 28px;
    font-size: 0.62rem;
    font-weight: 800;
    height: 28px;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    width: 28px;
}

.control-center .cc-language-flag img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.control-center .cc-language-code {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
}

.control-center .cc-language-arrow {
    color: var(--cc-muted);
    font-size: 0.72rem;
    margin-left: auto;
    transition: transform .18s ease, color .18s ease;
}

.control-center .cc-language-toggle[aria-expanded="true"] .cc-language-arrow {
    color: var(--cc-orange);
    transform: rotate(180deg);
}

.control-center .cc-language-menu {
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    box-shadow: 0 16px 32px rgba(37, 37, 37, .14);
    margin-top: 0.35rem !important;
    min-width: 100%;
    padding: 0.35rem;
}

.control-center .cc-language-menu form {
    margin: 0;
}

.control-center .cc-language-option {
    align-items: center;
    border-radius: 0.25rem;
    display: flex;
    gap: 0.55rem;
    padding: 0.55rem 0.65rem;
}

.control-center .cc-language-option.active,
.control-center .cc-language-option:active,
.control-center .cc-language-option:hover,
.control-center .cc-language-option:focus {
    background: var(--cc-orange-soft);
    color: var(--cc-orange);
}

.control-center .cc-language-option:disabled {
    opacity: 1;
}

.control-center .cc-language-name {
    color: var(--cc-muted);
    font-size: 0.82rem;
    margin-left: auto;
}

.control-center .cc-language-option.active .cc-language-name,
.control-center .cc-language-option:hover .cc-language-name,
.control-center .cc-language-option:focus .cc-language-name {
    color: var(--cc-orange);
}

.control-center .cc-auth-language {
    display: flex;
    gap: 0.65rem;
    justify-content: center;
    margin: 2rem auto 0;
}

.control-center .cc-auth-language form {
    margin: 0;
}

.control-center .cc-auth-language-flag {
    aspect-ratio: 1;
    background: transparent;
    border: 0;
    border-radius: 0.3rem;
    display: block;
    overflow: hidden;
    padding: 0;
    width: 24px;
}

.control-center .cc-auth-language-flag img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.control-center .cc-auth-language-flag span {
    align-items: center;
    background: #fff;
    color: var(--cc-text);
    display: flex;
    font-size: 0.7rem;
    font-weight: 800;
    height: 100%;
    justify-content: center;
}

.control-center .cc-auth-language-flag:hover,
.control-center .cc-auth-language-flag:focus-visible,
.control-center .cc-auth-language-flag.active {
    box-shadow: 0 0 0 3px rgba(255, 96, 15, .3);
    outline: 0;
}

.control-center .cc-main {
    min-width: 0;
    padding: 34px 30px;
}

.control-center .cc-preview-card-body {
    display: flex;
    flex-direction: column;
}

.control-center .cc-preview-footer {
    margin-top: auto;
}

.control-center .cc-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
}

.control-center .cc-form-actions .btn-primary {
    margin-left: auto;
}

.control-center .cc-settings-bar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.control-center .cc-settings-tabs {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 0.25rem;
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
}

.control-center .cc-settings-tabs .nav-link {
    border-radius: 0.2rem;
    color: rgba(255, 255, 255, .78);
    font-weight: 700;
    min-height: 36px;
    padding: 0.5rem 0.85rem;
}

.control-center .cc-settings-tabs .nav-link:hover,
.control-center .cc-settings-tabs .nav-link:focus-visible {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    outline: 0;
}

.control-center .cc-settings-tabs .nav-link.active {
    background: #fff;
    color: var(--cc-orange);
}

.control-center .cc-settings-action {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    min-height: 42px;
}

.control-center .cc-vehicle-tax-tabs .nav-link {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: var(--cc-orange);
    font-weight: 700;
    min-height: 38px;
    padding: 0.5rem 0.85rem;
}

.control-center .cc-vehicle-tax-tabs .nav-link:hover,
.control-center .cc-vehicle-tax-tabs .nav-link:focus-visible {
    background: var(--cc-orange-soft);
    border-color: var(--cc-orange-soft);
    color: var(--cc-orange);
    outline: 0;
}

.control-center .cc-vehicle-tax-tabs .nav-link.active {
    background: var(--cc-orange);
    border-color: var(--cc-orange);
    color: #fff;
}

.control-center .cc-vehicle-tax-tabs .nav-link .badge {
    background: rgba(255, 96, 15, .12) !important;
    color: var(--cc-orange);
}

.control-center .cc-vehicle-tax-tabs .nav-link.active .badge {
    background: #fff !important;
    color: var(--cc-orange);
}

.control-center .cc-main .cc-card{
 position:relative;
}

.control-center .cc-brand-mark,
.control-center .cc-avatar,
.control-center .cc-stat-icon {
    background: var(--cc-orange);
    color: #fff;
    display: inline-grid;
    place-items: center;
    font-weight: 800;
    flex: 0 0 auto;
}

.control-center .cc-brand-mark {
    width: 46px;
    height: 46px;
    border-radius: 0.25rem;
}

.control-center .cc-avatar {
    width: 34px;
    height: 34px;
    border-radius: 0.25rem;
}

.control-center .cc-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 0.25rem;
    background: var(--cc-orange-soft);
    color: var(--cc-orange);
}

.control-center .cc-stat-value-link {
    color: var(--cc-text);
    display: block;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    width: fit-content;
}

.control-center .cc-stat-value-link:hover,
.control-center .cc-stat-value-link:focus-visible {
    color: var(--cc-text);
    text-decoration: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.18em;
    outline: 0;
}

.control-center .cc-dashboard-priority-dropdown {
    display: block;
    line-height: 1.5;
    margin-top: 0;
}

.control-center .cc-dashboard-priority-toggle,
.control-center .cc-dashboard-priority-link {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    display: inline-flex;
    font-size: .875em;
    font-weight: inherit;
    gap: 0.35rem;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.control-center .cc-dashboard-priority-toggle:hover,
.control-center .cc-dashboard-priority-toggle:focus-visible,
.control-center .cc-dashboard-priority-link:hover,
.control-center .cc-dashboard-priority-link:focus-visible {
    color: var(--cc-danger);
    text-decoration: none;
    text-underline-offset: 0.18em;
    outline: 0;
}

.control-center .cc-dashboard-priority-toggle i {
    font-size: 0.65rem;
    transition: transform .18s ease;
}

.control-center .cc-dashboard-priority-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.control-center .cc-dashboard-priority-menu {
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    box-shadow: 0 16px 32px rgba(37, 37, 37, .14);
    max-height: 260px;
    min-width: min(320px, calc(100vw - 48px));
    overflow-y: auto;
    padding: 0.35rem;
    z-index: 1080;
}

.control-center .cc-dashboard-priority-item {
    border-radius: 0.25rem;
    display: block;
    padding: 0.65rem 0.75rem;
}

.control-center .cc-dashboard-priority-item strong,
.control-center .cc-dashboard-priority-item span {
    display: block;
}

.control-center .cc-dashboard-priority-item strong {
    color: var(--cc-text);
    font-size: 0.9rem;
    line-height: 1.25;
    white-space: normal;
}

.control-center .cc-dashboard-priority-item span {
    color: var(--cc-muted);
    font-size: 0.78rem;
    margin-top: 0.2rem;
}

.control-center .cc-dashboard-priority-item:hover,
.control-center .cc-dashboard-priority-item:focus {
    background: var(--cc-orange-soft);
}

.control-center .cc-priority-text,
.control-center .cc-dashboard-priority-text {
    font-weight: 300;
    opacity: 0.6;
    font-size: 0.8rem;
}

.control-center .cc-priority-text--high,
.control-center .cc-dashboard-priority-text--high {
    color: var(--cc-danger);
}

.control-center .cc-priority-text--medium,
.control-center .cc-dashboard-priority-text--medium {
    color: var(--cc-orange);
}

.control-center .cc-priority-text--low,
.control-center .cc-dashboard-priority-text--low {
    color: #0d6efd;
}

.control-center .cc-status-badge--new,
.control-center .cc-dashboard-status-badge--new {
    background: #0d6efd !important;
    color: #fff !important;
}

.control-center .cc-status-badge--in_progress,
.control-center .cc-dashboard-status-badge--in_progress {
    background: var(--cc-orange) !important;
    color: #fff !important;
}

.control-center .cc-profile {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.25rem;
    padding: 7px 9px;
    box-shadow: 0 24px 40px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.control-center .cc-profile .cc-avatar{
    background:#fff;
    color: var(--cc-orange);
}

.control-center .cc-profile .brummi-icon,
.control-center .cc-profile svg#brummi-icon {
    fill: var(--cc-orange);
}

.control-center .cc-profile strong{
    color:#fff;
}

.control-center .cc-avatar-img {
    object-fit: cover;
}

.control-center .cc-sidebar-button {
    align-items: center;
    background: #fff;
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    color: var(--cc-text);
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    padding: 0.55rem 0.9rem;
}

.control-center .cc-sidebar-button:hover,
.control-center .cc-sidebar-button:focus-visible {
    background: var(--cc-orange-soft);
    border-color: var(--cc-orange);
    color: var(--cc-orange);
    outline: 0;
}

.control-center .cc-eyebrow {
    color: var(--cc-orange);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: 12px;
}

.control-center .cc-card {
    border-radius: 0.25rem;
    box-shadow: var(--cc-shadow) !important;
    position:relative;
    overflow:hidden;
    border:none;
}

.control-center .cc-card.cc-dashboard-bug-card {
    overflow: visible;
    z-index: 20;
}

.control-center .cc-dashboard-bug-card .card-body {
    position: relative;
    z-index: 2;
}

.control-center .cc-auth .cc-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--cc-orange), var(--cc-orange-dark), var(--cc-orange));
}

.control-center .cc-positive {
    color: var(--cc-success);
}

.control-center .cc-danger {
    color: var(--cc-danger);
}

.control-center .cc-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

.control-center .cc-dot--orange {
    background: var(--cc-orange);
}

.control-center .cc-dot--dark {
    background: var(--cc-text);
}

.control-center .cc-bar-chart {
    height: 300px;
    border: 1px solid #eee;
    border-radius: 18px;
    padding: 24px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    align-items: end;
    background-image: linear-gradient(#f0f0f0 1px, transparent 1px);
    background-size: 100% 25%;
}

.control-center .cc-bar-chart div {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    align-items: end;
    position: relative;
    padding-bottom: 24px;
}

.control-center .cc-bar-chart span {
    min-height: 20px;
    border-radius: 10px 10px 4px 4px;
}

.control-center .cc-bar-chart span:first-child {
    height: var(--sales);
    background: var(--cc-orange);
}

.control-center .cc-bar-chart span:nth-child(2) {
    height: var(--stock);
    background: var(--cc-text);
    opacity: .86;
}

.control-center .cc-bar-chart small {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: var(--cc-muted);
}

.control-center .cc-chart-shell {
    height: 380px;
    border: 1px solid #eee;
    border-radius: 0.25rem;
    padding: 16px;
    background: #fff;
}

.control-center .cc-chart-status {
    min-height: 20px;
}

.control-center .cc-kanban-page {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.control-center .cc-kanban-toolbar {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 0.25rem;
    box-shadow: var(--cc-shadow);
    display: flex;
    gap: 0.9rem;
    justify-content: space-between;
    padding: 0.8rem;
}

.control-center .cc-kanban-summary {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 0.42rem;
}

.control-center .cc-kanban-summary span {
    align-items: center;
    background: #f4f5f7;
    border: 1px solid #e6e8ec;
    border-radius: 0.25rem;
    color: var(--cc-muted);
    display: inline-flex;
    font-size: 0.8rem;
    gap: 0.3rem;
    min-height: 32px;
    padding: 0.34rem 0.5rem;
}

.control-center .cc-kanban-summary strong {
    color: var(--cc-text);
    font-size: 1rem;
}

.control-center .cc-kanban-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: 0;
}

.control-center .cc-kanban-filters {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: 0;
}

.control-center .cc-kanban-filters .form-select {
    min-height: 34px;
    padding: 0.35rem 1.75rem 0.35rem 0.6rem;
    width: 136px;
}

.control-center .cc-kanban-filters .form-select[data-filter="assignee_id"],
.control-center .cc-kanban-filters .form-select[data-filter="provider_id"] {
    width: 148px;
}

.control-center .cc-kanban-switch {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 0.25rem;
    display: inline-flex;
    gap: 0.34rem;
    min-height: 34px;
    padding: 0.34rem 0.48rem;
}

.control-center .cc-kanban-switch .form-check-input {
    margin: 0;
}

.control-center .cc-kanban-switch .form-check-label {
    color: var(--cc-text);
    font-size: 0.76rem;
    white-space: nowrap;
}

.control-center .cc-kanban-add-column {
    align-items: center;
    background: #fff;
    border: 1px solid #e8ebef;
    border-radius: 0.25rem;
    display: flex;
    flex: 0 0 auto;
    gap: 0.35rem;
    justify-content: flex-end;
    padding: 0.22rem;
}

.control-center .cc-kanban-add-column .form-control {
    background: transparent;
    border-color: transparent;
    min-height: 30px;
    padding: 0.28rem 0.45rem;
    width: 184px;
}

.control-center .cc-kanban-add-column .btn {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    min-height: 30px;
    padding: 0.28rem 0.55rem;
    white-space: nowrap;
}

.control-center .cc-kanban-column-modal .modal-content {
    border: 0;
    border-radius: 0.25rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
}

.control-center .cc-kanban-column-modal .modal-title {
    color: var(--cc-text);
}

.control-center .cc-kanban-board {
    align-items: start;
    display: grid;
    gap: 0.85rem;
    grid-auto-columns: minmax(284px, 1fr);
    grid-auto-flow: column;
    min-height: 62vh;
    overflow-x: auto;
    padding: 0.1rem 0 0.9rem;
    scrollbar-color: rgba(255, 96, 15, .75) rgba(255, 255, 255, .16);
}

.control-center .cc-kanban-board.is-loading {
    opacity: 0.78;
    pointer-events: none;
}

.control-center .cc-kanban-column {
    background: #f3f4f6;
    border: 1px solid #e2e5ea;
    border-radius: 0.25rem;
    box-shadow: var(--cc-shadow);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 250px);
    min-height: 360px;
    min-width: 284px;
    overflow: hidden;
}

.control-center .cc-kanban-column-header {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e2e5ea;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 58px;
    padding: 0.75rem 0.85rem;
}

.control-center .cc-kanban-column-header h2 {
    color: var(--cc-text);
    font-size: 0.95rem;
    line-height: 1.2;
    margin: 0;
}

.control-center .cc-kanban-column-header span {
    color: var(--cc-muted);
    font-size: 0.78rem;
}

.control-center .cc-kanban-column-actions {
    align-items: center;
    display: flex;
    gap: 0.35rem;
}

.control-center .cc-kanban-column-actions button {
    align-items: center;
    background: #fff;
    border: 1px solid #d8dde5;
    border-radius: 0.25rem;
    color: var(--cc-muted);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.control-center .cc-kanban-column-actions button:hover,
.control-center .cc-kanban-column-actions button:focus-visible {
    border-color: var(--cc-orange);
    color: var(--cc-orange);
    outline: 0;
}

.control-center .cc-kanban-dropzone {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-height: 300px;
    overflow-y: auto;
    padding: 0.8rem;
    transition: background .16s ease, box-shadow .16s ease;
}

.control-center .cc-kanban-dropzone.is-over {
    background: #fff6f0;
    box-shadow: inset 0 0 0 2px rgba(255, 96, 15, .34);
}

.control-center .cc-kanban-assignee-group {
    display: grid;
    gap: 0.45rem;
}

.control-center .cc-kanban-assignee-label {
    color: #626a76;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.control-center .cc-kanban-assignee-stack {
    display: grid;
    gap: 0.55rem;
}

.control-center .cc-kanban-card {
    background: #fff;
    border: 1px solid #e0e4ea;
    border-left: 4px solid var(--cc-orange);
    border-radius: 0.25rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    cursor: grab;
    display: grid;
    gap: 0.65rem;
    min-height: 132px;
    padding: 0.78rem;
}

.control-center .cc-kanban-card:active {
    cursor: grabbing;
}

.control-center .cc-kanban-card.is-dragging {
    opacity: 0.42;
}

.control-center .cc-kanban-card-top {
    align-items: flex-start;
    display: flex;
    gap: 0.65rem;
    justify-content: space-between;
}

.control-center .cc-kanban-card-top strong {
    color: var(--cc-text);
    font-size: 0.92rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.control-center .cc-kanban-card-meta {
    color: #687180;
    display: grid;
    font-size: 0.78rem;
    gap: 0.18rem;
    line-height: 1.25;
}

.control-center .cc-kanban-card-meta span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-center .cc-kanban-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.control-center .cc-kanban-card-tags span {
    background: #f6f7f9;
    border: 1px solid #e6e9ee;
    border-radius: 999px;
    color: #5d6674;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    padding: 0.32rem 0.46rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-center .cc-kanban-card-footer {
    align-items: center;
    border-top: 1px solid #eef0f3;
    display: flex;
    gap: 0.6rem;
    justify-content: space-between;
    padding-top: 0.55rem;
}

.control-center .cc-kanban-assignee {
    color: var(--cc-text);
    font-size: 0.78rem;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-center .cc-kanban-card-icons {
    align-items: center;
    color: var(--cc-muted);
    display: flex;
    flex: 0 0 auto;
    font-size: 0.76rem;
    gap: 0.5rem;
}

.control-center .cc-kanban-card-icons span,
.control-center .cc-kanban-card-icons a {
    align-items: center;
    color: inherit;
    display: inline-flex;
    gap: 0.22rem;
}

.control-center .cc-kanban-card-icons a:hover,
.control-center .cc-kanban-card-icons a:focus-visible {
    color: var(--cc-orange);
    outline: 0;
}

.control-center .cc-kanban-empty {
    align-items: center;
    border: 1px dashed #cfd6df;
    border-radius: 0.25rem;
    color: #7c8593;
    display: flex;
    font-size: 0.86rem;
    justify-content: center;
    min-height: 116px;
    padding: 1rem;
    text-align: center;
}

.control-center .cc-customer-select {
    width: min(220px, 100%);
}

.control-center .cc-line-sample {
    display: inline-block;
    width: 22px;
    height: 0;
    margin-right: 6px;
    vertical-align: middle;
    border-top: 2px solid var(--cc-orange);
}

.control-center .cc-line-sample--dashed {
    border-top-style: dashed;
}

.control-center .cc-list-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 14px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 0.25rem;
    margin-bottom: 10px;
}

.control-center .cc-list-item span:not(.badge) {
    display: block;
    color: var(--cc-muted);
    font-size: 13px;
}

.control-center .cc-list-group .list-group-item {
    border-color: #eee;
    padding: 14px;
}

.control-center .cc-list-group {
    max-height: min(620px, 62vh);
    overflow-y: auto;
    padding-right: 0.2rem;
}

.control-center .cc-list-group .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.control-center .cc-list-group .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.control-center .cc-list-group .list-group-item.active {
    background: var(--cc-orange-soft);
    color: var(--cc-text);
}

.control-center .cc-module {
    border: 1px solid #eee;
    border-radius: 0.25rem;
    padding: 15px 15px 15px 74px;
    background: #fafafa;
    min-height: 86px;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.control-center .cc-module .form-check-input {
    appearance: none;
    background-color: #d8d8d8;
    background-image: none;
    border-color: #d8d8d8;
    border-radius: 999px;
    cursor: pointer;
    height: 22px;
    margin-left: -58px;
    margin-top: 3px;
    position: relative;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
    width: 50px;
}

.control-center .cc-module .form-check-input::before {
    background: #fff;
    border: 3px solid var(--cc-orange);
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.18);
    content: "";
    height: 28px;
    left: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: left 0.16s ease;
    width: 28px;
}

.control-center .cc-module .form-check-input:checked {
    background-color: var(--cc-orange);
    background-image: none;
    border-color: var(--cc-orange);
}

.control-center .cc-module .form-check-input:checked[type=checkbox] {
    background-image: none;
}

.control-center .cc-module .form-check-input:checked::before {
    left: 22px;
}

.control-center .cc-module .form-check-input:disabled {
    cursor: not-allowed;
    opacity: 0.62;
}

.control-center .cc-module.cc-module-is-active {
    background: #fff;
    border-color: #dedede;
}

.control-center .cc-module.cc-module-is-invalid {
    background: #fff7f7;
    border-color: #dc3545;
    box-shadow: 0 0 0 0.16rem rgba(220, 53, 69, 0.14);
}

.control-center .cc-module.cc-module-is-invalid .form-check-input {
    border-color: #dc3545;
}

.control-center .cc-user-accordion {
    border: 1px solid #eee;
    border-radius: 0.25rem;
    overflow: hidden;
}

.control-center .cc-user-accordion .accordion-item {
    border-color: #eee;
}

.control-center .cc-user-accordion .accordion-button {
    gap: 18px;
    align-items: center;
}

.control-center .cc-user-accordion .accordion-button:not(.collapsed) {
    background: var(--cc-orange-soft);
    color: var(--cc-text);
}

.control-center .cc-user-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}

.control-center .cc-user-summary small,
.control-center .cc-user-meta span:first-child {
    display: block;
    color: var(--cc-muted);
}

.control-center .cc-user-avatar {
    width: 42px;
    height: 42px;
    border-radius: 0.25rem;
    background: var(--cc-orange);
    color: #fff;
    display: inline-grid;
    place-items: center;
    font-weight: 800;
    object-fit: cover;
    flex: 0 0 auto;
}

.control-center .cc-user-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

@media (max-width: 767.98px) {
    .control-center .cc-user-accordion .accordion-button {
        align-items: flex-start;
        flex-direction: column;
    }

    .control-center .cc-user-meta {
        margin-left: 54px;
    }
}

.control-center .cc-module .cc-module-description {
    display: block;
    color: var(--cc-muted);
    margin-top: 5px;
    line-height: 1.35;
}

.control-center .cc-comment {
    background: #fafafa;
    border-radius: 15px;
    padding: 14px;
    margin-bottom: 10px;
}

.control-center .cc-comment-card {
    background: rgba(255, 255, 255, 0.9);
}

.control-center .cc-comment p {
    margin: 6px 0;
    color: var(--cc-muted);
}

.control-center .cc-comment small,
.control-center .cc-footer {
    color: var(--cc-footer);
}

.control-center .cc-time-log-list {
    display: grid;
    gap: 0.55rem;
}

.control-center .cc-time-log-item {
    align-items: start;
    background: #fafafa;
    border: 1px solid #eef0f3;
    border-radius: 0.25rem;
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem;
}

.control-center .cc-time-log-item strong {
    color: var(--cc-text);
    display: inline-block;
    margin-right: 0.35rem;
}

.control-center .cc-time-log-item span,
.control-center .cc-time-log-item small {
    color: var(--cc-muted);
    font-size: 0.8rem;
}

.control-center .cc-time-log-item p {
    color: var(--cc-muted);
    font-size: 0.86rem;
    margin: 0.25rem 0 0;
}

.control-center .cc-attachment-grid {
    display: grid;
    gap: 0.75rem;
}

.control-center .cc-attachment-item {
    align-items: center;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 0.25rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 74px minmax(0, 1fr);
    padding: 0.65rem;
}

.control-center .cc-attachment-thumb,
.control-center .cc-attachment-file {
    align-items: center;
    aspect-ratio: 1;
    background: #fff;
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    color: var(--cc-orange);
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    width: 74px;
}

.control-center .cc-attachment-thumb {
    cursor: zoom-in;
}

.control-center .cc-attachment-thumb:hover,
.control-center .cc-attachment-thumb:focus-visible,
.control-center .cc-attachment-file:hover,
.control-center .cc-attachment-file:focus-visible {
    border-color: var(--cc-orange);
    box-shadow: 0 0 0 3px rgba(255, 96, 15, .12);
    outline: 0;
}

.control-center .cc-attachment-thumb img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.control-center .cc-attachment-file i {
    font-size: 1.4rem;
}

.control-center .cc-attachment-meta {
    min-width: 0;
}

.control-center .cc-attachment-meta a,
.control-center .cc-attachment-meta small {
    display: block;
}

.control-center .cc-attachment-meta a {
    color: var(--cc-text);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-center .cc-attachment-meta small {
    color: var(--cc-muted);
    margin-top: 0.2rem;
}

.control-center .cc-lightbox .modal-content {
    background: rgba(255, 255, 255, .96);
    border: 0;
    border-radius: 0.25rem;
}

.control-center .cc-lightbox .modal-title {
    color: var(--cc-text);
}

.control-center .cc-lightbox .modal-body {
    display: grid;
    min-height: 220px;
    place-items: center;
}

.control-center .cc-lightbox-image {
    border-radius: 0.25rem;
    display: block;
    max-height: min(76vh, 820px);
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .control-center .cc-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1045;
        width: min(320px, calc(100vw - 2rem));
        max-width: calc(100vw - 2rem);
        height: 100vh;
        height: 100dvh;
        border-right: 1px solid var(--cc-line);
        border-bottom: 0;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
        overflow-y: auto;
    }

    .control-center .cc-main {
        padding: 24px 16px;
    }

    .control-center .cc-kanban-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .control-center .cc-kanban-actions {
        justify-content: stretch;
    }

    .control-center .cc-kanban-filters {
        justify-content: stretch;
    }

    .control-center .cc-kanban-filters .form-select,
    .control-center .cc-kanban-switch {
        flex: 1 1 180px;
        width: auto;
    }

    .control-center .cc-kanban-add-column {
        flex: 1 1 320px;
    }

    .control-center .cc-kanban-add-column .form-control {
        flex: 1 1 180px;
        width: auto;
    }

    .control-center .cc-kanban-column {
        max-height: 72vh;
    }
}

@media (min-width: 992px) {
    .control-center .cc-sidebar {
        background: #fff !important;
        visibility: visible !important;
        transform: none !important;
    }
}

@media (max-width: 575.98px) {
    .control-center .cc-bar-chart {
        gap: 10px;
        padding: 16px;
    }

    .control-center .cc-kanban-add-column {
        align-items: stretch;
        flex-direction: column;
    }

    .control-center .cc-kanban-add-column .form-control,
    .control-center .cc-kanban-add-column .btn {
        width: 100%;
    }

    .control-center .cc-kanban-board {
        grid-auto-columns: minmax(260px, 86vw);
    }
}

.control-center .cc-mini-meta {
    background: #f8f9fa;
    border: 1px solid var(--cc-line);
    border-radius: 0.25rem;
    padding: 0.85rem;
}

.control-center .cc-mini-meta span {
    display: block;
    color: var(--cc-muted);
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.control-center .cc-mini-meta strong {
    display: block;
    color: var(--cc-text);
    font-size: 0.95rem;
}