.text-center {
    text-align: center;
}

.krp-tabs-nav {
    display        : flex;
    justify-content: center;
    gap            : 5px;
    margin-bottom  : 10px;
}

.tab-button.active {
    font-weight: bold;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.krp-tabs-content {
    text-align: center;
    padding   : 5px;
}

.krp-form-table {
    width : 450px;
    margin: 0 auto;
}

.krp-form-table .textbox-short {
    width: 100px;
}

.krp-form-table textarea.textbox {
    width : 95%;
    height: 150px;
}

.krp-admin-menu {
    text-align: center;
    padding   : 5px 0;
}

.krp-admin-table {
    width    : 100%;
    max-width: 450px;
    margin   : 0 auto;
}

.krp-summary-row {
    cursor: pointer;
}

.krp-details-row>td.tbl1 {
    background-color: #333 !important;
}

.krp-details-content {
    padding: 5px;
    margin : -1px 0;
}

.krp-details-content .button-cell {
    text-align: center;
    padding   : 5px;
}

/* Wspólny styl dla wszystkich powiadomień admina */
.admin-notification-popup {
    position        : fixed;
    bottom          : 20px;
    right           : 20px;
    z-index         : 9999;
    background-color: #111;
    color           : #fff;
    width           : 120px;
    padding         : 20px;
    border          : 3px solid #ffa51a;
    border-radius   : 5px;
    box-shadow      : 0 0 10px rgba(0, 0, 0, 0.5);
    font-family     : Arial, sans-serif;
    font-size       : 1.1em;
    text-align      : center;
    display         : flex;
    flex-direction  : column;
    /* Układ pionowy */
    gap             : 15px;
    /* Odstęp między tekstem a przyciskiem */
}

/* Przesunięcie powiadomienia wyżej, gdy ma obie klasy (większa specyficzność) */
.admin-notification-popup.notification-stack-top {
    bottom: 150px;
}

/* Style dla komunikatów o akcjach (sukces/błąd) */
#success-message.admin-message-success,
.admin-message-error {
    color        : #fff !important;
    padding      : 10px;
    margin       : 10px auto;
    border-radius: 4px;
    width        : 100%;
    max-width    : 450px;
    /* Szerokość spójna z tabelami */
    box-sizing   : border-box;
    border       : 1px solid transparent;
}

.admin-message-error {
    background-color: #dc3545 !important;
    /* Czerwony dla błędu */
    border-color    : #c82333 !important;
}

/* Ramki informacyjne w formularzach */
.krp-info-box,
.krp-warning-box {
    padding      : 10px;
    margin       : 10px auto;
    border       : 1px solid transparent;
    border-radius: 4px;
    max-width    : 450px;
    box-sizing   : border-box;
    text-align   : center;
}

.krp-info-box {
    /* Góra: Ciemnoniebieskie tło, pomarańczowy tekst */
    color           : #fd7e14;
    background-color: #173b61;
    border-color    : #3478b3;
}

.krp-warning-box {
    /* Dół: Ciemnoczerwone tło, jasny tekst, czerwona ramka */
    color           : #f1c2c7;
    background-color: #491217;
    border          : 2px solid #c82333;
}