/* Waterhole PM Extension Styles */

.waterhole-pm-fields {
    margin: 1rem 0;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #4a90e2;
}

.pm-fields-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.pm-field {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
}

/* Icons */
.pm-icon {
    width: 16px;
    height: 16px;
    opacity: 0.7;
}

/* Labels */
.pm-label {
    font-weight: 500;
    color: #6c757d;
}

.pm-value {
    color: #212529;
}

/* Badges */
.pm-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.2;
}

/* Status Badges */
.pm-badge-status {
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.pm-badge-backlog {
    background: #e3e3e3;
    color: #666;
}

.pm-badge-todo {
    background: #dbeafe;
    color: #1e40af;
}

.pm-badge-in_progress {
    background: #fef3c7;
    color: #92400e;
}

.pm-badge-review {
    background: #e9d5ff;
    color: #6b21a8;
}

.pm-badge-testing {
    background: #fce7f3;
    color: #9f1239;
}

.pm-badge-done {
    background: #d1fae5;
    color: #065f46;
}

.pm-badge-blocked {
    background: #fee2e2;
    color: #991b1b;
}

/* Priority Badges */
.pm-badge-low {
    background: #e0f2fe;
    color: #075985;
}

.pm-badge-medium {
    background: #fef3c7;
    color: #92400e;
}

.pm-badge-high {
    background: #fed7aa;
    color: #9a3412;
}

.pm-badge-urgent {
    background: #fee2e2;
    color: #991b1b;
}

/* Type Badges */
.pm-badge-task {
    background: #dbeafe;
    color: #1e40af;
}

.pm-badge-bug {
    background: #fee2e2;
    color: #991b1b;
}

.pm-badge-feature {
    background: #d1fae5;
    color: #065f46;
}

.pm-badge-improvement {
    background: #e9d5ff;
    color: #6b21a8;
}

/* Tags/Labels */
.pm-label-list,
.pm-assignee-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.pm-tag {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #e0e7ff;
    color: #3730a3;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
}

.pm-assignee {
    display: inline;
    color: #212529;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 640px) {
    .pm-fields-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .pm-field {
        width: 100%;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .waterhole-pm-fields {
        background: #1f2937;
        border-left-color: #60a5fa;
    }
    
    .pm-label {
        color: #9ca3af;
    }
    
    .pm-value {
        color: #f3f4f6;
    }
    
    .pm-assignee {
        color: #f3f4f6;
    }
}