.summary-card {
    background: rgba(255, 255, 255, 1);
    border: 1px solid --theme-orange;
    font-size: 14px;
    font-weight: 400;
    /* Apply the shadow */
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.1);

    /* Optional: add a slight border to define the edge against white backgrounds */
    border: 1px solid rgba(0, 0, 0, 0.05);
}


.summary-card hr {
    border-color: var(--theme-orange);
}

.form-label {
    font-size: 12px;
}

.form-control,
.form-select {
    font-size: 13px;
}
/* High-Contrast Shimmer with proper thickness */
.placeholder-glow .placeholder {
    display: inline-block;        /* Crucial: allows width and height to work */
    min-height: 18px;             /* Gives it thickness so it's not a line */
    vertical-align: middle;       /* Aligns it with your text labels */
    background-color: #e2e8f0 !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    opacity: 1;
    
    background-image: linear-gradient(
        90deg, 
        rgba(255, 255, 255, 0) 0, 
        rgba(255, 255, 255, 0.6) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 200% 100%;
    animation: shimmer-swipe 1.2s infinite linear;
}

@keyframes shimmer-swipe {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.placeholder-glow {
    animation: none !important;
    display: inline-block; /* Helps container sizing */
    width: 100%;           /* Ensures the glow area fills the space */
    text-align: right;     /* Keeps price shimmers aligned to the right */
}