.c4-wrap {
    max-width: 1180px;
    margin: 30px auto;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.c4-wrap, .c4-wrap * { box-sizing: border-box; }

.c4-toolbar {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    margin-bottom:16px;
}
.c4-btn, .c4-action {
    display:inline-block;
    border:0;
    border-radius:22px;
    padding:9px 17px;
    text-decoration:none !important;
    color:#fff !important;
    font-weight:700;
    line-height:1.2;
    cursor:pointer;
    transition:transform .15s ease, filter .15s ease;
}
.c4-btn:hover, .c4-action:hover { transform:translateY(-1px); filter:brightness(.92); }

.c4-blue { background:#1688c7; }
.c4-green { background:#39a852; }
.c4-red { background:#d9534f; }
.c4-purple { background:#8e44ad; }
.c4-dark { background:#222; }
.c4-gray { background:#6c757d; }

.c4-user {
    margin-left:auto;
    color:#ddd;
    font-size:14px;
}



.c4-categories a {
    color:#fff !important;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.16);
    border-radius:18px;
    padding:7px 13px;
    text-decoration:none !important;
}
.c4-categories a.active, .c4-categories a:hover { background:#1688c7; }

.c4-card {
    display:flex;
    gap:20px;
    justify-content:space-between;
    margin:0 0 18px;
    padding:22px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background-color:#0e151b;
    background-image:url('contact-bg.png');
    background-repeat:repeat;
    box-shadow:0 5px 16px rgba(0,0,0,.24);
}
.c4-main { flex:1 1 auto; min-width:0; }
.c4-card h2 {
    margin:0 0 14px;
    font-size:28px;
    line-height:1.2;
}
.c4-yellow { color:#ffe000; }
.c4-info { color:#fff; font-size:.75em; }

.c4-fields { font-size:17px; line-height:1.75; }
.c4-fields a { color:#fff; }
.label { font-weight:700; margin-right:8px; }
.label.blue { color:#345cff; }
.label.green { color:#18e34d; }
.label.yellow { color:#ffe000; }

.c4-note { margin-top:4px; }

.c4-actions {
    width:180px;
    flex:0 0 180px;
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:stretch;
}
.c4-action { text-align:center; padding:9px 12px; }

.c4-empty {
    padding:30px;
    text-align:center;
    background:rgba(0,0,0,.35);
    border-radius:12px;
}

.c4-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    margin:22px 0;
}
.c4-pagination a {
    color:#fff !important;
    background:#1688c7;
    border-radius:20px;
    padding:8px 14px;
    text-decoration:none !important;
}

.c4-form {
    margin:0 0 20px;
    padding:22px;
    border-radius:12px;
    background:#101820;
    background-image:url('contact-bg.png');
    border:1px solid rgba(255,255,255,.14);
}
.c4-form h2 { color:#fff !important; margin-top:0; }
.c4-form-grid {
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
}
.c4-form label { display:block; }
.c4-form label > span {
    display:block;
    color:#ffe000;
    font-weight:700;
    margin-bottom:4px;
}
.c4-form input, .c4-form textarea, .c4-form select {
    width:100%;
    border:1px solid #777;
    border-radius:8px;
    padding:9px 10px;
    background:#fff;
    color:#222;
}
.c4-form-actions {
    display:flex;
    gap:10px;
    margin-top:16px;
}
.c4-login {
    padding:20px;
    border-radius:10px;
    background:#222;
}

@media (max-width: 700px) {
    .c4-wrap { margin:15px 10px; }
    .c4-card { flex-direction:column; }
    .c4-actions { width:auto; flex:1 1 auto; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); }
    .c4-form-grid { grid-template-columns:1fr; }
    .c4-user { width:100%; margin-left:0; }
    .c4-card h2 { font-size:23px; }
}

.c4-filters{margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c4-search-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.c4-search-form input[type="search"],.c4-search-form select{border:0;border-radius:28px;padding:12px 16px;font-size:16px;min-height:44px;box-sizing:border-box}
.c4-search-form input[type="search"]{min-width:250px}
.c4-search-form select{min-width:190px}
.c4-search-button,.c4-reset-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border:0!important}
.c4-reset-button{background:#777!important;color:#fff!important}
.c4-category{display:inline-block;margin:4px 0 10px;padding:4px 10px;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:700}

.c4-category-button{
    cursor:default;
    pointer-events:none;
    display:flex!important;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    color:#fff!important;
    text-decoration:none!important;
}
.c4-category-button.c4-cat-rodina,.c4-category-button.c4-cat-pratele,.c4-category-button.c4-cat-doktori,.c4-category-button.c4-cat-ostatni{background:#39a852;}