/* Override auth modal colors to planner blue */
:root {
    --ws-primary-red: var(--planner-interactive);
    --ws-primary-red-dark: var(--planner-interactive-dark);
}
.ws-auth-submit-btn:hover {
    background: linear-gradient(135deg, var(--planner-interactive-dark) 0%, var(--planner-dark) 100%);
    box-shadow: 0 6px 20px var(--planner-interactive-border);
}
.ws-auth-submit-btn:active {
    box-shadow: 0 2px 8px var(--planner-interactive-border);
}
/* Grey avatar for planner */
.uh-user-avatar,
.uh-user-dropdown-avatar {
    background: linear-gradient(135deg, var(--planner-gray-500) 0%, var(--planner-gray-600) 100%);
}
/* Sign out button - blue instead of red */
.uh-user-dropdown-item--danger,
.uh-user-dropdown-item--danger .icon {
    color: var(--planner-interactive);
}
.uh-user-dropdown-item--danger:hover {
    background: var(--planner-interactive-bg);
    color: var(--planner-interactive-dark);
}
.uh-user-dropdown-item--danger:hover .icon {
    color: var(--planner-interactive-dark);
}
/* Hide avatar in planner subheader */
.topbar-user {
    display: none !important;
}
/* Auth modal close button - light blue rounded square */
.ws-auth-close-btn {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.15);
}
.ws-auth-close-btn:hover {
    background: rgba(255, 255, 255, 0.25);
}
/* Workspace dropdown - blue instead of red */
.uh-workspace-icon--team {
    background: var(--planner-interactive-bg);
    color: var(--planner-interactive);
}
.uh-workspace-item.active {
    background: var(--planner-interactive-bg);
}
.uh-workspace-item-icon--team {
    background: var(--planner-interactive-bg);
    color: var(--planner-interactive);
}
.uh-workspace-item-check {
    color: var(--planner-interactive);
}
.uh-workspace-create-btn .icon {
    color: var(--planner-interactive);
}
.uh-workspace-create-btn {
    color: var(--planner-exercise-color);
}
.uh-workspace-create-btn:hover {
    background: var(--planner-interactive-bg);
}

/* Team Modal - Blue theme for planner */
.team-modal-header {
    background: linear-gradient(135deg, var(--planner-exercise-color) 0%, #1D4ED8 100%);
}
.team-form-input:focus,
.team-form-textarea:focus,
.team-form-select:focus {
    border-color: var(--planner-exercise-color);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.team-btn-primary {
    background: linear-gradient(135deg, var(--planner-exercise-color) 0%, #1D4ED8 100%);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.team-btn-primary:hover {
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
}
.team-success-name {
    color: var(--planner-exercise-color);
}
.team-success-icon {
    background: var(--planner-exercise-light);
    border-color: #BFDBFE;
}