.api-overview{display:flex;align-items:center;gap:20px;padding:24px;background:#edf5ff;border-block:1px solid #dceaff;min-width:0}
.api-mark{display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:8px;background:#2871e8;color:#fff;box-shadow:0 6px 14px #2871e833}.api-mark svg{width:30px;height:30px}
.api-overview-copy{flex:1;min-width:0}.api-overview-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.api-overview-title h2{font-size:20px;color:#20324d}.api-overview-copy p{margin:4px 0;color:#697d97;font-size:14px}
.api-domain{display:flex;align-items:center;gap:6px;color:#3a5881;font-size:13px;overflow-wrap:anywhere}.api-domain svg{width:14px;height:14px;flex:none}
.api-doc-link{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;background:#fff;border:1px solid #d3e2f6;border-radius:6px;padding:10px 14px;font-size:14px;color:#2866c4}.api-doc-link svg{width:17px;height:17px}
.api-section{padding:26px 0;border-bottom:1px solid #e9edf3}.api-section .section-heading{margin:0 0 18px}.api-section h2{font-size:16px;display:flex;gap:8px;align-items:center}.api-section h2 svg{width:18px;height:18px;color:#6680a3}.api-section .muted{font-size:13px}
.api-credentials{margin:0;background:#f9fbfd;border:1px solid #e6ecf4;border-radius:6px;padding:4px 20px}.api-credentials>div{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;min-height:58px;gap:12px}.api-credentials>div+div{border-top:1px solid #e9edf4}.api-credentials dt{color:#728097;font-size:13px}.api-credentials dd{display:flex;align-items:center;gap:12px;min-width:0;margin:0;flex-wrap:wrap}.api-credentials code{font:14px Consolas,monospace;overflow-wrap:anywhere;color:#32445f}.api-credentials .icon-button{margin-left:auto;width:32px;height:32px;min-height:32px;border-color:transparent;background:transparent}
.api-key-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.api-key-actions button{min-height:38px;font-size:14px}.api-key-actions>.muted{margin-left:auto}.api-verification-label{font-size:12px;background:#f0f8f4;color:#287b51;padding:4px 8px;border-radius:4px}
.api-contacts{display:grid;grid-template-columns:1fr 1fr;gap:32px}.api-contact{display:flex;align-items:center;gap:12px;min-width:0}.api-contact>svg{width:36px;height:36px;padding:8px;box-sizing:content-box;background:#f1f5fa;border-radius:6px;color:#607d9d}.api-contact>div{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.api-contact strong{font-size:14px;color:#34425a;font-weight:500}.api-contact span{font-size:13px;color:#8290a3;overflow-wrap:anywhere}.api-contact button{font-size:13px;padding:6px 14px;min-height:34px;color:#2464c8;border-color:#d8e4f4}
.api-caption{color:#7a889c;font-size:13px;margin:14px 0 0}.api-help,.api-history{border-bottom:1px solid #e9edf3}.api-help summary,.api-history summary{display:flex;align-items:center;gap:8px;padding:18px 0;font-size:14px;font-weight:500;cursor:pointer;list-style:none;color:#44546e}.api-help summary::-webkit-details-marker,.api-history summary::-webkit-details-marker{display:none}.api-help summary svg,.api-history summary svg{width:16px;height:16px;color:#7a8ca4}.api-help summary svg:last-child,.api-history summary svg:last-child{margin-left:auto}.api-help[open] summary svg:last-child,.api-history[open] summary svg:last-child{transform:rotate(180deg)}.api-help>div{padding:0 24px 18px;color:#6c7e96;font-size:13px;line-height:1.9}.api-help a{display:inline-flex;align-items:center;gap:6px;margin-top:6px}.api-history summary span{font-size:12px;font-weight:400;color:#8290a3}.api-history>.pagination{margin-bottom:18px}
.verify-intro,.secret-success{display:flex;align-items:center;gap:10px;background:#edf5ff;padding:14px;border-radius:6px;color:#3769ab;font-size:14px;overflow-wrap:anywhere}.verify-intro svg,.secret-success svg{flex:none;width:22px;height:22px}.secret-success{background:#edf8f2;color:#288559;margin-bottom:12px}
#customerDialog .verify-field{display:block;margin:18px 0 0;color:#506078;font-size:14px}#customerDialog .verify-field>input{display:block;margin-top:8px;width:100%;padding:10px;border:1px solid #d5deea;border-radius:5px;background:#fff;color:#2b3b54;min-width:0;font:inherit}
.verify-channels{margin:18px 0}.verify-channels legend{color:#506078}.verify-channels label{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #edf0f5}.verify-channels input{accent-color:#2871e8;flex:none}.verify-channels svg{color:#7490b1;width:18px;height:18px;flex:none}.verify-channels span{overflow-wrap:anywhere}
.verify-code-row{display:flex;gap:8px;margin-top:8px}.verify-code-row input{flex:1;min-width:0}.verify-code-row button{flex:0 0 120px;font-size:13px;background:#f5f8fd;color:#3e6da8;border-color:#d8e3f1}.verify-field .secret{margin:8px 0}.verify-field>button{font-size:12px;padding:5px 10px;min-height:30px}
@media(hover:hover){.api-doc-link:hover,.api-contact button:hover{background:#f4f8ff;border-color:#95b9eb}.api-credentials .icon-button:hover{background:#eaf1fb}.api-help summary:hover,.api-history summary:hover{color:#2464c8}}
@media(max-width:650px){.api-overview{gap:12px;flex-wrap:wrap;padding:18px 14px}.api-mark{flex-basis:48px;height:48px}.api-overview-title h2{font-size:18px}.api-doc-link{width:100%;padding:8px}.api-contacts{grid-template-columns:1fr;gap:20px}.api-credentials{padding:4px 12px}.api-credentials>div{grid-template-columns:1fr;gap:4px;padding:12px 0}.api-credentials dd{gap:8px}.api-credentials code{font-size:13px}.api-section{padding:20px 0}.api-key-actions>.muted{margin:2px 0 0;width:100%}.api-contact>svg{width:24px;height:24px}.api-section .section-heading{gap:8px}.verify-code-row button{flex-basis:108px;padding:6px}}