
.cgttc-wrap { margin: 0; padding: 0; }
.cgttc-box {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  padding: 18px;
  margin: 12px 0;
  background: #fff;
}
.cgttc-warning { background: #fff7e6; border-color: rgba(255,170,0,0.35); }
.cgttc-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.cgttc-sub { font-size: 12px; font-weight: 400; color: rgba(0,0,0,0.55); margin-left: 6px; }

.cgttc-form { max-width: 920px; }
.cgttc-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.cgttc-field { display: flex; flex-direction: column; gap: 6px; }
.cgttc-field label { font-weight: 600; }
.cgttc-field input, .cgttc-field select, .cgttc-field textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff;
  font-size: 14px;
}
.cgttc-field small { color: rgba(0,0,0,0.60); line-height: 1.35; }
.cgttc-span-2 { grid-column: span 1; }

.cgttc-check { display: flex; gap: 10px; align-items: center; font-weight: 600; }
.cgttc-check input { width: 18px; height: 18px; }

.cgttc-actions { margin-top: 14px; }
.cgttc-btn {
  display: block;
  width: 100%;
  padding: 14px 16px;
  border-radius: 0;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}

.cgttc-note { margin-top: 14px; color: rgba(0,0,0,0.70); }
.cgttc-note p { margin: 8px 0 0; }

.cgttc-kv { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 12px 0 16px; }
.cgttc-kv > div { border: 1px solid rgba(0,0,0,0.10); border-radius: 12px; padding: 12px; }
.cgttc-kv span { display:block; font-size: 12px; color: rgba(0,0,0,0.55); margin-bottom: 6px; }
.cgttc-kv b { font-size: 18px; }

.cgttc-table { width: 100%; border-collapse: collapse; }
.cgttc-table th, .cgttc-table td { border-top: 1px solid rgba(0,0,0,0.10); padding: 10px 8px; text-align: left; vertical-align: top; }
.cgttc-table th { width: 34%; color: rgba(0,0,0,0.70); }
.cgttc-muted { color: rgba(0,0,0,0.55); font-size: 12px; margin-left: 6px; }

.cgttc-flags { margin: 10px 0 0; padding-left: 18px; }
.cgttc-flags li { margin: 4px 0; }

@media (max-width: 720px) {
  .cgttc-grid { grid-template-columns: 1fr; }
  .cgttc-span-2 { grid-column: span 1; }
  .cgttc-kv { grid-template-columns: 1fr; }
}


/* Region autocomplete */
.cgttc-region-wrap { position: relative; }
.cgttc-suggest {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.18);
  box-sizing: border-box;
  max-height: 240px;
  overflow: auto;
  z-index: 99999;
}
.cgttc-suggest-item {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
}
.cgttc-suggest-item:hover,
.cgttc-suggest-item.is-active {
  background: rgba(0,0,0,0.06);
}



/* Region split (sido / si-gun / gu) */
.cgttc-region-split{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.cgttc-ac{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cgttc-sub-label{
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  color: rgba(0,0,0,0.85);
}
