/* SledCloud internal quick import only. sled20260901v3 */
.sled-qi-panel {
  --qi-ink: rgba(0, 0, 0, .65);
  --qi-muted: #8c8c8c;
  --qi-line: #f0f0f0;
  --qi-soft: #f7f8fa;
  --qi-accent: #1890ff;
  --qi-active: rgba(24, 144, 255, .08);
}
.is-darkmode .sled-qi-panel {
  --qi-ink: #d9d9d9;
  --qi-muted: #aaa;
  --qi-line: #414141;
  --qi-soft: rgba(255, 255, 255, .035);
  --qi-accent: #40a9ff;
  --qi-active: rgba(64, 169, 255, .10);
}

.subscribe-info .sled-qi-panel {
  box-sizing: border-box; display: flex; flex-direction: column; flex: 1 0 auto;
  width: 100%; max-width: none; height: auto; padding: 20px 30px; border-radius: 6px;
  color: var(--qi-ink); container-type: inline-size;
}

.sled-qi-panel * { box-sizing: border-box; }
.sled-qi-panel button, .sled-qi-panel a { font-family: inherit; }
.sled-qi-panel button { cursor: pointer; }
.sled-qi-panel button:disabled { cursor: not-allowed; }
.sled-qi-panel button:focus-visible, .sled-qi-panel a:focus-visible { outline: 2px solid var(--qi-accent); outline-offset: 2px; }
.sled-qi-platforms { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; flex: 0 0 auto; }
.sled-qi-platform {
  min-width: 0; min-height: 60px; padding: 8px 2px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 4px;
  background: transparent; color: var(--qi-muted); transition: background .15s, color .15s;
}
.sled-qi-platform span { max-width: 100%; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.sled-qi-platform .sled-qi-icon { width: 20px; height: 20px; }
.sled-qi-platform:not(:disabled):hover { background: var(--qi-soft); color: var(--qi-accent); }
.sled-qi-platform[aria-pressed="true"] { background: var(--qi-active); color: var(--qi-accent); }
.sled-qi-platform:disabled { opacity: .45; }
.sled-qi-icon { width: 16px; height: 16px; flex: 0 0 auto; }
.sled-qi-empty {
  flex: 1 0 auto; display: flex; align-items: center; justify-content: center;
  margin-top: 16px; padding: 24px 0 8px; border-top: 1px solid var(--qi-line);
  color: var(--qi-muted); text-align: center; font-size: 14px;
}
.sled-qi-reveal { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .24s ease; }
.sled-qi-reveal.sled-qi-open { grid-template-rows: 1fr; flex: 1 0 auto; }
.sled-qi-clip { display: flex; overflow: hidden; min-width: 0; min-height: 0; }
.sled-qi-content {
  display: flex; flex-direction: column; flex: 1; min-width: 0;
  margin-top: 16px; padding-top: 18px; border-top: 1px solid var(--qi-line);
}
.sled-qi-reveal:not(.sled-qi-open) .sled-qi-content { margin: 0; padding: 0; border: 0; }
.sled-qi-apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: auto 0; }
.sled-qi-panel .sled-qi-app,
.sled-qi-panel .sled-qi-generic,
.sled-qi-panel .sled-qi-client {
  min-width: 0; width: 100%; height: auto; min-height: 40px; display: flex;
  align-items: center; justify-content: center; gap: 8px; border-radius: 4px;
  padding: 8px 14px; text-align: center; font-size: 14px; line-height: 1.5; white-space: normal;
}
.sled-qi-app span, .sled-qi-generic span, .sled-qi-client span { min-width: 0; overflow-wrap: anywhere; }
.sled-qi-app > .sled-qi-icon + span,
.sled-qi-generic > .sled-qi-icon + span,
.sled-qi-client > .sled-qi-icon + span { margin-left: 0; }
.sled-qi-panel .sled-qi-client { text-decoration: none; }
.sled-qi-downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: auto 0; }
.sled-qi-downloads.sled-qi-single { grid-template-columns: minmax(0, 1fr); }
.sled-qi-hint { margin-top: 16px; color: var(--qi-muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.sled-qi-panel .sled-qi-doc { display: inline; color: var(--qi-accent); text-decoration: none; }
.sled-qi-panel .sled-qi-doc:hover { text-decoration: underline; text-underline-offset: 3px; }
.sled-qi-error { margin-top: 8px; color: var(--qi-ink); font-size: 13px; line-height: 1.5; }
.sled-qi-status, .sled-qi-copy-buffer { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@container (max-width: 365px) {
  .sled-qi-platforms { gap: 2px; }
  .sled-qi-apps, .sled-qi-downloads { gap: 8px; }
  .sled-qi-panel .sled-qi-app { padding: 9px 6px; }
  .sled-qi-app .sled-qi-icon { display: none; }
  .sled-qi-panel .sled-qi-client, .sled-qi-panel .sled-qi-generic { padding: 9px 6px; gap: 5px; }
}
@media (max-width: 700px) { .subscribe-info .sled-qi-panel { padding: 20px; } }
@media (pointer: coarse) { .sled-qi-panel .sled-qi-app, .sled-qi-panel .sled-qi-client, .sled-qi-panel .sled-qi-generic { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .sled-qi-platform, .sled-qi-reveal { transition: none; } }

/* Shared loading/error state; existing paid/unpaid card layouts are unchanged. */
.subscribe-info .sled-subscription-state {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; min-width: 0; text-align: center;
}
.subscribe-info .sled-subscription-state p { margin: 0; max-width: 100%; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.subscribe-info .sled-subscription-state .ant-btn { min-height: 40px; height: auto; max-width: 100%; white-space: normal; }
.subscribe-info .sled-subscription-state.sled-qi-empty { padding-bottom: 8px; }

.sled-qi-architecture { margin-top: 6px; }