#tab-email-calendar-center{--ec-blue:#0d5fd1;--ec-navy:#0c2547;--ec-line:#c9d9ed;color:var(--theme-textPrimary,#12223b);min-width:0}
#tab-email-calendar-center .emailCalendarHero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#0c2547,#0d5fd1);color:#fff;margin-bottom:16px;box-shadow:0 16px 34px rgba(10,45,89,.18)}
#tab-email-calendar-center .emailCalendarHero h2{margin:4px 0 6px;color:#fff}#tab-email-calendar-center .emailCalendarHero p{margin:0;color:#e5f1ff}#tab-email-calendar-center .emailCalendarHero .btn{background:#fff;color:#0c2547}
#tab-email-calendar-center .emailCalendarNotice{position:sticky;top:8px;z-index:20;margin:0 0 14px;padding:12px 15px;border-radius:12px;background:#e9f8ef;color:#116138;border:1px solid #9bd6b1}#tab-email-calendar-center .emailCalendarNotice[data-type="error"]{background:#fff0f1;color:#922438;border-color:#efb2bd}#tab-email-calendar-center .emailCalendarNotice[data-type="info"]{background:#eef6ff;color:#164e8c;border-color:#a9cef8}
#tab-email-calendar-center .emailCalendarSummary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:16px;margin-bottom:18px;padding:2px;overflow:visible;background:linear-gradient(135deg,#f5f9fe,#edf5fd);border-radius:22px}#tab-email-calendar-center .emailCalendarSummary article{display:grid;grid-template-columns:72px minmax(0,1fr) 16px;grid-template-rows:auto;align-items:start;gap:14px;box-sizing:border-box;width:auto!important;max-width:none!important;min-width:0;min-height:164px;padding:20px;border:1px solid #e1eaf5;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(28,74,127,.07)}#tab-email-calendar-center .emailCalendarSummaryIcon{display:grid!important;place-items:center;align-self:start;width:68px;height:68px;border-radius:17px;background:#e7f2ff;color:#0d5fd1!important}#tab-email-calendar-center .emailCalendarSummaryIcon svg{display:block;width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#tab-email-calendar-center .emailCalendarSummary article:nth-child(2) .emailCalendarSummaryIcon,#tab-email-calendar-center .emailCalendarSummary article:nth-child(8) .emailCalendarSummaryIcon{background:#e0f9f0;color:#078d70!important}#tab-email-calendar-center .emailCalendarSummary article:nth-child(3) .emailCalendarSummaryIcon{background:#fff0f2;color:#d82945!important}#tab-email-calendar-center .emailCalendarSummary article:nth-child(6) .emailCalendarSummaryIcon{background:#f0ebff;color:#6736db!important}#tab-email-calendar-center .emailCalendarSummaryCopy{display:grid;min-width:0;gap:4px}#tab-email-calendar-center .emailCalendarSummaryTitle{display:block;color:#122b50!important;font-size:.98rem!important;font-weight:850;line-height:1.2}#tab-email-calendar-center .emailCalendarSummary strong{display:block;min-width:0;margin:7px 0 0;color:#092550!important;font-size:2.2rem;line-height:1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tab-email-calendar-center .emailCalendarSummaryDescription{grid-column:1/-1;display:block;margin-top:22px;color:#657b99!important;font-size:.82rem;line-height:1.35}#tab-email-calendar-center .emailCalendarSummaryChevron{display:block;color:#8198b4!important;font-size:2rem!important;line-height:.8}#tab-email-calendar-center .emailCalendarSummary [data-summary="last_sync"]{font-size:1.45rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis}
#tab-email-calendar-center .emailCalendarSummary{box-sizing:border-box;width:100%;grid-auto-rows:1fr;overflow:hidden}
#tab-email-calendar-center .emailCalendarGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#tab-email-calendar-center .emailCalendarGrid>.emailCalendarCard{align-self:stretch;height:100%;margin:0!important}#tab-email-calendar-center .emailCalendarCard{min-width:0;margin-bottom:16px;padding:20px;border:1px solid var(--ec-line);border-radius:20px;background:var(--theme-cardBackground,#fff);box-shadow:0 10px 28px rgba(24,55,94,.07)}
.emailCalendarForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.emailCalendarForm label{display:grid;gap:6px;font-weight:700}.emailCalendarForm input,.emailCalendarForm select,.emailCalendarForm textarea{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #9fb5ce;border-radius:10px;background:var(--theme-inputBackground,#fff);color:var(--theme-inputText,#12223b)}.emailCalendarForm .span2{grid-column:1/-1}.emailCalendarForm .emailCalendarCheck{display:flex;align-items:center;gap:9px;font-weight:600}.emailCalendarForm .emailCalendarCheck input{width:20px;min-height:20px}
.emailCalendarTableWrap{width:100%;overflow-x:auto}.emailCalendarConnectionTable{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.emailCalendarConnectionTable th,.emailCalendarConnectionTable td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #dbe6f3;overflow-wrap:anywhere}.emailCalendarConnectionTable th{position:sticky;top:0;background:var(--theme-cardBackground,#fff);z-index:1}.emailCalendarConnectionTable strong,.emailCalendarConnectionTable small{display:block}.emailCalendarActions{display:flex;flex-wrap:wrap;gap:7px}.emailCalendarStatus{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff3ca;color:#745500;font-weight:800;font-size:.78rem}.emailCalendarStatus.is-active{background:#d9f8e4;color:#116138}.emailCalendarStatus.is-degraded,.emailCalendarStatus.is-renewal_required,.emailCalendarStatus.is-revoked{background:#ffe0e3;color:#922438}.emailCalendarStatus.is-suspended{background:#e8edf4;color:#445267}.emailCalendarEmpty{padding:24px;text-align:center;color:var(--theme-textSecondary,#60718a)}
.emailCalendarMyActions,.emailCalendarWizardActions{display:flex;flex-wrap:wrap;gap:10px}.emailCalendarWizardSteps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:0;list-style:none}.emailCalendarWizardSteps li{padding:10px 8px;border-radius:10px;background:#edf3fa;color:#52657d;font-size:.8rem;text-align:center;overflow-wrap:anywhere}.emailCalendarWizardSteps li.active{background:var(--ec-blue);color:#fff;font-weight:800}.emailCalendarWizardBody{min-height:74px;margin:14px 0;padding:16px;border-radius:12px;background:#f5f8fc;overflow-wrap:anywhere}
#tab-email-calendar-center :focus-visible{outline:3px solid #2ab8ff;outline-offset:3px}
@media(max-width:1000px){#tab-email-calendar-center .emailCalendarGrid{grid-template-columns:1fr}#tab-email-calendar-center .emailCalendarWizardSteps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){#tab-email-calendar-center .emailCalendarHero{align-items:flex-start;flex-direction:column;padding:18px}#tab-email-calendar-center .emailCalendarCard{padding:15px}.emailCalendarForm{grid-template-columns:1fr}.emailCalendarForm .span2{grid-column:auto}.emailCalendarConnectionTable,.emailCalendarConnectionTable tbody,.emailCalendarConnectionTable tr,.emailCalendarConnectionTable td{display:block;width:100%}.emailCalendarConnectionTable thead{display:none}.emailCalendarConnectionTable tr{margin-bottom:12px;padding:12px;border:1px solid var(--ec-line);border-radius:14px}.emailCalendarConnectionTable td{display:grid;grid-template-columns:minmax(96px,35%) 1fr;gap:10px;border:0;padding:7px 0}.emailCalendarConnectionTable td::before{content:attr(data-label);font-weight:800;color:var(--theme-textSecondary,#60718a)}.emailCalendarConnectionTable td[colspan]{display:block}.emailCalendarConnectionTable td[colspan]::before{content:none}.emailCalendarWizardSteps{grid-template-columns:1fr 1fr}.emailCalendarMyActions .btn{flex:1 1 100%}}
@media(max-width:700px){#tab-email-calendar-center .emailCalendarSummary{grid-template-columns:none!important;grid-template-rows:1fr!important;grid-auto-flow:column!important;grid-auto-columns:250px!important;gap:10px;margin-bottom:12px;padding:2px 2px 8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory}#tab-email-calendar-center .emailCalendarSummary article{grid-template-columns:48px minmax(0,1fr) 12px;min-height:112px;padding:13px;gap:10px;scroll-snap-align:start}#tab-email-calendar-center .emailCalendarSummaryIcon{width:46px;height:46px;border-radius:13px}#tab-email-calendar-center .emailCalendarSummaryIcon svg{width:29px;height:29px}#tab-email-calendar-center .emailCalendarSummaryTitle{font-size:.8rem!important}#tab-email-calendar-center .emailCalendarSummary strong{margin-top:3px;font-size:1.35rem}#tab-email-calendar-center .emailCalendarSummaryDescription{margin-top:10px;font-size:.72rem}#tab-email-calendar-center .emailCalendarSummaryChevron{font-size:1.4rem!important}#tab-email-calendar-center .emailCalendarSummary [data-summary="last_sync"]{font-size:.92rem}}
@media(max-width:420px){#tab-email-calendar-center .emailCalendarConnectionTable td{grid-template-columns:1fr}#tab-email-calendar-center .emailCalendarWizardSteps{grid-template-columns:1fr}}

/* Provider center owns a complete foreground/surface pair. Tenant themes may
   legitimately use light text elsewhere, but must never place it on these
   deliberately light configuration cards. */
#tab-email-calendar-center{--ec-surface:#fff;--ec-ink:#12223b;--ec-muted:#52657d;color:var(--ec-ink)!important}
#tab-email-calendar-center .emailCalendarSummary article,
#tab-email-calendar-center .emailCalendarCard{background:var(--ec-surface)!important;color:var(--ec-ink)!important}
#tab-email-calendar-center .emailCalendarSummary span{color:var(--ec-muted)!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarSummary strong,
#tab-email-calendar-center .emailCalendarCard :is(h2,h3,h4,label,strong,span,p){color:var(--ec-ink)!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarCard :is(small,.emailCalendarEmpty){color:var(--ec-muted)!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarForm :is(input,select,textarea){background:#fff!important;color:#12223b!important;-webkit-text-fill-color:#12223b!important;border-color:#7893b2!important}
#tab-email-calendar-center .emailCalendarForm :is(input,textarea)::placeholder{color:#60718a!important;-webkit-text-fill-color:#60718a!important;opacity:1}
#tab-email-calendar-center .emailCalendarWizardSteps li{background:#e8f0fa!important;color:#344966!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarWizardSteps li.active{background:var(--ec-blue)!important;color:#fff!important}
#tab-email-calendar-center .emailCalendarWizardBody{background:#eef4fb!important;color:#12223b!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarConnectionTable th{background:#eef4fb!important;color:#12223b!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarConnectionTable td{background:#fff!important;color:#12223b!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarConnectionTable :is(th,td,strong,small,span){color:inherit!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarConnectionTable small{color:#52657d!important}
#tab-email-calendar-center .emailCalendarConnectionTable .emailCalendarStatus{background:#fff3ca!important;color:#745500!important;-webkit-text-fill-color:currentColor!important}
#tab-email-calendar-center .emailCalendarConnectionTable .emailCalendarStatus.is-active{background:#d9f8e4!important;color:#116138!important}
#tab-email-calendar-center .emailCalendarConnectionTable .emailCalendarStatus:is(.is-degraded,.is-renewal_required,.is-revoked){background:#ffe0e3!important;color:#922438!important}
#tab-email-calendar-center .emailCalendarConnectionTable .emailCalendarStatus.is-suspended{background:#e8edf4!important;color:#445267!important}
#tab-email-calendar-center .emailCalendarMyActions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#tab-email-calendar-center .emailCalendarProviderMark{display:inline-grid!important;place-items:center;flex:0 0 22px;width:22px;height:22px}
#tab-email-calendar-center .emailCalendarProviderMark svg{display:block;width:22px;height:22px}
#tab-email-calendar-center,#tab-email-calendar-center *{box-sizing:border-box}#tab-email-calendar-center :is(input,select,textarea,button){max-width:100%}
#tab-email-calendar-center .emailIntelligenceAutomation{border-color:#b9d5fb;background:linear-gradient(135deg,#fff,#f4f9ff)!important}#tab-email-calendar-center .emailIntelligenceAutomationForm{grid-template-columns:repeat(2,minmax(0,1fr))}#tab-email-calendar-center .emailIntelligenceAutomationForm .emailCalendarCheck{align-items:flex-start;min-height:58px;padding:12px;border:1px solid #d7e5f5;border-radius:12px;background:#fff}#tab-email-calendar-center .emailIntelligenceAutomationForm .emailCalendarCheck small{display:block;margin-top:2px;font-weight:500}#tab-email-calendar-center .emailIntelligenceAutomationGuard{padding:12px 14px;border:1px solid #a9cef8;border-radius:12px;background:#eef6ff;color:#164e8c!important;line-height:1.45}
#tab-email-calendar-center .emailCalendarProviderGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#tab-email-calendar-center .emailCalendarProviderGrid article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;min-width:0;padding:16px;border:1px solid #d3e0ef;border-radius:15px;background:#f9fbfe}#tab-email-calendar-center .emailCalendarProviderGrid article>button{grid-column:1/-1}#tab-email-calendar-center .emailCalendarProviderGrid h4{margin:0;color:#12223b}#tab-email-calendar-center .emailCalendarProviderGrid p{min-height:42px;margin:4px 0 8px;color:#52657d!important;font-size:.8rem}#tab-email-calendar-center .emailCalendarProviderGrid strong{display:inline-flex;color:#52657d!important;font-size:.78rem}#tab-email-calendar-center [data-provider-status="ACTIVE"] strong{color:#087a43!important}#tab-email-calendar-center [data-provider-status="CONFIG_REQUIRED"] strong{color:#9a4f00!important}.emailCalendarProviderIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#4285f4;font-size:1.4rem;font-weight:900;box-shadow:0 3px 10px #17385f14}.emailCalendarProviderIcon.microsoft{grid-template-columns:1fr 1fr;gap:2px;padding:7px}.emailCalendarProviderIcon.microsoft i:nth-child(1){background:#f25022}.emailCalendarProviderIcon.microsoft i:nth-child(2){background:#7fba00}.emailCalendarProviderIcon.microsoft i:nth-child(3){background:#00a4ef}.emailCalendarProviderIcon.microsoft i:nth-child(4){background:#ffb900}.emailCalendarProviderIcon.imap{color:#0d5fd1}
@media(max-width:900px){#tab-email-calendar-center .emailCalendarProviderGrid{grid-template-columns:1fr}}
@media(max-width:720px){#tab-email-calendar-center .emailIntelligenceAutomationForm{grid-template-columns:1fr}#tab-email-calendar-center .emailIntelligenceAutomationForm .span2{grid-column:auto}}