.zp-event-flow{background:linear-gradient(115deg,#123039,#1c2543);border:1px solid #37546a;border-radius:18px;padding:20px;margin:0 0 24px;color:#eef6ff;min-width:0;box-sizing:border-box}
.zp-event-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.zp-event-flow-heading>div:first-child{flex:1;min-width:0}.zp-event-flow small{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#64ded1}.zp-event-flow h2{font-size:20px;line-height:1.35;margin:6px 0;overflow-wrap:anywhere}.zp-event-flow p,.zp-event-picker p{font-size:14px;line-height:1.6;margin:8px 0;color:#c2d1df;overflow-wrap:anywhere}
.zp-event-flow-actions{display:flex;gap:8px;flex-wrap:wrap}.zp-event-flow button,.zp-event-picker button,.zp-event-flow-tools a{font:inherit;font-size:13px;font-weight:750;min-height:44px;border:1px solid #49627c;background:#182d40;color:#eff7ff;border-radius:10px;padding:10px 14px;cursor:pointer;text-decoration:none;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.zp-event-flow button:hover,.zp-event-picker button:hover,.zp-event-flow-tools a:hover{border-color:#75b8ff;background:#243e58}.zp-event-flow button:focus-visible,.zp-event-picker :is(button,input,select):focus-visible,.zp-event-flow-tools a:focus-visible{outline:3px solid #74bcff;outline-offset:3px}.zp-event-flow-primary{background:#397ee2!important;border-color:#6faeff!important;color:white!important}
.zp-event-flow-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.zp-event-flow-tools a[aria-current]{background:#20565a;border-color:#55d6c4;color:#aff8e9}.zp-event-flow-help{border-top:1px solid #385166;padding-top:12px}
.zp-main[data-zp-event-locked]>:not(.zp-event-flow){display:none!important}
.zp-event-picker{background:#10202e;color:#edf6ff;border:1px solid #44637a;border-radius:20px;width:min(600px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:22px;box-sizing:border-box;overflow:auto;box-shadow:0 24px 80px #0009;font-family:Inter,system-ui,sans-serif}.zp-event-picker::backdrop{background:#020a13b8}.zp-event-picker-open{overflow:hidden}.zp-event-picker-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.zp-event-picker h2{font-size:23px;line-height:1.3;margin:4px 0;overflow-wrap:anywhere}.zp-event-picker-heading button{flex:none}.zp-event-picker h3{font-size:14px;color:#63e0d0;margin:18px 0 8px}.zp-event-picker label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;margin:14px 0;min-width:0}.zp-event-picker :is(input,select){font:inherit;font-size:16px;color:#ecf5ff;background:#091521;border:1px solid #456077;border-radius:10px;min-height:44px;padding:10px 12px;box-sizing:border-box;width:100%;min-width:0;color-scheme:dark}.zp-event-picker-event{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;margin:8px 0}.zp-event-picker-event span{font-size:12px;font-weight:450;color:#b7c9d9}.zp-event-picker-error{color:#ffb4b4!important}.zp-event-picker button:disabled{opacity:.65;cursor:wait}.zp-event-picker-form>button{width:100%;margin-top:8px}
@media(max-width:480px){.zp-event-flow{padding:14px}.zp-event-flow-actions{width:100%}.zp-event-flow-actions button{flex:1;min-width:0}.zp-event-flow-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zp-event-flow-tools a{font-size:12px;padding:9px;text-align:center}.zp-event-picker{padding:16px;max-height:calc(100dvh - 24px);border-radius:16px}.zp-event-picker h2{font-size:20px}}
@media(max-width:480px){dialog.zp-event-picker{position:fixed;inset:12px auto auto 12px;margin:0;transform:none;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}

.zp-event-flow button.zp-event-flow-cancel{background:#44252e;border-color:#c36b7f;color:#ffd8df}.zp-event-flow button.zp-event-flow-cancel:hover{background:#59303c;border-color:#ef94a7}

.zp-event-flow-heading>div:first-child{flex:1 1 280px}

/* Compact shared Events header. */
.zp-event-flow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:12px 16px;margin:0 0 16px;border-radius:14px}
.zp-event-flow-heading{min-width:0;gap:0}.zp-event-flow-heading>div:first-child{flex:1 1 auto;min-width:0}
.zp-event-flow-heading small{display:none}.zp-event-flow h2{font-size:17px;line-height:1.3;margin:0}.zp-event-flow p{font-size:12px;line-height:1.4;margin:4px 0 0}
.zp-event-flow-details{min-width:0}.zp-event-flow-details>summary{cursor:pointer;padding:9px 12px;border:1px solid #456077;border-radius:10px;color:#eff8ff;font-size:13px;font-weight:700;white-space:nowrap;min-height:40px;box-sizing:border-box}
.zp-event-flow-details>summary:focus-visible{outline:2px solid #55d6c4;outline-offset:3px}.zp-event-flow-details[open]{grid-column:1/-1}.zp-event-flow-details[open]>summary{margin-bottom:12px}
.zp-event-flow-details .zp-event-flow-actions{display:flex;flex-wrap:wrap;gap:8px;width:auto}.zp-event-flow-details .zp-event-flow-tools{margin-top:12px}.zp-event-flow-details .zp-event-flow-help{margin-top:12px}
@media(max-width:480px){.zp-event-flow{padding:10px 12px;gap:8px;margin-bottom:12px}.zp-event-flow h2{font-size:15px}.zp-event-flow-details>summary{font-size:12px;padding:9px}.zp-event-flow-details .zp-event-flow-actions button{flex:1 1 120px}}
