/* základ tlačítka */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

/* primární akce */
.btn-primary {
    background-color: #4A7A4A;
    color: #ffffff;
    border-color: #4A7A4A;
}
.btn-primary:hover {
    background-color: #3f6b3f;
    border-color: #3f6b3f;
}

/* sekundární */
.btn-secondary {
    background-color: #eef6ee;
    color: #355e35;
    border-color: #cfe3cf;
}
.btn-secondary:hover {
    background-color: #e3efe3;
}

/* editace */
.btn-edit {
    background-color: #e8f4ff;
    color: #1d4f91;
    border-color: #cfe0ff;
}
.btn-edit:hover {
    background-color: #d8eaff;
}

/* smazat */
.btn-danger {
    background-color: #fdecec;
    color: #b42318;
    border-color: #f5c2c0;
}
.btn-danger:hover {
    background-color: #fbd5d3;
}

/* malé tlačítko do tabulek */
.btn-sm {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
    border-radius: 5px;
}

/* skupina tlačítek v řádku */
.btn-group {
    display: flex;
    gap: 0.35rem;
}

/* zelené akční tlačítko */
.btn-action {
    background-color: #2e7d32;
    color: #ffffff;
    border-color: #2e7d32;
}
.btn-action:hover {
    background-color: #256628;
    border-color: #256628;
}

/* modré informační tlačítko */
.btn-info {
    background-color: #1e88e5;
    color: #ffffff;
    border-color: #1e88e5;
}
.btn-info:hover {
    background-color: #1976d2;
    border-color: #1976d2;
}

/* oranžové upozornění */
.btn-warning {
    background-color: #f59e0b;
    color: #ffffff;
    border-color: #f59e0b;
}
.btn-warning:hover {
    background-color: #d97706;
    border-color: #d97706;
}

.btn-ghost {
    background: transparent;
    color: #355e35;
    border-color: transparent;
}
.btn-ghost:hover {
    background: #eef6ee;
}

.btn-outline-action {
    background: transparent;
    color: #4A7A4A;
    border-color: #4A7A4A;
}
.btn-outline-action:hover {
    background: #4A7A4A;
    color: white;
}

.btn-gray {
    background-color: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}
.btn-gray:hover {
    background-color: #e5e7eb;
}

.btn-magenta {
    background-color: #fde7f3;
    color: #9d174d;
    border-color: #fbcfe8;
}
.btn-magenta:hover {
    background-color: #fbd0e7;
}

.btn-light-green {
    background-color: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}
.btn-light-green:hover {
    background-color: #dcfce7;
}

.btn-light-orange {
    background-color: #fff7ed;
    color: #9a3412;
    border-color: #fed7aa;
}
.btn-light-orange:hover {
    background-color: #ffedd5;
}