.supplier-api-security[data-v-supplier-api-20261026] { color: #303642;
}
.supplier-api-security header[data-v-supplier-api-20261026] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px;
}
.supplier-api-security header h2[data-v-supplier-api-20261026] { margin: 0; font-size: 18px;
}
.supplier-api-security header div[data-v-supplier-api-20261026] { display: flex; gap: 10px;
}
.supplier-api-security a[data-v-supplier-api-20261026] { display: flex; align-items: center; text-decoration: none;
}
.supplier-api-security button[data-v-supplier-api-20261026],.supplier-api-security a[data-v-supplier-api-20261026] { height: 40px; padding: 0 14px; box-sizing: border-box; border: 1px solid #dcdfe6; border-radius: 6px; background: #fff; color: #5b6270; cursor: pointer; font-size: 13px; white-space: nowrap;
}
.supplier-api-security button[data-v-supplier-api-20261026]:disabled { opacity: .55; cursor: not-allowed;
}
.api-security-grid[data-v-supplier-api-20261026] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;
}
.api-security-card[data-v-supplier-api-20261026] { padding: 24px; border: 1px solid #eceef2; border-radius: 12px; background: #fff;
}
.api-security-card h3[data-v-supplier-api-20261026] { margin: 0 0 24px; font-size: 15px;
}
.api-security-card form[data-v-supplier-api-20261026] { display: grid; gap: 20px; max-width: 500px;
}
.api-security-card label[data-v-supplier-api-20261026] { display: grid; grid-template-columns: 88px minmax(0,1fr); align-items: center; gap: 12px; font-size: 14px;
}
.api-security-card input[data-v-supplier-api-20261026],.api-security-card textarea[data-v-supplier-api-20261026] { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid #dcdfe6; border-radius: 6px; background: #fff; color: #303642; font: inherit; outline: none;
}
.api-security-card input[data-v-supplier-api-20261026] { height: 40px;
}
.api-security-card input[data-v-supplier-api-20261026]:focus,.api-security-card textarea[data-v-supplier-api-20261026]:focus { border-color: #ed3046; box-shadow: 0 0 0 2px #ed304614;
}
.api-security-card input[data-v-supplier-api-20261026]:disabled,.api-security-card textarea[data-v-supplier-api-20261026]:disabled { background: #f7f8fa;
}
.api-security-card .api-textarea-row[data-v-supplier-api-20261026] { align-items: start;
}
.api-textarea-row > span[data-v-supplier-api-20261026] { padding-top: 10px;
}
.api-code-row[data-v-supplier-api-20261026] { display: flex; min-width: 0;
}
.api-code-row input[data-v-supplier-api-20261026] { border-radius: 6px 0 0 6px;
}
.api-code-row button[data-v-supplier-api-20261026] { flex: 0 0 104px; width: 104px; padding: 0 10px; border-left: 0; border-radius: 0 6px 6px 0; background: #f7f8fa; font-size: 12px;
}
.api-form-actions[data-v-supplier-api-20261026] { display: flex; flex-wrap: wrap; gap: 8px; margin-left: 100px;
}
.supplier-api-security button.primary[data-v-supplier-api-20261026] { min-width: 110px; background: #ed3046; border-color: #ed3046; color: #fff;
}
.api-config-card[data-v-supplier-api-20261026] { grid-column: 1/-1;
}
.api-feedback-slot[data-v-supplier-api-20261026] { min-height: 24px; margin-bottom: 16px;
}
.api-feedback[data-v-supplier-api-20261026] { margin: 0; font-size: 13px; line-height: 1.6;
}
.api-feedback.error[data-v-supplier-api-20261026] { color: #d92a40;
}.api-feedback.success[data-v-supplier-api-20261026] { color: #33966c;
}
@media (max-width: 1100px) {
.api-security-grid[data-v-supplier-api-20261026] { grid-template-columns: minmax(0,1fr);
}
}
@media (max-width: 600px) {
.api-security-card[data-v-supplier-api-20261026] { padding: 20px 14px;
}.api-security-card label[data-v-supplier-api-20261026] { grid-template-columns: 76px minmax(0,1fr); gap: 8px; font-size: 13px;
}.api-form-actions[data-v-supplier-api-20261026] { margin-left: 84px;
}
}

.super-password-code-line > .team-member-code-row { flex: 1; min-width: 0; max-width: 260px; grid-template-columns: minmax(0, 1fr) 108px; gap: 8px; }
.super-password-code-line input { width: 100%; min-width: 0; }
.super-password-code-line input, .super-password-code-line .team-member-code-btn { height: 32px; }