/* teeparty.be – Gaestebuch */
.gb-wrap {
  width: 528px;
  height: 615px;
  box-sizing: border-box;
  background: #f1d7a0;
  padding: 10px 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #2b2b2b;
  display: flex;
  flex-direction: column;
}
.gb-head { font-size: 17px; font-weight: bold; text-align: center; margin-bottom: 6px; }
.gb-msg { font-size: 12px; padding: 5px 8px; border-radius: 3px; margin-bottom: 6px; }
.gb-ok  { background: #d8f0cf; border: 1px solid #9ec98c; color: #2f6b1e; }
.gb-err { background: #f6d9d4; border: 1px solid #d99; color: #963; }
.gb-closed { background: #efe2c2; border: 1px solid #c9ad75; color: #5d3800; text-align: center; margin-bottom: 8px; }

.gb-form { margin-bottom: 8px; }
.gb-form input[type=text], .gb-form textarea {
  width: 100%; box-sizing: border-box; padding: 5px 7px; margin-bottom: 5px;
  border: 1px solid #c9ad75; border-radius: 3px; font-family: inherit; font-size: 13px; background: #fffdf6;
}
.gb-form textarea { resize: vertical; }
.gb-row { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
.gb-row label { font-size: 13px; }
.gb-math { width: 70px !important; margin: 0 !important; }
.gb-hp { position: absolute; left: -5000px; width: 1px; height: 1px; opacity: 0; } /* Honeypot */
.gb-form button {
  background: #7a4a00; color: #fff; border: none; padding: 7px 16px;
  border-radius: 3px; cursor: pointer; font-size: 14px;
}
.gb-form button:hover { background: #5d3800; }
.gb-hint { font-size: 11px; color: #6b5a3a; margin-top: 4px; }
.gb-hint a { color: #7a4a00; }

.gb-list { flex: 1; overflow-y: auto; border-top: 1px solid #d8be86; padding-top: 6px; }
.gb-item { border-bottom: 1px solid #d8be86; padding: 7px 2px; }
.gb-meta { font-size: 12px; }
.gb-name { font-weight: bold; color: #5d3800; }
.gb-date { color: #6b5a3a; font-weight: normal; }
.gb-text { font-size: 13px; line-height: 1.45; margin-top: 3px; }
.gb-webm { font-size: 12px; font-style: italic; color: #7a4a00; margin-top: 4px; }
.gb-empty { font-style: italic; color: #6b5a3a; padding: 14px; text-align: center; }