/*
 * CODTS Lite - completari peste tema Azea SI peste /assets/css/custom.css ale
 * aplicatiei principale (ambele copiate identic in layouts/app.blade.php -
 * custom.css e stratul ei real de accesibilitate: marimi de font, culori,
 * sidebar. `.SmallerMBL` de-acolo, de exemplu, nu mai trebuie redefinit aici).
 *
 * Regulile de mai jos sunt doar utilitare specifice acestei aplicatii
 * (formulare/tabele simple, meniul de logout ca <button>), fara echivalent in
 * aplicatia principala.
 */

/* Din /assets/css/style.css al aplicatiei principale (fisier intreg, ~44k
   linii, nepreluat aici) - doar regula folosita de butonul "Adauga Pacient"
   din antet, pentru paritate vizuala exacta cu acolo. */
.radius-custom a {
    border-radius: 10px !important;
    padding: 10px;
}

.lite-badge {
    display: inline-block;
    background: #158a58;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 3px 10px;
    border-radius: 999px;
    vertical-align: middle;
}

/* Formularul de deconectare din meniul din stanga trebuie sa arate identic
   cu celelalte rubrici (care sunt link-uri <a>), desi e un <button> intr-un
   <form> - singurul mod de a trimite un POST din meniu. */
.side-menu__logout-form {
    margin: 0;
}
.side-menu__logout-form .side-menu__item {
    width: 100%;
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

/* Liste simple de tip "eticheta: valoare" pe paginile de vizualizare
   (Pacient, Schema, Analiza etc). */
ul.plain {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}
ul.plain > li {
    padding: .35rem 0;
    border-bottom: 1px solid #eaedf1;
}
ul.plain > li:last-child {
    border-bottom: 0;
}

.rich-text > *:first-child {
    margin-top: 0;
}
.rich-text > *:last-child {
    margin-bottom: 0;
}
/* assets/css/custom.css forteaza font-weight: 500 !important pe strong/b/titluri,
   deci ingrosarea din HTML-ul produs de CKEditor (aplicatia principala) nu se
   mai vedea. Specificitatea mai mare a .rich-text bate acel selector. */
.rich-text strong,
.rich-text b,
.rich-text h1, .rich-text h2, .rich-text h3,
.rich-text h4, .rich-text h5, .rich-text h6 {
    font-weight: 700 !important;
}

/* Mesajul scurt afisat de mesaj() (layouts/app.blade.php) - ca #snackbar din
   aplicatia principala, dar verde la succes si rosu la eroare. Tema Azea
   (azea/css/style.css) pune `.modal` la z-index 99999999 si `.modal-backdrop`
   la 9999999, nu la 1055 cat are Bootstrap: cu un z-index mai mic (era 9999)
   mesajul aparea DUPA modal, deci "Salveaza Schema" parea ca nu spune nimic.
   Trebuie sa fie peste `.modal`. */
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #198754;
    /* !important: custom.css forceaza `color: #000 !important` pe toate div-urile. */
    color: #fff !important;
    text-align: center;
    border-radius: 6px;
    padding: 16px;
    position: fixed;
    z-index: 100000000;
    left: 50%;
    top: 100px;
    font-size: 17px;
}
#snackbar.error {
    background-color: #ec0944;
}
#snackbar.show {
    visibility: visible;
    animation: lite-snackbar-in .5s, lite-snackbar-out .5s 4.5s;
}
@keyframes lite-snackbar-in {
    from { top: 60px; opacity: 0; }
    to { top: 100px; opacity: 1; }
}
@keyframes lite-snackbar-out {
    from { top: 100px; opacity: 1; }
    to { top: 60px; opacity: 0; }
}

/* Bara de cautare/filtrare simpla de deasupra unor tabele. */
.search-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
}

/* Formular de stergere afisat ca un simplu buton, langa celelalte actiuni
   dintr-un rand de tabel. */
.inline-form {
    display: inline-block;
    margin: 0;
}

.actions {
    white-space: nowrap;
}
.actions > .btn,
.actions > .inline-form {
    margin-right: .35rem;
}
.actions > *:last-child {
    margin-right: 0;
}

/* Bootstrap randeaza textul tooltip-urilor intr-un <div class="tooltip-inner">
   pe fundal negru (din style.css) - dar regula globala din custom.css
   (`div { color: #000 !important }`) suprascrie acel alb, facand textul negru
   pe fundal negru (invizibil). Rescris aici (fisier incarcat ultimul), cu
   acelasi !important dar selector mai specific pe .tooltip-inner, ca sa
   castige indiferent de ordine. Bug mostenit identic si in aplicatia
   principala (acelasi custom.css) - nu e o divergenta lite-vs-mother. */
.tooltip-inner,
.tooltip-inner * {
    color: #fff !important;
}