/* OrigAI Anchor Candidates v1 */

.origai-anchor-candidate-panel-v1 {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(148, 163, 184, .16) !important;
}

.origai-anchor-candidate-head-v1 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.origai-anchor-candidate-title-v1 {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: inherit !important;
}

.origai-anchor-candidate-sub-v1 {
  font-size: 12px !important;
  color: rgba(148, 163, 184, .9) !important;
  line-height: 1.45 !important;
  margin-top: 2px !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-sub-v1,
body[data-page="mobile"] .origai-anchor-candidate-sub-v1 {
  color: #64748b !important;
}

.origai-anchor-candidate-list-v1 {
  display: grid !important;
  gap: 10px !important;
}

.origai-anchor-candidate-card-v1 {
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(96, 165, 250, .22) !important;
  background: rgba(37, 99, 235, .08) !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-card-v1,
body[data-page="mobile"] .origai-anchor-candidate-card-v1 {
  background: rgba(239, 246, 255, .96) !important;
  border-color: rgba(147, 197, 253, .55) !important;
}

.origai-anchor-candidate-name-v1 {
  font-size: 14px !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;
  margin-bottom: 5px !important;
}

.origai-anchor-candidate-meta-v1 {
  color: rgba(148, 163, 184, .92) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-meta-v1,
body[data-page="mobile"] .origai-anchor-candidate-meta-v1 {
  color: #64748b !important;
}

.origai-anchor-candidate-detail-v1 {
  margin-top: 7px !important;
  color: rgba(226, 232, 240, .78) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  max-height: 88px !important;
  overflow: hidden !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-detail-v1,
body[data-page="mobile"] .origai-anchor-candidate-detail-v1 {
  color: #334155 !important;
}

.origai-anchor-candidate-actions-v1 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.origai-anchor-candidate-btn-v1 {
  appearance: none !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  color: inherit !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-btn-v1,
body[data-page="mobile"] .origai-anchor-candidate-btn-v1 {
  background: rgba(255, 255, 255, .86) !important;
  border-color: rgba(203, 213, 225, .95) !important;
}

.origai-anchor-candidate-btn-primary-v1 {
  border-color: rgba(59, 130, 246, .42) !important;
  background: rgba(37, 99, 235, .18) !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-btn-primary-v1,
body[data-page="mobile"] .origai-anchor-candidate-btn-primary-v1 {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}

.origai-anchor-candidate-btn-danger-v1 {
  border-color: rgba(248, 113, 113, .34) !important;
  color: #fecaca !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-btn-danger-v1,
body[data-page="mobile"] .origai-anchor-candidate-btn-danger-v1 {
  color: #dc2626 !important;
  background: rgba(254, 242, 242, .9) !important;
  border-color: rgba(248, 113, 113, .34) !important;
}

.origai-anchor-candidate-editor-v1 {
  display: none !important;
  margin-top: 12px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .045) !important;
}

.origai-anchor-candidate-editor-v1.show {
  display: block !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-editor-v1,
body[data-page="mobile"] .origai-anchor-candidate-editor-v1 {
  background: rgba(248, 250, 252, .95) !important;
  border-color: rgba(203, 213, 225, .95) !important;
}

.origai-anchor-candidate-field-v1 {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 9px !important;
}

.origai-anchor-candidate-field-v1 label {
  font-size: 12px !important;
  color: rgba(148, 163, 184, .92) !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-field-v1 label,
body[data-page="mobile"] .origai-anchor-candidate-field-v1 label {
  color: #64748b !important;
}

.origai-anchor-candidate-input-v1,
.origai-anchor-candidate-select-v1,
.origai-anchor-candidate-textarea-v1 {
  width: 100% !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  border-radius: 14px !important;
  background: rgba(15, 23, 42, .45) !important;
  color: #e5e7eb !important;
  padding: 9px 10px !important;
  outline: none !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
}

body:not([data-page="pc"]) .origai-anchor-candidate-input-v1,
body:not([data-page="pc"]) .origai-anchor-candidate-select-v1,
body:not([data-page="pc"]) .origai-anchor-candidate-textarea-v1,
body[data-page="mobile"] .origai-anchor-candidate-input-v1,
body[data-page="mobile"] .origai-anchor-candidate-select-v1,
body[data-page="mobile"] .origai-anchor-candidate-textarea-v1 {
  background: #fff !important;
  color: #0f172a !important;
  border-color: rgba(203, 213, 225, .95) !important;
}

.origai-anchor-candidate-textarea-v1 {
  min-height: 92px !important;
  resize: vertical !important;
}

.origai-anchor-candidate-empty-v1 {
  padding: 14px 10px !important;
  color: rgba(148, 163, 184, .9) !important;
  font-size: 13px !important;
  text-align: center !important;
}
