.order-header-actions{display:flex;align-items:center;gap:12px}.order-header-actions .api-state{box-shadow:0 8px 22px rgba(19,48,88,.08)}
.settings-page{padding-bottom:40px}.settings-section{border:1px solid #dfe7f2;border-radius:20px;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 14px 40px rgba(24,55,98,.08);overflow:hidden}.settings-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #e7edf5}.settings-heading h2{margin:0;color:#102746;font-size:20px}.settings-heading p{margin:6px 0 0;color:#7988a0;font-size:13px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}.integration-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:142px;padding:20px;border:1px solid #dfe7f2;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(19,48,88,.05);transition:.18s}.integration-card:hover{transform:translateY(-2px);border-color:#c9d9ef;box-shadow:0 13px 35px rgba(19,48,88,.09)}.integration-card.is-planned{background:#fbfcfe}.integration-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-family:var(--font-tech);font-size:18px;font-weight:800}.integration-logo.ziniao{color:#fff;background:linear-gradient(145deg,#327cf3,#6550ee)}.integration-logo.goodcang{color:#08785a;background:#e1f7ee}.integration-logo.feishu{color:#146cd5;background:#e7f1ff}.integration-logo.dianxiaomi{color:#9b6413;background:#fff1d7}.integration-copy{min-width:0}.integration-copy small{color:#8290a5;font-size:11px}.integration-copy h3{margin:4px 0 6px;color:#102746;font-size:17px}.integration-copy p{margin:0 0 12px;color:#71819a;font-size:12px;line-height:1.6}.integration-card>button{align-self:center;white-space:nowrap}.integration-card>button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:960px){.integration-grid{grid-template-columns:1fr}.order-header-actions{align-items:flex-end;flex-direction:column}}@media(max-width:650px){.integration-card{grid-template-columns:auto 1fr}.integration-card>button{grid-column:1/3;width:100%}.order-header-actions .api-state{display:none}}
.integration-actions{display:grid;gap:8px}.integration-actions button{white-space:nowrap}@media(max-width:650px){.integration-actions{grid-column:1/3;width:100%}.integration-actions button{width:100%}}