:root {
--ouk-primary:    #1a3a5c;
--ouk-accent:     #c8a84b;
--ouk-bg:         #f7f8fa;
--ouk-card-bg:    #ffffff;
--ouk-border:     #e4e8ef;
--ouk-text:       #1e2530;
--ouk-muted:      #6b7280;
--ouk-tervezett:  #f59e0b;
--ouk-megtartott: #10b981;
--ouk-elmaradt:   #ef4444;
--ouk-folyamatban:#3b82f6;
--ouk-radius:     10px;
--ouk-shadow:     0 2px 12px rgba(26,58,92,.09); --ouk-biz-primary: #2d4a7a;
}
.ouk-frontend {
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
color: var(--ouk-text);
max-width: 900px;
margin: 0 auto;
} .ouk-tipus-bizottsag .ouk-filter-row {
background: var(--ouk-biz-primary);
} .ouk-filter-form { margin-bottom: 24px; }
.ouk-filter-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
background: var(--ouk-primary);
padding: 16px 20px;
border-radius: var(--ouk-radius);
align-items: flex-end;
}
.ouk-filter-group { display: flex; flex-direction: column; gap: 4px; }
.ouk-filter-group label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em;
color: rgba(255,255,255,.7);
}
.ouk-filter-group select {
border: none;
border-radius: 6px;
padding: 7px 12px;
font-size: 14px;
background: #fff;
color: var(--ouk-text);
cursor: pointer;
min-width: 130px;
}
.ouk-filter-group select:focus { outline: 2px solid var(--ouk-accent); }
.ouk-filter-reset-wrap { justify-content: flex-end; }
.ouk-btn-reset {
display: inline-block;
padding: 7px 14px;
background: rgba(255,255,255,.15);
color: #fff;
border-radius: 6px;
text-decoration: none;
font-size: 13px;
transition: background .2s;
white-space: nowrap;
margin-top: 18px;
}
.ouk-btn-reset:hover { background: rgba(255,255,255,.28); color: #fff; }
.ouk-result-count {
font-size: 13px;
color: var(--ouk-muted);
margin-bottom: 14px;
padding-left: 2px;
} .ouk-empty {
text-align: center;
padding: 60px 20px;
color: var(--ouk-muted);
}
.ouk-empty-icon { font-size: 48px; margin-bottom: 12px; } .ouk-cards { display: flex; flex-direction: column; gap: 16px; }
.ouk-card {
display: flex;
background: var(--ouk-card-bg);
border: 1px solid var(--ouk-border);
border-radius: var(--ouk-radius);
box-shadow: var(--ouk-shadow);
overflow: hidden;
transition: box-shadow .2s, transform .2s;
}
.ouk-card:hover {
box-shadow: 0 6px 24px rgba(26,58,92,.14);
transform: translateY(-1px);
} .ouk-card-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: var(--ouk-primary);
color: #fff;
padding: 18px 16px;
min-width: 78px;
text-align: center;
flex-shrink: 0;
}
.ouk-tipus-bizottsag .ouk-card-date { background: var(--ouk-biz-primary); }
.ouk-card-statusz-tervezett   .ouk-card-date { border-left: 4px solid var(--ouk-tervezett); }
.ouk-card-statusz-megtartott  .ouk-card-date { border-left: 4px solid var(--ouk-megtartott); }
.ouk-card-statusz-elmaradt    .ouk-card-date { border-left: 4px solid var(--ouk-elmaradt); }
.ouk-card-statusz-folyamatban .ouk-card-date { border-left: 4px solid var(--ouk-folyamatban); }
.ouk-card-ev    { font-size: 11px; opacity: .7; letter-spacing: .05em; }
.ouk-card-nap   { font-size: 34px; font-weight: 700; line-height: 1.1; }
.ouk-card-honap { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .04em; }
.ouk-card-ido   {
font-size: 13px; margin-top: 6px;
background: rgba(255,255,255,.15);
padding: 2px 6px; border-radius: 4px;
} .ouk-card-body { padding: 18px 20px; flex: 1; min-width: 0; }
.ouk-card-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.ouk-card-title {
margin: 0;
font-size: 17px;
font-weight: 700;
color: var(--ouk-primary);
line-height: 1.3;
flex: 1;
} .ouk-ics-btn {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 12px;
background: #f0f4ff;
color: #1e40af;
border: 1px solid #bfdbfe;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
transition: background .15s, border-color .15s;
}
.ouk-ics-btn:hover {
background: #dbeafe;
color: #1e40af;
border-color: #93c5fd;
}
.ouk-ics-btn span { display: inline; }
.ouk-card-testulet,
.ouk-card-helyszin {
font-size: 13px;
color: var(--ouk-muted);
margin-bottom: 4px;
display: flex;
align-items: center;
gap: 6px;
}
.ouk-icon { font-size: 14px; }
.ouk-card-leiras {
margin-top: 10px;
font-size: 13.5px;
color: #4b5563;
line-height: 1.6;
border-top: 1px solid var(--ouk-border);
padding-top: 10px;
} .ouk-docs {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid var(--ouk-border);
}
.ouk-docs-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
color: var(--ouk-muted);
margin-bottom: 8px;
}
.ouk-docs-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.ouk-doc-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 14px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: filter .15s, transform .15s;
border: 1px solid transparent;
}
.ouk-doc-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
.ouk-doc-meghivo  { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
.ouk-doc-jkonyv   { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.ouk-doc-jelenlet { background: #fefce8; color: #a16207; border-color: #fde68a; } .ouk-eloterjesztesek { margin-top: 8px; }
.ouk-elot-toggle {
background: var(--ouk-primary);
border: 1px solid var(--ouk-primary);
border-radius: 6px;
padding: 7px 14px;
font-size: 13px;
font-weight: 600;
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
width: 100%;
transition: background .15s, border-color .15s;
}
.ouk-elot-toggle:hover { background: #14304d; border-color: #14304d; }
.ouk-arrow { font-size: 10px; transition: transform .2s; display: inline-block; }
.ouk-elot-toggle[aria-expanded="true"] .ouk-arrow { transform: rotate(180deg); }
.ouk-elot-pub-lista {
list-style: none;
margin: 8px 0 0 0;
padding: 0;
border: 1px solid var(--ouk-border);
border-radius: 6px;
overflow: hidden;
}
.ouk-elot-sor {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 14px;
font-size: 13px;
border-bottom: 1px solid var(--ouk-border);
background: #fafbfc;
}
.ouk-elot-sor:last-child { border-bottom: none; }
.ouk-elot-szam { font-weight: 700; color: var(--ouk-primary); min-width: 20px; }
.ouk-elot-nev  { flex: 1; }
.ouk-elot-pdf-wrap {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.ouk-elot-pdf-label { font-size: 12px; color: var(--ouk-muted); }
.ouk-elot-open-btn {
display: inline-block;
padding: 2px 9px;
background: #2563eb;
color: #fff;
border-radius: 4px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
text-decoration: none;
transition: background .15s;
}
.ouk-elot-open-btn:hover { background: #1d4ed8; color: #fff; } .ouk-pagination {
display: flex;
justify-content: center;
gap: 6px;
margin-top: 30px;
flex-wrap: wrap;
}
.ouk-page-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
border-radius: 6px;
border: 1px solid var(--ouk-border);
background: #fff;
color: var(--ouk-primary);
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: background .15s, border-color .15s;
}
.ouk-page-btn:hover { background: #f1f5f9; }
.ouk-page-btn.active {
background: var(--ouk-primary);
color: #fff;
border-color: var(--ouk-primary);
} @media (max-width: 600px) {
.ouk-card { flex-direction: column; }
.ouk-card-date {
flex-direction: row;
justify-content: flex-start;
gap: 12px;
padding: 12px 16px;
min-width: auto;
}
.ouk-card-nap { font-size: 22px; }
.ouk-filter-row { flex-direction: column; }
.ouk-filter-group select { min-width: 100%; }
.ouk-ics-btn span { display: none; }
}