/* Layout 2 coloane */
.ccsrv-grid{display:grid;grid-template-columns:360px 1fr;gap:24px}
@media(max-width:992px){.ccsrv-grid{grid-template-columns:1fr}}

/* Sidebar */
.ccsrv-left{background:#a7c7a1;padding:20px;border-radius:12px}
.ccsrv-form .ccsrv-field{margin-bottom:12px}
.ccsrv-field label{display:block;margin-bottom:6px;font-size:.85rem;letter-spacing:.03em;opacity:.9}
.ccsrv-input{width:100%;padding:.55rem .7rem;border:1px solid #d9e3d6;border-radius:10px;background:#fff}
.ccsrv-actions{margin-top:8px}
.ccsrv-btn{padding:.7rem 1rem;border:0;background:#16a34a;color:#fff;border-radius:10px;cursor:pointer}

/* Rezultate */
.ccsrv-right{min-height:200px}
.ccsrv-loading{opacity:.6;pointer-events:none}
.ccsrv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1100px){.ccsrv-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ccsrv-cards{grid-template-columns:1fr}}
.ccsrv-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}
.ccsrv-thumb{display:block;aspect-ratio:4/3;background:#f6f6f6}
.ccsrv-thumb img{width:100%;height:100%;object-fit:cover}
.ccsrv-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#888}
.ccsrv-body{padding:12px}
.ccsrv-title{margin:0 0 6px;font-size:16px;line-height:1.3}
.ccsrv-meta{font-weight:600;color:#16a34a}
.ccsrv-paging{margin:16px 0;display:flex;gap:8px}
.ccsrv-paging a{padding:.45rem .75rem;border:1px solid #ddd;border-radius:8px;text-decoration:none}
.ccsrv-paging a.on{background:#16a34a;border-color:#16a34a;color:#fff}
.ccsrv-empty{padding:24px;background:#fff;border:1px dashed #ddd;border-radius:12px}