/**
 * Premium Tool Design System
 * Based on the Discount Calculator / AI Dashboard aesthetic.
 */

:root {
    --premium-glass-bg: rgba(255, 255, 255, 0.7);
    --premium-glass-border: rgba(255, 255, 255, 0.4);
    --premium-shadow: 0 20px 40px rgba(0,0,0,0.05);
}

/* Tool Wrapper */
.premium-tool-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    animation: fadeInUp 0.5s ease;
}

/* Icon Circle */
.icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    background-color: rgba(var(--brand-primary-rgb), 0.1);
}

/* Glass Panel Base */
.glass-panel {
    background: var(--premium-glass-bg);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 24px;
    border: 1px solid var(--premium-glass-border);
    box-shadow: var(--premium-shadow);
    transition: all 0.3s ease;
    padding: 1.5rem;
}

/* Premium Input Group */
.premium-input-group .form-control {
    border-radius: 12px !important;
    background: rgba(var(--bs-light-rgb), 0.5) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    height: 50px;
    font-weight: 600;
}

.premium-input-group .input-group-text {
    border-radius: 12px 0 0 12px !important;
    background: rgba(var(--bs-light-rgb), 0.5) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    color: var(--text-secondary);
}

.premium-input-group .form-control:focus {
    background: #fff !important;
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 15px rgba(var(--brand-primary-rgb), 0.1) !important;
}

/* Highlight / Result Panel */
.highlight-panel {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.05) 0%, rgba(var(--brand-primary-rgb), 0.01) 100%) !important;
    border-color: rgba(var(--brand-primary-rgb), 0.1) !important;
}

/* Summary Details Card */
.summary-details {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    padding: 1.5rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}

.summary-details .d-flex {
    padding: 8px 0;
}

.summary-details span.label {
    color: var(--text-secondary);
    font-size: 0.85rem;
}

.summary-details span.value {
    font-weight: 700;
    color: var(--text-primary);
}

/* Dark Mode Support */
[data-theme="dark"] .glass-panel {
    background: rgba(30, 41, 59, 0.7);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .premium-input-group .form-control,
[data-theme="dark"] .premium-input-group .input-group-text {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
}

[data-theme="dark"] .summary-details {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .highlight-panel {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.1) 0%, rgba(30, 41, 59, 0.5) 100%) !important;
}

[data-theme="dark"] .text-dark {
    color: #fff !important;
}

/* Utils */
.fw-black { font-weight: 900; }
.ls-1 { letter-spacing: 1px; }
.tracking-wider { letter-spacing: 0.1em; }