/* Ogólny reset i bazowe style */
body {
    font-family: Arial, sans-serif;
    background-color: #EBEFF3;
    margin: 0;
    padding: 20px;
    color: #212529;
}


/* Nagłówki */
h1, h2, h3 {
    color: #343a40;
    margin-bottom: 20px;
}

/* Linki */
a {
    color: #007bff;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.table {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


/* Formularze */
form {
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    max-width: 700px;
    margin-bottom: 40px;
}

input[type="text"],
input[type="email"],
input[type="file"],
select,
textarea {
    width: 100%;
    padding: 8px 12px;
    margin-top: 4px;
    margin-bottom: 20px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 16px;
}

/*
input[type="submit"],
button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}
*/

input[type="submit"]:hover,
button:hover {
    background-color: #0056b3;
}

/* Obrazki */
img {
    border-radius: 5px;
}

/* Sticky footer layout */
.layout-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.layout-wrapper main {
    flex: 1;
}

canvas {
    max-width: 100%;
    height: auto !important;
}

.page-break {
    page-break-before: always;
    break-before: page;
}

#export-content {
    padding-left: 1rem;
    padding-right: 1rem;
    
}

#export-content.export-mode .no-print {
    display: none !important;
}

.only-print {
    display: none !important;
}

#export-content.export-mode .only-print {
    display: block !important;
}

table {
  page-break-inside: auto;
}

tr {
  page-break-inside: avoid !important;
  page-break-after: auto;
}

td, th {
  page-break-inside: avoid !important;
}

table, h3, .table-responsive {
    page-break-inside: avoid;
    break-inside: avoid;
}

.page-break {
    page-break-before: always;
    break-before: page;
    margin-top: 20px;
}

#export-content.export-mode {
    background: white !important;
}



/* Responsywność — tylko informacyjnie, możesz rozwinąć później */
@media screen and (max-width: 768px) {
    body {
        padding: 10px;
    }

    form {
        padding: 15px;
    }
}