.tenant-integrations-section{margin-bottom:28px}.tenant-integrations-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 14px;padding:0 2px}.tenant-integrations-heading small{color:#0b63ce;font-size:.68rem;font-weight:850;letter-spacing:.11em}.tenant-integrations-heading h3{margin:4px 0 2px;font-size:1.25rem}.tenant-integrations-heading p{margin:0;color:#68778d;font-size:.8rem}.tenant-integrations-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);gap:20px;align-items:start}
.tenant-stripe-integration{min-width:0;margin-bottom:0;padding:22px;border:1px solid #bcd4ef;background:linear-gradient(145deg,#fff,#f4f9ff)}
.tenant-stripe-integration>header{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:13px}
.tenant-stripe-integration>header>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#0b63ce;color:#fff}
.tenant-stripe-integration>header>span svg{width:21px}.tenant-stripe-integration>header small{color:#0b63ce;font-size:.68rem;font-weight:850;letter-spacing:.1em}
.tenant-stripe-integration>header h3{margin:3px 0;font-size:1.15rem}.tenant-stripe-integration>header p{margin:0;color:#65738a;font-size:.82rem}
.tenant-stripe-integration>header em{padding:6px 9px;border-radius:999px;background:#fff1d3;color:#8d6200;font-size:.68rem;font-style:normal;font-weight:850}.tenant-stripe-integration>header em.connected{background:#def6e8;color:#087844}
.tenant-stripe-account{display:flex;align-items:center;gap:10px;margin:17px 0 0;padding:11px 13px;border:1px solid #b9dfc8;border-radius:11px;background:#effaf4;color:#087844}.tenant-stripe-account svg{width:19px}.tenant-stripe-account b,.tenant-stripe-account small{display:block}.tenant-stripe-account small{margin-top:2px;font-size:.7rem}
.tenant-stripe-integration form{margin-top:17px;padding:0}.tenant-stripe-integration .integration-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tenant-stripe-integration form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #dce7f3}.tenant-stripe-integration form footer button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid #0b63ce;border-radius:11px;background:linear-gradient(135deg,#176fd1,#0758b8);color:#fff;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 7px 16px rgba(11,99,206,.2);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.tenant-stripe-integration form footer button[type="button"]{border-color:#cad8e8;background:#fff;color:#244464;box-shadow:0 3px 10px rgba(20,35,65,.07)}.tenant-stripe-integration form footer button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px rgba(11,99,206,.24)}.tenant-stripe-integration form footer button[type="button"]:hover:not(:disabled){border-color:#8fb4df;background:#f2f7fd;box-shadow:0 7px 17px rgba(20,35,65,.1)}.tenant-stripe-integration form footer button:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px rgba(11,99,206,.16)}.tenant-stripe-integration form footer button:focus-visible{outline:3px solid rgba(38,125,224,.24);outline-offset:3px}.tenant-stripe-integration form footer button:disabled{cursor:wait;opacity:.58;box-shadow:none}.tenant-stripe-integration form footer svg{width:16px;height:16px;stroke-width:2.25}
.tenant-bank-integration form footer button{border-color:#087844;background:linear-gradient(135deg,#129052,#06703f);box-shadow:0 7px 16px rgba(8,120,68,.2)}.tenant-bank-integration form footer button:hover:not(:disabled){box-shadow:0 10px 22px rgba(8,120,68,.24)}
.tenant-stripe-integration input[type="file"]{min-height:43px;padding:4px 5px;color:#617188;font-size:.72rem;cursor:pointer}.tenant-stripe-integration input[type="file"]::file-selector-button{height:33px;margin-right:9px;padding:0 11px;border:1px solid #cad8e8;border-radius:8px;background:#f4f8fc;color:#244464;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease}.tenant-stripe-integration input[type="file"]::file-selector-button:hover{border-color:#8fb4df;background:#eaf3fd}
.tenant-stripe-integration>aside{display:flex;align-items:center;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #dce7f3;color:#607089;font-size:.75rem}.tenant-stripe-integration>aside svg{width:17px;color:#0b63ce}
html[data-theme="dark"] .tenant-stripe-integration{border-color:#304765;background:linear-gradient(145deg,#131e2d,#17263a)}
html[data-theme="dark"] .tenant-stripe-integration form footer{border-top-color:#304765}html[data-theme="dark"] .tenant-stripe-integration form footer button[type="button"]{border-color:#3b4d63;background:#1b293a;color:#dce8f5}html[data-theme="dark"] .tenant-stripe-integration form footer button[type="button"]:hover:not(:disabled){border-color:#58789e;background:#22344a}html[data-theme="dark"] .tenant-stripe-integration input[type="file"]::file-selector-button{border-color:#3b4d63;background:#1b293a;color:#dce8f5}
.tenant-bank-integration>header>span{background:#087844}.tenant-bank-integration .tenant-cfdi-automation .integration-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-cfdi-automation{margin:18px 0;padding:16px;border:1px solid #cddced;border-radius:13px;background:#fff}.tenant-cfdi-automation>header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:14px}.tenant-cfdi-automation>header b,.tenant-cfdi-automation>header small{display:block}.tenant-cfdi-automation>header small{margin-top:4px;color:#68788e;font-size:.72rem;max-width:650px}.tenant-cfdi-automation>header label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:800;color:#087844}.tenant-cfdi-automation>header input{width:18px;height:18px}.integration-fields label>small{display:block;margin-top:5px;color:#718097;font-size:.68rem}html[data-theme="dark"] .tenant-cfdi-automation{background:#111c2b;border-color:#304765}
@media(max-width:1180px){.tenant-integrations-layout{grid-template-columns:1fr}.tenant-stripe-integration{margin-bottom:0}}
@media(max-width:700px){.tenant-integrations-heading h3{font-size:1.08rem}.tenant-integrations-heading p{font-size:.75rem}.tenant-integrations-layout{gap:14px}.tenant-stripe-integration{padding:16px}.tenant-stripe-integration>header{grid-template-columns:auto 1fr}.tenant-stripe-integration>header em{grid-column:1/-1;width:max-content}.tenant-stripe-integration .integration-fields,.tenant-bank-integration .tenant-cfdi-automation .integration-fields{grid-template-columns:1fr}.tenant-stripe-integration form footer{display:grid;grid-template-columns:1fr}.tenant-stripe-integration form footer button{justify-content:center}}