.oauth-branding-helper{margin-top:18px;padding:18px;border:1px solid #6e887a;border-radius:16px;background:#10231b;color:#f7fbf8}.oauth-branding-helper h3{margin:0 0 8px;font-size:22px}.oauth-branding-helper p,.oauth-branding-helper small{color:#c4d1c9}.oauth-branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oauth-branding-grid .wide{grid-column:1/-1}.oauth-branding-helper label{display:grid;gap:6px;font-weight:800}.oauth-branding-helper input{width:100%;min-height:46px;border:1px solid #91aa9b;border-radius:10px;background:#08130f;color:#fff;padding:10px 12px;font:inherit}.oauth-branding-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.oauth-branding-actions button,.oauth-branding-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #91aa9b;border-radius:10px;background:#1b382c;color:#f7fbf8;text-decoration:none;font:800 14px inherit;cursor:pointer}.oauth-branding-actions .primary{background:#ff8259;border-color:#ff8259;color:#1d100b}.oauth-branding-preview{display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center;padding:14px;border:1px solid #496254;border-radius:12px}.oauth-branding-logo-preview{display:grid;place-items:center;width:88px;height:88px;border:1px solid #91aa9b;border-radius:18px;font-size:25px;font-weight:900}.oauth-branding-values{display:grid;gap:5px;min-width:0}.oauth-branding-values span{overflow-wrap:anywhere}.oauth-branding-help{margin-top:14px;border-top:1px solid #496254;padding-top:12px}.oauth-branding-help summary{cursor:pointer;font-weight:900}.oauth-branding-help table{width:100%;border-collapse:collapse;margin-top:12px}.oauth-branding-help th,.oauth-branding-help td{padding:9px;border:1px solid #496254;text-align:left;vertical-align:top;overflow-wrap:anywhere}.oauth-branding-status{display:block;min-height:22px;color:#bff3d6;font-weight:800}@media(max-width:650px){.oauth-branding-helper{padding:14px}.oauth-branding-grid{grid-template-columns:1fr}.oauth-branding-grid .wide{grid-column:auto}.oauth-branding-actions>*{width:100%}.oauth-branding-preview{grid-template-columns:1fr}.oauth-branding-help{overflow-x:auto}.oauth-branding-help table{min-width:560px}}
