/* RFSNet quick import layout only. 20260831.2 */
.rfs-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 .rfs-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 > .panel-box.rfs-quick-import { min-width: 0; display: flex; flex-direction: column; }
.subscribe-info .rfs-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;
}
@media (min-width: 1401px) {
  .subscribe-info > .panel-box.col-2.rfs-quick-import,
  .subscribe-info > .panel-box.col-1 { flex: 1 1 0%; width: auto; min-width: 0; display: flex; flex-direction: column; }
  .subscribe-info > .panel-box.col-1 > .subs-box,
  .subscribe-info > .panel-box.rfs-quick-import > .rfs-qi-panel { flex: 1 0 auto; height: auto; min-height: 300px; }
}
.rfs-qi-panel * { box-sizing: border-box; }
.rfs-qi-panel button, .rfs-qi-panel a { font-family: inherit; }
.rfs-qi-panel button { cursor: pointer; }
.rfs-qi-panel button:disabled { cursor: not-allowed; }
.rfs-qi-panel button:focus-visible, .rfs-qi-panel a:focus-visible { outline: 2px solid var(--qi-accent); outline-offset: 2px; }
.rfs-qi-platforms { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; flex: 0 0 auto; }
.rfs-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;
}
.rfs-qi-platform span { max-width: 100%; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.rfs-qi-platform .rfs-qi-icon { width: 20px; height: 20px; }
.rfs-qi-platform:not(:disabled):hover { background: var(--qi-soft); color: var(--qi-accent); }
.rfs-qi-platform[aria-pressed="true"] { background: var(--qi-active); color: var(--qi-accent); }
.rfs-qi-platform:disabled { opacity: .45; }
.rfs-qi-icon { width: 16px; height: 16px; flex: 0 0 auto; }
.rfs-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;
}
.rfs-qi-reveal { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .24s ease; }
.rfs-qi-reveal.rfs-qi-open { grid-template-rows: 1fr; flex: 1 0 auto; }
.rfs-qi-clip { display: flex; overflow: hidden; min-width: 0; min-height: 0; }
.rfs-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);
}
.rfs-qi-reveal:not(.rfs-qi-open) .rfs-qi-content { margin: 0; padding: 0; border: 0; }
.rfs-qi-apps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: auto 0; }
.rfs-qi-panel .rfs-qi-app,
.rfs-qi-panel .rfs-qi-generic,
.rfs-qi-panel .rfs-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;
}
.rfs-qi-app span, .rfs-qi-generic span, .rfs-qi-client span { min-width: 0; overflow-wrap: anywhere; }
.rfs-qi-app > .rfs-qi-icon + span,
.rfs-qi-generic > .rfs-qi-icon + span,
.rfs-qi-client > .rfs-qi-icon + span { margin-left: 0; }
.rfs-qi-panel .rfs-qi-client { text-decoration: none; }
.rfs-qi-downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: auto 0; }
.rfs-qi-downloads.rfs-qi-single { grid-template-columns: minmax(0, 1fr); }
.rfs-qi-hint { margin-top: 16px; color: var(--qi-muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.rfs-qi-panel .rfs-qi-doc { display: inline; color: var(--qi-accent); text-decoration: none; }
.rfs-qi-panel .rfs-qi-doc:hover { text-decoration: underline; text-underline-offset: 3px; }
.rfs-qi-error { margin-top: 8px; color: var(--qi-ink); font-size: 13px; line-height: 1.5; }
.rfs-qi-status, .rfs-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) {
  .rfs-qi-platforms { gap: 2px; }
  .rfs-qi-apps, .rfs-qi-downloads { gap: 8px; }
  .rfs-qi-panel .rfs-qi-app { padding: 9px 6px; }
  .rfs-qi-app .rfs-qi-icon { display: none; }
  .rfs-qi-panel .rfs-qi-client, .rfs-qi-panel .rfs-qi-generic { padding: 9px 6px; gap: 5px; }
}
@media (max-width: 700px) { .subscribe-info .rfs-qi-panel { padding: 20px; } }
@media (pointer: coarse) { .rfs-qi-panel .rfs-qi-app, .rfs-qi-panel .rfs-qi-client, .rfs-qi-panel .rfs-qi-generic { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .rfs-qi-platform, .rfs-qi-reveal { transition: none; } }

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

/* RFS dashboard: preserve the existing notice/service structure and brand. */
.dashboard-container.dashboard-container .dashboard-main-grid { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1050px); gap:26px; align-items:start; }
.dashboard-container.dashboard-container .dashboard-right { min-width:0; }
.dashboard-container.dashboard-container .dashboard-notice .notice-box { max-height:630px; overflow:auto!important; min-height:0; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info { display:flex!important; gap:24px; align-items:stretch; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info>.panel-box { flex:1 1 0%; width:0!important; min-width:0; display:flex; flex-direction:column; margin:0!important; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info>div:not(.panel-box) { display:none!important; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-box,
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .rfs-qi-panel { box-sizing:border-box; height:auto!important; min-height:300px; flex:1 0 auto; padding:20px 24px!important; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-msg .t1 { height:auto!important; line-height:1.4!important; margin:0 0 12px!important; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-msg .t2 { height:auto!important; min-height:0!important; line-height:1.65!important; margin:0 0 12px!important; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-msg .t3 { line-height:1.65!important; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-btns { margin-top:auto!important; padding-top:14px; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-box { display:flex; flex-direction:column; }
.dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-btns .ant-btn { max-width:100%; }
.dashboard-container.dashboard-container .dashboard-notice .notice-content table { display:block; max-width:100%; overflow:auto; }
.dashboard-container.dashboard-container .dashboard-notice .notice-content pre { white-space:pre-wrap; overflow-wrap:anywhere; }
@media (max-width:1800px) {
  .dashboard-container.dashboard-container .dashboard-main-grid { display:block!important; }
  .dashboard-container.dashboard-container .dashboard-main-grid>.dashboard-notice { margin-bottom:26px!important; }
  .dashboard-container.dashboard-container .dashboard-notice .notice-box { max-height:300px; }
}
@media (max-width:1400px) {
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info { flex-direction:column!important; gap:24px; }
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info>.panel-box { width:100%!important; flex:auto; }
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-box,
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info .rfs-qi-panel { min-height:0; flex:auto; }
}
@media (max-width:700px) {
  .dashboard-container.dashboard-container .dashboard-main-grid>.dashboard-notice { margin-bottom:22px!important; }
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info { gap:22px; }
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info .subs-box,
  .dashboard-container.dashboard-container .dashboard-service .subscribe-info .rfs-qi-panel { padding:20px!important; }
}
.is-darkmode .dashboard-container .dashboard-notice .notice-date { color:#aaa; }
.is-darkmode .dashboard-container .dashboard-notice .notice-title { border-color:#414141; }
