/* Stiluri de Bază și Utilitare */
body { font-family: 'Inter', sans-serif; background-color: #F8FAFC; scroll-behavior: smooth; }
h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; }
.bg-primary { background-color: #00A99D; }
.text-primary { color: #00A99D; }
.border-primary { border-color: #00A99D; }
.btn-primary {
    background-color: #00A99D; color: white; transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 15px -5px rgba(0, 169, 157, 0.4);
}
.btn-primary:hover { 
    background-color: #00877D; transform: translateY(-2px);
    box-shadow: 0 7px 20px -5px rgba(0, 169, 157, 0.5);
}
.btn-outline {
    background-color: transparent; color: #334155; border: 1px solid #cbd5e1;
    transition: all 0.2s ease-in-out;
}
.btn-outline:hover { background-color: #f1f5f9; color: #0f172a; border-color: #94a3b8; }
.spinner { border-top-color: #00A99D; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Noul Sistem de Tab-uri Elegant */
.tabs-container {
    border: 1px solid #e2e8f0; /* Chenarul exterior */
    border-radius: 0.5rem;      /* Colțuri rotunjite complet */
    overflow: hidden;           /* Esențial pentru a "tăia" colțurile copiilor */
    background-color: white;
}
#tabs {
    display: flex;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}
.tab-link {
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    transition: color 0.2s ease-in-out;
    border-bottom: 3px solid transparent; /* Spațiu pentru linia de jos */
}
.tab-link.active {
    color: #00A99D; /* Culoare verde pentru textul activ */
    border-bottom-color: #00A99D; /* Linia verde eleganta sub tabul activ */
}

/* Noul Buton pentru Fereastra Modală */
.modal-footer-button {
    display: block;
    width: calc(100% + 3rem); /* Compensează padding-ul părintelui */
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
    /* Colțuri rotunjite doar jos */
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    /* Lipit de fundul ferestrei */
    margin: 1.5rem -1.5rem -1.5rem -1.5rem;
}

.tab-link.active {
    color: #00A99D; /* Culoare verde pentru textul activ */
    border-bottom-color: #00A99D; /* Linia verde eleganta sub tabul activ */
}

/* --- REPARAȚIE: Stiluri pentru Butoanele de Durată --- */
.duration-option {
    cursor: pointer;
    border: 2px solid #e5e7eb; /* Chenar gri implicit */
    transition: all 0.2s ease-in-out;
    font-weight: 500;
    color: #334155;
}
.duration-option:hover {
    border-color: #94a3b8;
    background-color: #f8fafc;
}
.duration-option.selected {
    border-color: #00A99D;      /* Chenar verde când e selectat */
    background-color: #f0fdfa;  /* Fundal verde deschis */
    color: #00796b;             /* Text verde închis */
    font-weight: 700;
}