/* ============================================
   Schildpatio - Print Stylesheet
   ============================================ */

html, body {
    background: #fff !important;
    color: #000 !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 11pt;
    padding: 0;
    margin: 0;
}

/* Hide interactive elements */
div#header,
div#help,
div#login,
div#transacties,
div#transactie-add,
div#opslaan,
div#opslaan-stefanie,
div#copy {
    display: none !important;
}

/* Week header */
div#week {
    background: none !important;
    color: #000 !important;
    font-size: 14pt;
    font-weight: bold;
    margin: 20px 0;
    padding: 10px 0;
    border-bottom: 2px solid #000;
}

div#week a {
    display: none;
}

/* Main list container */
div#lijst {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0;
}

/* Table */
table {
    width: 100%;
    border-collapse: collapse;
}

th {
    color: #000;
    font-size: 9pt;
    font-weight: bold;
    padding: 8px 4px;
    border-bottom: 2px solid #000;
    text-align: center;
}

th:first-child {
    text-align: left;
}

span.dag {
    display: block;
    font-weight: bold;
}

span.datum {
    font-size: 8pt;
    color: #555;
}

td {
    padding: 6px 4px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 10pt;
}

td.huisgenoot {
    text-align: left;
    font-weight: 500;
}

tr:hover {
    background: none !important;
}

/* Input fields - show as plain text */
input, select, textarea {
    border: none !important;
    background: none !important;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    padding: 2px;
}

input.eters,
input.corvee {
    width: 20px;
    font-weight: bold;
}

input.aantalEters,
input.bedrag {
    width: 60px;
}

select.inkoper {
    width: 80px;
}

textarea.opmerking {
    width: 80px;
    font-size: 8pt;
}

/* Saldo columns */
td.saldo {
    font-weight: normal;
}

td.saldo-neg {
    font-weight: bold;
}

td.ratio {
    font-size: 8pt;
    font-family: monospace;
}

/* Info box */
td.informatie {
    background: #f5f5f5 !important;
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
}

td.informatie p {
    margin: 8px;
    font-size: 9pt;
}

td.informatie strong {
    font-weight: bold;
}

/* Page break handling */
@page {
    margin: 1.5cm;
}

tr {
    page-break-inside: avoid;
}