/* Front-end styles for Page Scan */
.page-scan-status {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 4px;
  display: inline-block;
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
  box-sizing: border-box;
}
.page-scan-status.info { background: #eef6ff; color: #1e73be; border: 1px solid #cfe8ff; }
.page-scan-status.success { background: #edf7ed; color: #237a3b; border: 1px solid #cdeccd; }
.page-scan-status.error { background: #fdecea; color: #a12622; border: 1px solid #f5c6c4; }

.notice-inline {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 4px;
  display: inline-block;
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
  box-sizing: border-box;
}
.notice-inline.success { background: #edf7ed; color: #237a3b; border: 1px solid #cdeccd; }
.notice-inline.info { background: #eef6ff; color: #1e73be; border: 1px solid #cfe8ff; }
.notice-inline.error { background: #fdecea; color: #a12622; border: 1px solid #f5c6c4; }

/* Tabs */
.ps-tabs { margin-bottom: 12px; }
.ps-btn-tab { margin-right: 6px; }
.ps-btn-tab.active { background: #2271b1; color: #fff; }

/* Segmented control (reuse admin style) */
.page-scan-intent { margin: 10px 0 16px; }
.segmented-control { display: inline-flex; border: 1px solid #ccd0d4; border-radius: 6px; overflow: hidden; background: #f6f7f7; }
.segmented-control input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.segmented-control label { margin: 0; padding: 6px 12px; border-left: 1px solid #ccd0d4; cursor: pointer; user-select: none; color: #2c3338; }
.segmented-control label:first-of-type { border-left: 0; }
.segmented-control input[type="radio"]:focus + label { box-shadow: 0 0 0 1px #2271b1 inset; }
.segmented-control input[type="radio"]:checked + label { background: #2271b1; color: #fff; }

/* Tables */
.ps-table { width: 100%; }

/* Inputs: URL + Keywords (shortcode) */
.page-scan-frontend label { display: inline-block; margin-bottom: 6px; color: #2c3338; }
.page-scan-frontend .description { display: block; margin-top: 6px; color: #6c7781; font-size: 12px; }
.page-scan-frontend .ps-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.page-scan-frontend .ps-col { flex: 1 1 260px; min-width: 220px; }
.page-scan-frontend .ps-col-url { flex: 2 1 420px; }
.page-scan-frontend .ps-col-country { flex: 1 1 220px; max-width: 300px; }
.page-scan-frontend .regular-text,
.page-scan-frontend .large-text,
.page-scan-frontend input[type="url"],
.page-scan-frontend textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccd0d4;
  border-radius: 6px;
  background: #fff;
  color: #1d2327;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
  box-sizing: border-box;
}
.page-scan-frontend textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.4;
}
.page-scan-frontend input[type="url"]:focus,
.page-scan-frontend textarea:focus {
  outline: none;
  border-color: #2271b1;
  box-shadow: 0 0 0 1px #2271b1;
  background: #fff;
}
.page-scan-frontend input::placeholder,
.page-scan-frontend textarea::placeholder {
  color: #667085;
  opacity: 1;
}
@media (max-width: 600px) {
  .page-scan-frontend .regular-text,
  .page-scan-frontend .large-text,
  .page-scan-frontend input[type="url"],
  .page-scan-frontend textarea {
    font-size: 16px;
  }
}

/* Structured sections */
.ps-sections { margin: 8px 0 16px; }
.ps-section { margin: 8px 0 12px; }
.ps-section h3 { margin: 8px 0 6px; font-size: 1.05rem; }
.ps-section ul { margin: 6px 0 0 18px; list-style: disc; }
.ps-section li { margin: 2px 0; }