/* Guided enterprise connector onboarding, accessible at desktop and mobile widths. */
.cz53-create-modal{max-width:720px!important;max-height:min(90dvh,900px);overflow:auto;background:#fff;color:#192a44;border-radius:18px;padding:24px!important}
.cz53-create-modal .modal-head{align-items:start}
.cz53-create-modal .modal-head h2{font-size:23px;margin:4px 0 6px}
.cz53-create-modal .modal-head p{color:#53647c;font-size:13px;margin:0}
.cz53-create-modal .cz53-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}
.cz53-create-modal label,.cz53-journey label{display:grid;gap:6px;font-weight:600;font-size:13px;color:#273c5b}
.cz53-create-modal input:not([type=radio]),.cz53-journey input,.cz53-journey textarea{width:100%;padding:12px;border:1px solid #c9d5e7;background:white;color:#1b2d47;border-radius:10px;min-height:44px}
.cz53-fieldset{border:1px solid #dde5f2;border-radius:12px;padding:14px;margin:0 0 15px}
.cz53-fieldset legend{font-weight:700;font-size:13px;color:#243855;padding:0 7px}
.cz53-choice{display:flex!important;gap:13px!important;align-items:flex-start;flex-direction:row!important;padding:12px;cursor:pointer;border-radius:9px}
.cz53-choice:hover{background:#f4f6fc}
.cz53-choice input[type=radio]{flex:0 0 18px;width:18px;height:18px;accent-color:#6254d9;margin:3px 0}
.cz53-choice span{display:grid;gap:4px;min-width:0}
.cz53-choice small{font-weight:400;color:#556880;line-height:1.5;font-size:12px}
.cz53-policy-note{background:#f4f7fc;border:1px solid #dce5f0;border-radius:9px;color:#48617d;padding:13px;font-size:12px;line-height:1.5}
.cz53-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:14px 0 0}
.cz53-actions .btn{min-height:40px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;white-space:normal}
.cz53-actions .btn:focus-visible,.cz53-journey button:focus-visible,#cz53CloseNav:focus-visible{outline:3px solid #9583ee;outline-offset:2px}
.cz53-status{min-height:18px;margin:8px 0;color:#5c6e84;font-size:12px}
.cz53-error{color:#9d293b!important;font-weight:600}
.cz53-success{color:#08775f;font-weight:650}
.cz53-form-grid,.cz53-journey,.cz53-journey *{box-sizing:border-box}
#drawer .drawer:has(.cz53-journey){width:min(620px,100vw)!important;max-width:100vw!important;overflow:auto}
.cz53-journey{padding:4px 0 24px;color:#1d2e49;min-width:0}
.cz53-journey-head{padding:15px 4px 17px;border-bottom:1px solid #e4ebf5}
.cz53-journey-head h2{font-size:23px;line-height:1.2;margin:5px 0 8px;color:#162b49;letter-spacing:-.035em}
.cz53-journey-head p{font-size:13px;line-height:1.55;color:#526580;margin:0;overflow-wrap:anywhere}
.cz53-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.cz53-chips span{padding:5px 9px;border-radius:20px;background:#edf5fc;color:#295780;font-size:11px;font-weight:600}
.cz53-readiness{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f1f7ff;border:1px solid #d4e1f4;color:#23466f;padding:13px;border-radius:12px;margin:17px 0;font-size:12px}
.cz53-readiness small{display:block;flex-basis:100%;color:#59708c;padding-left:18px;overflow-wrap:anywhere}
.cz53-dot{width:9px;height:9px;border-radius:100%;background:#de9b32;flex:none}.cz53-dot.ok{background:#15a774}
.cz53-step{padding:17px;border:1px solid #e0e7f2;border-radius:13px;background:#fff;margin:10px 0;min-width:0}
.cz53-step-head{display:flex;align-items:flex-start;gap:12px}
.cz53-step-head strong{font-size:14px;color:#1f3452}
.cz53-step-head p{font-weight:400;font-size:12.5px;line-height:1.55;color:#596c84;margin:6px 0 0}
.cz53-step-number{width:30px;height:30px;background:#edeaff;border:1px solid #dcd5ff;color:#5c48b6;border-radius:10px;display:grid;place-items:center;font-weight:750;flex:none}
.cz53-status-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.cz53-status-grid span{background:#f3f5f9;color:#63718a;border-radius:8px;padding:7px 10px;font-weight:600;font-size:11px}
.cz53-status-grid .done{background:#e9f7f1;color:#087653}
.cz53-code-wrap:not(:empty){background:#f5f6fd;padding:14px;border:1px solid #d9dfee;border-radius:10px;margin-top:14px;min-width:0}
.cz53-code-wrap code{font-weight:700;font-size:16px;letter-spacing:1px;color:#4634a7;display:block;overflow-wrap:anywhere;padding:9px 0}
.cz53-code-wrap p{font-size:12px;line-height:1.5;color:#56647a;margin:0}
.cz53-advanced{background:#f8fafd;border:1px solid #e2e8f2;border-radius:9px;margin:14px 0 0;padding:12px;font-size:12px;color:#53657d;line-height:1.55}
.cz53-advanced summary{font-size:12px;font-weight:650;cursor:pointer;color:#3e4b6b;list-style:disclosure-closed}
.cz53-advanced p{margin:9px 0}
.cz53-advanced textarea{margin:8px 0;resize:vertical}
.cz53-footer{border-radius:11px;background:#edf4f9;padding:15px;margin-top:16px;color:#3a5069}
.cz53-footer strong{font-size:13px}.cz53-footer p{font-size:12px;line-height:1.55;margin:6px 0 0}
.cz53-platform-warning{background:#fff7e9;border:1px solid #edd69e;padding:15px;border-radius:11px;color:#654918;font-size:12px;line-height:1.5;margin:15px 0}
.cz53-platform-warning p{margin:6px 0 12px}
.cz53-muted{font-size:12px;color:#66778e}
.cz53-live-fields{display:grid;gap:12px;margin-top:10px}
/* Sidebar: single mark, legible collapse, predictable mobile overlay. */
html:not(.cz-ui-safe).czui-workspace #appShell .sidebar .sidebar-brand{display:flex!important;justify-content:center!important;align-items:center!important;min-height:58px!important;max-height:68px!important;padding:4px 8px 12px!important;margin:0 0 9px!important;overflow:hidden!important}
html:not(.cz-ui-safe).czui-workspace #appShell .sidebar .sidebar-brand img.czu-logo-mark{display:block!important;width:49px!important;height:49px!important;max-width:49px!important;max-height:49px!important;object-fit:contain!important;overflow:visible!important}
html:not(.cz-ui-safe).czui-workspace #appShell .sidebar #sidebarToggle{z-index:85!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#314367!important;color:#fff!important;border:1px solid #748bb0!important;font-size:25px!important;font-weight:500!important;box-shadow:0 2px 12px #0004!important;cursor:pointer!important}
html:not(.cz-ui-safe).czui-workspace #appShell .sidebar #sidebarToggle:hover{background:#4d63a0!important}
#cz53NavBackdrop,#cz53CloseNav{display:none}
@media(max-width:1000px){
 body.cz53-nav-lock{overflow:hidden!important}
 #cz53NavBackdrop{position:fixed!important;inset:0!important;background:#091324aa;border:0;z-index:69;cursor:pointer}
 #appShell.mobile-nav-open #cz53NavBackdrop{display:block!important}
 html:not(.cz-ui-safe).czui-workspace #appShell>.sidebar{z-index:75!important;overflow-y:auto!important;overscroll-behavior:contain!important;width:min(290px,88vw)!important;min-width:0!important;max-width:88vw!important;box-shadow:12px 0 40px #0005!important}
 #cz53CloseNav{position:absolute;right:12px;top:12px;width:39px;height:39px;display:grid;place-items:center;color:white;background:#2d3c59;border:1px solid #526681;border-radius:10px;font-size:25px;cursor:pointer;z-index:5}
 html:not(.cz-ui-safe).czui-workspace #appShell .sidebar .sidebar-brand{justify-content:flex-start!important;padding-left:16px!important}
 html:not(.cz-ui-safe).czui-workspace #appShell #mobileNavToggle{min-width:44px;min-height:44px;background:#eff2ff;color:#344772;border:1px solid #bac7e6;border-radius:9px;cursor:pointer}
 html:not(.cz-ui-safe).czui-workspace #appShell #mobileNavToggle:focus-visible{outline:3px solid #9685ec}
}
@media(max-width:640px){.cz53-create-modal{padding:15px!important;width:calc(100vw - 20px)!important}.cz53-create-modal .cz53-form-grid{grid-template-columns:1fr}.cz53-choice{padding:10px 0}.cz53-journey .cz53-step{padding:13px}.cz53-actions .btn{width:100%;white-space:normal}.cz53-journey-head h2{font-size:20px}.cz53-step-head strong{font-size:13px}}
.cz53-priority-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.cz53-priority-picker label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;border:1px solid #dce5f0;background:#fafbff;padding:8px 10px;border-radius:8px;font-size:12px!important;cursor:pointer}
.cz53-priority-picker input{accent-color:#6155d6;width:16px;height:16px}
.cz53-fieldset>small{display:block;margin:9px 4px 0;color:#64748b;line-height:1.5;font-size:11px}

/* 5.31 capability-first, permission-transparent Teams onboarding */
.cz53-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.cz53-purpose{border:1px solid #dbe4ef;border-radius:13px;padding:15px 12px;display:flex!important;flex-direction:column;gap:6px!important;cursor:pointer;background:#fff;position:relative;min-width:0;line-height:1.35}
.cz53-purpose.active{border:2px solid #6454d9;background:#f6f4ff;padding:14px 11px;box-shadow:0 3px 10px rgba(62,58,123,.09)}
.cz53-purpose input{position:absolute;top:11px;right:10px;min-height:18px!important;height:18px!important;width:18px!important;accent-color:#6454d9;padding:0!important}
.cz53-purpose-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e9ecff;color:#5741c8;font-size:19px}
.cz53-purpose strong{font-size:13px;color:#20334c}.cz53-purpose small{font-size:11px;line-height:1.5;color:#52657d;font-weight:400}
.cz53-permissions{padding:13px;border:1px solid #d6e1ed;background:#f6f9fd;border-radius:10px;color:#304862;font-size:12px;line-height:1.65}
@media(max-width:600px){.cz53-purpose-grid{grid-template-columns:1fr}.cz53-purpose{padding:12px 44px 12px 12px}.cz53-purpose.active{padding:11px 43px 11px 11px}.cz53-purpose-icon{position:absolute;top:13px;left:12px}.cz53-purpose strong,.cz53-purpose small{padding-left:45px}}