.ck-card { background:#fff; border:1px solid #ddd; border-radius:10px; padding:1rem; box-shadow:0 2px 4px rgba(0,0,0,.05); }
.ck-header { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; margin:.25rem 0 1rem; flex-wrap:wrap; }
.ck-header h2 { margin:0; color:#2E7D32; font-size:1.35rem; }
.ck-info { margin:0 0 .75rem; color:#444; }

.ck-form { display:grid; gap:1rem; }
@media (min-width:720px) {
  .ck-grid-2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1rem; }
}

.ck-row { position:relative; min-width:0; }
.ck-row label { display:block; font-weight:600; margin:0 0 .35rem; color:#374151; }
.ck-row input,
.ck-row select,
.ck-row textarea {
  display:block;
  width:100%;
  max-width:100%;
  padding:.7rem .85rem;
  border:1px solid #d1d5db;
  border-radius:10px;
  font:inherit;
  line-height:1.4;
  background:#fff;
}
.ck-row input:focus,
.ck-row select:focus,
.ck-row textarea:focus { outline:none; border-color:#2E7D32; box-shadow:0 0 0 3px rgba(46,125,50,.15); }
.ck-row textarea { min-height:180px; resize:vertical; max-width:100%; }
.ck-help { font-size:.92rem; color:#666; margin-top:.15rem; }
.ck-form-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; }
.ck-form-footer .ck-captcha { flex:1 1 auto; }
.ck-actions { display:flex; flex:0 0 auto; justify-content:flex-end; gap:.6rem; flex-wrap:wrap; }
@media (max-width:640px) {
  .ck-form-footer { flex-direction:column; align-items:stretch; }
  .ck-actions { width:100%; }
}
.ck-btn { border:0; border-radius:10px; padding:.75rem 1rem; cursor:pointer; }
.ck-btn-primary { background:#1b5e20; color:#fff; }
.ck-btn-secondary { background:#f3f4f6; }
.ck-alert { padding:.85rem 1rem; border-radius:10px; margin:0 0 1rem; }
.ck-warn { display:flex; align-items:flex-start; gap:.65rem; margin:.75rem 0 0; background:#fff8e6; border:1px solid #ead59b; color:#66511d; }
.ck-warn i { flex:0 0 auto; margin-top:.15rem; color:#a87800; }
.ck-ok { background:#eaf7ea; border:1px solid #c5e6c5; color:#0f4e10; }
.ck-err { background:#ffe9e9; border:1px solid #ffc1c1; color:#7a0000; }

.ck-error { border-color:#dc2626 !important; box-shadow:0 0 0 3px rgba(220,38,38,.12) !important; }
.ck-error-text { color:#b91c1c; font-size:.9rem; margin-top:.25rem; }

.ck-captcha-wrap { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.ck-captcha-input { position:relative; flex:0 0 140px; max-width:140px; }
.ck-captcha .q { font-weight:700; padding:.55rem .75rem; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:10px; }
#captcha { max-width:140px; padding-right:2.75rem; }
.ck-captcha-refresh { position:absolute; top:50%; right:.35rem; display:inline-flex; align-items:center; justify-content:center; width:2.1rem; height:2.1rem; padding:0; color:#1b5e20; background:#f3f4f6; border:0; border-radius:8px; cursor:pointer; transform:translateY(-50%); }
.ck-captcha-refresh:hover,
.ck-captcha-refresh:focus { color:#0f4313; background:#e3eee4; outline:none; }

.ck-link { background:none; border:0; padding:0; color:#1b5e20; text-decoration:underline; cursor:pointer; font:inherit; }
.ck-link:hover { text-decoration:none; }

:where(.ck-card, .ck-card *) { box-sizing:border-box; }
.ck-card { max-width:100%; overflow-wrap:anywhere; }

#content .ck-row input,
#content .ck-row select,
#content .ck-row textarea {
  width:100% !important;
  max-width:100% !important;
}

.hp { position:absolute; left:-99999px; top:auto; width:1px; height:1px; overflow:hidden; }
