/* Social Publisher Gutenberg sidebar */

.calliope-sp-editor-panel.components-panel__body {
  border-top-color: #d8e0ee;
}

.calliope-sp-editor-panel .components-panel__body-title {
  color: #374a72;
}

.calliope-sp-editor-panel .components-base-control {
  margin-bottom: 14px;
}

.calliope-sp-editor-panel .components-base-control__label,
.shp-gb-panel .components-base-control__label {
  color: #374a72;
  font-weight: 600;
}

.calliope-sp-editor-panel .components-text-control__input,
.calliope-sp-editor-panel .components-textarea-control__input {
  border-color: #d8e0ee;
  border-radius: 8px;
}

.calliope-sp-editor-panel .components-text-control__input:focus,
.calliope-sp-editor-panel .components-textarea-control__input:focus {
  border-color: #7218cb;
  box-shadow: 0 0 0 1px #7218cb;
}

.calliope-sp-editor-panel .components-toggle-control {
  padding: 12px;
  border: 1px solid #d8e0ee;
  border-radius: 8px;
  background: #f9fbff;
}

.calliope-sp-editor-panel .components-checkbox-control {
  margin-bottom: 8px;
}

.calliope-sp-editor-panel .components-checkbox-control__input:checked {
  background: #7218cb;
  border-color: #7218cb;
}

.calliope-sp-editor-panel .components-notice {
  margin: 0 0 12px;
  border-radius: 8px;
}

.calliope-sp-gb-media-modes {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}
.calliope-sp-gb-media-mode {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px;
  border: 1px solid #d8e0ee;
  border-radius: 8px;
  background: #fff;
}
.calliope-sp-gb-media-mode > span { font-weight: 600; color: #374a72; }
.calliope-sp-gb-media-mode small { color: #646970; }
.calliope-sp-gb-media-mode.is-locked { background: #f6f7f7; color: #747b87; }
.calliope-sp-gb-media-mode input:focus-visible,
.calliope-sp-gb-media-picker button:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.calliope-sp-gb-media-picker { margin-top: 10px; padding: 10px; border: 1px solid #d8e0ee; border-radius: 8px; background: #f9fbff; }
.calliope-sp-gb-media-list { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.calliope-sp-gb-media-list li { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 8px; align-items: center; padding: 7px; border: 1px solid #d8e0ee; border-radius: 7px; background: #fff; }
.calliope-sp-gb-media-list img { width: 46px; height: 46px; object-fit: cover; border-radius: 5px; }
.calliope-sp-gb-media-list li > div { grid-column: 1 / -1; display: flex; gap: 4px; flex-wrap: wrap; }
.calliope-sp-gb-video-summary { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }

.calliope-sp-gb-timing fieldset{display:grid;gap:8px;margin:0 0 10px}.calliope-sp-gb-timing-option{display:flex;gap:8px;align-items:flex-start}.calliope-sp-gb-timing-option input{margin-top:3px}.calliope-sp-gb-timing .description{margin-top:-6px;color:#646970}
