.saas-page { padding: 20px; }
.saas-page__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.saas-page__title { margin: 0 0 4px; color: #303133; font-size: 22px; line-height: 1.4; }
.saas-page__description, .saas-page__hint { margin: 0; color: #606266; font-size: 14px; line-height: 1.6; }
.saas-page__filters { padding: 16px 16px 0; margin-bottom: 16px; background: #fff; border: 1px solid #ebeef5; }
.saas-page__table { overflow-x: auto; background: #fff; border: 1px solid #ebeef5; }
.saas-page__table .el-table { min-width: 760px; }
.saas-page__empty, .saas-page__error { padding: 36px 16px; color: #606266; text-align: center; }
.saas-page__pagination { display: flex; justify-content: flex-end; padding: 16px 0; overflow-x: auto; }
.tenant-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
.tenant-actions .el-button { margin: 0; }
.saas-form-card { max-width: 760px; padding: 20px; background: #fff; border: 1px solid #ebeef5; }
.saas-form-card--spaced { margin-top: 16px; }
.saas-readonly-note { margin-bottom: 16px; }
.saas-section-title { margin: 0 0 20px; color: #303133; font-size: 18px; }
.saas-platform-link { padding: 0 14px; color: #606266; font-size: 14px; line-height: 50px; text-decoration: none; }
.tenant-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; margin: 20px 20px 0; background: #fff; border: 1px solid #dcdfe6; border-left: 4px solid #409eff; }
.tenant-summary__title { margin: 0 0 4px; color: #303133; font-size: 16px; }
.tenant-summary__line { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; color: #606266; }
.tenant-selection-panel { width: 420px; max-width: calc(100vw - 32px); padding: 28px; margin: 0 auto; color: #303133; background: #fff; }
.tenant-selection-panel h1 { margin: 0 0 8px; font-size: 24px; }
.tenant-selection-panel p { margin: 0 0 20px; color: #606266; line-height: 1.6; }
.tenant-selection-options { display: block; margin: 16px 0 20px; }
.tenant-selection-options .el-radio { display: flex; align-items: center; width: 100%; height: auto; min-height: 44px; margin: 0 0 10px; white-space: normal; }
.tenant-read-only .szdbi_btn.is-readonly, .tenant-read-only .el-upload { pointer-events: none; opacity: .55; cursor: not-allowed; }
@media (max-width: 767px) {
  .saas-page { padding: 12px; }
  .saas-page__header { display: block; }
  .saas-page__actions { margin-top: 12px; }
  .saas-page__filters { padding: 12px 12px 0; }
  .saas-page__filters .el-form-item { display: block; margin-right: 0; }
  .saas-page__filters .el-input, .saas-page__filters .el-select { width: 100%; }
  .tenant-summary { display: block; margin: 12px 12px 0; padding: 12px; }
  .tenant-summary .el-tag { margin-top: 10px; }
}

.mdb-stack{display:grid;gap:18px;padding:18px;background:#f5f7fa}.mdb-panel{background:#fff;border:1px solid #e4e7ed;border-radius:8px;padding:18px;box-shadow:0 2px 10px rgba(31,45,61,.04)}.mdb-panel__header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.mdb-panel__header h2{margin:0 0 6px;font-size:20px;color:#303133}.mdb-panel__header p{margin:0;color:#606266;line-height:1.6}.mdb-toolbar{margin-top:16px}.mdb-pagination{display:flex;justify-content:flex-end;margin-top:16px}.mdb-empty{padding:28px;color:#909399}.mdb-legacy{background:#fff;border-radius:8px}.mdb-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.mdb-form-grid__wide{grid-column:1/-1}.mdb-register-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:18px 0}.mdb-register-grid label{display:grid;gap:6px;color:#606266}.mdb-register-grid .el-input-number{width:100%}.mdb-option-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 0;border-top:1px solid #ebeef5}.mdb-ok{color:#1f9d55;font-weight:600}.mdb-warn{color:#d97706;font-weight:600}.mdb-secret{margin-top:18px}.mdb-configuration .el-table{margin-top:8px}.mdb-status{white-space:nowrap}.mdb-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.mdb-status--ok{color:#1f9d55}.mdb-status--ok:before{background:#1f9d55}.mdb-status--off{color:#f56c6c}.mdb-status--off:before{background:#f56c6c}
@media(max-width:900px){.mdb-panel__header{display:grid}.mdb-form-grid{grid-template-columns:1fr}.mdb-form-grid__wide{grid-column:auto}.mdb-register-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}
@media(max-width:520px){.mdb-stack{padding:10px}.mdb-panel{padding:12px}.mdb-register-grid{grid-template-columns:1fr}.mdb-option-row{align-items:stretch}.mdb-option-row>*{width:100%}}

.pairing-shell{padding:0 6px 8px}.pairing-guide{display:flex;gap:9px;align-items:center;padding:11px 14px;background:#f3f7fd;border-radius:6px;color:#738096;font-size:13px}.pairing-guide i{color:#6f8fbe}.pairing-device-card{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:17px 20px;border:1px solid #d8e7fa;border-radius:8px;background:#f8fbff}.pairing-eyebrow{display:block;margin-bottom:5px;color:#9aabba;font-size:12px}.pairing-device-card strong{font-size:20px;color:#28384c}.pairing-device-meta{display:flex;gap:18px;color:#65758a;font-size:13px}.pairing-form-card,.credential-card{margin-top:14px;padding:19px 20px;border:1px solid #dce8f6;border-radius:8px;background:#fff}.pairing-form-card{background:#fbfdff}.pairing-section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:15px}.pairing-section-title>i{padding-top:2px;color:#4297f7;font-size:18px}.pairing-section-title strong{color:#33465d;font-size:15px}.pairing-section-title p{margin:4px 0 0;color:#95a3b4;font-size:12px}.credential-card{border-color:#b9ead5;background:#f6fffa}.credential-card .pairing-section-title>i{color:#31b879}.credential-card .pairing-section-title strong{color:#217852}.pairing-form-card .el-form-item{margin-bottom:14px}.pairing-form-card .el-button--primary{min-width:132px}