/* ==========================================================================
   Glide Path Tool - Teal/Cyan Theme
   A growth-oriented color scheme for investment visualization
   ========================================================================== */

.tool-glide-path {
    --tool-primary: #0D9488;
    --tool-primary-light: #14B8A6;
    --tool-primary-dark: #0F766E;
    --tool-primary-rgb: 13, 148, 136;
    --tool-secondary: #99F6E4;
    --tool-accent: #2DD4BF;
    --tool-surface: #F0FDFA;
    --tool-text-on-primary: #ffffff;
}

/* Card Headers */
.tool-glide-path .card-header.tool-header {
    background-color: var(--tool-primary) !important;
    color: var(--tool-text-on-primary) !important;
    border-bottom: none;
}

.tool-glide-path .card-header.tool-header h5,
.tool-glide-path .card-header.tool-header .h5,
.tool-glide-path .card-header.tool-header i {
    color: var(--tool-text-on-primary) !important;
}

/* Primary Buttons */
.tool-glide-path .btn-tool-primary {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
    color: var(--tool-text-on-primary);
}

.tool-glide-path .btn-tool-primary:hover,
.tool-glide-path .btn-tool-primary:focus {
    background-color: var(--tool-primary-dark);
    border-color: var(--tool-primary-dark);
    color: var(--tool-text-on-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(var(--tool-primary-rgb), 0.3);
}

.tool-glide-path .btn-tool-primary:disabled {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
    opacity: 0.65;
}

/* Outline Buttons */
.tool-glide-path .btn-outline-tool {
    color: var(--tool-primary);
    border-color: var(--tool-primary);
    background: transparent;
}

.tool-glide-path .btn-outline-tool:hover {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
    color: var(--tool-text-on-primary);
}

/* Text Colors */
.tool-glide-path .text-tool-primary {
    color: var(--tool-primary) !important;
}

/* Badges */
.tool-glide-path .badge-tool {
    background-color: var(--tool-primary);
    color: var(--tool-text-on-primary);
}

/* Alerts/Info boxes */
.tool-glide-path .alert-tool {
    background-color: var(--tool-surface);
    border-left: 4px solid var(--tool-primary);
    color: var(--tool-primary-dark);
}

/* Form focus states */
.tool-glide-path .form-control:focus,
.tool-glide-path .form-select:focus {
    border-color: var(--tool-primary);
    box-shadow: 0 0 0 3px rgba(var(--tool-primary-rgb), 0.15);
}

/* Checkboxes */
.tool-glide-path .form-check-input:checked {
    background-color: var(--tool-primary);
    border-color: var(--tool-primary);
}