body.integrations-active main>section:not(.integrations-screen){display:none!important}.integrations-screen[hidden]{display:none!important}.integrations-screen{--ix-accent:var(--max-primary-strong,#304d8d);--ix-border:var(--ui-line);--ix-muted:var(--ui-muted);--ix-surface:var(--ui-panel);max-width:1320px;margin:auto;padding-bottom:36px;color:var(--ink,#243047);font-family:Outfit,Tajawal,Cairo,sans-serif;animation:ix-appear .3s ease both}.integrations-screen[dir=rtl],.integration-dialog[dir=rtl]{font-family:Tajawal,Cairo,Outfit,sans-serif}.ix-top,.ix-heading,.ix-provider,.ix-provider-name,.ix-provider-footer,.ix-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.ix-top{margin-bottom:24px}.ix-top img{width:19px;height:19px}.ix-top .workspace-back{display:flex;align-items:center;gap:10px}.ix-eyebrow{font:600 12px Outfit,sans-serif;letter-spacing:.14em;color:var(--ui-muted)}.ix-heading{margin-bottom:28px}.ix-heading h1{font-size:30px;font-weight:750;line-height:1.4;margin:0 0 7px}.ix-heading p,.ix-provider p,.ix-panel-heading p{color:var(--ix-muted);font-size:15px;line-height:1.7;margin:0}.ix-preview,.ix-status,.ix-muted-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ix-border);border-radius:30px;padding:8px 13px;color:var(--ix-muted);font-size:13px;white-space:nowrap;background:var(--ui-soft)}.ix-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}.ix-summary article{display:flex;gap:16px;align-items:center;padding:22px;background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:20px}.ix-summary img{width:44px;height:44px;padding:11px;background:var(--ui-soft);border-radius:14px}.ix-summary span{display:block;font-size:14px;color:var(--ix-muted)}.ix-summary strong{display:block;font-size:30px;line-height:1.5;font-weight:700}.ix-summary .ix-unset{font-size:19px;padding-top:5px}.ix-connector{background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:24px;box-shadow:0 10px 32px #253b6010;overflow:hidden}.ix-provider{padding:28px 28px 0}.ix-provider-name{justify-content:start}.ix-foodics{width:62px;height:62px;background:#dc3a49;color:white;border-radius:19px;display:flex;align-items:center;justify-content:center;font:700 43px Outfit,sans-serif;box-shadow:0 7px 16px #dc3a4920}.ix-foodics span{font-size:28px}.ix-provider h2{font-size:25px;margin:0 0 4px;font-weight:700}.ix-provider h2 span{font-size:17px;color:var(--ix-muted);margin-inline-start:6px}.ix-status i{width:7px;height:7px;background:#94a3b8;border-radius:50%}.ix-description{max-width:850px;font-size:15px;line-height:1.9;color:var(--ix-muted);padding:0 28px;margin:22px 0}.ix-provider-footer{padding:0 28px 28px}.ix-provider-footer>span{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ix-accent)}.ix-provider-footer img{height:18px;width:18px}.ix-button{border:1px solid var(--ix-border,#dce3ef);background:var(--ui-soft);color:var(--ui-ink);border-radius:13px;min-height:44px;padding:11px 20px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;transition:background .18s,box-shadow .18s}.ix-button.ix-primary{background:var(--ix-accent,#304d8d);border-color:transparent;color:white;box-shadow:0 5px 14px #304d8d20}.ix-button:hover{box-shadow:0 5px 16px #304d8d25}.ix-tabs{display:flex;gap:4px;background:var(--ui-soft);border-block:1px solid var(--ix-border);padding:7px 28px}.ix-tabs button{border:0;background:transparent;color:var(--ix-muted);min-width:145px;min-height:44px;padding:10px 16px;font:700 15px Tajawal,Outfit,sans-serif;border-radius:11px;cursor:pointer;transition:color .18s,background .18s;flex-shrink:0}.ix-tabs button[aria-selected=true]{background:var(--ui-tint);color:var(--ui-accent);box-shadow:inset 0 0 0 1px #dbe5fa}.ix-tab-panel{padding:28px;min-height:315px}.ix-tab-panel h3{font-size:19px;font-weight:700;margin:0 0 12px;line-height:1.6}.ix-overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.ix-steps{list-style:none;padding:0;margin:18px 0 0;counter-reset:steps}.ix-steps li{position:relative;padding-inline-start:46px;padding-bottom:22px;counter-increment:steps}.ix-steps li:before{content:counter(steps);position:absolute;inset-inline-start:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ui-soft);color:var(--ui-ink);font:600 14px Outfit,sans-serif}.ix-steps b{display:block;font-size:15px;margin-bottom:5px}.ix-steps span{font-size:14px;line-height:1.7;color:var(--ix-muted)}.ix-readiness{background:var(--ui-soft);border:1px solid var(--ix-border);padding:24px;border-radius:17px}.ix-readiness>img{height:28px;width:28px;margin-bottom:14px}.ix-readiness p,.ix-empty p{color:var(--ix-muted);font-size:15px;line-height:1.8;margin:0 0 20px}.ix-readiness>div,.ix-dialog-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--ix-border,#e1e7f0);font-size:14px}.ix-readiness>div span,.ix-dialog-facts span{color:var(--ix-muted,#64748b)}.ix-panel-heading{margin-bottom:22px}.ix-panel-heading h3{margin-bottom:3px}.ix-panel-heading>span{color:var(--ix-accent);font:600 17px Outfit,sans-serif;white-space:nowrap}.ix-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ix-data-item{display:flex;align-items:center;gap:13px;cursor:pointer;border:1px solid var(--ix-border);border-radius:14px;padding:17px}.ix-data-item:has(input:checked){background:var(--ui-tint);border-color:var(--ui-accent)}.ix-data-item>img{width:25px;height:25px}.ix-data-item>span{flex:1;min-width:0}.ix-data-item b{display:block;font-size:15px;margin-bottom:5px}.ix-data-item small{display:block;font-size:13px;color:var(--ix-muted);line-height:1.5}.ix-data-item input{width:19px;height:19px;accent-color:#304d8d;flex-shrink:0}.ix-local-note,.ix-footnote{color:var(--ix-muted);font-size:13px;line-height:1.8}.ix-footnote{display:flex;align-items:flex-start;gap:9px;margin-top:20px}.ix-footnote img{width:18px;height:18px;margin-top:2px}.ix-empty{text-align:center;max-width:600px;margin:12px auto}.ix-empty>img{height:50px;width:50px;padding:12px;border-radius:15px;background:var(--ui-soft);margin-bottom:14px}.integration-dialog{--ix-border:var(--ui-line);--ix-muted:var(--ui-muted);--ix-accent:var(--ui-accent);background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:22px;width:min(610px,calc(100% - 32px));padding:0;max-height:85dvh;box-shadow:0 30px 90px #14274630;font-family:Outfit,Tajawal,Cairo,sans-serif}.integration-dialog::backdrop{background:#13243b70;backdrop-filter:blur(5px)}.integration-dialog header{padding:24px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--ui-line)}.integration-dialog h2{font-size:23px;margin:8px 0 0}.integration-dialog header button{font-size:26px;background:var(--ui-soft);border:0;border-radius:10px;width:38px;height:38px;cursor:pointer;color:var(--ui-ink)}.ix-dialog-body{padding:24px}.ix-dialog-body p{font-size:15px;line-height:1.9;color:var(--ui-muted)}.integration-dialog footer{padding:18px 24px;display:flex;gap:10px;border-top:1px solid var(--ui-line)}.integrations-screen button:focus-visible,.integration-dialog button:focus-visible,.ix-data-item input:focus-visible{outline:3px solid #849fdf;outline-offset:3px}@keyframes ix-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.ix-heading{align-items:start;flex-direction:column}.ix-summary{gap:9px}.ix-summary article{padding:14px 10px;display:block}.ix-summary img{width:34px;height:34px;padding:8px;margin-bottom:9px}.ix-summary span{font-size:12px}.ix-summary strong{font-size:25px}.ix-summary .ix-unset{font-size:15px}.ix-provider,.ix-provider-footer{padding-inline:18px}.ix-provider{align-items:start}.ix-provider-name{gap:10px}.ix-foodics{width:47px;height:47px;font-size:33px;border-radius:14px}.ix-provider h2{font-size:21px}.ix-provider h2 span{display:none}.ix-provider p{font-size:12px}.ix-status{font-size:12px;padding:7px 9px}.ix-description{padding-inline:18px}.ix-provider-footer{align-items:stretch;flex-direction:column}.ix-tabs{padding-inline:10px;gap:3px}.ix-tabs button{min-width:0;flex:1;padding-inline:7px;font-size:13px}.ix-tab-panel{padding:20px 17px}.ix-overview-grid{grid-template-columns:1fr;gap:8px}.ix-data-grid{grid-template-columns:1fr}.ix-panel-heading{align-items:start}.ix-top{gap:10px}.ix-top .ix-eyebrow{font-size:10px;letter-spacing:.06em}.ix-top .workspace-back{padding:10px 12px;font-size:13px}.ix-heading h1{font-size:28px}.integration-dialog footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.integrations-screen{animation:none}.integrations-screen *{transition:none!important}}
.ix-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.ix-family-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card,#fff);min-width:0}.ix-family-card h2{font-size:22px;margin:0;color:var(--ink)}.ix-family-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.ix-family-card>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.ix-family-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--surface,#f4f6fa)}.ix-family-symbol img{width:26px;height:26px}.ix-family-card .ix-status{font-size:12px;white-space:normal;line-height:1.8}.ix-family-grid a,.integration-dialog a{text-decoration:none}.integration-dialog footer{flex-wrap:wrap;gap:10px}.integration-dialog footer .ix-button{min-height:44px}@media(max-width:1000px){.ix-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.ix-family-grid{grid-template-columns:1fr}.ix-family-card{padding:20px}.integration-dialog footer{flex-direction:column;align-items:stretch}}
.integration-dialog header>div{min-width:0}.integration-dialog h2{overflow-wrap:anywhere}.integration-dialog header button{flex:0 0 38px;min-width:38px;padding:0}
.integration-dialog header button{flex:0 0 auto;width:auto;min-width:44px;font-size:14px;padding:6px 10px}