.color-0 { background-color: #FFDDC1; } /* Lys oransje */
.color-1 { background-color: #C1FFD7; } /* Lys grønn */
.color-2 { background-color: #CFF1FF; } /* Lys blå */
.color-3 { background-color: #FFD1C1; } /* Lys rosa */
.color-4 { background-color: #F1C4FF; } /* Lys lilla */
.color-5 { background-color: #C1E0FF; } /* Lys cyan */
.color-6 { background-color: #FFEBFD; } /* Lys magenta */
.color-7 { background-color: #FFFFC1; } /* Lys gul */
.color-8 { background-color: #E0FFC1; } /* Lys lime */
.color-9 { background-color: #F1C1FF; } /* Lys violet */

.attended { background-color: #D0F0C0 !important; } /* Lys grønn for møtt */
.not-attended { background-color: #FFD1D1 !important; } /* Lys rød for ikke møtt */

/* Setter faste bredder for tabellene */
.attendance-table {
    width: 100%;
    max-width: 1200px; /* bredere på skjerm */
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid black;
}
  
.attendance-table th, .attendance-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid black; /* Gjør cellerammer svart */
}

.attendance-table .narrow-column {
    width: 50px;
    text-align: center;
}

.submit-button-container {
    text-align: right;
    margin-top: 10px;
}

.submit-btn {
    margin-top: 10px;
    background: #333;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
  }

.submit-btn:hover {
background: #555;
}

.attendance-table .narrow-column {
    width: 1%; /* Ensure it takes minimal width */
    white-space: nowrap;
    text-align: center;
}

.attendance-table .minimal-width {
    width: 1%; /* Ensure it takes minimal width for the content */
    white-space: nowrap;
}

@media print {
    @page { size: A4 portrait; margin: 10mm 8mm 12mm 8mm; }
    html, body { background: #fff !important; }
    /* Skjul WP admin chrome og elementer merket for skjuling */
    #wpadminbar, #adminmenumain, #adminmenuwrap, #adminmenu, #screen-meta, #wpfooter, .notice, .update-nag, .print-button, .epa-print-controls, .epa-print-hide { display: none !important; }
    /* Sørg for at tabellen vi skriver ut er tydelig */
    .submit-btn { display: inline-block !important; }
    #wpcontent, #wpbody-content { margin: 0 !important; padding: 0 !important; }
    .wrap { position: static; transform: none; width: 100%; max-width: 100%; margin: 0; padding: 0; }
    .attendance-table { width: 100% !important; max-width: 100% !important; font-size: 11pt; page-break-inside: avoid; table-layout: fixed; }
    .attendance-table th:nth-child(1), .attendance-table td:nth-child(1) { width: 32px !important; }
    .attendance-table th.narrow-column, .attendance-table td.narrow-column { width: 55px !important; }
    .attendance-table th, .attendance-table td { padding: 6px 8px; }
    h1, h2, h3 { page-break-after: avoid; }
    /* Kun nøytraliser farger hvis bruker valgte uten farger */
    /* Behold farger ved print (nettleser må ha 'print background colors' aktiv, men dette hjelper) */
    .color-0,.color-1,.color-2,.color-3,.color-4,.color-5,.color-6,.color-7,.color-8,.color-9,
    .attended,.not-attended { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body.epa-print-no-color .color-0,
    body.epa-print-no-color .color-1,
    body.epa-print-no-color .color-2,
    body.epa-print-no-color .color-3,
    body.epa-print-no-color .color-4,
    body.epa-print-no-color .color-5,
    body.epa-print-no-color .color-6,
    body.epa-print-no-color .color-7,
    body.epa-print-no-color .color-8,
    body.epa-print-no-color .color-9,
    body.epa-print-no-color .attended,
    body.epa-print-no-color .not-attended { background: #fff !important; }
    tr.cancelled td { text-decoration: line-through; }
    input[type=checkbox] { transform: scale(1.15); margin: 0 4px; }
    .print-meta { margin-top: 6mm; font-size: 9pt; text-align: right; color: #555; }
    tr { page-break-inside: avoid; }
}

.print-meta { display: none; }
@media print { .print-meta { display: block; } }

.print-button {
    background-color: #333;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

.print-button:hover {
    background-color: #555;
}

.cancelled td, tr.cancelled td {
    color: #888;
    background: #f9eaea;
}

.epa-alert-full {
    background: #ffeaea;
    border: 2px solid #e74c3c;
    color: #c0392b;
    padding: 1em;
    margin: 1.5em 0 1em 0;
    font-size: 1.2em;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
}
.epa-alert-success {
    background: #eaffea;
    border: 2px solid #27ae60;
    color: #218c4a;
    padding: 1em;
    margin: 1.5em 0 1em 0;
    font-size: 1.2em;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
}
.epa-alert-info {
    background: #eaf4ff;
    border: 2px solid #3498db;
    color: #217dbb;
    padding: 1em;
    margin: 1.5em 0 1em 0;
    font-size: 1.2em;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
}

.epa-divider {
    border: none;
    border-top: 2px solid #e0e0e0;
    margin: 2em 0;
}