:root {
  --ion-color-primary: #2563eb !important;
  --ion-color-primary-rgb: 37, 99, 235 !important;
  --ion-color-primary-contrast: #ffffff !important;
  --ion-color-primary-contrast-rgb: 255, 255, 255 !important;
  --ion-color-primary-shade: #1d4ed8 !important;
  --ion-color-primary-tint: #3b82f6 !important;
  --swiper-theme-color: #2563eb !important;
}

/* Keep scrolled task content from showing through the status/title bar. */
ion-header[data-v-44daeccb] {
  background: #ffffff !important;
}

ion-header[data-v-44daeccb] ion-toolbar {
  --background: #ffffff !important;
}

@media (prefers-color-scheme: dark) {
  ion-header[data-v-44daeccb] {
    background: #111827 !important;
  }

  ion-header[data-v-44daeccb] ion-toolbar {
    --background: #111827 !important;
  }
}
/* CK import remains server-compatible but is intentionally not a public binding method. */
.batch-import-entry,
.auth-options .option-divider {
  display: none !important;
}

.task-id-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  color: #121212;
  font-size: 14px;
}

.task-id-copy {
  min-height: 40px;
  max-width: calc(100% - 64px);
  padding: 8px 12px;
  border: 1px solid rgba(var(--ion-color-primary-rgb), 0.2);
  border-radius: 10px;
  background: rgba(var(--ion-color-primary-rgb), 0.06);
  color: var(--ion-color-primary);
  font: 500 13px/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

.task-id-copy:active {
  background: rgba(var(--ion-color-primary-rgb), 0.14);
}

.batch-link-editor {
  margin-top: 10px;
}

.batch-link-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  font-size: 15px;
  font-weight: 600;
  color: #253244;
}

.batch-link-header .batch-link-toggle {
  min-width: 48px;
  min-height: 48px;
  border: 0;
  background: transparent;
  color: var(--ion-color-primary);
  font: inherit;
  font-weight: 500;
}

.batch-link-editor.is-collapsed .batch-link-body {
  display: none;
}

body .batch-link-editor textarea.batch-link-input {
  width: 100%;
  min-height: 132px;
  padding: 13px 14px;
  color: #1f2937;
  font: 14px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: #f8fafc;
  border: 1px solid #dbe5f5;
  border-radius: 14px;
  outline: none;
  resize: vertical;
  box-sizing: border-box;
}

body .batch-link-editor textarea.batch-link-input:focus {
  border-color: var(--ion-color-primary);
  box-shadow: 0 0 0 3px rgba(var(--ion-color-primary-rgb), 0.1);
}

.batch-link-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}

.batch-link-actions button {
  min-width: 78px;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
}

.batch-link-clear {
  color: var(--ion-color-primary);
  background: #fff;
  border: 1px solid var(--ion-color-primary);
}

.batch-link-parse {
  color: #fff;
  background: var(--ion-color-primary);
  border: 1px solid var(--ion-color-primary);
}

.batch-link-actions button:active,
.batch-link-header button:active {
  opacity: 0.72;
}

.batch-link-summary {
  min-height: 22px;
  margin-top: 7px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.batch-link-results {
  margin-top: 8px;
  border-top: 1px solid #e4eaf2;
}

.batch-link-result {
  display: flex;
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid #e4eaf2;
  font-size: 13px;
  line-height: 1.5;
}

.batch-link-result-index {
  flex: 0 0 20px;
  color: #64748b;
}

.batch-link-result-url {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #253244;
}

.task-link-collapse {
  min-width: 0;
  width: 100%;
  margin: 4px 0 12px;
}

.task-link-overview {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 48px;
  min-width: 0;
}

.task-link-preview {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #64748b;
  font-size: 14px;
}

.task-link-count {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 13px;
}

.task-link-toggle {
  flex: 0 0 auto;
  min-width: 64px;
  min-height: 48px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: var(--ion-color-primary);
  font-size: 14px;
  font-weight: 600;
}

.task-link-toggle:active {
  opacity: 0.72;
}

.task-link-collapse-body {
  display: none;
}

.task-link-collapse.is-expanded .task-link-collapse-body {
  display: block;
}

.sb-link-choice { width: 100%; padding: 8px 0 14px; }
.sb-link-choice-title { margin-bottom: 10px; color: #253244; font-size: 15px; font-weight: 600; }
.sb-link-mode { display: flex; gap: 10px; margin-bottom: 12px; }
.sb-link-mode button { min-height: 48px; padding: 0 16px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #334155; font-size: 15px; }
.sb-link-mode button.selected { border-color: var(--ion-color-primary); background: rgba(var(--ion-color-primary-rgb), .08); color: var(--ion-color-primary); }
.sb-single-link { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #1f2937; box-sizing: border-box; font-size: 14px; }
.sb-link-manage { display: block; width: 100%; min-height: 48px; padding: 0 12px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #475569; text-align: left; font-size: 14px; }
.sb-link-page { position: fixed; z-index: 2147483640; inset: 0; display: flex; flex-direction: column; background: #fff; color: #1f2937; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; }
.sb-link-toolbar { display: flex; align-items: center; min-height: 56px; border-bottom: 1px solid #e5e7eb; font-size: 18px; }
.sb-link-toolbar strong { flex: 1; text-align: center; padding-right: 52px; font-weight: 600; }
.sb-link-back { width: 52px; min-height: 52px; border: 0; background: transparent; color: #111827; font-size: 34px; line-height: 1; }
.sb-link-scroll { flex: 1; overflow-y: auto; padding: 16px; overscroll-behavior: contain; }
.sb-link-section-title { display: flex; justify-content: space-between; margin-bottom: 12px; color: #475569; font-size: 15px; }
.sb-link-textarea { width: 100%; min-height: 180px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; color: #1f2937; box-sizing: border-box; resize: vertical; font: 14px/1.5 ui-monospace, monospace; }
.sb-link-actions { display: flex; justify-content: flex-end; gap: 10px; margin: 12px 0 26px; }
.sb-link-actions button { min-width: 76px; min-height: 48px; border-radius: 9px; font-size: 15px; }
.sb-link-clear { border: 1px solid var(--ion-color-primary); background: #fff; color: var(--ion-color-primary); }
.sb-link-parse, .sb-link-save, .sb-retry-all { border: 1px solid var(--ion-color-primary); background: var(--ion-color-primary); color: #fff; }
.sb-link-count { color: var(--ion-color-primary); }
.sb-link-result, .sb-readonly-link { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid #edf2f7; overflow-wrap: anywhere; font-size: 14px; }
.sb-link-result span:first-child, .sb-readonly-link span:first-child { flex: 0 0 24px; color: #64748b; }
.sb-link-invalid { padding: 10px 0; border-bottom: 1px solid #f5e7e5; color: #a64635; overflow-wrap: anywhere; font-size: 13px; }
.sb-link-footer { padding: 12px 16px; border-top: 1px solid #e5e7eb; background: #fff; }
.sb-link-footer button { width: 100%; min-height: 48px; border-radius: 10px; font-size: 16px; font-weight: 600; }
.sb-link-footer button:disabled { background: #cbd5e1; border-color: #cbd5e1; }
.sb-readonly-links { width: 100%; }
.sb-failure-footer .bottom { display: flex; align-items: center; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); }
.sb-failure-entry, .sb-retry-direct { min-height: 48px; padding: 0 12px; border-radius: 9px; font-size: 14px; }
.sb-failure-entry { flex: 1; min-width: 0; border: 1px solid #efb4a8; background: #f5f8ff; color: #a63826; text-align: left; }
.sb-retry-direct { flex: 0 0 auto; min-width: 112px; border: 1px solid var(--ion-color-primary); background: var(--ion-color-primary); color: #fff; }
.sb-retry-direct:disabled { border-color: #cbd5e1; background: #cbd5e1; }
.sb-failure-group { padding: 14px 0 4px; border-bottom: 1px solid #e5e7eb; }
.sb-failure-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.sb-failure-heading strong { min-width: 0; color: #111827; overflow-wrap: anywhere; }
.sb-failure-copy { flex: 0 0 auto; min-height: 44px; padding: 0 10px; border: 1px solid var(--ion-color-primary); border-radius: 8px; background: #fff; color: var(--ion-color-primary); font-size: 13px; }
.sb-failure-copy:disabled { border-color: #cbd5e1; color: #94a3b8; }
.sb-failure-reason { margin-top: 12px; padding: 9px 10px; border-radius: 8px; background: #f1f5fb; color: #334155; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.sb-failure-item { padding: 9px 10px; font-size: 14px; line-height: 1.5; }
.sb-failure-item + .sb-failure-item { border-top: 1px solid #edf2f7; }
.sb-failure-link { margin-bottom: 6px; color: var(--ion-color-primary); overflow-wrap: anywhere; }
.sb-account-execution-page { background: #f6f8ff; }
.sb-account-execution-page .sb-link-toolbar { background: #fff; }
.sb-account-execution-page .sb-link-scroll { padding: 16px; }
.sb-execution-summary, .sb-execution-item { padding: 16px; margin-bottom: 14px; border: 1px solid #e7ecf8; border-radius: 14px; background: #fff; }
.sb-execution-summary h2 { margin: 0 0 12px; font-size: 18px; font-weight: 600; }
.sb-execution-field { display: flex; gap: 12px; padding: 5px 0; font-size: 14px; line-height: 1.5; }
.sb-execution-field span:first-child { flex: 0 0 70px; color: #64748b; }
.sb-execution-field span:last-child { min-width: 0; overflow-wrap: anywhere; }
.sb-execution-heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; font-size: 15px; }
.sb-execution-heading .is-success { color: #168048; }
.sb-execution-heading .is-pending { color: #b45309; }
.sb-execution-heading .is-failure, .sb-execution-error span:first-child { color: #c43b32; }
.sb-execution-empty { padding: 24px 0; text-align: center; color: #64748b; }

@media (prefers-color-scheme: dark) {
  .task-id-row {
    color: #f2f2f4;
  }

  body .batch-link-editor textarea.batch-link-input {
    color: #f3f4f6;
    background: #111827;
    border-color: #334155;
  }

  .batch-link-header,
  .batch-link-result-url {
    color: #f3f4f6;
  }

  .batch-link-clear {
    background: #111827;
  }

  .batch-link-results,
  .batch-link-result {
    border-color: #334155;
  }

  .task-link-preview,
  .task-link-count {
    color: #cbd5e1;
  }
}

.round-statistics-extra,.round-statistics-note,.round-statistics-help{font-size:12px;line-height:1.6;margin-top:6px;white-space:normal;overflow-wrap:anywhere}.round-statistics-note{color:var(--ion-color-primary)}.round-statistics-help{font-size:11px;opacity:.65}.round-statistics-note:empty{display:none}