.tkimgslide-v010001 {
    margin: 1.5rem 0;
    max-width: 100%;
}

.tkimgslide-v010001 .tkimgslide-stage {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #f6f7f7;
}

.tkimgslide-v010001 .tkimgslide-slides {
    min-height: 180px;
}

.tkimgslide-v010001 .tkimgslide-slide {
    display: none;
    margin: 0;
    text-align: center;
}

.tkimgslide-v010001 .tkimgslide-slide.is-active {
    display: block;
}

.tkimgslide-v010001 .tkimgslide-image {
    display: block;
    width: 100%;
    max-height: var(--tkimgslide-height, 420px);
    object-fit: contain;
    margin: 0 auto;
}

.tkimgslide-v010001 .tkimgslide-caption {
    padding: 0.7rem 1rem;
    font-size: 0.95rem;
    line-height: 1.35;
    background: rgba(255, 255, 255, 0.92);
}

.tkimgslide-v010001 .tkimgslide-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.86);
}

.tkimgslide-v010001 .tkimgslide-prev {
    left: 0.5rem;
}

.tkimgslide-v010001 .tkimgslide-next {
    right: 0.5rem;
}

.tkimgslide-v010001 .tkimgslide-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.7rem 0 0;
}

.tkimgslide-v010001 .tkimgslide-dot {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    padding: 0;
    cursor: pointer;
    background: transparent;
}

.tkimgslide-v010001 .tkimgslide-dot.is-active {
    background: currentColor;
}

.tkimgslide-v010001 .tkimgslide-debug,
.tkimgslide-message {
    padding: 0.6rem 0.8rem;
    border-left: 4px solid currentColor;
    background: #f6f7f7;
    font-size: 0.95rem;
}

.tkimgslide-admin-card {
    margin: 1rem 0;
    padding: 1rem 1.2rem;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 4px;
}

.tkimgslide-inline-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
    align-items: center;
}

.tkimgslide-inline-fields label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.tkimgslide-inline-fields input[type="text"],
.tkimgslide-inline-fields input[type="number"] {
    width: 7rem;
}

.tkimgslide-results td,
.tkimgslide-results th {
    vertical-align: middle;
}

@media (max-width: 600px) {
    .tkimgslide-v010001 .tkimgslide-image {
        max-height: min(var(--tkimgslide-height, 420px), 65vh);
    }

    .tkimgslide-v010001 .tkimgslide-arrow {
        width: 2rem;
        height: 2rem;
        font-size: 1.5rem;
    }
}


.tkimgslide-set-adder {
    margin-top: 0.75rem;
}

.tkimgslide-set-adder summary {
    cursor: pointer;
    font-weight: 600;
}

.tkimgslide-add-fields {
    margin-top: 0.75rem;
}

.tkimgslide-add-fields input[type="text"] {
    width: 11rem;
}

.tkimgslide-add-fields label:nth-child(3) input[type="text"] {
    width: 18rem;
}

.tkimgslide-defined-sets td,
.tkimgslide-defined-sets th {
    vertical-align: middle;
}

.tkimgslide-add-panel {
    margin: 0 0 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    background: #f6f7f7;
}

.tkimgslide-add-panel h3 {
    margin-top: 0;
}

.tkimgslide-advanced summary {
    cursor: pointer;
    font-weight: 600;
    margin: 0.8rem 0;
}

.tkimgslide-shortcode-field {
    max-width: 34rem;
    margin-right: 0.4rem;
}

.tkimgslide-defined-sets .button {
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

/* v01.00.06 - front-end Slides page / TV relay launcher */
.tkimgslide-launcher-v010007{
  max-width:1100px;
  margin:0 auto 24px auto;
}
.tkimgslide-launcher-card,
.tkimgslide-launcher-notice{
  background:#fff;
  border:1px solid #dcdcde;
  border-radius:14px;
  padding:16px 18px;
  margin:0 0 16px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.tkimgslide-launcher-intro h2{
  margin-top:0;
}
.tkimgslide-launcher-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
  align-items:end;
}
.tkimgslide-launcher-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-weight:600;
}
.tkimgslide-launcher-grid label span{
  font-size:13px;
}
.tkimgslide-launcher-grid select,
.tkimgslide-launcher-grid input[type="text"],
.tkimgslide-launcher-grid input[type="number"],
.tkimgslide-launcher-grid input[type="url"],
.tkimgslide-management-form input[type="url"]{
  width:100%;
  min-height:40px;
  border:1px solid #c3c4c7;
  border-radius:8px;
  padding:7px 10px;
}
.tkimgslide-launcher-wide{
  grid-column:1 / -1;
}
.tkimgslide-launcher-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:14px;
}
.tkimgslide-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border:1px solid #1d2327;
  border-radius:9px;
  background:#f6f7f7;
  color:#1d2327;
  text-decoration:none;
  cursor:pointer;
  line-height:1.2;
  font-weight:700;
}
.tkimgslide-button:hover,
.tkimgslide-button:focus{
  text-decoration:none;
  filter:brightness(.96);
}
.tkimgslide-button-primary{
  background:#1d2327;
  color:#fff;
}
.tkimgslide-button-primary:hover,
.tkimgslide-button-primary:focus{
  color:#fff;
}
.tkimgslide-launcher-notice.is-ok{
  border-color:#00a32a;
  background:#f0fff4;
}
.tkimgslide-launcher-notice.is-error{
  border-color:#d63638;
  background:#fff5f5;
}
.tkimgslide-launcher-help{
  color:#646970;
  font-size:13px;
}
.tkimgslide-launcher-shortcode{
  width:100%;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.tkimgslide-launcher-preview{
  margin-top:16px;
}

.tkimgslide-user-set-form,
.tkimgslide-user-set-delete-form,
.tkimgslide-management-form{
  border-top:1px solid #dcdcde;
  margin-top:14px;
  padding-top:14px;
}
.tkimgslide-user-set-delete-form label,
.tkimgslide-management-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-weight:600;
}
.tkimgslide-user-set-delete-form select{
  min-height:38px;
  border:1px solid #c3c4c7;
  border-radius:8px;
  padding:7px 10px;
}
@media (max-width:700px){
  .tkimgslide-launcher-card,
  .tkimgslide-launcher-notice{
    padding:13px 14px;
    border-radius:11px;
  }
  .tkimgslide-launcher-actions{
    align-items:stretch;
  }
  .tkimgslide-button{
    width:100%;
  }
}

/* v01.00.10 - guided source workflow */
.tkimgslide-launcher-flow-card{
  border-top:4px solid #1d2327;
}
.tkimgslide-flow-steps{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0 0 14px 0;
  padding:0;
}
.tkimgslide-flow-steps li{
  padding:6px 10px;
  border:1px solid #c3c4c7;
  border-radius:10px;
  background:#f6f7f7;
  font-size:13px;
  font-weight:700;
  color:#646970;
}
.tkimgslide-flow-steps li.is-current{
  background:#1d2327;
  border-color:#1d2327;
  color:#fff;
}
.tkimgslide-launcher-form [hidden]{
  display:none !important;
}
.tkimgslide-launcher-grid small,
.tkimgslide-source-picker small{
  display:block;
  font-weight:400;
  color:#646970;
  line-height:1.35;
}
.tkimgslide-source-picker{
  border:1px solid #c3c4c7;
  border-radius:10px;
  padding:10px;
  background:#f6f7f7;
}
@media (max-width:700px){
  .tkimgslide-flow-steps{
    display:block;
  }
  .tkimgslide-flow-steps li{
    margin:0 0 6px 0;
  }
}

.tkimgslide-admin-version-strip {
    margin: 0 0 10px 0;
    padding: 6px 10px;
    border: 1px solid #9ca3af;
    border-radius: 4px;
    background: #f9fafb;
    font-size: 12px;
    line-height: 1.4;
}

.tkimgslide-display-page-preview {
    margin-top: 12px;
}

.tkimgslide-launcher-diagnostic input.tkimgslide-launcher-shortcode {
    width: 100%;
}

/* v01.00.15 - flow clarity, counts and return link */
.tkimgslide-flow-steps li.is-pending,
.tkimgslide-flow-steps li.is-disabled{
  background:#fff;
  border-style:dashed;
  color:#8c8f94;
  opacity:.9;
}
.tkimgslide-flow-steps li.is-complete{
  background:#f6f7f7;
  border-color:#1d2327;
  color:#1d2327;
}
.tkimgslide-display-action-final{
  border-top:1px solid #dcdcde;
  padding-top:14px;
  margin-top:16px;
  justify-content:flex-end;
}
.tkimgslide-display-return{
  border-top:1px solid #dcdcde;
  padding-top:14px;
  margin-top:16px;
}
.tkimgslide-launcher-prompt{
  border-style:dashed;
}

.tkimgslide-flow-steps li strong{
  display:block;
  font-size:13px;
}
.tkimgslide-flow-steps li span{
  display:block;
  margin-top:3px;
  font-size:12px;
  font-weight:400;
  line-height:1.3;
}
.tkimgslide-flow-steps li{
  cursor:default;
}


/* v01.00.16 - navigable step indicators */
.tkimgslide-flow-steps li a{
  color:inherit;
  text-decoration:none;
  display:block;
}
.tkimgslide-flow-steps li a:focus,
.tkimgslide-flow-steps li a:hover{
  text-decoration:underline;
}

/* v01.00.19 - selected-source image count summary */
.tkimgslide-count-summary{
  margin:12px 0;
  padding:10px 12px;
  border:1px solid #dcdcde;
  background:#f6f7f7;
  border-radius:6px;
}
.tkimgslide-count-summary p{
  margin:.25em 0 .5em;
}
.tkimgslide-count-details summary{
  cursor:pointer;
  font-weight:600;
}
.tkimgslide-count-details ul{
  margin:.5em 0 .5em 1.2em;
}


/* v01.00.21 - Slideshow Editor heading and slide set edit UI */
.tkimgslide-admin h1 {
    margin-bottom: 4px;
}
.tkimgslide-build-line {
    margin: 4px 0 16px 0;
    color: #646970;
    font-size: 13px;
    line-height: 1.35;
}
.tkimgslide-add-panel.tkimgslide-editing-existing {
    border-color: #2271b1;
    background: #f0f6fc;
}
.tkimgslide-edit-notice {
    margin: 10px 0 0;
    color: #50575e;
    font-size: 13px;
    font-weight: 600;
}
.tkimgslide-defined-sets td:last-child .button {
    margin-right: 0.35rem;
}

/* v01.00.21 - lock slug while editing an existing set */
#tkimg_new_set_slug.tkimgslide-slug-locked {
    background: #f6f7f7;
    color: #646970;
    border-color: #c3c4c7;
    cursor: not-allowed;
}
#tkimg_new_set_clear {
    margin-left: 0.35rem;
}


/* v01.00.22 - slide set counts and keyword helper */
.tkimgslide-keyword-helper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    margin: 0.8rem 0 0;
    padding: 0.65rem 0.75rem;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 4px;
}

.tkimgslide-keyword-helper select {
    min-width: 16rem;
    max-width: 28rem;
}

.tkimgslide-defined-sets td:nth-child(3) {
    white-space: nowrap;
}


/* v01.00.24 - compact reveal panels and explicit KW Manager window link */
.tkimgslide-admin-reveals {
    margin: 1rem 0;
}
.tkimgslide-reveal-panel {
    padding: 0;
}
.tkimgslide-reveal-panel summary {
    cursor: pointer;
    padding: 0.85rem 1.1rem;
    font-size: 14px;
    font-weight: 700;
    color: #1d2327;
}
.tkimgslide-reveal-panel summary:hover,
.tkimgslide-reveal-panel summary:focus {
    background: #f6f7f7;
}
.tkimgslide-reveal-panel .tkimgslide-reveal-body {
    border-top: 1px solid #dcdcde;
    padding: 0.9rem 1.1rem 1rem;
}
.tkimgslide-reveal-panel .tkimgslide-reveal-body p:first-child {
    margin-top: 0;
}
.tkimgslide-kw-manager-window::after {
    content: " ↗";
    font-weight: 700;
}

/* v01.00.24 - GBHP BP house-style data tables */
.tkimgslide-table-note {
    margin: 0 0 0.5rem;
}

.tkimgslide-table-wrap {
    max-height: 460px;
    overflow: auto;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    background: #fff;
}

.tkimgslide-results-wrap {
    max-height: 620px;
}

.tkimgslide-data-table {
    border: 0;
    margin: 0;
}

.tkimgslide-data-table thead th {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f0f0f1;
    border-bottom: 1px solid #c3c4c7;
    white-space: nowrap;
}

.tkimgslide-data-table tbody td {
    vertical-align: middle;
}

.tkimgslide-data-table tbody tr:hover td {
    background: #f6f7f7;
}

.tkimgslide-sort-button {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1d2327;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.tkimgslide-sort-button:hover,
.tkimgslide-sort-button:focus {
    color: #135e96;
    text-decoration: underline;
}

.tkimgslide-sort-button::after {
    content: "↕";
    color: #8c8f94;
    font-size: 11px;
    margin-left: auto;
}

.tkimgslide-data-table th[data-sort-state="asc"] .tkimgslide-sort-button::after {
    content: "▲";
    color: #135e96;
}

.tkimgslide-data-table th[data-sort-state="desc"] .tkimgslide-sort-button::after {
    content: "▼";
    color: #135e96;
}

.tkimgslide-count-badge {
    display: inline-block;
    margin-left: 0.45rem;
    padding: 0.12rem 0.42rem;
    border: 1px solid #c3c4c7;
    border-radius: 999px;
    background: #f6f7f7;
    color: #50575e;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    white-space: nowrap;
}

.tkimgslide-defined-sets .tkimgslide-shortcode-field {
    max-width: 26rem;
}

.tkimgslide-defined-sets td:nth-child(3),
.tkimgslide-defined-sets td:nth-child(4) {
    white-space: nowrap;
}

.tkimgslide-results th:first-child,
.tkimgslide-results td:first-child {
    width: 92px;
}