/**
 * Sprint 3 Integration Styles
 * Styles for Sprint 3 UI buttons and integration
 */

/* ============================================
   SPRINT 3 UI BUTTONS
   ============================================ */

.sprint3-ui-btn {
    padding: 0.5rem 1rem;
    background: var(--color-bg-tertiary, #333);
    border: 1px solid var(--color-border, #444);
    border-radius: calc(var(--radius-sm) * 1.5);
    color: var(--color-text-primary, var(--color-text-primary));
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    min-height: calc(var(--spacing-2xl) * 1.375);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: 0.5rem;

.sprint3-ui-btn:hover,
.sprint3-ui-btn:focus {
    background: var(--color-bg-hover, #444);
    border-color: var(--color-info, #4a90e2);
    color: var(--color-info, #4a90e2);
    transform: translateY(-2px);
    outline: 2px solid var(--color-info, #4a90e2);
    outline-offset: 2px;

.sprint3-ui-btn:active {
    transform: translateY(0);

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .sprint3-ui-btn {
        font-size: 0.75rem;
        padding: 0.5rem 0.75rem;
        margin-left: 0.25rem;

}}}}}