/*
 * Appointment Management – SWS (FREE)
 * Admin styles
 *
 * WordPress core does not always ship a complete jQuery UI Datepicker theme.
 * On some installs the calendar popup can appear transparent.
 * These styles provide a clean baseline without external CDN dependencies.
 */

/* --- jQuery UI Datepicker baseline --- */
.ui-datepicker {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  z-index: 100000 !important;
}

.ui-datepicker .ui-datepicker-header {
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 6px;
  padding: 6px 8px;
  margin-bottom: 8px;
}

.ui-datepicker .ui-datepicker-title {
  font-weight: 600;
}

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
}

.ui-datepicker th {
  padding: 4px;
  color: #50575e;
  font-weight: 600;
  text-align: center;
}

.ui-datepicker td {
  padding: 2px;
  text-align: center;
}

.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: 6px 0;
  border-radius: 6px;
  text-decoration: none;
  color: #1d2327;
}

.ui-datepicker td a:hover {
  background: #f0f0f1;
}

.ui-datepicker .ui-state-active {
  background: #2271b1;
  color: #fff;
}

.ui-datepicker .ui-state-disabled span {
  opacity: 0.45;
}
.wpappsws-shortcode-generator {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:20px;
    margin-top:20px;
}

.wpappsws-shortcode-card {
    border:1px solid #ddd;
    border-radius:8px;
    padding:16px;
    background:#fff;
}

.wpappsws-shortcode-output {
    display:flex;
    align-items:center;
    margin-top:12px;
    gap:8px;
}

.wpappsws-shortcode-output code {
    flex:1;
    padding:6px 10px;
    background:#f0f0f0;
    border-radius:4px;
    font-size:.95em;
    font-family:Consolas,Monaco,monospace;
}