/* Altiva Label Studio Custom Theme */

/* Primary Brand Colors */
:root {
    --altiva-primary: #59cce4;
    --altiva-dark: #002d3a;
    --altiva-gray: #292929;
    --altiva-white: #ffffff;
    --altiva-black: #000000;
}

/* Override Label Studio primary colors */
.ant-btn-primary,
.ant-btn-primary:hover,
.ant-btn-primary:focus {
    background-color: #59cce4;
    border-color: #59cce4;
}

.ant-btn-primary:hover {
    opacity: 0.9;
}

/* Header customization */
.ls-header,
.dm-header {
    background: #002d3a !important;
}

/* Links and accents */
a,
.ant-menu-item-selected,
.ant-menu-item:hover {
    color: #59cce4 !important;
}

/* Login page customization */
.ls-login-page {
    background: linear-gradient(135deg, #59cce4 0%, #002d3a 100%) !important;
}

.ls-login-form {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 45, 58, 0.2);
}

/* Button styles */
.ant-btn-primary {
    background: #59cce4;
    border-color: #59cce4;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus {
    background: #002d3a;
    border-color: #002d3a;
}

/* Logo replacement - hide default Label Studio logo */
.ls-logo,
.dm-logo,
[class*="Logo"] img:not(.altiva-logo) {
    display: none !important;
}

/* Inject Altiva logo */
.ls-header::before,
.dm-header::before {
    content: '';
    display: inline-block;
    width: 120px;
    height: 40px;
    background-image: url('/static/branding/altiva-white-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

/* Navigation bar */
.ant-menu-horizontal {
    background: #002d3a !important;
    border-bottom: 2px solid #59cce4;
}

.ant-menu-horizontal > .ant-menu-item {
    color: #ffffff !important;
}

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-selected {
    color: #59cce4 !important;
    border-bottom-color: #59cce4 !important;
}

/* Cards and panels */
.ant-card {
    border-color: #59cce4;
}

.ant-card-head {
    background: #002d3a;
    color: #ffffff;
    border-bottom: 2px solid #59cce4;
}

/* Tabs */
.ant-tabs-nav {
    color: #002d3a;
}

.ant-tabs-tab-active {
    color: #59cce4 !important;
}

.ant-tabs-ink-bar {
    background: #59cce4;
}

/* Footer branding */
footer::after,
.ls-footer::after {
    content: 'Powered by #ffffff';
    display: block;
    text-align: center;
    padding: 10px;
    color: #292929;
    font-size: 12px;
}

/* Loading spinners */
.ant-spin-dot-item {
    background-color: #59cce4;
}

/* Form inputs focus */
.ant-input:focus,
.ant-input-focused {
    border-color: #59cce4;
    box-shadow: 0 0 0 2px rgba(89, 204, 228, 0.2);
}

/* Checkboxes and radios */
.ant-checkbox-checked .ant-checkbox-inner,
.ant-radio-checked .ant-radio-inner {
    background-color: #59cce4;
    border-color: #59cce4;
}

/* Progress bars */
.ant-progress-bg {
    background-color: #59cce4;
}

/* Badges and tags */
.ant-badge-status-processing {
    background-color: #59cce4;
}

.ant-tag-blue {
    background-color: #59cce4;
    border-color: #59cce4;
    color: #ffffff;
}

/* Modal headers */
.ant-modal-header {
    background: #002d3a;
    color: #ffffff;
}

.ant-modal-title {
    color: #ffffff;
}

/* Tooltips */
.ant-tooltip-inner {
    background-color: #002d3a;
}

.ant-tooltip-arrow-content {
    background-color: #002d3a;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
    background-color: #59cce4;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #002d3a;
}