/* ./html/css/leki.css */

.leki-pionowy-layout { display: flex; flex-direction: column; gap: 0; }

.slownik-harmonijka { border: 1px solid var(--kolor-ramki); border-radius: 0; background-color: var(--kolor-tla); overflow: hidden; margin: 0 0 -1px 0; }
.slownik-harmonijka:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.slownik-harmonijka:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin-bottom: 0; }

.slownik-harmonijka summary { padding: 14px 18px; font-weight: 600; cursor: pointer; font-size: 15px; color: var(--kolor-glowny); user-select: none; outline: none; transition: background-color 0.2s ease; }
.slownik-harmonijka summary:hover { background-color: rgba(255, 255, 255, 0.03); }

.slownik-harmonijka .sekcja-formularza-wewnetrzna { border-top: 1px solid var(--kolor-ramki); background: var(--kolor-karty); padding: 20px; display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; }

/* PRZYCISKI AKCENTOWE I SŁOWNIKOWE - Integracja ze zmiennymi motywu */
.btn-slownik-akcent { 
    background-color: var(--kolor-input-tlo) !important; 
    color: var(--kolor-glowny) !important; 
    border: 1px solid var(--kolor-ramki) !important;
}
.btn-slownik-akcent:hover { 
    background-color: var(--kolor-tla) !important; 
    color: var(--kolor-glowny-hover) !important;
    border-color: var(--kolor-glowny) !important;
}

.plan-dnia-lista { display: flex; flex-direction: column; gap: 8px; }
.plan-dnia-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: var(--kolor-karty); border: 1px solid var(--kolor-ramki); border-radius: 8px; transition: all 0.2s ease; }

.plan-dnia-item.zazyty-dzisiaj { background-color: var(--kolor-tla) !important; border-color: var(--kolor-ramki) !important; opacity: 0.7; }

/* DEDYKOWANE BADGE POR DNIA - Zachowują czytelność w obu motywach */
.pora-badge { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 4px; margin-right: 8px; }
.pora-rano { background-color: rgba(184, 125, 40, 0.15); color: var(--kolor-ostrzezenie, #b87d28); }         
.pora-popołudniu { background-color: rgba(158, 149, 133, 0.15); color: var(--kolor-szary-akcja); }    
.pora-wieczorem { background-color: rgba(156, 130, 90, 0.15); color: var(--kolor-glowny); }        

.btn-szybkie-zazyto { background-color: var(--kolor-input-tlo); color: var(--kolor-tekstu); border: 1px solid var(--kolor-ramki); padding: 6px 14px; font-size: 13px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: all 0.15s; }
.btn-szybkie-zazyto:hover { background-color: var(--kolor-tla); color: var(--kolor-glowny); border-color: var(--kolor-glowny); }

.sukces-godzina { font-size: 13px; font-weight: 600; color: var(--kolor-sukces); padding: 6px 0; display: inline-block; }

.lista-kuracji-kontener { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.karta-kuracji-wpis { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-radius: 8px; border: 1px solid var(--kolor-ramki); font-size: 14px; background-color: var(--kolor-karty); }

.karta-kuracji-wpis.stan-trwa { background-color: rgba(156, 130, 90, 0.05); border-color: var(--kolor-ramki); }
.karta-kuracji-wpis.stan-zakonczona { background-color: var(--kolor-tla); opacity: 0.7; }

.badge-forma, .badge-jednostka-substancji { display: inline-block; background-color: var(--kolor-tla); color: var(--kolor-szary-akcja); font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 4px; margin-left: 6px; border: 1px solid var(--kolor-ramki); }
.badge-jednostka-substancji { background-color: rgba(158, 149, 133, 0.15); color: var(--kolor-szary-akcja); }

.kuracja-akcje { display: flex; align-items: center; gap: 8px; }
.grupa-zmiany-daty { display: flex; align-items: center; gap: 4px; }
.grupa-zmiany-daty input[type="date"] { padding: 4px; font-size: 12px; margin-bottom: 0 !important; width: auto; background-color: var(--kolor-input-tlo); color: var(--kolor-tekstu); border: 1px solid var(--kolor-ramki); }

.btn-mini-akcja, .btn-mini-stop, .btn-mini-wznow { padding: 6px 10px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid var(--kolor-ramki); cursor: pointer; transition: all 0.2s; }
.btn-mini-akcja { background-color: var(--kolor-input-tlo); color: var(--kolor-glowny); }
.btn-mini-stop { background-color: rgba(128, 35, 35, 0.08); color: var(--kolor-blad); border-color: var(--kolor-blad); }
.btn-mini-wznow { background-color: var(--kolor-input-tlo); color: var(--kolor-glowny); }

.btn-mini-akcja:hover { background-color: var(--kolor-tla); color: var(--kolor-glowny-hover); border-color: var(--kolor-glowny); }
.btn-mini-stop:hover { background-color: var(--kolor-blad); color: #ffffff; border-color: var(--kolor-blad); }
.btn-mini-wznow:hover { background-color: var(--kolor-tla); color: var(--kolor-glowny-hover); border-color: var(--kolor-glowny); }

.brak-danych { text-align: center; color: var(--kolor-szary-akcja); font-style: italic; padding: 10px 0; margin: 0; }
.label-historii-checkbox { font-size: 13px; font-weight: 600; color: var(--kolor-szary-akcja); cursor: pointer; }
.label-historii-checkbox input { width: auto; margin-right: 6px; margin-bottom: 0 !important; vertical-align: middle; }

.modal-opis-dawek { font-size: 13px; margin-bottom: 15px; color: var(--kolor-szary-akcja); }
.modal-przyciski-pionowe { display: flex; flex-direction: column; gap: 10px; }

.sekcja-wlasny-czas { border-top: 1px dashed var(--kolor-ramki); margin: 5px 0; padding-top: 10px; }
.etykieta-wlasny-czas { font-size: 12px; font-weight: 600; display: block; margin-bottom: 4px; color: var(--kolor-tekstu); }
.input-datowy-wygaszony { opacity: 0.5; cursor: not-allowed; }
.substancja-metryka-info { font-size: 12px; color: var(--kolor-szary-akcja); }
.separator-lekow-doraznych { margin: 15px 0 10px 0; padding-top: 10px; border-top: 1px dashed var(--kolor-ramki); font-size: 12px; font-weight: 700; color: var(--kolor-glowny); }
.btn-dorazny-akcja { background-color: var(--kolor-glowny) !important; color: #ffffff !important; }

/* ====================================================================
   [5] UNIFIKACJA BUTTONÓW I INPUTÓW MODALA (Styl Warm-Luxury Glamour)
   ==================================================================== */
.modal-przyciski-pionowe button {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--promien-przycisku, 10px);
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* Stylizacja pola wprowadzania czasu w modalu szybkich akcji */
#input-szybki-czas {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 12px;
    background-color: var(--kolor-input-tlo);
    border: 1px solid var(--kolor-ramki);
    border-radius: var(--promien-inputa, 10px);
    color: var(--kolor-tekstu);
    font-size: 15px;
    box-sizing: border-box;
    outline: none;
    font-family: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#input-szybki-czas:focus {
    border-color: var(--kolor-glowny);
    box-shadow: var(--cien-input-focus);
}

/* Przycisk Główny (Dokładnie teraz) */
.btn-modal-akcja-glowne {
    background-color: var(--kolor-glowny) !important;
    color: #ffffff !important;
    border: 1px solid var(--kolor-glowny) !important;
}
.btn-modal-akcja-glowne:hover {
    background-color: var(--kolor-glowny-hover) !important;
    border-color: var(--kolor-glowny-hover) !important;
}

/* Przycisk akcentu (Własna godzina) */
.btn-modal-akcja-akcent {
    background-color: var(--kolor-input-tlo) !important;
    color: var(--kolor-glowny) !important;
    border: 1px solid var(--kolor-ramki) !important;
    margin-top: 8px;
}
.btn-modal-akcja-akcent:hover {
    background-color: var(--kolor-tla) !important;
    border-color: var(--kolor-glowny) !important;
    color: var(--kolor-glowny-hover) !important;
}

/* ====================================================================
   [6] KLASY SEMANTYCZNE DLA RELACJI LEKÓW I POSIŁKÓW
   ==================================================================== */
.leki-zasada-posilku-tekst {
    color: var(--kolor-glowny);
}

.leki-relacja-inline-badge {
    color: var(--kolor-glowny);
    font-weight: 700;
    font-size: 12px;
}

.leki-relacja-plan-nawias {
    font-size: 11px;
    font-weight: bold;
    color: var(--kolor-ostrzezenie, #b87d28);
    margin-left: 6px;
}