Consolidated Draft Programme of Work - StatCoM || UN-GGIM || FASDEV 2026

/* Base Container Scope */
.programme-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #1e293b;
line-height: 1.5;
background-color: #ffffff;
max-width: 1100px;
margin: 0 auto;
padding: 20px;
}

/* Document Header */
.programme-container .header-block {
text-align: center;
border-bottom: 3px solid #0f2c59;
padding-bottom: 20px;
margin-bottom: 25px;
}

.programme-container .header-org {
font-size: 0.95rem;
font-weight: 700;
text-transform: uppercase;
color: #475569;
letter-spacing: 0.5px;
margin-bottom: 4px;
}

.programme-container .header-title {
font-size: 1.5rem;
font-weight: 800;
color: #0f2c59;
margin-bottom: 10px;
line-height: 1.3;
}

.programme-container .header-meta {
font-size: 0.9rem;
color: #64748b;
font-weight: 600;
}

/* CSS-Only Radio Input Controls */
.programme-container input[type="radio"] {
display: none;
}

/* Tab Control Bar */
.programme-container .tab-bar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 25px;
border-bottom: 2px solid #e2e8f0;
padding-bottom: 10px;
}

.programme-container .tab-label {
padding: 10px 18px;
font-size: 0.88rem;
font-weight: 700;
border-radius: 6px;
cursor: pointer;
background-color: #f1f5f9;
color: #475569;
transition: all 0.2s ease;
user-select: none;
border: 1px solid #cbd5e1;
}

.programme-container .tab-label:hover {
background-color: #e2e8f0;
color: #0f2c59;
}

/* Active Tab Styling via CSS :checked */
#tab-all:checked ~ .tab-bar label[for="tab-all"] { background-color: #0f2c59; color: #ffffff; border-color: #0f2c59; }
#tab-statcom:checked ~ .tab-bar label[for="tab-statcom"] { background-color: #059669; color: #ffffff; border-color: #059669; }
#tab-unggim:checked ~ .tab-bar label[for="tab-unggim"] { background-color: #0f2c59; color: #ffffff; border-color: #0f2c59; }
#tab-fasdev:checked ~ .tab-bar label[for="tab-fasdev"] { background-color: #7c3aed; color: #ffffff; border-color: #7c3aed; }
#tab-joint:checked ~ .tab-bar label[for="tab-joint"] { background-color: #ea580c; color: #ffffff; border-color: #ea580c; }

/* Day Section Card */
.programme-container .day-block {
margin-bottom: 35px;
border: 1px solid #e2e8f0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.programme-container .day-header {
background-color: #0f2c59;
color: #ffffff;
padding: 12px 20px;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.3px;
}

/* Table Layout */
.programme-container table {
width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 0.9rem;
}

.programme-container th {
background-color: #f1f5f9;
color: #334155;
font-weight: 700;
padding: 10px 14px;
border-bottom: 2px solid #cbd5e1;
text-transform: uppercase;
font-size: 0.8rem;
}

.programme-container td {
padding: 12px 14px;
border-bottom: 1px solid #e2e8f0;
vertical-align: top;
}

.programme-container tr:nth-child(even) {
background-color: #f8fafc;
}

.programme-container .col-time {
width: 18%;
font-weight: 700;
color: #0f2c59;
white-space: nowrap;
}

.programme-container .col-session {
width: 47%;
}

.programme-container .col-details {
width: 35%;
color: #475569;
font-size: 0.85rem;
}

.programme-container .session-title {
font-weight: 700;
color: #0f2c59;
display: block;
margin-bottom: 4px;
}

/* Track Badges */
.programme-container .track-tag {
display: inline-block;
padding: 2px 6px;
border-radius: 4px;
font-size: 0.72rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 6px;
text-transform: uppercase;
}

.programme-container .tag-unggim { background-color: #0f2c59; }
.programme-container .tag-fasdev { background-color: #7c3aed; }
.programme-container .tag-statcom { background-color: #059669; }
.programme-container .tag-joint { background-color: #ea580c; }

.programme-container .break-row {
background-color: #f1f5f9 !important;
font-style: italic;
color: #64748b;
}

/* =========================================================
TAB FILTERING LOGIC (Pure CSS)
========================================================= */

/* Filter: StatCom-Africa */
#tab-statcom:checked ~ .day-container tr:not(.row-statcom) { display: none; }
#tab-statcom:checked ~ .day-container .day-mon,
#tab-statcom:checked ~ .day-container .day-tue { display: none; } /* Hides Mon & Tue (including breaks) */

/* Filter: UN-GGIM: Africa */
#tab-unggim:checked ~ .day-container tr:not(.row-unggim) { display: none; }

/* Filter: FASDEV */
#tab-fasdev:checked ~ .day-container tr:not(.row-fasdev) { display: none; }
#tab-fasdev:checked ~ .day-container .day-mon,
#tab-fasdev:checked ~ .day-container .day-wed,
#tab-fasdev:checked ~ .day-container .day-thu,
#tab-fasdev:checked ~ .day-container .day-fri { display: none; } /* Hides days with no FASDEV */

/* Filter: Joint Sessions Only */
#tab-joint:checked ~ .day-container tr:not(.row-joint) { display: none; }
#tab-joint:checked ~ .day-container .day-mon,
#tab-joint:checked ~ .day-container .day-tue { display: none; } /* Hides Mon & Tue since no joint sessions exist */

/* Printable Styles (Overrides tab filters when printing) */
@media print {
.programme-container .tab-bar { display: none !important; }
.programme-container .day-block { display: block !important; page-break-inside: avoid; border: 1px solid #ccc !important; margin-bottom: 20px !important; }
.programme-container tr { display: table-row !important; }
.programme-container .day-header { background-color: #0f2c59 !important; color: #ffffff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.programme-container th { background-color: #f1f5f9 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.programme-container .track-tag { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}