/* Base styling and reset */
body {
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 20px;
    color: #333;
    min-width: 800px;
}

.container {
    max-width: 100%;
    margin: 0 auto;
}

/* Header section styling */
.header-section {
    text-align: center;
    margin-bottom: 20px;
}

.header-section h1 {
    font-size: 16px;
    margin: 5px 0;
    text-transform: uppercase;
}

.header-section h2 {
    font-size: 14px;
    margin: 5px 0;
    font-weight: normal;
}

/* Candidate information grid */
.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 20px;
    border: 1px solid #000;
    padding: 10px;
    background-color: #f9f9f9;
}

.info-item {
    display: flex;
    align-items: center;
}

.info-label {
    font-weight: bold;
    margin-right: 5px;
}

/* Checkbox styling for SISR / SLAM */
.checkbox-group {
    display: flex;
    gap: 15px;
}

/* Main table styling */
table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

th, td {
    border: 1px solid #000;
    padding: 5px;
    vertical-align: top;
    word-wrap: break-word;
}

/* Column widths */
.col-task {
    width: 20%;
}
.col-period {
    width: 8%;
}
.col-skill {
    width: 12%;
}

/* Table headers */
th {
    background-color: #eaeaea;
    text-align: center;
    font-size: 10px;
}

.main-header th {
    font-weight: bold;
    font-size: 11px;
}

.sub-header th {
    text-align: left;
    font-weight: normal;
    font-size: 9px;
    line-height: 1.3;
}

/* List styling within table headers */
ul {
    margin: 0;
    padding-left: 15px;
}

li {
    margin-bottom: 3px;
}

/* Section row styling */
.section-row td {
    background-color: #d9d9d9;
    font-weight: bold;
    text-align: left;
    padding: 8px 5px;
}

/* Empty cells for checkboxes/marks */
.mark-cell {
    text-align: center;
    vertical-align: middle;
}

/* Target all cells that possess the data-checked attribute */
td[data-checked] {
    background-color: #e8f5e9 !important; /* Light green background */
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #2e7d32; /* Dark green text */
}

/* Insert a cross automatically inside the cell */
td[data-checked]::after {
    content: "X"; 
}

/* Print media queries */
@media print {
    body {
        padding: 0;
    }
    @page {
        size: landscape;
        margin: 1cm;
    }
}