.connect-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.connect-card{align-self:start;padding:26px}.connect-card h2{font-size:24px;margin:8px 0 16px}.connect-card header{margin-bottom:18px}.connect-card details{border-block:1px solid var(--line);padding:16px 0;margin:18px 0}.connect-card summary{cursor:pointer;font-weight:600}.connect-card ol{padding-left:20px;line-height:1.7}.connect-card li{margin:12px 0;color:var(--muted)}.connect-url{display:block;overflow-wrap:anywhere;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:12px}.connect-form{display:grid;gap:15px;margin:22px 0}.connect-form label{display:grid;gap:7px}.connect-form .checkbox-label{display:flex;align-items:flex-start}.connect-form input:not([type=checkbox]),.connect-form select,.connect-form textarea{width:100%;min-width:0}.connect-form button{justify-self:start}.connect-actions{display:flex;gap:10px;flex-wrap:wrap}.connect-feedback{font-size:14px;overflow-wrap:anywhere}.connect-owner-updates,.connect-conflict{padding:24px}.connect-owner-updates{margin-top:24px}.owner-booking-history{display:grid;gap:14px}.owner-booking-history article{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.owner-booking-history .pill{justify-self:start}.wa-message{border-bottom:1px solid var(--line);padding:16px 0}.wa-message p{white-space:pre-wrap;overflow-wrap:anywhere}.connect-conflict button{margin:8px}.calendar-event.external-busy{background:var(--bg);border-color:var(--muted);opacity:.8;cursor:default}.meeting-link{display:block;margin:14px 0;overflow-wrap:anywhere}@media(max-width:850px){.connect-cards{grid-template-columns:1fr}.connect-card{padding:20px}.connect-card h2{font-size:22px}}
.connect-card-title{display:flex;align-items:center;gap:11px}.connect-card-title h2{margin:8px 0 12px}.integration-brand-icon{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff}.integration-brand-icon img{display:block;width:28px;height:28px;object-fit:contain}.provider-brand-title{display:flex;align-items:center;gap:12px}.provider-brand-title .integration-brand-icon:has(img[src*="namirial.svg"]){width:144px;flex-basis:144px}.provider-brand-title .integration-brand-icon:has(img[src*="namirial.svg"]) img{width:124px;height:32px}.provider-brand-title .integration-brand-icon:has(img[src*="datagma.svg"]){border-color:#dbeafe;background:#eff6ff}.provider-brand-title .integration-brand-icon:has(img[src*="datagma.svg"]) img{width:28px;height:28px}.mail-provider-title{display:flex;align-items:center;gap:10px}.mail-provider-title .integration-brand-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px}.mail-provider-title .integration-brand-icon img{width:24px;height:24px}
.integration-brand-icon:has(img[src*="yahoo.svg"]){width:88px;flex-basis:88px}.integration-brand-icon:has(img[src*="yahoo.svg"]) img{width:76px;height:32px}.mail-provider-title .integration-brand-icon:has(img[src*="yahoo.svg"]){width:84px;flex-basis:84px}.mail-provider-title .integration-brand-icon:has(img[src*="yahoo.svg"]) img{width:72px;height:26px}
.signature-provider-panel .provider-brand-title{flex-wrap:wrap}.signature-provider-panel .provider-brand-title .integration-brand-icon{flex:0 0 auto}@media(max-width:560px){.provider-brand-title .integration-brand-icon:has(img[src*="namirial.svg"]){width:112px;flex-basis:112px}.provider-brand-title .integration-brand-icon:has(img[src*="namirial.svg"]) img{width:96px;height:28px}}
.mail-panel{padding:26px;margin-bottom:24px}.mail-panel header{margin-bottom:20px}.mail-panel h2{margin:6px 0}.mail-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mail-provider{min-width:0;padding:18px;border:1px solid var(--line);border-radius:10px}.mail-provider h3{margin:0 0 10px}.mail-provider details{margin:14px 0}.mail-provider ol{padding-left:18px;font-size:13px}.mail-notifications{margin-top:28px}.mail-notification{display:grid;grid-template-columns:100px minmax(120px,1fr) minmax(110px,auto) auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.mail-notification p{margin:4px 0;overflow-wrap:anywhere}.mail-notification>div{min-width:0}.mail-notification>a{white-space:nowrap}.mail-notification .pill{justify-self:start}@media(max-width:900px){.mail-provider-grid{grid-template-columns:1fr 1fr}.mail-notification{grid-template-columns:1fr auto}.mail-notification>div{grid-row:2}.mail-notification>a{grid-column:1;grid-row:3}.mail-notification>button{grid-column:2;grid-row:3}}@media(max-width:560px){.mail-provider-grid{grid-template-columns:1fr}.mail-panel{padding:18px}}
.mail-live-alert{position:fixed;z-index:1000;right:22px;bottom:22px;display:grid;grid-template-columns:10px minmax(160px,1fr) auto 28px;align-items:center;gap:14px;width:min(560px,calc(100vw - 32px));padding:16px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.mail-live-alert p{margin:5px 0 0;overflow-wrap:anywhere}.mail-live-alert a{white-space:nowrap}.mail-alert-dot{width:9px;height:9px;align-self:start;margin-top:7px;border-radius:50%;background:var(--positive)}.mail-live-alert button{font-size:18px}@media(max-width:560px){.mail-live-alert{right:12px;bottom:12px;grid-template-columns:9px 1fr 25px}.mail-live-alert a{grid-column:2}.mail-live-alert button{grid-column:3;grid-row:1}}

.yahoo-mail-consent{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:12px;line-height:1.55}.yahoo-mail-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--accent)}.yahoo-mail-consent a{color:var(--accent)}
.mail-request-panel{margin:20px 0;padding:26px}.mail-request-panel>h2{margin:4px 0 8px}.mail-request-panel>p:not(.eyebrow){max-width:760px;color:var(--muted)}.mail-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.mail-request-grid article{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg);transition:border-color .18s ease,transform .18s ease}.mail-request-grid article:hover{border-color:var(--muted);transform:translateY(-2px)}.mail-request-grid h3{margin:0;font-size:16px}.mail-request-grid p{flex:1;min-height:42px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.mail-request-grid button{width:100%;min-height:42px}.mail-request-grid button:disabled{cursor:not-allowed}.mail-request-provider{display:grid;gap:6px;margin:0 0 2px;color:var(--muted);font-size:11px}.mail-request-provider select{width:100%}@media(max-width:750px){.mail-request-panel{padding:20px}.mail-request-grid{grid-template-columns:1fr}.mail-request-grid article{padding:16px}}

.mail-request-brand{display:flex;align-items:center;gap:11px;min-height:46px}.mail-request-brand .integration-brand-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px}.mail-request-brand .integration-brand-icon img{width:28px;height:28px}.mail-request-brand img[src*='virgilio.svg']{width:30px;height:30px}
.mail-request-brand .integration-brand-icon:has(img[src*='virgilio.svg']){width:76px;flex-basis:76px}.mail-request-brand .integration-brand-icon:has(img[src*='virgilio.svg']) img{width:64px;height:22px}
.namirial-setup{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.namirial-setup>summary,.namirial-advanced>summary{cursor:pointer;font-weight:600}
.namirial-setup>p,.namirial-steps{max-width:760px;line-height:1.65}
.namirial-steps{padding-left:22px;color:var(--muted)}
.namirial-steps li{padding:4px 0}
.namirial-setup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px 16px;max-width:820px;margin:20px 0}
.namirial-setup-form>label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:12px}
.namirial-setup-form input,.namirial-setup-form select{width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}
.namirial-advanced,.namirial-setup-form>button,.namirial-setup-form>.connect-feedback{grid-column:1/-1}
.namirial-advanced{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.namirial-advanced>p{color:var(--muted);font-size:12px;line-height:1.55}
.namirial-advanced>label{display:grid;gap:7px;margin-top:13px;color:var(--muted);font-size:12px}
.namirial-setup-form>button{justify-self:start;min-height:44px}
@media(max-width:560px){.namirial-setup-form{grid-template-columns:minmax(0,1fr)}.namirial-advanced,.namirial-setup-form>button,.namirial-setup-form>.connect-feedback{grid-column:1}.namirial-setup-form>button{width:100%}}

.external-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.external-service-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;min-width:0}.external-service-grid article p{color:var(--muted);line-height:1.6;margin-bottom:20px}.external-service-grid .integration-brand-icon{width:112px;flex-basis:112px}.external-service-grid .integration-brand-icon img{width:96px;height:30px}.contactout-identifier{display:grid;gap:8px;max-width:560px;margin:16px 0}.contactout-identifier select{width:100%;min-width:0}.contactout-enrichment>.checkbox-label{margin:16px 0}.contactout-enrichment .connect-actions{flex-shrink:0}.contactout-panel .connect-actions{margin:14px 0}.contactout-panel .namirial-steps{max-width:780px}@media(max-width:650px){.external-service-grid{grid-template-columns:1fr}.external-service-grid article{padding:18px}}
