/* Property Pages Common Styles */

/* Extraction Card - Deep blue background */
.extraction-card {
    background: #032975 !important;
    border: 2px solid #032975 !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

.extraction-card h6 {
    color: white !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

.extraction-card p {
    color: rgba(255, 255, 255, 0.9) !important;
}

.extraction-card #extract-button {
    background-color: #6366F1 !important;
    border-color: #6366F1 !important;
    color: white !important;
}

.extraction-card #extract-button:hover {
    background-color: #5558E8 !important;
    border-color: #5558E8 !important;
}

.extraction-card input {
    background-color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #333 !important;
}

.extraction-card input::placeholder {
    color: #666 !important;
    opacity: 1 !important;
}

/* Property heading and navigation tabs */
.property-heading {
    font-size: 1.75rem;
    color: var(--ellipse-primary);
}

/* Field labels - blue color to match design */
.field-card h6 {
    color: #032975 !important;
}

/* Form labels */
label {
    color: #032975 !important;
    font-weight: 500 !important;
}

.nav-tabs .nav-link {
    color: var(--ellipse-gray);
    border-bottom-width: 3px;
}

.nav-tabs .nav-link.active {
    color: var(--ellipse-primary);
    border-bottom-color: var(--ellipse-primary);
    font-weight: 500;
}

.nav-tabs .nav-link:hover:not(.active) {
    color: var(--ellipse-secondary);
    border-bottom-color: var(--ellipse-tertiary);
}

.nav-tabs .nav-link i {
    margin-right: 0.5rem;
}

/* Confirmation Section */
#property-confirmation .card-header h6 {
    color: white !important;
}

/* Extraction Modal keeps the global modal styles from base.css */

/* These styles were extracted from inline styles in property_detail.html */

/* Input field styles */
.form-control[name="website_url"] {
    background-color: rgba(255,255,255,0.9);
    border-color: rgba(255,255,255,0.3);
}

/* Progress container */
#extraction-progress-container {
    display: none;
}

/* Progress bar */
.extraction-progress-bar {
    height: 8px;
    background-color: rgba(255,255,255,0.3);
}

.extraction-progress-bar .progress-bar {
    background-color: white;
}

/* Status text */
#extraction-status {
    opacity: 0.9;
}

/* Success/Error containers */
#extraction-success,
#extraction-error {
    display: none;
}

/* Icon sizes */
.extraction-icon-large {
    font-size: 2rem;
}

/* Message opacity */
.extraction-message {
    opacity: 0.9;
}

/* Manual entry title */
.manual-entry-title {
    color: #1F2937;
    font-weight: 500;
}

/* Progress bars */
.progress-thin {
    height: 4px;
}

/* Tooltip display */
#modalTooltip {
    display: none;
}

/* Error message display */
#error-message {
    display: none;
}

/* Typing indicator for chat */
.typing-indicator span {
    animation-delay: 0s;
}

.typing-indicator span:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
    animation-delay: 0.4s;
}