.box.informations .box-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.box.informations .box-content .item {
    width: 100%;
}

.box.informations .wrap {
    display: flex;
    flex-direction: column; /* lub row jesli chcesz ikonke z lewej */
    align-items: center;
    justify-content: center;
}

.box.informations .wrap .centered {
    width: 100%;
}


/* MAIN.CSS - SILVER DARK + CUSTOM BACKGROUND */
body {
    background: url('../images/bg3.jpg') center top no-repeat, #111111;
    color: #cccccc;
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-size: cover; /* dopasowanie tla do calego ekranu */
}

/* linki */
a { color: #cccccc; text-decoration: none; }
a:hover { color: #ffffff; }

/* kontener */
.container { width: 1170px; margin: 0 auto; padding: 20px; }

/* boxy */
.box { background-color: rgba(26,26,26,0.85); border: 1px solid #444; border-radius: 8px; margin-bottom: 20px; }
.box .head { background-color: #333; color: #ffffff; text-align: center; font-size: 24px; font-weight: 900; padding: 12px; }
.box .box-content { padding: 20px; color: #cccccc; }

/* pasek statusu */
.status-bar { background-color: rgba(34,34,34,0.85); color: #cccccc; padding: 10px 0; font-weight: 900; }
.status-bar .item { float: left; margin-right: 15px; }

/* tabele */
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th { background-color: #333; color: #ffffff; padding: 8px; }
td { background-color: rgba(26,26,26,0.85); color: #cccccc; border: 1px solid #333; padding: 8px; }
tr:nth-child(2n) td { background-color: rgba(42,42,42,0.85); }

/* przyciski */
.btn { background-color: #333; color: #ffffff; border: 1px solid #555; padding: 6px 12px; border-radius: 5px; font-weight: 900; }
.btn:hover { background-color: #555; color: #ffffff; }