:root{--twoi-accent:#111;--twoi-ink:#111;--twoi-muted:#727272;--twoi-line:#e9e6df;--twoi-soft:#f7f6f3;--twoi-white:#fff;--twoi-radius:22px}.twoi-shell,.twoi-public,.twoi-scanner-shell{box-sizing:border-box;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--twoi-ink)}.twoi-shell *,.twoi-public *,.twoi-scanner-shell *{box-sizing:border-box}.twoi-shell{max-width:1320px;margin:0 auto;padding:34px 22px 70px}.twoi-shell.twoi-narrow{max-width:820px}.twoi-card{background:#fff;border:1px solid var(--twoi-line);border-radius:var(--twoi-radius);padding:30px}.twoi-kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:750;font-size:11px;color:#5f5f5f}.twoi-card h1,.twoi-card h2,.twoi-dashboard-head h1,.twoi-scanner-head h1{letter-spacing:-.045em;line-height:1.02;margin:.35em 0 .25em}.twoi-card h1,.twoi-dashboard-head h1,.twoi-scanner-head h1{font-size:clamp(34px,5vw,58px)}.twoi-card h2{font-size:clamp(25px,3vw,34px)}.twoi-card p,.twoi-dashboard-head p{color:var(--twoi-muted);line-height:1.65}.twoi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #111;border-radius:999px;background:#111;color:#fff!important;text-decoration:none!important;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.twoi-btn:hover{transform:translateY(-1px)}.twoi-btn.secondary{background:#ededeb;border-color:#d8d8d4;color:#111!important}.twoi-btn.ghost{background:#fff;color:#111!important;border-color:#d8d6d0}.twoi-head-actions .twoi-btn{border-width:2px;box-shadow:0 1px 0 rgba(17,17,17,.03);padding:11px 22px;min-height:48px;font-weight:750}.twoi-head-actions .twoi-btn.ghost{background:#fcfbf8;border-color:#d3cfc6;box-shadow:0 2px 10px rgba(17,17,17,.03)}.twoi-head-actions .twoi-btn:hover{box-shadow:0 5px 14px rgba(17,17,17,.06)}.twoi-alert{border-radius:15px;padding:15px 18px;margin:18px 0;line-height:1.45}.twoi-alert.success{background:#edf8ef;border:1px solid #cce8d2;color:#155d2c}.twoi-alert.warn{background:#fff7df;border:1px solid #f0dd9f;color:#705417}.twoi-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.twoi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.twoi-form-grid .span-2{grid-column:1/-1}.twoi-form-grid label,.twoi-builder-tools label,.twoi-field-editor label,.twoi-scanner-toolbar label,.twoi-manual-scan>label{display:grid;gap:7px;font-size:13px;font-weight:700}.twoi-form-grid input,.twoi-builder-tools input,.twoi-builder-tools select,.twoi-field-editor input,.twoi-field-editor select,.twoi-field-editor textarea,.twoi-scanner-toolbar select,.twoi-manual-scan input{width:100%;min-height:46px;border:1px solid #dcd9d1;border-radius:12px;background:#fff;color:#111;padding:11px 13px;font:inherit;font-size:16px}.twoi-field-editor textarea{min-height:110px;resize:vertical}.twoi-dashboard-head,.twoi-scanner-head,.twoi-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.twoi-dashboard-head p{margin:0}.twoi-head-actions{display:flex;gap:10px;flex-wrap:wrap}.twoi-project-tabs{display:flex;gap:8px;overflow:auto;margin:0 0 18px;padding:2px}.twoi-project-tabs a{white-space:nowrap;border:1px solid var(--twoi-line);border-radius:999px;padding:10px 15px;text-decoration:none;color:#555;background:#fff}.twoi-project-tabs a.active{background:#111;color:#fff;border-color:#111}.twoi-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.twoi-stat{border:1px solid var(--twoi-line);border-radius:18px;background:#fff;padding:24px}.twoi-stat strong{display:block;font-size:clamp(27px,4vw,42px);letter-spacing:-.04em}.twoi-stat span{color:var(--twoi-muted);font-size:13px}.twoi-builder-card{padding:0;overflow:hidden}.twoi-card-head{padding:26px 28px 20px;margin:0;border-bottom:1px solid var(--twoi-line)}.twoi-card-head h2{margin:.25em 0 0}.twoi-builder-layout{display:grid;grid-template-columns:230px minmax(360px,1fr) 300px;min-height:610px}.twoi-builder-tools,.twoi-field-editor{padding:22px;border-right:1px solid var(--twoi-line);background:#fafaf8}.twoi-field-editor{border-right:0;border-left:1px solid var(--twoi-line);background:#fff}.twoi-builder-tools h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:6px 0 12px}.twoi-builder-tools h3:not(:first-child){margin-top:28px}.twoi-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.twoi-add-field,.twoi-small-btn{border:1px solid #dedbd4;border-radius:10px;background:#fff;color:#222;min-height:42px;padding:8px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.twoi-builder-tools label{margin:10px 0}.twoi-builder-tools input[type=color]{height:46px;padding:5px}.twoi-builder-canvas{padding:24px;background:#f5f5f2;min-width:0}.twoi-builder-preview-head{display:flex;align-items:center;justify-content:space-between;color:#666;font-size:12px;margin-bottom:12px}.twoi-builder-field{display:flex;align-items:center;min-height:72px;border:1px solid #dfdcd5;border-radius:14px;background:#fff;margin:9px 0;overflow:hidden;transition:border .15s,box-shadow .15s}.twoi-builder-field.active{border-color:#111111;box-shadow:0 0 0 2px rgba(169,134,72,.12)}.twoi-drag{width:38px;align-self:stretch;border:0;background:#faf9f6;color:#aaa;cursor:grab}.twoi-field-main{display:flex;flex:1;min-width:0;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:13px;cursor:pointer}.twoi-field-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twoi-field-type{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a887f}.twoi-field-pills{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.twoi-pill{font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-radius:99px;background:#f1eee6;padding:4px 6px;color:#725d38}.twoi-field-actions{display:flex;margin-right:8px}.twoi-field-actions button{border:0;background:transparent;color:#777;min-width:32px;height:38px;cursor:pointer;font-size:16px}.twoi-field-actions [data-delete]{color:#a44343}.twoi-field-editor{display:grid;align-content:start;gap:14px}.twoi-editor-head h3{margin:.2em 0 8px}.twoi-empty-editor{color:#777;line-height:1.6}.twoi-switch-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;border:1px solid var(--twoi-line);border-radius:12px;padding:11px}.twoi-switch-row input,.twoi-mini-check input{width:18px!important;min-height:auto!important;height:18px}.twoi-rule-box{border-top:1px solid var(--twoi-line);margin-top:8px;padding-top:18px;display:grid;gap:10px}.twoi-rule-box p{font-size:12px;color:#777;margin:0}.is-hidden{display:none!important}.twoi-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.twoi-repeater-editor{display:grid;gap:10px}.twoi-child-row{display:grid;grid-template-columns:1fr 90px auto 34px;gap:5px;align-items:center;margin:6px 0}.twoi-child-row input,.twoi-child-row select{min-height:38px!important;padding:7px!important;font-size:13px!important}.twoi-child-row button{border:0;background:#f8eeee;color:#a33;border-radius:8px;height:34px;cursor:pointer}.twoi-mini-check{display:flex!important;align-items:center;gap:4px!important;font-size:10px!important}.twoi-savebar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-top:1px solid var(--twoi-line);background:#fff}.twoi-savebar span{font-size:12px;color:#777;overflow:hidden;text-overflow:ellipsis}.twoi-savebar code{font-size:11px}.twoi-public{--twoi-primary:#111;--twoi-bg:#fff;--twoi-text:#111;background:var(--twoi-bg);color:var(--twoi-text);min-height:600px;padding:70px 20px}.twoi-public-inner{max-width:760px;margin:0 auto}.twoi-public-head{margin-bottom:38px}.twoi-public-head h1{font-size:clamp(40px,7vw,76px);line-height:.98;letter-spacing:-.055em;margin:.18em 0}.twoi-public-head p{font-size:16px;opacity:.65}.twoi-registration-form{display:grid;gap:18px}.twoi-field{display:grid;gap:8px}.twoi-field>label:first-child,.twoi-repeater-title h3{font-size:13px;font-weight:750}.twoi-field label span{color:var(--twoi-primary)}.twoi-field input:not([type=radio]):not([type=checkbox]),.twoi-field select,.twoi-field textarea{width:100%;min-height:52px;border:1px solid color-mix(in srgb,var(--twoi-text) 18%,transparent);border-radius:12px;background:color-mix(in srgb,var(--twoi-bg) 94%,var(--twoi-text) 6%);color:var(--twoi-text);padding:13px 15px;font:inherit;font-size:16px}.twoi-field textarea{min-height:130px}.twoi-choice{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;border:1px solid color-mix(in srgb,var(--twoi-text) 14%,transparent);border-radius:12px;padding:13px 14px;margin:6px 0}.twoi-choice input{margin-top:3px}.twoi-form-heading{padding-top:20px;border-top:1px solid color-mix(in srgb,var(--twoi-text) 14%,transparent);margin-top:14px}.twoi-form-heading h2{font-size:26px;letter-spacing:-.03em}.twoi-repeater{border-top:1px solid color-mix(in srgb,var(--twoi-text) 14%,transparent);padding-top:20px}.twoi-repeater-title{display:flex;align-items:center;justify-content:space-between}.twoi-repeater-title span{font-size:12px;opacity:.6}.twoi-repeater-row{border:1px solid color-mix(in srgb,var(--twoi-text) 15%,transparent);border-radius:16px;padding:18px;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.twoi-repeater-row legend{padding:0 8px;font-weight:700}.twoi-submit{background:var(--twoi-primary);border-color:var(--twoi-primary);margin-top:12px;min-height:52px}.twoi-template-business .twoi-public-inner{max-width:920px}.twoi-template-business .twoi-registration-form{background:#fff;color:#111;border-radius:20px;padding:30px;box-shadow:0 18px 70px rgba(0,0,0,.08)}.twoi-template-elegant .twoi-public-head{text-align:center}.twoi-template-elegant .twoi-public-head h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.twoi-template-elegant .twoi-registration-form{border-top:1px solid var(--twoi-primary);padding-top:30px}.twoi-template-dark{--twoi-bg:#0e0e0f!important;--twoi-text:#f5f5f2!important}.twoi-template-dark .twoi-kicker{color:var(--twoi-primary)}.twoi-scanner-shell{max-width:900px;margin:0 auto;padding:28px 18px 70px}.twoi-scanner-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:18px 0}.twoi-scanner-toolbar label{min-width:min(420px,60%)}.twoi-scan-stats{font-size:13px;color:#666;text-align:right}.twoi-scan-stats strong{font-size:22px;color:#111}.twoi-camera-wrap{position:relative;overflow:hidden;background:#0c0c0c;border-radius:24px;aspect-ratio:16/10}.twoi-camera-wrap video{width:100%;height:100%;object-fit:cover}.twoi-scan-frame{position:absolute;left:50%;top:50%;width:min(55%,320px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 0 0 999px rgba(0,0,0,.25)}.twoi-camera-note{position:absolute;left:20px;right:20px;bottom:18px;text-align:center;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);border-radius:999px;padding:10px 14px;font-size:13px}.twoi-scanner-actions{display:flex;gap:10px;margin:14px 0}.twoi-manual-scan{border:1px solid var(--twoi-line);border-radius:16px;padding:16px;margin-top:18px}.twoi-manual-scan>div{display:flex;gap:9px;margin-top:8px}.twoi-scan-result{display:grid;gap:3px;border-radius:20px;padding:23px;margin-top:16px;border:1px solid var(--twoi-line);font-size:16px}.twoi-scan-result strong{font-size:28px;letter-spacing:-.03em}.twoi-scan-result.pass{background:#e8f7ec;border-color:#acd9b7;color:#145827}.twoi-scan-result.duplicate{background:#fff3d9;border-color:#eed392;color:#6d5112}.twoi-scan-result.invalid{background:#faeaea;border-color:#e9b3b3;color:#812929}.twoi-scan-result.neutral{background:#f6f5f1;color:#555}@media(max-width:980px){.twoi-builder-layout{grid-template-columns:200px 1fr}.twoi-field-editor{grid-column:1/-1;border-left:0;border-top:1px solid var(--twoi-line)}.twoi-builder-tools{border-right:1px solid var(--twoi-line)}}@media(max-width:700px){.twoi-shell{padding:20px 12px 50px}.twoi-card{padding:22px}.twoi-form-grid,.twoi-stat-grid,.twoi-repeater-row{grid-template-columns:1fr}.twoi-form-grid .span-2{grid-column:auto}.twoi-dashboard-head,.twoi-scanner-head,.twoi-card-head,.twoi-savebar,.twoi-scanner-toolbar{display:grid}.twoi-head-actions{width:100%}.twoi-head-actions .twoi-btn{flex:1}.twoi-builder-layout{display:block}.twoi-builder-tools{border-right:0;border-bottom:1px solid var(--twoi-line)}.twoi-builder-canvas{padding:16px}.twoi-field-pills{display:none}.twoi-field-actions button{min-width:27px}.twoi-card-head{padding:20px}.twoi-savebar{padding:14px}.twoi-savebar .twoi-btn{width:100%}.twoi-public{padding:45px 15px}.twoi-template-business .twoi-registration-form{padding:20px}.twoi-repeater-row{gap:12px}.twoi-scanner-toolbar label{min-width:0;width:100%}.twoi-scan-stats{text-align:left}.twoi-camera-wrap{aspect-ratio:4/5}.twoi-scanner-actions{display:grid;grid-template-columns:1fr 1fr}.twoi-manual-scan>div{display:grid}.twoi-child-row{grid-template-columns:1fr 80px}.twoi-mini-check,.twoi-child-row button{grid-row:2}}

/* v0.2 – event-level workflow + hierarchical builder */
.twoi-new-event{margin-bottom:18px;padding:0;overflow:hidden}.twoi-new-event summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.twoi-new-event summary::-webkit-details-marker{display:none}.twoi-new-event summary span{display:grid;gap:3px}.twoi-new-event summary small{color:var(--twoi-muted);font-weight:500}.twoi-new-event[open] summary{border-bottom:1px solid var(--twoi-line)}.twoi-new-event form{padding:0 24px 24px}.twoi-project-tabs a{display:grid;gap:5px;line-height:1.1}.twoi-tab-status{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.72}.twoi-project-tabs a.active .twoi-tab-status{opacity:.8}.twoi-event-settings{padding:26px 28px;border-bottom:1px solid var(--twoi-line);background:#fff}.twoi-event-settings .twoi-form-grid{margin-top:18px}.twoi-event-settings input{width:100%;min-height:46px;border:1px solid #dcd9d1;border-radius:12px;background:#fff;padding:11px 13px;font:inherit;font-size:16px}.twoi-section-title{display:flex;align-items:flex-start;gap:14px}.twoi-section-title.builder-title{margin-top:18px;padding:26px 28px 20px;background:#fafaf8;border-top:1px solid var(--twoi-line);border-bottom:1px solid var(--twoi-line)}.twoi-section-title h3{margin:0 0 3px;font-size:22px;letter-spacing:-.025em}.twoi-section-title p{margin:0;color:var(--twoi-muted);font-size:13px}.twoi-step{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}.twoi-lock-note{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;background:#f1f1ee;color:#6d6659;font-size:12px;font-weight:700}.twoi-add-field.featured{grid-column:1/-1;background:#111;color:#fff;border-color:#111}.twoi-builder-list{min-height:18px}.twoi-builder-list.drag-over{outline:2px dashed #333333;outline-offset:4px;border-radius:14px}.twoi-builder-field.dragging{opacity:.38}.twoi-builder-field.is-section{background:#fffdf8;border-color:#d7d7d3}.twoi-section-children{margin:0 0 14px 22px;padding:0 0 0 16px;border-left:2px solid #deded9}.twoi-drop-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#66645f;margin:8px 0 5px}.twoi-drop-empty{border:1px dashed #d8d8d4;border-radius:12px;padding:16px;color:#85837e;text-align:center;font-size:12px;background:rgba(255,255,255,.55)}.twoi-builder-list.depth-2 .twoi-section-children,.twoi-builder-list.depth-3 .twoi-section-children{margin-left:10px}.twoi-editor-hint{display:block;color:#8a867d;line-height:1.45}.twoi-form-section{border:1px solid color-mix(in srgb,var(--twoi-text) 15%,transparent);border-radius:18px;padding:22px;margin:8px 0 18px}.twoi-form-section-head{margin-bottom:18px}.twoi-form-section-head h2{margin:0;font-size:26px;letter-spacing:-.03em}.twoi-form-section-head p{margin:7px 0 0;opacity:.7;line-height:1.55}.twoi-form-section-body{display:grid;gap:18px}.twoi-template-business .twoi-form-section{background:#fafafa}.twoi-template-dark .twoi-form-section{background:rgba(255,255,255,.035)}
@media(max-width:700px){.twoi-event-settings,.twoi-section-title.builder-title{padding:20px}.twoi-new-event form{padding:0 18px 18px}.twoi-new-event summary{padding:18px}.twoi-section-children{margin-left:8px;padding-left:9px}.twoi-form-section{padding:17px}.twoi-project-tabs a{padding:10px 13px}.twoi-lock-note{width:100%;justify-content:center}}

/* v0.3 – event confirmation mail builder + QR-only admission */
.twoi-mail-settings{margin-top:18px;padding:26px 28px 30px;border-top:1px solid var(--twoi-line);background:#f7f7f5}.twoi-mail-settings>.twoi-section-title{margin-bottom:20px}.twoi-mail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;align-items:start}.twoi-mail-compose,.twoi-mail-preview-wrap{min-width:0}.twoi-mail-subject-label{display:grid;gap:7px;font-size:12px;font-weight:750;margin-bottom:12px}.twoi-mail-subject-label input{width:100%;min-height:46px;border:1px solid #d8d6d0;border-radius:12px;background:#fff;padding:11px 13px;font:inherit;font-size:15px}.twoi-mail-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid #d8d6d0;border-bottom:0;border-radius:14px 14px 0 0;background:#f1f0ed}.twoi-mail-toolbar>button,.twoi-mail-view-tabs button{min-height:34px;border:1px solid #d4d2cc;border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;font:inherit;font-size:12px}.twoi-mail-toolbar>button:hover,.twoi-mail-view-tabs button:hover{border-color:#77746e}.twoi-mail-view-tabs{margin-left:auto;display:inline-flex;gap:4px}.twoi-mail-view-tabs button.active{background:#111;color:#fff;border-color:#111}.twoi-mail-editor-surface,.twoi-mail-html-source{width:100%;min-height:360px;max-height:640px;overflow:auto;border:1px solid #d8d6d0;border-radius:0 0 14px 14px;background:#fff;padding:22px;font:15px/1.55 Arial,Helvetica,sans-serif;color:#111}.twoi-mail-editor-surface:focus,.twoi-mail-html-source:focus{outline:2px solid #333333;outline-offset:-2px}.twoi-mail-html-source{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;white-space:pre}.twoi-placeholder-box{margin:14px 0;padding:14px;border:1px solid #dbd9d3;border-radius:14px;background:#fff}.twoi-placeholder-box>div:first-child{display:grid;gap:2px}.twoi-placeholder-box small{font-size:11px;color:#777}.twoi-placeholder-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.twoi-placeholder-pills button{border:1px solid #d7d5cf;border-radius:999px;background:#f4f3f0;color:#3e3d39;min-height:32px;padding:6px 10px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.twoi-placeholder-pills button:hover{background:#e9e8e4;border-color:#77746e}.twoi-mail-note{font-size:12px;color:#777;line-height:1.5}.twoi-mail-preview-wrap{border:1px solid #dbd9d3;border-radius:16px;background:#ecebe7;overflow:hidden}.twoi-mail-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #d9d5cb;background:#f7f6f3;font-size:12px}.twoi-mail-preview-head span{color:#777}.twoi-mail-preview{min-height:460px;padding:24px;background:#fff;overflow:auto}.twoi-mail-preview img{max-width:100%;height:auto}.twoi-mail-qr-mock{width:190px;height:190px;margin:0 auto;display:grid;place-items:center;border:10px solid #111;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/28px 28px;color:#fff;box-shadow:inset 0 0 0 12px #fff}.twoi-mail-qr-mock span{display:grid;place-items:center;width:58px;height:58px;background:#111;color:#fff;font-weight:900;letter-spacing:.08em}.twoi-mail-preview-empty{color:#777;text-align:center;padding:60px 20px}.twoi-alert.error{background:#faeaea;border-color:#e9b3b3;color:#812929}
@media(max-width:900px){.twoi-mail-grid{grid-template-columns:1fr}.twoi-mail-preview{min-height:320px}.twoi-mail-view-tabs{margin-left:0}}
@media(max-width:700px){.twoi-mail-settings{padding:20px}.twoi-mail-toolbar{align-items:stretch}.twoi-mail-view-tabs{width:100%}.twoi-mail-view-tabs button{flex:1}.twoi-mail-editor-surface,.twoi-mail-html-source{min-height:300px;padding:16px}.twoi-mail-preview{padding:16px}.twoi-placeholder-pills{gap:6px}.twoi-placeholder-pills button{font-size:10px}}

/* v0.3.2 – custom account/login workflow */
.twoi-field-help{display:block;margin-top:5px;color:var(--twoi-muted);font-size:11px;font-weight:500}.twoi-request-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.twoi-request-actions>a{color:#333;text-decoration:none;border-bottom:1px solid #aaa;font-size:13px;font-weight:650;padding-bottom:2px}.twoi-request-actions>a:hover{border-color:#111}
.twoi-request-privacy{padding:4px 0 2px}.twoi-request-privacy>label{display:flex!important;align-items:flex-start;gap:10px!important;font-size:13px!important;font-weight:600!important;line-height:1.5;cursor:pointer}.twoi-request-privacy input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:1px 0 0;padding:0}.twoi-request-privacy a{color:#111;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.twoi-request-privacy a:hover{text-decoration-thickness:2px}
@media(max-width:700px){.twoi-request-actions{display:grid}.twoi-request-actions .twoi-btn{width:100%}}

/* ===== 0.3.x: vereinfachter Builder, Designvorschau ===== */
.twoi-editor-group{display:grid;gap:12px;padding-bottom:4px}.twoi-editor-group>strong{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#777}.twoi-editor-head small{color:#8a8882;font-size:11px}.twoi-empty-editor strong{display:block;color:#222;margin-bottom:5px}.twoi-empty-editor p{margin:0;color:#777;font-size:12px;line-height:1.55}
.twoi-visibility-box{margin-top:4px;padding:16px;border:1px solid #dfddd7;border-radius:16px;background:#faf9f6;display:grid;gap:10px}.twoi-visibility-box.active{border-color:#9d9a91;background:#fff}.twoi-visibility-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.twoi-visibility-head strong{font-size:14px}.twoi-visibility-head p{margin:3px 0 0;color:#777;font-size:11px;line-height:1.4}.twoi-visibility-status{flex:0 0 auto;border-radius:999px;background:#eceae5;padding:5px 8px;font-size:10px;font-weight:750;color:#5e5b55}.twoi-visibility-box.active .twoi-visibility-status{background:#111;color:#fff}.twoi-visibility-option{display:grid!important;grid-template-columns:18px 1fr!important;align-items:start;gap:9px!important;padding:11px;border:1px solid #e1dfda;border-radius:12px;background:#fff;cursor:pointer}.twoi-visibility-option input{width:17px!important;height:17px!important;min-height:0!important;margin:2px 0 0}.twoi-visibility-option span{display:grid;gap:2px}.twoi-visibility-option strong{font-size:12px}.twoi-visibility-option small{font-size:10px;color:#7b7872;line-height:1.35}.twoi-visibility-option.disabled{opacity:.5;cursor:not-allowed}.twoi-visibility-help{padding:10px 11px;border-radius:10px;background:#f0efeb;color:#6f6c66;font-size:10px;line-height:1.45}.twoi-condition-simple{display:grid;gap:8px;margin-top:2px;padding:12px;border-radius:12px;background:#111;color:#fff}.twoi-if-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center}.twoi-if-row>span{font-size:11px;font-weight:750;color:#c9c7c0}.twoi-condition-simple select{min-height:40px!important;border:1px solid #3b3b3b!important;background:#fff!important;color:#111!important;padding:8px 9px!important;font-size:12px!important}.twoi-condition-result{border-top:1px solid #333;padding-top:9px;color:#d8d6d0;font-size:10px;line-height:1.45}.twoi-condition-result strong,.twoi-condition-result b{color:#fff}.twoi-pill-condition{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#111!important;color:#fff!important;border-color:#111!important}.twoi-add-inside{margin-top:2px}

.twoi-template-chooser{display:grid;gap:8px;margin:8px 0 14px}.twoi-template-card{display:grid!important;grid-template-columns:58px 1fr!important;gap:10px!important;align-items:center;padding:8px!important;border:1px solid #dfddd7;border-radius:12px;background:#fff;cursor:pointer;position:relative}.twoi-template-card>input{position:absolute;opacity:0;pointer-events:none}.twoi-template-card:has(input:checked){border-color:#111;box-shadow:0 0 0 1px #111}.twoi-template-card>span:last-child{display:grid;gap:1px}.twoi-template-card strong{font-size:11px}.twoi-template-card small{font-size:9px;color:#777;font-weight:500}.twoi-template-thumb{height:42px;border:1px solid #dedbd4;border-radius:7px;background:#fff;padding:6px;display:grid;gap:4px;align-content:center}.twoi-template-thumb i,.twoi-template-thumb b,.twoi-template-thumb em{display:block;height:4px;border-radius:999px;background:#d8d6cf}.twoi-template-thumb i{width:46%;background:#888}.twoi-template-thumb b{width:85%}.twoi-template-thumb em{width:65%}.twoi-template-card.template-business .twoi-template-thumb{background:#eceff2;border-radius:5px;box-shadow:inset 0 0 0 5px #fff}.twoi-template-card.template-business .twoi-template-thumb i{background:#111;width:70%}.twoi-template-card.template-elegant .twoi-template-thumb{background:#fbf9f4;border-radius:0;border-color:#b7aa94}.twoi-template-card.template-elegant .twoi-template-thumb i{width:38%;margin:0 auto;background:#9a8062}.twoi-template-card.template-elegant .twoi-template-thumb b,.twoi-template-card.template-elegant .twoi-template-thumb em{margin:0 auto}.twoi-template-card.template-dark .twoi-template-thumb{background:#111;border-color:#111}.twoi-template-card.template-dark .twoi-template-thumb i{background:#fff}.twoi-template-card.template-dark .twoi-template-thumb b,.twoi-template-card.template-dark .twoi-template-thumb em{background:#555}

.twoi-design-preview{--preview-primary:#111;--preview-bg:#fff;--preview-text:#111;margin:0 0 22px;padding:22px;border:1px solid #dedbd5;background:var(--preview-bg);color:var(--preview-text);transition:background .2s,border-radius .2s,box-shadow .2s,color .2s}.twoi-design-preview-kicker{font-size:8px;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.twoi-design-preview h4{margin:5px 0 4px;font-size:27px;letter-spacing:-.05em;line-height:1}.twoi-design-preview p{margin:0 0 14px;font-size:10px;opacity:.6}.twoi-design-preview-input{height:38px;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--preview-text) 18%,transparent);border-radius:9px;padding:0 11px;font-size:10px;opacity:.75}.twoi-design-preview button{margin-top:9px;min-height:37px;border:0;border-radius:999px;padding:7px 13px;background:var(--preview-primary);color:#fff;font:inherit;font-size:9px;font-weight:750}.twoi-design-preview.preview-minimal{border-color:transparent;padding-left:4px;padding-right:4px}.twoi-design-preview.preview-business{background:color-mix(in srgb,var(--preview-bg) 88%,#dfe3e8 12%);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);border-top:5px solid var(--preview-primary)}.twoi-design-preview.preview-business h4{font-size:24px;letter-spacing:-.035em}.twoi-design-preview.preview-business .twoi-design-preview-input{background:#fff;border-radius:6px}.twoi-design-preview.preview-business button{border-radius:7px}.twoi-design-preview.preview-elegant{background:color-mix(in srgb,var(--preview-bg) 94%,#efe7da 6%);border:1px solid color-mix(in srgb,var(--preview-primary) 45%,#ddd 55%);border-radius:0;text-align:center;padding:27px 22px}.twoi-design-preview.preview-elegant h4{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.02em}.twoi-design-preview.preview-elegant .twoi-design-preview-input{border-width:0 0 1px;border-radius:0;background:transparent;text-align:left}.twoi-design-preview.preview-elegant button{border-radius:0;background:transparent;color:var(--preview-text);border:1px solid var(--preview-primary)}.twoi-design-preview.preview-dark{--preview-bg:#111!important;--preview-text:#f6f5f1!important;background:#111;color:#f6f5f1;border-color:#2e2e2e;border-radius:14px}.twoi-design-preview.preview-dark .twoi-design-preview-input{background:#1d1d1e;border-color:#3b3b3d}.twoi-design-preview.preview-dark button{background:var(--preview-primary);color:#fff}.twoi-builder-structure-label{margin:0 0 8px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8b8881;font-weight:750}

/* Deutlich unterscheidbare öffentliche Vorlagen */
.twoi-template-minimal{padding-top:72px}.twoi-template-minimal .twoi-registration-form{max-width:720px}.twoi-template-minimal .twoi-field input:not([type=radio]):not([type=checkbox]),.twoi-template-minimal .twoi-field select,.twoi-template-minimal .twoi-field textarea{border-radius:8px;background:transparent}.twoi-template-minimal .twoi-choice{border-radius:8px;background:transparent}
.twoi-template-business{background:color-mix(in srgb,var(--twoi-bg) 90%,#dfe3e8 10%);padding-top:54px}.twoi-template-business .twoi-public-inner{max-width:940px}.twoi-template-business .twoi-public-head{padding-left:26px;border-left:6px solid var(--twoi-primary);margin-bottom:26px}.twoi-template-business .twoi-public-head h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.04em}.twoi-template-business .twoi-registration-form{background:#fff;color:#111;border-radius:16px;padding:34px;box-shadow:0 22px 70px rgba(0,0,0,.10);border:1px solid rgba(0,0,0,.06)}.twoi-template-business .twoi-field input:not([type=radio]):not([type=checkbox]),.twoi-template-business .twoi-field select,.twoi-template-business .twoi-field textarea{background:#f7f8f9;border-color:#d9dde1;border-radius:7px;color:#111}.twoi-template-business .twoi-choice,.twoi-template-business .twoi-form-section{border-radius:8px}.twoi-template-business .twoi-submit{border-radius:7px}
.twoi-template-elegant{background:color-mix(in srgb,var(--twoi-bg) 96%,#efe7da 4%);padding-top:82px}.twoi-template-elegant .twoi-public-inner{max-width:700px}.twoi-template-elegant .twoi-public-head{text-align:center;margin-bottom:52px}.twoi-template-elegant .twoi-public-head .twoi-kicker{letter-spacing:.28em}.twoi-template-elegant .twoi-public-head h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(44px,7vw,72px)}.twoi-template-elegant .twoi-registration-form{border-top:1px solid color-mix(in srgb,var(--twoi-primary) 65%,transparent);border-bottom:1px solid color-mix(in srgb,var(--twoi-primary) 35%,transparent);padding:38px 8px 46px}.twoi-template-elegant .twoi-field>label:first-child{font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:400}.twoi-template-elegant .twoi-field input:not([type=radio]):not([type=checkbox]),.twoi-template-elegant .twoi-field select,.twoi-template-elegant .twoi-field textarea{border-width:0 0 1px;border-radius:0;background:transparent;padding-left:2px;padding-right:2px}.twoi-template-elegant .twoi-choice{border-radius:0;border-width:0 0 1px;padding-left:2px}.twoi-template-elegant .twoi-form-section{border-radius:0;border-left:0;border-right:0;padding-left:0;padding-right:0}.twoi-template-elegant .twoi-submit{border-radius:0;background:transparent!important;color:var(--twoi-text)!important;border:1px solid var(--twoi-primary)!important}
.twoi-template-dark{--twoi-bg:#0e0e0f!important;--twoi-text:#f5f5f2!important;background:#0e0e0f!important;padding-top:58px}.twoi-template-dark .twoi-public-inner{max-width:820px}.twoi-template-dark .twoi-public-head{padding:25px 28px;margin-bottom:0;background:#171719;border:1px solid #29292c;border-bottom:0;border-radius:20px 20px 0 0}.twoi-template-dark .twoi-registration-form{padding:30px 28px 36px;background:#171719;border:1px solid #29292c;border-top:0;border-radius:0 0 20px 20px}.twoi-template-dark .twoi-kicker{color:var(--twoi-primary)}.twoi-template-dark .twoi-field input:not([type=radio]):not([type=checkbox]),.twoi-template-dark .twoi-field select,.twoi-template-dark .twoi-field textarea{background:#202023;border-color:#3a3a3e;color:#f5f5f2}.twoi-template-dark .twoi-choice,.twoi-template-dark .twoi-form-section,.twoi-template-dark .twoi-repeater-row{background:#1d1d20;border-color:#38383b}.twoi-template-dark .twoi-submit{box-shadow:0 10px 28px rgba(0,0,0,.35)}

@media(max-width:700px){.twoi-template-chooser{grid-template-columns:1fr 1fr}.twoi-template-card{grid-template-columns:44px 1fr!important}.twoi-template-thumb{height:36px}.twoi-design-preview{padding:18px}.twoi-template-business .twoi-registration-form,.twoi-template-dark .twoi-registration-form{padding:24px 18px}.twoi-template-dark .twoi-public-head{padding:22px 18px}.twoi-template-elegant .twoi-registration-form{padding-left:0;padding-right:0}}
.twoi-builder-howto{display:grid;gap:4px;margin:0 0 18px;padding:12px;border-radius:12px;background:#111;color:#fff}.twoi-builder-howto strong{font-size:11px;margin-bottom:2px}.twoi-builder-howto span{font-size:9px;color:#d8d6d0;line-height:1.35}.twoi-add-field.featured{background:#111;color:#fff;border-color:#111}

/* ==========================================================
   0.3.6 – Einwilligungs-Link + 0.3.5 Vorschau/Dynamik
   ========================================================== */
/* Dynamische Elemente müssen nicht nur deaktiviert, sondern vollständig
   verschwinden. Diese Regel hat bewusst Vorrang vor den display-Regeln der
   Feld-/Abschnittskomponenten. */
.twoi-public [hidden],
.twoi-registration-form [hidden],
.twoi-design-preview [hidden]{display:none!important}

/* Kleine erklärende Texte im Kundendashboard besser lesbar. */
.twoi-dashboard-head p{font-size:16px}
.twoi-section-title p{font-size:15px;line-height:1.5}
.twoi-new-event summary small{font-size:13px;line-height:1.45}
.twoi-stat span{font-size:14px}
.twoi-alert{font-size:15px}
.twoi-savebar span{font-size:13px;line-height:1.45}
.twoi-builder-preview-head{font-size:13px}
.twoi-builder-howto strong{font-size:12px}
.twoi-builder-howto span{font-size:11px;line-height:1.45}
.twoi-empty-editor{font-size:14px}
.twoi-visibility-head p,.twoi-visibility-option small,.twoi-visibility-help{font-size:12px!important;line-height:1.45}

/* Die Fläche oben im Builder ist nun eine echte interaktive Vorschau des
   aktuell gebauten Formulars – nicht mehr nur ein statisches Musterfeld. */
.twoi-design-preview{padding:26px;margin-bottom:24px;min-height:220px}
.twoi-preview-help{margin:0 0 18px!important;font-size:11px!important;line-height:1.45!important;opacity:.62}
.twoi-preview-fields{display:grid;gap:13px;margin-top:4px;text-align:left}
.twoi-preview-field{display:grid;gap:6px;min-width:0}
.twoi-preview-label{display:block;font-size:10px;font-weight:750;line-height:1.35}
.twoi-preview-required{margin-left:2px;color:var(--preview-primary)}
.twoi-preview-field>input:not([type=radio]):not([type=checkbox]),
.twoi-preview-field>select,
.twoi-preview-field>textarea{width:100%;min-height:39px;border:1px solid color-mix(in srgb,var(--preview-text) 18%,transparent);border-radius:9px;background:color-mix(in srgb,var(--preview-bg) 95%,var(--preview-text) 5%);color:var(--preview-text);padding:8px 10px;font:inherit;font-size:11px;outline:none}
.twoi-preview-field>textarea{min-height:66px;resize:none}
.twoi-preview-choices{display:grid;gap:6px}
.twoi-preview-choice{display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--preview-text) 14%,transparent);border-radius:9px;font-size:10px;line-height:1.35;cursor:pointer}
.twoi-preview-choice input{margin:1px 0 0;accent-color:var(--preview-primary)}
.twoi-preview-choice.single{padding:9px 10px}
.twoi-preview-heading{padding:8px 0 3px;border-top:1px solid color-mix(in srgb,var(--preview-text) 13%,transparent)}
.twoi-preview-heading h5,.twoi-preview-section h5{margin:0;font-size:17px;line-height:1.1;letter-spacing:-.025em}
.twoi-preview-section{padding:14px;border:1px solid color-mix(in srgb,var(--preview-text) 14%,transparent);border-radius:12px}
.twoi-preview-section-head{margin-bottom:11px}
.twoi-preview-section-head p{margin:4px 0 0!important;font-size:10px!important;line-height:1.4!important;opacity:.62}
.twoi-preview-section-body{display:grid;gap:11px}
.twoi-preview-repeater{display:grid;gap:7px;padding:12px;border:1px dashed color-mix(in srgb,var(--preview-text) 20%,transparent);border-radius:10px}
.twoi-preview-repeater>strong{font-size:11px}
.twoi-preview-repeater>small{font-size:9px;opacity:.6}
.twoi-preview-repeater-input{min-height:34px;display:flex;align-items:center;padding:0 9px;border:1px solid color-mix(in srgb,var(--preview-text) 14%,transparent);border-radius:8px;font-size:9px;opacity:.68}
.twoi-preview-empty{padding:28px 14px;border:1px dashed color-mix(in srgb,var(--preview-text) 20%,transparent);border-radius:10px;text-align:center;font-size:11px;opacity:.6}

/* Vorlagen wirken auch in der echten Builder-Vorschau klar unterschiedlich. */
.twoi-design-preview.preview-minimal .twoi-preview-field>input:not([type=radio]):not([type=checkbox]),
.twoi-design-preview.preview-minimal .twoi-preview-field>select,
.twoi-design-preview.preview-minimal .twoi-preview-field>textarea{border-width:0 0 1px;border-radius:0;background:transparent;padding-left:0;padding-right:0}
.twoi-design-preview.preview-minimal .twoi-preview-choice{border-width:0 0 1px;border-radius:0;padding-left:0}
.twoi-design-preview.preview-business .twoi-preview-fields{padding:14px;border-radius:9px;background:#fff;box-shadow:0 7px 22px rgba(0,0,0,.055)}
.twoi-design-preview.preview-business .twoi-preview-field>input:not([type=radio]):not([type=checkbox]),
.twoi-design-preview.preview-business .twoi-preview-field>select,
.twoi-design-preview.preview-business .twoi-preview-field>textarea{background:#f3f5f7;border-color:#d8dde2;border-radius:6px}
.twoi-design-preview.preview-business .twoi-preview-choice,.twoi-design-preview.preview-business .twoi-preview-section{border-radius:6px}
.twoi-design-preview.preview-elegant .twoi-preview-label,
.twoi-design-preview.preview-elegant .twoi-preview-heading h5,
.twoi-design-preview.preview-elegant .twoi-preview-section h5{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.twoi-design-preview.preview-elegant .twoi-preview-field>input:not([type=radio]):not([type=checkbox]),
.twoi-design-preview.preview-elegant .twoi-preview-field>select,
.twoi-design-preview.preview-elegant .twoi-preview-field>textarea{border-width:0 0 1px;border-radius:0;background:transparent;padding-left:1px;padding-right:1px}
.twoi-design-preview.preview-elegant .twoi-preview-choice{border-width:0 0 1px;border-radius:0;padding-left:1px}
.twoi-design-preview.preview-elegant .twoi-preview-section{border-left:0;border-right:0;border-radius:0}
.twoi-design-preview.preview-dark .twoi-preview-field>input:not([type=radio]):not([type=checkbox]),
.twoi-design-preview.preview-dark .twoi-preview-field>select,
.twoi-design-preview.preview-dark .twoi-preview-field>textarea{background:#1d1d20;border-color:#3b3b40;color:#f6f5f1}
.twoi-design-preview.preview-dark .twoi-preview-choice,
.twoi-design-preview.preview-dark .twoi-preview-section,
.twoi-design-preview.preview-dark .twoi-preview-repeater{background:#19191b;border-color:#36363a;color:#f6f5f1}

@media(max-width:700px){
  .twoi-section-title p{font-size:14px}
  .twoi-design-preview{padding:18px}
}

/* 0.3.6 – verständliche Verlinkung bei Einwilligungen */
.twoi-consent-link-box{display:grid;gap:10px;border:1px solid var(--twoi-line);border-radius:14px;background:#f8f8f6;padding:14px}
.twoi-consent-link-box>div>strong{display:block;font-size:13px;margin-bottom:3px}
.twoi-consent-link-box>div>p{margin:0;color:#777;font-size:12px;line-height:1.5;font-weight:400}
.twoi-consent-link-box>small{color:#777;font-size:11px;line-height:1.45}
.twoi-consent-choice{align-items:flex-start}
.twoi-consent-choice>span{line-height:1.5}
.twoi-consent-choice>span>label{font:inherit;font-weight:500;cursor:pointer}
.twoi-consent-choice a{color:var(--twoi-primary);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.twoi-consent-choice a:hover{text-decoration-thickness:2px}
.twoi-preview-consent-link{color:var(--preview-primary);font-weight:750;text-decoration:underline;text-underline-offset:2px}


/* ==========================================================
   0.3.7 – Theme-unabhängiges Full Width für Dashboard/Event
   ========================================================== */
body.twoi-suite-standalone{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  overflow-x:hidden!important;
  background:#f7f6f3!important;
}
body.twoi-suite-standalone #wpadminbar{display:none!important}
html:has(body.twoi-suite-standalone){margin-top:0!important}

/* Das Kundendashboard wird nicht mehr vom Content-Container des aktiven
   WordPress-Themes begrenzt. Auf normalen Desktopbreiten nutzt es nahezu
   die gesamte Seite; auf sehr grossen Screens bleibt es angenehm lesbar. */
body.twoi-dashboard-standalone .twoi-dashboard-shell{
  width:100%;
  max-width:1800px;
  margin:0 auto;
  padding:34px clamp(20px,3vw,54px) 72px;
}
body.twoi-dashboard-standalone .twoi-builder-card{
  width:100%;
}
body.twoi-dashboard-standalone .twoi-builder-layout{
  grid-template-columns:240px minmax(460px,1fr) 330px;
}

/* Eventseiten sind echte, vom Theme unabhängige Seiten. Der äussere Bereich
   füllt die Browserbreite; nur der eigentliche Formularinhalt erhält eine
   sinnvolle maximale Lesebreite. */
body.twoi-event-standalone{
  background:#fff!important;
}
body.twoi-event-standalone .twoi-public{
  width:100%;
  max-width:none;
  min-height:100vh;
  margin:0;
  padding-left:clamp(20px,4vw,68px);
  padding-right:clamp(20px,4vw,68px);
}
body.twoi-event-standalone .twoi-template-minimal .twoi-public-inner{max-width:960px}
body.twoi-event-standalone .twoi-template-minimal .twoi-registration-form{max-width:900px}
body.twoi-event-standalone .twoi-template-business .twoi-public-inner{max-width:1080px}
body.twoi-event-standalone .twoi-template-elegant .twoi-public-inner{max-width:900px}
body.twoi-event-standalone .twoi-template-dark .twoi-public-inner{max-width:1080px}

@media(max-width:1100px){
  body.twoi-dashboard-standalone .twoi-builder-layout{grid-template-columns:210px minmax(360px,1fr)}
}
@media(max-width:700px){
  body.twoi-dashboard-standalone .twoi-dashboard-shell{padding:20px 12px 50px}
  body.twoi-dashboard-standalone .twoi-builder-layout{display:block}
  body.twoi-event-standalone .twoi-public{padding-left:18px;padding-right:18px}
}

/* ==========================================================
   0.3.8 – Raster / Columns im Form Builder
   Reine Layout-Ebene: Felddaten und dynamische Logik bleiben unverändert.
   ========================================================== */
.twoi-grid-palette{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:8px;
  text-align:left;
}
.twoi-grid-palette-icon{
  height:26px;
  display:grid;
  gap:3px;
  padding:3px;
  border:1px solid #d8d5cf;
  border-radius:6px;
  background:#f8f7f4;
}
.twoi-grid-palette-icon.cols-2{grid-template-columns:repeat(2,1fr)}
.twoi-grid-palette-icon.cols-3{grid-template-columns:repeat(3,1fr)}
.twoi-grid-palette-icon i{display:block;border-radius:3px;background:#d4d1ca}

.twoi-builder-field.is-grid{
  margin-bottom:6px;
  border-style:solid;
  background:#f7f7f4;
}
.twoi-builder-grid{
  display:grid;
  align-items:start;
  margin:0 0 16px 22px;
  padding:12px;
  border:1px dashed #cac7c0;
  border-radius:15px;
  background:rgba(255,255,255,.48);
}
.twoi-builder-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.twoi-builder-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.twoi-builder-grid.gap-compact{gap:7px}
.twoi-builder-grid.gap-normal{gap:12px}
.twoi-builder-grid.gap-large{gap:18px}
.twoi-builder-grid-cell{
  min-width:0;
  padding:8px;
  border:1px dashed #d2cfc8;
  border-radius:11px;
  background:#fff;
}
.twoi-grid-cell-label{
  margin:0 0 5px;
  color:#8a877f;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.twoi-builder-grid-cell .twoi-builder-field{margin:6px 0;min-height:62px}
.twoi-builder-grid-cell .twoi-field-type{display:none}
.twoi-builder-grid-cell .twoi-field-main{padding:10px 8px;display:grid;gap:4px}
.twoi-builder-grid-cell .twoi-field-main strong{font-size:12px}
.twoi-builder-grid-cell .twoi-field-pills{margin-left:0}
.twoi-builder-grid-cell .twoi-field-actions{margin-right:2px;display:grid;grid-template-columns:repeat(2,28px)}
.twoi-builder-grid-cell .twoi-field-actions button{min-width:28px;width:28px;height:28px}
.twoi-builder-grid-cell .twoi-drag{width:28px}
.twoi-builder-grid-cell .twoi-drop-empty{padding:18px 7px;min-height:72px;display:grid;place-items:center}
.twoi-builder-grid-cell .twoi-builder-list.drag-over{outline-color:#111;background:#f2f1ed}
.twoi-grid-editor-note{padding:13px;border:1px solid var(--twoi-line);border-radius:13px;background:#f8f8f6}
.twoi-grid-editor-note strong{display:block;font-size:12px;margin-bottom:5px}
.twoi-grid-editor-note p{margin:4px 0;color:#74716b;font-size:11px;line-height:1.5}

/* Live-Vorschau */
.twoi-preview-grid{
  display:grid;
  align-items:start;
  min-width:0;
}
.twoi-preview-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.twoi-preview-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.twoi-preview-grid.gap-compact{gap:7px}
.twoi-preview-grid.gap-normal{gap:12px}
.twoi-preview-grid.gap-large{gap:18px}
.twoi-preview-grid-cell{display:grid;gap:11px;min-width:0}
.twoi-preview-grid-cell[hidden]{display:none!important}

/* Öffentliche Eventseite */
.twoi-layout-grid{
  display:grid;
  align-items:start;
  width:100%;
  min-width:0;
}
.twoi-layout-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.twoi-layout-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.twoi-layout-grid.gap-compact{gap:10px}
.twoi-layout-grid.gap-normal{gap:18px}
.twoi-layout-grid.gap-large{gap:28px}
.twoi-layout-grid-cell{display:grid;align-content:start;gap:18px;min-width:0}
.twoi-layout-grid-cell[hidden]{display:none!important}

/* Wenn eine dynamische Spalte leer wird, füllen die übrigen sichtbaren
   Rasterzellen den verfügbaren Platz automatisch wieder auf. */
.twoi-layout-grid.cols-2:has(> .twoi-layout-grid-cell[hidden]){grid-template-columns:1fr}
.twoi-layout-grid.cols-3:has(> .twoi-layout-grid-cell[hidden]:nth-child(1)):has(> .twoi-layout-grid-cell[hidden]:nth-child(2)),
.twoi-layout-grid.cols-3:has(> .twoi-layout-grid-cell[hidden]:nth-child(1)):has(> .twoi-layout-grid-cell[hidden]:nth-child(3)),
.twoi-layout-grid.cols-3:has(> .twoi-layout-grid-cell[hidden]:nth-child(2)):has(> .twoi-layout-grid-cell[hidden]:nth-child(3)){grid-template-columns:1fr}
.twoi-layout-grid.cols-3:has(> .twoi-layout-grid-cell[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}
.twoi-preview-grid.cols-2:has(> .twoi-preview-grid-cell[hidden]){grid-template-columns:1fr}
.twoi-preview-grid.cols-3:has(> .twoi-preview-grid-cell[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:900px){
  .twoi-layout-grid.cols-3,.twoi-preview-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .twoi-builder-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .twoi-builder-grid{margin-left:6px;padding:9px}
  .twoi-builder-grid-2,.twoi-builder-grid-3{grid-template-columns:1fr}
  .twoi-layout-grid.cols-2,.twoi-layout-grid.cols-3,
  .twoi-preview-grid.cols-2,.twoi-preview-grid.cols-3{grid-template-columns:1fr}
  .twoi-layout-grid.gap-large{gap:18px}
}
/* JS setzt die sichtbare Spaltenzahl zusätzlich explizit. Dadurch kollabieren
   leere/dynamisch ausgeblendete Zellen auch ohne :has()-Unterstützung. */
@media(min-width:901px){
  .twoi-layout-grid[data-visible-cells="1"],.twoi-preview-grid[data-visible-cells="1"]{grid-template-columns:1fr}
  .twoi-layout-grid[data-visible-cells="2"],.twoi-preview-grid[data-visible-cells="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .twoi-layout-grid[data-visible-cells="3"],.twoi-preview-grid[data-visible-cells="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:701px) and (max-width:900px){
  .twoi-layout-grid[data-visible-cells="1"],.twoi-preview-grid[data-visible-cells="1"]{grid-template-columns:1fr}
  .twoi-layout-grid[data-visible-cells="2"],.twoi-layout-grid[data-visible-cells="3"],
  .twoi-preview-grid[data-visible-cells="2"],.twoi-preview-grid[data-visible-cells="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .twoi-layout-grid,.twoi-preview-grid{grid-template-columns:1fr!important}
}

/* 0.4.0 – event statistics from the same normalized form data used by exports */
.twoi-statistics-card{margin-bottom:24px}.twoi-statistics-card .twoi-card-head p{margin:.35rem 0 0}.twoi-answer-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.twoi-answer-stat{border:1px solid var(--twoi-line,#e8e8e8);border-radius:16px;padding:18px;min-width:0}.twoi-answer-stat-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.twoi-answer-stat-head span{font-size:.92rem;color:#707070}.twoi-answer-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center;margin:9px 0}.twoi-answer-label{overflow-wrap:anywhere}.twoi-answer-bar{height:8px;border-radius:999px;background:#ededed;overflow:hidden}.twoi-answer-bar i{display:block;height:100%;min-width:0;background:var(--twoi-primary,#111);border-radius:inherit}.twoi-answer-row strong{min-width:2ch;text-align:right}@media(max-width:760px){.twoi-answer-stats{grid-template-columns:1fr}.twoi-answer-row{grid-template-columns:minmax(90px,1fr) minmax(80px,1.4fr) auto}}

/* v0.4.1 – Event-Logo im Kundeneditor und auf der Anmeldeseite */
.twoi-logo-editor{display:grid;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid var(--twoi-line)}
.twoi-logo-editor>strong{font-size:13px}
.twoi-logo-editor>small{color:#7c7972;line-height:1.45;font-size:11px}
.twoi-logo-current{display:grid;place-items:center;min-height:86px;padding:12px;border:1px solid #dedbd4;border-radius:12px;background:#fff}
.twoi-logo-current img{display:block;max-width:100%;max-height:92px;width:auto;height:auto;object-fit:contain}
.twoi-logo-remove{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-size:11px!important;font-weight:650!important}
.twoi-logo-remove input{width:17px!important;height:17px!important;min-height:auto!important;margin:0}
.twoi-logo-upload{display:grid!important;gap:7px!important}
.twoi-logo-upload input[type=file]{display:block;width:100%;min-height:44px;padding:8px;border:1px solid #dcd9d1;border-radius:10px;background:#fff;font-size:12px}
.twoi-event-logo{margin:0 0 26px}
.twoi-event-logo img{display:block;max-width:min(360px,70%);max-height:120px;width:auto;height:auto;object-fit:contain}
.twoi-template-elegant .twoi-event-logo img{margin-left:auto;margin-right:auto}
.twoi-template-dark .twoi-event-logo{margin-bottom:22px}
@media(max-width:700px){.twoi-event-logo{margin-bottom:20px}.twoi-event-logo img{max-width:min(280px,78%);max-height:88px}.twoi-logo-current img{max-height:76px}}
.twoi-preview-logo{margin:0 0 14px}.twoi-preview-logo img{display:block;max-width:58%;max-height:62px;width:auto;height:auto;object-fit:contain}.twoi-design-preview.preview-elegant .twoi-preview-logo img{margin-left:auto;margin-right:auto}

/* 0.4.2 – eventbezogener Informationstext */
.twoi-info-settings{margin-top:34px;padding-top:8px}.twoi-info-editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;align-items:start}.twoi-info-text{display:grid;gap:8px;font-weight:700}.twoi-info-text textarea{width:100%;min-height:140px;resize:vertical}.twoi-info-options{display:grid;gap:14px}.twoi-info-options label{display:grid;gap:7px;font-weight:700}.twoi-info-options select,.twoi-info-options input[type=color]{width:100%}.twoi-event-info{margin:22px 0;padding:16px 18px;border-left:3px solid var(--twoi-primary,#111);background:color-mix(in srgb,var(--twoi-primary,#111) 5%,transparent);color:var(--twoi-info-color,#555);font-size:1rem;line-height:1.65;border-radius:0 12px 12px 0}.twoi-info-style-bold{font-weight:700}.twoi-info-style-italic{font-style:italic}.twoi-info-style-bold_italic{font-weight:700;font-style:italic}.twoi-preview-info{margin:16px 0;padding:12px 14px;border-left:3px solid var(--preview-primary,#111);background:rgba(127,127,127,.08);border-radius:0 9px 9px 0;font-size:.9rem;line-height:1.55}.twoi-preview-info.info-bold{font-weight:700}.twoi-preview-info.info-italic{font-style:italic}.twoi-preview-info.info-bold_italic{font-weight:700;font-style:italic}@media(max-width:760px){.twoi-info-editor-grid{grid-template-columns:1fr}.twoi-event-info{font-size:.96rem;padding:14px 15px}}

/* 0.5.0 – event duplication, self-service editing, reminder, invitations, statistics */
.twoi-success-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.twoi-cancel-registration{margin-top:18px;text-align:center}.twoi-link-danger{border:0;background:transparent;color:#a52a2a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-weight:700;padding:10px}
.twoi-switch-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;margin:0 0 18px;font-weight:750!important}.twoi-switch-line input{width:18px!important;height:18px!important;min-height:auto!important;margin:0}
.twoi-reminder-settings{margin-top:34px}
.twoi-mail-schedule-row{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,420px);gap:14px;align-items:end;margin:4px 0 18px;padding:14px 16px;border:1px solid #e0ddd6;border-radius:14px;background:#faf9f6}.twoi-mail-schedule-row .twoi-switch-line{margin:0}.twoi-mail-day-select{display:grid;gap:7px;font-size:12px;font-weight:750}.twoi-mail-day-select .twoi-large-select{min-height:48px}.twoi-mail-variant-group[data-kind="followup"]{padding-bottom:4px}.twoi-mail-variant-group[data-kind="followup"] .twoi-section-title{margin-top:8px}
@media(max-width:760px){.twoi-mail-schedule-row{grid-template-columns:1fr;align-items:stretch;padding:13px}.twoi-mail-day-select .twoi-large-select{width:100%}}
.twoi-invitation-panel{margin-top:30px;padding:24px;border:1px solid var(--twoi-line,#e7e5df);border-radius:20px;background:#fff}
.twoi-invite-summary{display:grid;grid-template-columns:auto auto auto auto;justify-content:start;align-items:baseline;gap:6px 16px;margin:0 0 18px}.twoi-invite-summary strong{font-size:1.55rem}.twoi-invite-summary span{color:#74716b}
.twoi-invite-upload{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0 18px}.twoi-invite-upload label{display:grid;gap:7px;min-width:min(100%,520px);flex:1}.twoi-invite-upload small{font-size:.88rem;color:#74716b;font-weight:500;line-height:1.45}.twoi-invite-upload input[type=file]{min-height:46px;padding:8px;border:1px solid #dcd9d1;border-radius:11px;background:#fff}
.twoi-invite-table-wrap{overflow-x:auto;margin-top:16px}.twoi-invite-table{width:100%;border-collapse:collapse;min-width:680px}.twoi-invite-table th,.twoi-invite-table td{padding:11px 10px;border-bottom:1px solid #eceae5;text-align:left;vertical-align:top}.twoi-invite-table th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#77736c}.twoi-invite-table small{color:#77736c}
.twoi-stat-grid-detail{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 24px}.twoi-registration-trend{margin:20px 0 26px;padding:18px;border:1px solid var(--twoi-line,#e8e8e8);border-radius:16px}.twoi-trend-bars{height:190px;display:flex;align-items:end;gap:7px;overflow-x:auto;padding:12px 2px 0}.twoi-trend-day{height:100%;min-width:34px;display:grid;grid-template-rows:22px 1fr 22px;align-items:end;justify-items:center;gap:4px}.twoi-trend-day i{display:block;width:18px;max-height:100%;min-height:8px;border-radius:6px 6px 2px 2px;background:var(--twoi-primary,#111)}.twoi-trend-value{font-size:.76rem;font-weight:800}.twoi-trend-day small{font-size:.68rem;color:#77736c;white-space:nowrap;transform:rotate(-35deg);transform-origin:center}
@media(max-width:850px){.twoi-stat-grid-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.twoi-invitation-panel{padding:18px}.twoi-invite-summary{grid-template-columns:auto 1fr}.twoi-stat-grid-detail{grid-template-columns:1fr 1fr}.twoi-success-actions{display:grid}.twoi-success-actions .twoi-btn{width:100%}}
.twoi-invite-mail{display:grid;gap:12px;margin:18px 0 24px;padding:18px;border:1px solid #e7e5df;border-radius:16px;background:#faf9f6}.twoi-invite-mail h4{margin:0;font-size:1.05rem}.twoi-invite-mail>p{margin:0;color:#74716b}.twoi-invite-preview{margin-top:4px}.twoi-invite-mail .twoi-mail-preview{max-height:360px;overflow:auto}

/* 0.6.0 – eigenständiges Statistik-Dashboard, auch bei 0 Registrierungen */
.twoi-dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}
.twoi-statistics-card{overflow:hidden}
.twoi-statistics-card>.twoi-card-head{background:linear-gradient(180deg,#fff,#fbfaf7)}
.twoi-stat-dashboard{padding:24px 28px 30px}
.twoi-stat-dashboard .twoi-stat-grid-detail{margin-top:0}
.twoi-visual-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 24px}
.twoi-ring-card{display:flex;align-items:center;gap:20px;border:1px solid var(--twoi-line);border-radius:18px;padding:20px;background:#fff;min-width:0}
.twoi-ring-card>div:last-child{min-width:0}.twoi-ring-card>div:last-child>strong{font-size:16px}.twoi-ring-card p{margin:5px 0 0;color:var(--twoi-muted);font-size:13px;line-height:1.5}
.twoi-ring{--twoi-ring-value:0%;width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#111 var(--twoi-ring-value),#eceae5 0)}
.twoi-ring:before{content:"";grid-area:1/1;width:78px;height:78px;border-radius:50%;background:#fff}
.twoi-ring>div{grid-area:1/1;position:relative;z-index:1;text-align:center}.twoi-ring strong{display:block;font-size:22px;letter-spacing:-.04em}.twoi-ring span{display:block;margin-top:2px;color:#77736c;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.twoi-registration-trend{background:#fff}.twoi-trend-day i.is-zero{background:#e7e5df!important;min-height:4px}.twoi-answer-bar i.is-zero{width:3px!important;background:#ddd9d1!important}
.twoi-stat-subhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:30px 0 16px;padding-top:24px;border-top:1px solid var(--twoi-line)}.twoi-stat-subhead strong{font-size:19px}.twoi-stat-subhead p{margin:5px 0 0;color:var(--twoi-muted);font-size:13px;line-height:1.5}
.twoi-empty-stat{padding:13px 14px;border-radius:12px;background:#f7f6f3;color:#77736c;font-size:13px}.twoi-empty-stat-large{display:grid;gap:5px;padding:22px;border:1px dashed #d8d5ce;background:#faf9f6}.twoi-empty-stat-large strong{color:#222}.twoi-empty-stat-large span{line-height:1.5}
.twoi-hour-bars .twoi-trend-day{min-width:54px}

.twoi-stat-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;min-height:128px;padding:24px 22px;background:linear-gradient(180deg,#fff,#fcfbf8);box-shadow:0 10px 24px rgba(17,17,17,.03)}
.twoi-stat-copy{min-width:0}
.twoi-stat-card .twoi-stat-icon{width:44px;height:44px;border-radius:50%;display:block;background-color:#eef4ee;background-repeat:no-repeat;background-position:center;background-size:20px 20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.twoi-stat-card strong{line-height:1.05;margin-bottom:6px}
.twoi-stat-card span{font-size:14px;line-height:1.45}
.twoi-stat-card.is-confirmed .twoi-stat-icon{background-color:#e6f4e7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ea44e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='3.5'/%3E%3Cpath d='M20 8v6'/%3E%3Cpath d='M23 11h-6'/%3E%3C/svg%3E")}
.twoi-stat-card.is-checked .twoi-stat-icon{background-color:#e8f5ea;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2329a24a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3'/%3E%3Cpath d='m8 12 2.6 2.7L16.5 9'/%3E%3C/svg%3E")}
.twoi-stat-card.is-pending .twoi-stat-icon{background-color:#fff1df;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ec8b1d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.7v4.8l3.2 1.8'/%3E%3C/svg%3E")}
.twoi-stat-card.is-cancelled .twoi-stat-icon{background-color:#ffe8e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9 9l6 6'/%3E%3Cpath d='M15 9l-6 6'/%3E%3C/svg%3E")}
.twoi-ring-card.is-checkin .twoi-ring{background:conic-gradient(#59b95a var(--twoi-ring-value),#eceae5 0)}
.twoi-ring-card.is-capacity .twoi-ring{background:conic-gradient(#4f8df0 var(--twoi-ring-value),#eceae5 0)}
.twoi-registration-trend.is-daily .twoi-trend-day i{background:linear-gradient(180deg,#6da9ff,#3e7de0)}
.twoi-registration-trend.is-hourly .twoi-trend-day i{background:linear-gradient(180deg,#7cc96c,#4ea24b)}
.twoi-answer-bar{background:#edf1f7}
.twoi-answer-bar i{background:linear-gradient(90deg,#6da9ff,#3e7de0)!important}
.twoi-answer-stats .twoi-answer-stat:nth-child(even) .twoi-answer-bar i{background:linear-gradient(90deg,#7ac66f,#53a847)!important}
@media(max-width:760px){.twoi-stat-card{grid-template-columns:46px minmax(0,1fr);gap:12px;min-height:116px;padding:18px}.twoi-stat-card .twoi-stat-icon{width:38px;height:38px;background-size:18px 18px}}
@media(max-width:1000px){.twoi-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.twoi-stat-dashboard{padding:18px}.twoi-visual-kpis{grid-template-columns:1fr}.twoi-ring-card{padding:16px}.twoi-ring{width:88px;height:88px;flex-basis:88px}.twoi-ring:before{width:66px;height:66px}.twoi-ring strong{font-size:19px}}
@media(max-width:520px){.twoi-dashboard-kpis{grid-template-columns:1fr 1fr;gap:10px}.twoi-dashboard-kpis .twoi-stat{padding:17px}.twoi-dashboard-kpis .twoi-stat strong{font-size:26px}.twoi-stat-grid-detail{grid-template-columns:1fr 1fr}.twoi-stat-dashboard .twoi-stat{padding:16px}.twoi-ring-card{align-items:flex-start;gap:14px}}


/* 0.6.2 – obligatorische Kontaktinformationen am Seitenende */
.twoi-contact-settings{margin-top:34px;padding-top:8px}.twoi-contact-editor{display:grid;gap:0;max-width:980px}.twoi-contact-toolbar{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #dcd9d1;border-bottom:0;border-radius:12px 12px 0 0;background:#f7f6f3}.twoi-contact-toolbar button{min-width:38px;height:36px;padding:0 11px;border:1px solid #d8d5ce;border-radius:8px;background:#fff;color:#191919;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.twoi-contact-toolbar button:hover{border-color:#aaa69d}.twoi-contact-surface{min-height:150px;padding:16px 17px;border:1px solid #dcd9d1;border-radius:0 0 12px 12px;background:#fff;color:#1c1c1c;font-size:14px;line-height:1.65;outline:none;overflow-wrap:anywhere}.twoi-contact-surface:focus{border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.06)}.twoi-contact-surface:empty:before{content:attr(data-placeholder);color:#9a968e;pointer-events:none}.twoi-contact-surface a{color:inherit;text-decoration:underline;text-underline-offset:3px}.twoi-contact-editor>.twoi-field-help{margin-top:9px}.twoi-event-contact{margin-top:58px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--twoi-text,#111) 18%,transparent);color:var(--twoi-text,#111);font-size:.92rem;line-height:1.65;overflow-wrap:anywhere}.twoi-event-contact>strong{display:block;margin-bottom:8px;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;opacity:.65}.twoi-event-contact p{margin:.25em 0}.twoi-event-contact a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.twoi-event-contact.is-missing{border:1px dashed #c7a54d;padding:16px;border-radius:12px;background:#fff9e8;color:#6c5722}.twoi-preview-contact{margin-top:24px;padding-top:14px;border-top:1px solid rgba(127,127,127,.28);font-size:.78rem;line-height:1.5}.twoi-preview-contact>strong{display:block;margin-bottom:5px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.twoi-preview-contact p{margin:.2em 0}.twoi-preview-contact a{color:inherit;text-decoration:underline}.twoi-preview-contact.is-missing{opacity:.6}@media(max-width:700px){.twoi-event-contact{margin-top:42px;padding-top:20px}.twoi-contact-surface{min-height:130px}}


/* ==========================================================
   0.6.3 – kompakter Hilfe-Link im Kunden-CMS
   ========================================================== */
.twoi-help-link{
  align-self:center;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:2px 4px;
  color:#555!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  font-size:13px;
  font-weight:650;
  white-space:nowrap;
}
.twoi-help-link:hover{color:#111!important}
@media(max-width:700px){
  .twoi-help-link{min-height:30px;padding-left:0;margin-right:auto}
}

/* 0.6.4 · Rich-Content Bilder im Kunden-CMS */
.twoi-info-surface,.twoi-contact-surface{min-height:150px}
.twoi-info-surface img,.twoi-contact-surface img,.twoi-event-info img,.twoi-event-contact img,.twoi-preview-info img,.twoi-preview-contact img,.twoi-mail-editor-surface img{max-width:100%!important;height:auto!important}
.twoi-info-surface img,.twoi-contact-surface img{cursor:default;border-radius:8px}
.twoi-event-info img,.twoi-event-contact img{border-radius:8px}
.twoi-image-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;border:0;border-radius:20px;padding:0;background:#fff;color:#111;box-shadow:0 24px 90px rgba(0,0,0,.28)}
.twoi-image-dialog::backdrop{background:rgba(0,0,0,.52);backdrop-filter:blur(2px)}
.twoi-image-dialog-card{margin:0;padding:0}
.twoi-image-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #e7e4dc}
.twoi-image-dialog-head>div{display:grid;gap:4px}.twoi-image-dialog-head strong{font-size:19px}.twoi-image-dialog-head span{font-size:12px;color:#777}
.twoi-image-dialog-head>button{width:36px;height:36px;border:1px solid #ddd9d0;border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer}
.twoi-image-dialog-body{display:grid;gap:16px;padding:22px 24px}.twoi-image-dialog-body label{display:grid;gap:7px;font-size:12px;font-weight:750}
.twoi-image-dialog-body input[type=file],.twoi-image-dialog-body input[type=text],.twoi-image-dialog-body select{width:100%;min-height:44px;border:1px solid #d9d6ce;border-radius:10px;background:#fff;padding:10px 12px;font:inherit}
.twoi-image-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.twoi-image-local-preview{min-height:180px;border:1px dashed #d6d2c8;border-radius:12px;background:#f7f6f3;display:grid;place-items:center;overflow:hidden;color:#8a867d;font-size:12px}.twoi-image-local-preview img{display:block;max-width:100%;max-height:280px;width:auto;height:auto}
.twoi-image-upload-status{min-height:18px;font-size:12px;color:#666}.twoi-image-upload-status.error{color:#9c2929}
.twoi-image-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px;border-top:1px solid #ece9e2}.twoi-image-dialog-actions .twoi-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media(max-width:600px){.twoi-image-dialog{width:calc(100vw - 20px)}.twoi-image-dialog-head,.twoi-image-dialog-body{padding-left:17px;padding-right:17px}.twoi-image-dialog-grid{grid-template-columns:1fr}.twoi-image-dialog-actions{padding:14px 17px 18px}}

/* v0.6.6 – scanner: compact header, mobile edge-to-edge camera, hands-free feedback */
.twoi-scanner-shell{padding-bottom:28px}
.twoi-scanner-head{margin-bottom:14px}
.twoi-scanner-head h1{margin-bottom:0}
.twoi-scan-frame{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.twoi-camera-wrap.state-pass .twoi-scan-frame{border-color:#4ed478;box-shadow:0 0 0 999px rgba(0,0,0,.22),0 0 0 5px rgba(78,212,120,.2);transform:translate(-50%,-50%) scale(1.015)}
.twoi-camera-wrap.state-duplicate .twoi-scan-frame{border-color:#f2c14f;box-shadow:0 0 0 999px rgba(0,0,0,.25),0 0 0 5px rgba(242,193,79,.18)}
.twoi-camera-wrap.state-invalid .twoi-scan-frame{border-color:#ef6b6b;box-shadow:0 0 0 999px rgba(0,0,0,.27),0 0 0 5px rgba(239,107,107,.16)}

@media(max-width:700px){
  .twoi-scanner-shell{width:100%;max-width:none;padding:18px 14px 10px;margin:0 auto;overflow:visible}
  .twoi-scanner-head{margin-bottom:10px}
  .twoi-scanner-head h1{font-size:clamp(34px,11vw,48px);margin-top:.2em}
  .twoi-scanner-toolbar{margin:10px 0 12px;gap:8px}
  .twoi-camera-wrap{width:100vw;max-width:100vw;height:min(62svh,620px);min-height:390px;aspect-ratio:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}
  .twoi-scan-frame{width:min(68vw,340px);border-radius:20px}
  .twoi-camera-note{left:14px;right:14px;bottom:14px;padding:9px 12px;font-size:12px}
  .twoi-scanner-actions{margin:12px 0;gap:8px}
  .twoi-manual-scan{margin-top:12px;padding:14px}
  .twoi-scan-result{margin-top:12px;padding:18px;border-radius:16px}
  .twoi-scan-result strong{font-size:24px}
}


/* v0.6.8 – scanner manual code: balanced desktop layout */
@media(min-width:701px){
  .twoi-manual-scan>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
  .twoi-manual-scan>div .twoi-btn{width:100%;min-width:0;white-space:nowrap}
}
@media(max-width:700px){
  .twoi-manual-scan>div{grid-template-columns:1fr}
}

/* v0.6.9 – event-scoped scanner token access */
.twoi-scanner-shell [hidden]{display:none!important}
.twoi-scanner-token-login{max-width:680px;margin:22px auto 0}
.twoi-scanner-token-login .twoi-card{padding:30px}
.twoi-scanner-token-login h2{margin:.2em 0 .4em}
.twoi-scanner-token-login p{margin:0 0 20px;color:#666;line-height:1.55}
.twoi-scanner-token-form>label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}
.twoi-scanner-token-form>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:10px}
.twoi-scanner-token-form input{text-transform:uppercase;letter-spacing:.12em;font-weight:750;font-size:20px}
.twoi-scanner-token-form .twoi-btn{width:100%;white-space:nowrap}
.twoi-scanner-login-message{min-height:20px;margin-top:10px;font-size:13px;color:#555}
.twoi-scanner-login-message.error{color:#972d2d}
.twoi-scanner-event{display:grid;gap:2px;min-width:0}
.twoi-scanner-event span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.twoi-scanner-event strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.twoi-token-switch{border:0;background:transparent;padding:5px 0;color:#666;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}
.twoi-scanner-access{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--twoi-line);background:#fff;border-radius:16px;padding:16px 18px;margin:16px 0 22px}
.twoi-scanner-access-copy{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;gap:3px 13px;min-width:0}
.twoi-scanner-access-copy>span{font-size:12px;font-weight:700;color:#666}
.twoi-scanner-access-copy>strong{font-size:22px;letter-spacing:.11em;color:#111}
.twoi-scanner-access-copy>small{grid-column:1/-1;color:#777;font-size:11px;line-height:1.45}
@media(min-width:701px){
  .twoi-scanner-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end}
}
@media(max-width:700px){
  .twoi-scanner-token-login{margin-top:12px}
  .twoi-scanner-token-login .twoi-card{padding:22px}
  .twoi-scanner-token-form>div{grid-template-columns:1fr}
  .twoi-scanner-token-form input{font-size:19px;text-align:center}
  .twoi-scanner-access{align-items:stretch;display:grid;gap:12px;padding:15px}
  .twoi-scanner-access-copy{grid-template-columns:1fr}
  .twoi-scanner-access-copy>strong{font-size:21px}
  .twoi-scanner-access-copy>small{grid-column:auto}
  .twoi-scanner-access .twoi-btn{width:100%}
  .twoi-token-switch{justify-self:start}
}


/* ==========================================================
   0.6.10 – Builder mobile polish + bottom help CTA
   ========================================================== */
/* Raster-Bausteine: die Miniatur sitzt bewusst über dem Text. */
.twoi-grid-palette{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:76px;
  text-align:center;
}
.twoi-grid-palette-icon{
  width:54px;
  height:29px;
  flex:0 0 auto;
}
.twoi-grid-palette>span:last-child{
  display:block;
  width:100%;
  white-space:nowrap;
  line-height:1.15;
}

/* Formularaufbau und Vorschau sollen klar als zwei Bereiche lesbar sein. */
.twoi-builder-canvas .twoi-builder-preview-head{
  margin-top:34px;
  padding-top:24px;
  border-top:2px solid #d8d5ce;
}

/* Unterster, bewusst kompakter Support-CTA im Kunden-CMS. */
.twoi-dashboard-help-bottom{
  display:flex;
  justify-content:center;
  padding:30px 0 2px;
}
.twoi-dashboard-help-bottom .twoi-btn{
  min-width:180px;
}

@media(max-width:700px){
  /* Lange Ein-Wort-Beschriftungen nicht mitten im Wort umbrechen. */
  .twoi-builder-tools .twoi-add-field{
    min-width:0;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
  .twoi-builder-tools .twoi-add-field[data-type=\"radio\"],
  .twoi-builder-tools .twoi-add-field[data-type=\"multicheck\"]{
    padding-left:4px;
    padding-right:4px;
    font-size:clamp(10px,2.8vw,12px);
    white-space:nowrap;
    letter-spacing:-.01em;
  }
  .twoi-grid-palette{min-height:82px}
  .twoi-builder-canvas .twoi-builder-preview-head{
    margin-top:30px;
    padding-top:22px;
  }
  .twoi-dashboard-help-bottom{padding:24px 0 0}
  .twoi-dashboard-help-bottom .twoi-btn{width:100%}
}

/* ==========================================================
   0.6.12 – sichtbarer Builder-Trenner, Mail-QR-Preview, Hilfe-Abstand
   ========================================================== */
.twoi-builder-preview-divider{
  display:block;
  width:100%;
  height:1px;
  margin:34px 0 22px;
  background:#d8d5ce;
}
.twoi-builder-canvas .twoi-builder-preview-head{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.twoi-mail-qr-combined-mock{
  display:grid;
  justify-items:center;
  margin:0 auto;
  text-align:center;
}
.twoi-mail-code-label{
  margin-top:10px;
  color:#666;
  font-size:13px;
  line-height:1.4;
}
.twoi-mail-code-value{
  margin-top:2px;
  color:#111;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:3px;
}
.twoi-dashboard-help-bottom{
  margin-top:18px!important;
  padding-top:8px!important;
}
@media(max-width:700px){
  .twoi-builder-preview-divider{margin:28px 0 20px}
  .twoi-dashboard-help-bottom{margin-top:14px!important;padding-top:6px!important}
}


/* ==========================================================
   0.6.13 – konsistente CMS-Vorschau + komplett theme-freie Suite-Seiten
   ========================================================== */
.twoi-preview-contact,
.twoi-preview-contact>div,
.twoi-preview-contact p{
  text-align:left!important;
}

body.twoi-scanner-standalone,
body.twoi-request-standalone{
  background:#f7f6f3!important;
}
body.twoi-scanner-standalone .twoi-scanner-shell{
  width:100%;
}
body.twoi-request-standalone .twoi-shell{
  width:100%;
}

/* ==========================================================
   0.6.14 – Info-Vorschau linksbündig + kompakter Logo-Start
   ========================================================== */
.twoi-preview-info,
.twoi-preview-info>div,
.twoi-preview-info p,
.twoi-preview-info li{
  text-align:left!important;
}

/* Nur wenn wirklich ein Event-Logo vorhanden ist: weniger Leerraum vor
   dem ersten sichtbaren Element. Die restlichen Layoutabstände bleiben
   unverändert. */
.twoi-public.twoi-has-logo.twoi-template-minimal{padding-top:42px}
.twoi-public.twoi-has-logo.twoi-template-business{padding-top:36px}
.twoi-public.twoi-has-logo.twoi-template-elegant{padding-top:48px}
.twoi-public.twoi-has-logo.twoi-template-dark{padding-top:38px}

@media(max-width:700px){
  .twoi-public.twoi-has-logo.twoi-template-minimal,
  .twoi-public.twoi-has-logo.twoi-template-business,
  .twoi-public.twoi-has-logo.twoi-template-elegant,
  .twoi-public.twoi-has-logo.twoi-template-dark{
    padding-top:26px;
  }
}



/* 0.7.1 – grosse, konsistente Auswahlfelder im Kunden-Onboarding und Event-CMS */
.twoi-form-grid select.twoi-large-select{
  width:100%;
  min-height:58px;
  border:1px solid #dcd9d1;
  border-radius:14px;
  background-color:#fff;
  color:#111;
  padding:14px 48px 14px 16px;
  font:inherit;
  font-size:16px;
  font-weight:700;
  line-height:1.35;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px 18px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.twoi-form-grid select.twoi-large-select:hover{border-color:#bcb8af}
.twoi-form-grid select.twoi-large-select:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.twoi-form-grid select.twoi-large-select option{font-weight:600}
@media(max-width:700px){.twoi-form-grid select.twoi-large-select{min-height:56px;font-size:15px;padding-right:44px;background-position:right 14px center}}


/* ==========================================================
   0.7.4 – Kunden-CMS Feinschliff: Auswahlpalette + Bereiche 03/04
   ========================================================== */
/* Lange Auswahl-Bausteine bekommen eine ganze Zeile. Dadurch bleiben
   Einzelauswahl und Mehrfachauswahl lesbar, ohne gequetschte Schrift. */
.twoi-choice-add-grid .twoi-add-field[data-type="radio"],
.twoi-choice-add-grid .twoi-add-field[data-type="multicheck"]{
  grid-column:1/-1;
  min-height:48px;
  white-space:nowrap;
  font-size:12px;
  padding-left:10px;
  padding-right:10px;
}

/* Die Inhaltsbereiche 03 und 04 richten sich horizontal exakt an den
   übrigen nummerierten CMS-Bereichen aus. */
.twoi-info-settings,
.twoi-contact-settings{
  margin-top:18px;
  padding:26px 28px 30px;
  border-top:1px solid var(--twoi-line);
}
.twoi-info-settings{background:#fff}
.twoi-contact-settings{background:#fafaf8}
.twoi-info-settings>.twoi-section-title,
.twoi-contact-settings>.twoi-section-title{
  margin-bottom:20px;
}

/* Position / Schriftstil wie die grossen modernen CMS-Auswahlfelder. */
.twoi-info-options select{
  width:100%;
  min-height:52px;
  border:1px solid #dcd9d1;
  border-radius:13px;
  background-color:#fff;
  color:#111;
  padding:12px 46px 12px 14px;
  font:inherit;
  font-size:15px;
  font-weight:650;
  line-height:1.3;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:18px 18px;
}
.twoi-info-options select:hover{border-color:#bcb8af}
.twoi-info-options select:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.07)}
.twoi-info-options input[type="color"]{
  width:100%;
  min-height:52px;
  height:52px;
  padding:6px;
  border:1px solid #dcd9d1;
  border-radius:13px;
  background:#fff;
  cursor:pointer;
}
.twoi-info-options input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.twoi-info-options input[type="color"]::-webkit-color-swatch{border:0;border-radius:8px}
.twoi-info-options input[type="color"]::-moz-color-swatch{border:0;border-radius:8px}

@media(max-width:700px){
  .twoi-info-settings,
  .twoi-contact-settings{padding:20px}
  .twoi-choice-add-grid .twoi-add-field[data-type="radio"],
  .twoi-choice-add-grid .twoi-add-field[data-type="multicheck"]{
    font-size:12px;
  }
}

/* ==========================================================
   0.7.5 – Statistik: keine vertikalen Scrollbars auf Graphen
   ========================================================== */
/* Firefox koppelt bei overflow-x:auto die zweite Achse an overflow:auto.
   Auf Desktop passen die Statistik-Balken vollständig in die Karten und
   brauchen deshalb keinerlei Scroll-Container. */
.twoi-stat-dashboard .twoi-trend-bars{
  width:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  scrollbar-width:none;
}
.twoi-stat-dashboard .twoi-trend-bars::-webkit-scrollbar{
  display:none;
}

/* Auf kleinen Displays darf horizontal gescrollt werden; vertikal bleibt
   die Grafik immer fest und erzeugt keinen störenden rechten Balken. */
@media(max-width:760px){
  .twoi-stat-dashboard .twoi-trend-bars{
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .twoi-stat-dashboard .twoi-trend-bars::-webkit-scrollbar{
    display:block;
    height:5px;
  }
}

/* ==========================================================
   0.8.0 – Dynamische Infos, Erfolgstexte & Event-Check
   ========================================================== */
.twoi-dynamic-info{
  border:1px solid color-mix(in srgb,var(--twoi-text) 14%,transparent);
  border-radius:14px;
  padding:15px 17px;
  background:color-mix(in srgb,var(--twoi-bg) 93%,var(--twoi-primary) 7%);
  color:var(--twoi-text);
  line-height:1.6;
}
.twoi-success-info{
  margin:14px 0;
  border:1px solid color-mix(in srgb,var(--twoi-primary) 28%,transparent);
  border-radius:16px;
  padding:17px 19px;
  background:color-mix(in srgb,var(--twoi-bg) 94%,var(--twoi-primary) 6%);
  line-height:1.6;
}
.twoi-preview-dynamic-info,
.twoi-preview-success-info{
  border:1px solid color-mix(in srgb,var(--preview-text,#111) 14%,transparent);
  border-radius:12px;
  padding:12px 14px;
  line-height:1.5;
  text-align:left;
  white-space:pre-line;
}
.twoi-preview-dynamic-info{background:color-mix(in srgb,var(--preview-bg,#fff) 92%,var(--preview-primary,#111) 8%)}
.twoi-preview-success-info{border-style:dashed;background:color-mix(in srgb,var(--preview-bg,#fff) 96%,var(--preview-primary,#111) 4%)}
.twoi-preview-success-info small{display:block;margin-bottom:5px;font-size:9px;font-weight:800;letter-spacing:.12em;opacity:.55}

.twoi-event-check{
  margin:18px 0;
  border:1px solid var(--twoi-line);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.twoi-event-check>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px 20px;
  cursor:pointer;
  user-select:none;
}
.twoi-event-check>summary::-webkit-details-marker{display:none}
.twoi-event-check>summary span{display:grid;gap:2px}
.twoi-event-check>summary small{color:var(--twoi-muted);font-size:12px;font-weight:500}
.twoi-event-check>summary b{border-radius:999px;padding:8px 12px;font-size:12px;white-space:nowrap}
.twoi-event-check>summary b.is-ready{background:#e9f7ed;color:#17652e}
.twoi-event-check>summary b.is-error{background:#fff0ef;color:#9d2e27}
.twoi-event-check[open]>summary{border-bottom:1px solid var(--twoi-line)}
.twoi-event-check-list{display:grid}
.twoi-event-check-row{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;padding:13px 20px;border-bottom:1px solid #f0eee9}
.twoi-event-check-row:last-child{border-bottom:0}
.twoi-event-check-row div{display:grid;gap:2px}
.twoi-event-check-row small{color:var(--twoi-muted);line-height:1.45}
.twoi-event-check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:850;font-size:12px}
.twoi-event-check-row.status-ok .twoi-event-check-icon{background:#e9f7ed;color:#17652e}
.twoi-event-check-row.status-warn .twoi-event-check-icon{background:#fff5d8;color:#7a5b08}
.twoi-event-check-row.status-error .twoi-event-check-icon{background:#fff0ef;color:#9d2e27}
@media(max-width:700px){
  .twoi-event-check>summary{align-items:flex-start;flex-direction:column}
  .twoi-event-check-row{padding:12px 15px}
}

/* ==========================================================
   0.8.1 – Begleitpersonen
   ========================================================== */
.twoi-companions{margin:22px 0;padding:18px;border:1px solid var(--twoi-line,#e8e5de);border-radius:16px;background:color-mix(in srgb,var(--twoi-bg,#fff) 96%,#f2f0eb)}
.twoi-companions-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.twoi-companions-head h3{margin:0 0 4px;font-size:20px}.twoi-companions-head p{margin:0;color:#77736c;font-size:13px}
.twoi-companions-head label{display:grid;gap:6px;min-width:210px;font-size:12px;font-weight:750}
.twoi-companions-head select{width:100%;min-height:46px;border:1px solid #dcd9d1;border-radius:12px;background:#fff;color:#111;padding:10px 38px 10px 12px;font:inherit}
.twoi-companion-row{margin:14px 0 0;padding:18px;border:1px solid #dedbd3;border-radius:14px;background:#fff}.twoi-companion-row legend{padding:0 8px;font-weight:800}
.twoi-companion-row .twoi-field{margin:14px 0}.twoi-companion-row .twoi-field:first-of-type{margin-top:4px}.twoi-companion-row .twoi-field:last-child{margin-bottom:0}
.twoi-companion-editor{display:grid;gap:14px}.twoi-companion-field-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e5e2dc;border-radius:14px;background:#fff}.twoi-companion-field-option>label:first-child{display:flex;align-items:center;gap:12px;font-weight:600;min-width:0;flex:1 1 auto}.twoi-companion-field-option>label:first-child span{display:grid;gap:2px}.twoi-companion-field-option small{font-size:11px;color:#777}.twoi-companion-field-option .twoi-mini-check{white-space:nowrap;display:flex;align-items:center;gap:10px;font-weight:700;flex:0 0 auto}.twoi-companion-field-option input[type=checkbox],.twoi-companion-field-option .twoi-mini-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;min-height:22px;border:1.5px solid #a7a198;border-radius:6px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;margin:0;vertical-align:middle}.twoi-companion-field-option input[type=checkbox]::before,.twoi-companion-field-option .twoi-mini-check input[type=checkbox]::before{content:'';width:10px;height:10px;transform:scale(0);transition:transform .12s ease-in-out;background:#111;border-radius:3px}.twoi-companion-field-option input[type=checkbox]:checked::before,.twoi-companion-field-option .twoi-mini-check input[type=checkbox]:checked::before{transform:scale(1)}.twoi-companion-field-option input[type=checkbox][disabled],.twoi-companion-field-option .twoi-mini-check input[type=checkbox][disabled]{cursor:not-allowed;opacity:.45;background:#f2f0eb}
.twoi-preview-companions{background:color-mix(in srgb,var(--preview-bg) 92%,#ece9e1)}
@media(max-width:700px){.twoi-companions{padding:14px}.twoi-companions-head{display:grid;align-items:stretch}.twoi-companions-head label{min-width:0}.twoi-companion-row{padding:14px}}
.twoi-template-dark .twoi-companions,.twoi-template-dark .twoi-companion-row{background:#1d1d20;border-color:#38383b;color:#f5f5f2}.twoi-template-dark .twoi-companions-head p{color:#aaa}.twoi-template-dark .twoi-companions-head select{background:#202023;border-color:#3a3a3e;color:#f5f5f2}

/* 0.8.2 · Mailvarianten als Tabs */
.twoi-mail-tabs-row{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin:0 0 10px;min-width:0;padding:12px 14px;border:1px solid #dfdcd4;border-radius:16px;background:#fbfaf8}.twoi-mail-tabs{display:flex;align-items:center;gap:9px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:thin}.twoi-mail-tabs button{flex:0 0 auto;border:2px solid #cfcac0;border-radius:12px;background:#fff;color:#222;padding:10px 16px;min-height:44px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 1px 0 rgba(17,17,17,.02)}.twoi-mail-tabs button:hover{border-color:#8e8a82}.twoi-mail-tabs button.active{background:#111;color:#fff;border-color:#111;box-shadow:none}.twoi-add-mail-variant{flex:0 0 auto;min-height:44px;border-width:2px;border-radius:12px;font-weight:800}.twoi-mail-tabs-help{margin:0 0 18px;color:#777;font-size:12px;line-height:1.45}.twoi-mail-variant-panel[hidden],.twoi-mail-variant-panel:not(.active)[hidden]{display:none!important}.twoi-mail-variant-rule{margin:0 0 16px;padding:14px 16px;border:1px solid #ddd9d0;border-radius:14px;background:#fff}.twoi-mail-variant-rule p{margin:3px 0 0;color:#6c6962;font-size:12px;line-height:1.45}.twoi-mail-variant-rule-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.twoi-mail-rule-grid{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) minmax(180px,1fr);gap:10px}.twoi-mail-rule-grid label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#555}.twoi-mail-rule-grid input,.twoi-mail-rule-grid select{width:100%;min-height:44px;border:1px solid #d8d6d0;border-radius:11px;background:#fff;padding:9px 12px;font:inherit;font-size:13px}.twoi-mail-priority{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;color:#777;font-size:11px}.twoi-mail-priority button{width:32px;height:30px;border:1px solid #d8d6d0;border-radius:8px;background:#f7f6f3;cursor:pointer}.twoi-small-btn.danger{color:#8b2525;border-color:#e0bcbc;background:#fff8f8}.twoi-companion-mail-options{display:grid;gap:8px;margin-top:14px;padding:14px;border:1px solid #ddd9d0;border-radius:14px;background:#f8f7f4}.twoi-companion-mail-options>strong{font-size:12px}.twoi-companion-mail-options small{color:#777;font-size:11px;line-height:1.45}.twoi-switch-row.is-disabled{opacity:.55}
@media(max-width:900px){.twoi-mail-tabs-row{align-items:stretch;flex-direction:column}.twoi-mail-tabs{max-width:100%}.twoi-mail-rule-grid{grid-template-columns:1fr}.twoi-mail-variant-rule-head{align-items:stretch;flex-direction:column}.twoi-add-mail-variant{min-height:44px;width:100%}}
@media(max-width:600px){.twoi-mail-tabs-row{display:block;padding:11px 12px}.twoi-add-mail-variant{margin-top:10px;width:100%}.twoi-mail-tabs{width:100%;padding-bottom:2px}.twoi-mail-tabs button{min-height:42px;padding:10px 14px}}

/* ==========================================================
   0.8.4 – Separate Teilnehmerverwaltung im Kunden-CMS
   ========================================================== */
.twoi-participant-manager{max-width:1500px;margin:0 auto;padding-top:26px;padding-bottom:42px}
.twoi-participant-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 22px}
.twoi-participant-manager-head h1{margin:4px 0 5px;font-size:clamp(28px,3vw,46px);line-height:1.02}
.twoi-participant-manager-head p{margin:0;color:var(--twoi-muted)}
.twoi-participant-list-card,.twoi-participant-edit-card{padding:22px}
.twoi-participant-search{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,260px) auto;gap:10px;align-items:center;margin-bottom:18px}
.twoi-participant-search input,.twoi-participant-search select{width:100%;min-height:48px;border:1px solid #dcd9d1;border-radius:12px;background:#fff;color:#111;padding:10px 14px;font:inherit}
.twoi-participant-search select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:18px}
.twoi-participant-table-wrap{width:100%;overflow-x:auto}
.twoi-participant-table{width:100%;border-collapse:collapse;min-width:850px}
.twoi-participant-table th{padding:10px 12px;border-bottom:1px solid #ddd9d0;text-align:left;color:#77736c;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.twoi-participant-table td{padding:13px 12px;border-bottom:1px solid #eeece7;vertical-align:middle;font-size:13px}
.twoi-participant-table td strong{display:block;font-size:14px}.twoi-participant-table td small{display:block;margin-top:3px;color:#8a867f;font-size:11px}
.twoi-participant-table code{display:inline-block;padding:5px 8px;border-radius:8px;background:#f3f1ec;color:#111;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}
.twoi-participant-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#eaf7ed;color:#17652e;font-size:11px;font-weight:800;white-space:nowrap}
.twoi-participant-status.status-cancelled{background:#fff0ef;color:#9d2e27}
.twoi-empty-table{text-align:center!important;color:#777;padding:30px!important}
.twoi-participant-pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.twoi-participant-pagination a{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #ddd9d0;border-radius:9px;background:#fff;color:#111;text-decoration:none;font-size:12px;font-weight:750}.twoi-participant-pagination a.active{background:#111;color:#fff;border-color:#111}
.twoi-participant-edit-form{max-width:980px;margin:0 auto}.twoi-participant-edit-form>.twoi-field,.twoi-participant-edit-form>.twoi-form-section,.twoi-participant-edit-form>.twoi-layout-grid,.twoi-participant-edit-form>.twoi-companions,.twoi-participant-edit-form>.twoi-repeater{margin-top:18px}
.twoi-participant-edit-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px;padding-top:18px;border-top:1px solid #e7e4dd}
.twoi-participant-history{margin-top:18px;padding:0;overflow:hidden}.twoi-participant-history>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;cursor:pointer}.twoi-participant-history>summary::-webkit-details-marker{display:none}.twoi-participant-history>summary small{color:#777;font-size:11px}.twoi-participant-history[open]>summary{border-bottom:1px solid #e8e5df}
.twoi-participant-history-list{display:grid}.twoi-participant-history-item{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:15px 20px;border-bottom:1px solid #efede8}.twoi-participant-history-item:last-child{border-bottom:0}.twoi-participant-history-item small{display:block;margin-top:4px;color:#777}.twoi-participant-history-item ul{margin:0;padding-left:18px}.twoi-participant-history-item li{margin:3px 0;line-height:1.45}
@media(max-width:760px){.twoi-participant-manager{padding-top:18px}.twoi-participant-manager-head{display:grid;gap:14px}.twoi-participant-manager-head .twoi-btn{width:100%}.twoi-participant-list-card,.twoi-participant-edit-card{padding:15px}.twoi-participant-search{grid-template-columns:1fr}.twoi-participant-search .twoi-btn{width:100%}.twoi-participant-edit-actions{display:grid}.twoi-participant-edit-actions .twoi-btn{width:100%}.twoi-participant-history-item{grid-template-columns:1fr;gap:7px}}

/* ==========================================================
   0.8.8 – Geschlossene Benutzergruppe + Abmeldegrund
   ========================================================== */
.twoi-invite-manager{max-width:1560px;margin:0 auto;padding-top:26px;padding-bottom:46px}
.twoi-invite-manager-card{padding:22px}
.twoi-invite-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.twoi-invite-manager-box{border:1px solid var(--twoi-line);border-radius:16px;padding:18px;background:#fbfaf8}
.twoi-invite-manager-box h3{margin:0 0 5px;font-size:18px}.twoi-invite-manager-box p{margin:0 0 15px;color:var(--twoi-muted);font-size:12px;line-height:1.5}
.twoi-invite-manual-add{margin-top:0}.twoi-invite-upload{display:grid;gap:12px}.twoi-invite-upload label{display:grid;gap:7px}.twoi-invite-upload small{color:var(--twoi-muted)}
.twoi-invite-mail-details{margin:18px 0;border:1px solid var(--twoi-line);border-radius:16px;background:#fff;overflow:hidden}.twoi-invite-mail-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;background:#fbfaf8}.twoi-invite-mail-details>summary::-webkit-details-marker{display:none}.twoi-invite-mail-details>summary span{display:grid;gap:3px}.twoi-invite-mail-details>summary small{font-size:11px;color:var(--twoi-muted);font-weight:500}.twoi-invite-mail-details>summary b{border:1px solid #d8d4cc;border-radius:10px;padding:7px 10px;font-size:11px;background:#fff;white-space:nowrap}.twoi-invite-mail-details[open]>summary{border-bottom:1px solid var(--twoi-line)}.twoi-invite-mail{padding:18px}
.twoi-invite-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.twoi-invite-list-head form{display:flex;gap:8px;flex:1;max-width:700px}.twoi-invite-list-head input{width:100%;min-height:46px;border:1px solid #dcd9d1;border-radius:12px;padding:10px 13px;font:inherit}
.twoi-invite-edit-table{min-width:1080px}.twoi-invite-edit-table input{width:100%;min-height:40px;border:1px solid #ddd9d1;border-radius:9px;padding:8px 10px;font:inherit;font-size:12px}.twoi-invite-name-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:250px}.twoi-invite-edit-table td small{display:block;margin-top:4px;color:var(--twoi-muted);font-size:10px}.twoi-invite-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.twoi-invite-row-actions form{margin:0}.twoi-invite-row-actions .twoi-small-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;min-height:36px;padding:7px 10px}
.twoi-guest-code-card h2{margin-bottom:8px}.twoi-guest-code-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:22px 0}.twoi-guest-code-form label{display:grid;gap:7px;font-weight:750;font-size:13px}.twoi-guest-code-form input{width:100%;min-height:52px;border:1px solid #dcd9d1;border-radius:12px;padding:12px 14px;font:inherit;font-size:18px;text-transform:uppercase;letter-spacing:.04em}.twoi-guest-code-form .twoi-btn{min-height:52px}
.twoi-cancel-reason-settings{display:grid;gap:12px;padding-top:4px}.twoi-cancel-reason-settings textarea{width:100%;min-height:120px;border:1px solid #dcd9d1;border-radius:12px;padding:12px 14px;font:inherit;resize:vertical}.twoi-cancel-reason-settings .twoi-switch-row span{display:grid;gap:2px}.twoi-cancel-reason-settings .twoi-switch-row small{font-weight:500;color:var(--twoi-muted)}
.twoi-cancel-card{border:1px solid color-mix(in srgb,var(--twoi-text) 16%,transparent);border-radius:18px;padding:24px;background:color-mix(in srgb,var(--twoi-bg) 96%,var(--twoi-text) 4%)}.twoi-cancel-card h2{margin:.25em 0 .35em}.twoi-cancel-card>p{opacity:.7}.twoi-cancel-reason-form{display:grid;gap:15px;margin-top:20px}.twoi-cancel-reason-form label{display:grid;gap:7px;font-size:13px;font-weight:750}.twoi-cancel-reason-form label small{font-weight:500;opacity:.65}.twoi-cancel-reason-form select,.twoi-cancel-reason-form textarea{width:100%;border:1px solid color-mix(in srgb,var(--twoi-text) 18%,transparent);border-radius:12px;background:var(--twoi-bg);color:var(--twoi-text);padding:12px 14px;font:inherit;font-size:16px}.twoi-cancel-reason-form select{min-height:52px}.twoi-cancel-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}.twoi-danger-btn{background:#111!important;border-color:#111!important}.twoi-cancel-link-wrap{margin:16px 0 0;text-align:right}
@media(max-width:850px){.twoi-invite-manager-grid{grid-template-columns:1fr}.twoi-invite-list-head{align-items:stretch;flex-direction:column}.twoi-invite-list-head form{max-width:none}.twoi-invite-list-head .twoi-btn{width:100%}}
@media(max-width:650px){.twoi-invite-manager{padding-top:18px}.twoi-invite-manager-card{padding:14px}.twoi-guest-code-form{grid-template-columns:1fr}.twoi-guest-code-form .twoi-btn{width:100%}.twoi-invite-list-head form{display:grid}.twoi-cancel-actions{display:grid}.twoi-cancel-actions .twoi-btn{width:100%}.twoi-invite-name-inputs{grid-template-columns:1fr}.twoi-invite-mail-details>summary{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   0.9.0 – Teamzugänge
   ========================================================== */
.twoi-account-switcher{display:flex;gap:8px;overflow-x:auto;margin:-8px 0 18px;padding:2px}.twoi-account-switcher a{flex:0 0 auto;text-decoration:none;color:#555;border:1px solid #ddd9d0;background:#fff;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:750}.twoi-account-switcher a.active{background:#111;color:#fff;border-color:#111}
.twoi-team-manager{max-width:1280px}.twoi-team-invite-card{margin-bottom:18px}.twoi-team-form{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:18px}.twoi-team-form>label{display:grid;gap:7px;font-size:12px;font-weight:750}.twoi-team-form input,.twoi-team-form select{width:100%;min-height:48px;border:1px solid #dcd9d1;border-radius:12px;background:#fff;padding:10px 14px;font:inherit}.twoi-team-list{display:grid;gap:14px}.twoi-team-member-card{padding:22px}.twoi-team-member-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.twoi-team-member-head strong{font-size:17px}.twoi-team-member-head small{display:block;margin-top:4px;color:#777}.twoi-team-status{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.twoi-team-status.active{background:#e9f7ed;color:#17652e}.twoi-team-status.pending{background:#fff5d8;color:#7a5b08}.twoi-team-member-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #ece9e2}.twoi-readonly-card{padding:22px 28px;border-top:1px solid var(--twoi-line);background:#faf9f6}.twoi-readonly-card p{margin:6px 0 0;color:#777;line-height:1.55}.twoi-readonly-label{font-size:11px;color:#777;font-weight:700}
@media(max-width:980px){.twoi-team-form{grid-template-columns:1fr 1fr}.twoi-team-form .twoi-btn{width:100%}}
@media(max-width:650px){.twoi-team-form{grid-template-columns:1fr}.twoi-team-member-head{display:grid}.twoi-team-member-actions{display:grid}.twoi-team-member-actions .twoi-small-btn{text-align:center}}


/* ==========================================================
   0.9.2 – Grosse Kunden-CMS-Bereiche als echte Einzelkarten
   ========================================================== */
/* Der bisherige Builder-Container darf nicht mehr selbst die weisse
   Grosskarte bilden. Sonst bleibt jeder Abstand optisch weiss. */
.twoi-builder-card{
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
  padding:0;
}

/* Kopf + Eventdaten bleiben bewusst der erste zusammenhängende Block. */
.twoi-builder-card>.twoi-card-head{
  background:#fff;
  border:1px solid var(--twoi-line);
  border-bottom:0;
  border-radius:22px 22px 0 0;
}
.twoi-builder-card>form>.twoi-event-settings{
  margin-top:0;
  border:1px solid var(--twoi-line);
  border-top:1px solid var(--twoi-line);
  border-radius:0 0 22px 22px;
  background:#fff;
}

/* 02 Formular & Design ist eine eigene Karte. Titel und 3-Spalten-
   Builder bleiben optisch zusammen, aber klar getrennt von 01/03. */
.twoi-builder-card>form>.twoi-section-title.builder-title{
  margin-top:24px;
  padding:26px 28px 20px;
  border:1px solid var(--twoi-line);
  border-bottom:0;
  border-radius:22px 22px 0 0;
  background:#fafaf8;
}
.twoi-builder-card>form>.twoi-builder-layout{
  border:1px solid var(--twoi-line);
  border-top:1px solid var(--twoi-line);
  border-radius:0 0 22px 22px;
  overflow:hidden;
  background:#fff;
}

/* 03 / 04 als vollständig eigenständige Karten. */
.twoi-builder-card>form>.twoi-info-settings,
.twoi-builder-card>form>.twoi-contact-settings{
  margin-top:24px;
  border:1px solid var(--twoi-line);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}
.twoi-builder-card>form>.twoi-contact-settings{background:#fafaf8}

/* Alle Mailbereiche – Bestätigung, Reminder und Nachfassmail – sind
   ebenfalls einzelne Karten statt Abschnitte derselben Grossfläche. */
.twoi-builder-card>form>.twoi-mail-settings{
  margin-top:24px;
  border:1px solid var(--twoi-line);
  border-radius:22px;
  overflow:hidden;
  background:#f7f7f5;
}

/* Speichern bleibt als eigener kompakter Abschlussblock. */
.twoi-builder-card>form>.twoi-savebar{
  margin-top:24px;
  border:1px solid var(--twoi-line);
  border-radius:18px;
  background:#fff;
}

@media(max-width:700px){
  .twoi-builder-card>form>.twoi-section-title.builder-title,
  .twoi-builder-card>form>.twoi-info-settings,
  .twoi-builder-card>form>.twoi-contact-settings,
  .twoi-builder-card>form>.twoi-mail-settings,
  .twoi-builder-card>form>.twoi-savebar{margin-top:16px}
  .twoi-builder-card>.twoi-card-head{border-radius:18px 18px 0 0}
  .twoi-builder-card>form>.twoi-event-settings{border-radius:0 0 18px 18px}
  .twoi-builder-card>form>.twoi-section-title.builder-title{border-radius:18px 18px 0 0}
  .twoi-builder-card>form>.twoi-builder-layout{border-radius:0 0 18px 18px}
  .twoi-builder-card>form>.twoi-info-settings,
  .twoi-builder-card>form>.twoi-contact-settings,
  .twoi-builder-card>form>.twoi-mail-settings{border-radius:18px}
}


/* ==========================================================
   0.9.6 – Externe Formulareinbettung
   ========================================================== */
.twoi-event-embed{margin:0!important;padding:0!important;background:transparent!important;overflow-x:hidden}
.twoi-event-embed .twoi-public{min-height:0;padding:24px 16px 10px}
.twoi-event-embed .twoi-public-inner{width:100%}
.twoi-embed-powered{box-sizing:border-box;padding:8px 16px 14px;text-align:center;font:500 10px/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#8a877f;background:transparent}
.twoi-embed-manager{max-width:1500px}
.twoi-embed-code-card,.twoi-embed-preview-card{margin-top:18px}
.twoi-embed-code-card h2,.twoi-embed-preview-card h2{margin-top:0}
.twoi-embed-code-card textarea{width:100%;min-height:230px;resize:vertical;border:1px solid #dcd9d1;border-radius:14px;background:#f7f6f3;color:#111;padding:16px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.twoi-embed-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.twoi-embed-preview-card{overflow:hidden}
.twoi-embed-preview-card iframe{border-radius:12px;background:#fff}
@media(max-width:700px){.twoi-event-embed .twoi-public{padding:14px 10px 6px}.twoi-embed-actions{display:grid}.twoi-embed-actions .twoi-btn{width:100%}.twoi-embed-code-card textarea{min-height:280px}}

/* ==========================================================
   0.9.8 – Kunden-CMS: kompakte App-Navigation
   Reine Darstellungs-/Navigationsschicht. Bestehende Formulare,
   Actions, Nonces und Datenlogik bleiben unverändert.
   ========================================================== */
.twoi-event-app{display:grid;gap:16px;margin-top:4px;min-width:0}
.twoi-event-chrome{position:sticky;top:0;z-index:80;border:1px solid var(--twoi-line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(17,17,17,.05);backdrop-filter:blur(14px);overflow:visible}
.twoi-event-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 13px 7px}
.twoi-event-toolbar-title{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}
.twoi-event-toolbar-title>.twoi-kicker{flex:0 0 auto}
.twoi-event-toolbar-title h2{margin:0!important;min-width:0;max-width:min(48vw,680px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px!important;letter-spacing:-.03em!important}
.twoi-event-toolbar-status{min-height:26px!important;padding:0 9px!important;font-size:9px!important}
.twoi-save-state{display:inline-flex;align-items:center;gap:6px;color:#6c786d;font-size:11px;font-weight:750;white-space:nowrap}
.twoi-save-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#71a47b}
.twoi-save-state.dirty{color:#8a641b}
.twoi-save-state.dirty:before{background:#d8a844}
.twoi-event-toolbar-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.twoi-event-toolbar-actions .twoi-btn{min-height:35px;padding:6px 12px;font-size:11px}
.twoi-event-nav-wrap{border-top:1px solid #efede7;padding:0 8px}
.twoi-event-nav{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}
.twoi-event-nav::-webkit-scrollbar{display:none}
.twoi-event-nav button{position:relative;flex:0 0 auto;min-height:42px;border:0;background:transparent;color:#777;padding:0 14px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
.twoi-event-nav button:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:99px;background:transparent}
.twoi-event-nav button.active{color:#111}
.twoi-event-nav button.active:after{background:#111}
.twoi-event-nav-select{display:none;width:100%;min-height:42px;border:1px solid #ddd9d1;border-radius:10px;background:#fff;color:#111;padding:7px 36px 7px 12px;font:inherit;font-size:14px;font-weight:750}
.twoi-event-panel[hidden]{display:none!important}
.twoi-event-panel{min-width:0}
.twoi-overview-panel{display:grid;gap:16px}
.twoi-overview-panel>.twoi-dashboard-kpis{margin:0}
.twoi-overview-panel>.twoi-alert{margin:0}
.twoi-overview-panel>.twoi-scanner-access{margin-top:0}
.twoi-overview-panel>.twoi-card,.twoi-overview-panel>.twoi-stat-dashboard{margin-top:0}
.twoi-builder-card[data-twoi-builder]{border:0;background:transparent;border-radius:0;overflow:visible;padding:0}
.twoi-builder-card[data-twoi-builder][hidden]{display:none!important}
.twoi-builder-card[data-twoi-builder]>form{display:block}
.twoi-builder-card[data-twoi-builder]>.twoi-card-head[hidden]{display:none!important}
.twoi-edit-panel{display:grid;gap:18px}
.twoi-panel-heading{padding:22px 24px;border:1px solid var(--twoi-line);border-radius:18px;background:#fff}
.twoi-panel-heading h3{margin:5px 0 4px;font-size:24px;letter-spacing:-.035em}
.twoi-panel-heading p{margin:0;color:var(--twoi-muted);font-size:13px;line-height:1.5}
.twoi-edit-panel>.twoi-event-settings,
.twoi-edit-panel>.twoi-info-settings,
.twoi-edit-panel>.twoi-contact-settings,
.twoi-edit-panel>.twoi-mail-settings,
.twoi-edit-panel>.twoi-section-title.builder-title,
.twoi-edit-panel>.twoi-builder-layout{margin-top:0!important}
.twoi-edit-panel>.twoi-event-settings{border:1px solid var(--twoi-line)!important;border-radius:20px!important;background:#fff!important}
.twoi-edit-panel>.twoi-section-title.builder-title{border:1px solid var(--twoi-line)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;background:#fafaf8!important}
.twoi-edit-panel>.twoi-builder-layout{border:1px solid var(--twoi-line)!important;border-radius:0 0 20px 20px!important;overflow:hidden;background:#fff}
.twoi-edit-panel>.twoi-info-settings,
.twoi-edit-panel>.twoi-contact-settings,
.twoi-edit-panel>.twoi-mail-settings{border:1px solid var(--twoi-line)!important;border-radius:20px!important;overflow:hidden}
.twoi-legacy-savebar{display:none!important}
.twoi-participant-hub{display:grid;gap:16px}
.twoi-participant-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.twoi-hub-card{position:relative;display:grid;gap:7px;align-content:start;min-height:132px;border:1px solid #d8d2c8;border-radius:20px;background:#fff;color:#111!important;text-decoration:none!important;padding:22px 22px 58px;box-shadow:0 8px 20px rgba(17,17,17,.04);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}
.twoi-hub-card:hover,.twoi-hub-card:focus-visible{transform:translateY(-2px);border-color:#bbb2a2;box-shadow:0 14px 32px rgba(17,17,17,.08);background:#fffdfa;outline:none}
.twoi-hub-card strong{font-size:17px;line-height:1.25}
.twoi-hub-card span{color:var(--twoi-muted);font-size:13px;line-height:1.55;max-width:34ch}
.twoi-hub-card::after{content:'Öffnen →';position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 18px rgba(17,17,17,.12)}
.twoi-action-menu,.twoi-account-menu{position:relative}
.twoi-action-menu summary,.twoi-account-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:35px;border:1px solid #d8d6d0;border-radius:999px;background:#fff;color:#111;padding:6px 12px;font:inherit;font-size:11px;font-weight:750;cursor:pointer;user-select:none}
.twoi-action-menu summary::-webkit-details-marker,.twoi-account-menu summary::-webkit-details-marker{display:none}
.twoi-action-menu[open] summary,.twoi-account-menu[open] summary{background:#f5f4f1}
.twoi-action-menu-popover,.twoi-account-menu-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:120;display:grid;gap:5px;width:min(310px,calc(100vw - 30px));padding:8px;border:1px solid var(--twoi-line);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(17,17,17,.14)}
.twoi-action-menu-link,.twoi-account-menu-popover>a{display:flex;align-items:center;justify-content:flex-start;min-height:42px;border:0!important;border-radius:10px!important;background:#fff!important;color:#222!important;text-decoration:none!important;padding:9px 11px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
.twoi-action-menu-link:hover,.twoi-account-menu-popover>a:hover{background:#f5f4f1!important;transform:none!important}
.twoi-dashboard-head{align-items:center;margin-bottom:20px}
.twoi-dashboard-head h1{font-size:clamp(28px,4vw,44px)}
.twoi-dashboard-head .twoi-kicker{font-size:10px}
.twoi-dashboard-head p{font-size:13px}
.twoi-account-menu summary{min-height:42px;padding:8px 17px}
.twoi-project-tabs{margin-bottom:14px}
.twoi-project-tabs a{padding:9px 13px;font-size:12px}
.twoi-new-event{margin-bottom:14px}
.twoi-dashboard-help-bottom{margin-top:22px!important;gap:10px;flex-wrap:wrap}

@media(max-width:1000px){
  .twoi-participant-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .twoi-event-toolbar-title h2{max-width:42vw}
}

@media(max-width:700px){
  body.twoi-dashboard-standalone .twoi-dashboard-shell{padding-bottom:80px}
  .twoi-dashboard-head{display:flex!important;align-items:center;gap:12px;margin-bottom:14px}
  .twoi-dashboard-head>div:first-child{min-width:0;flex:1}
  .twoi-dashboard-head h1{font-size:29px;margin:.18em 0 .1em}
  .twoi-dashboard-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .twoi-account-menu{flex:0 0 auto}
  .twoi-account-menu summary{min-height:39px;padding:7px 13px}
  .twoi-new-event summary small{display:none}
  .twoi-project-tabs{margin-left:-2px;margin-right:-2px;padding-bottom:3px}
  .twoi-event-app{gap:12px}
  .twoi-event-chrome{top:0;border-radius:13px}
  .twoi-event-toolbar{padding:7px 9px 6px;gap:7px}
  .twoi-event-toolbar-title{display:grid;gap:2px;flex:1}
  .twoi-event-toolbar-title>.twoi-kicker{display:none}
  .twoi-event-toolbar-title h2{max-width:100%;font-size:16px!important}
  .twoi-event-toolbar-status{display:none!important}
  .twoi-save-state{font-size:10px}
  .twoi-event-toolbar-actions{gap:5px}
  .twoi-event-toolbar-actions .twoi-btn{min-height:33px;padding:5px 10px;font-size:10px}
  .twoi-toolbar-preview{display:none!important}
  .twoi-action-menu summary{min-height:33px;padding:5px 9px;font-size:10px}
  .twoi-event-nav-wrap{padding:5px 8px 7px;border-top:1px solid #efede7}
  .twoi-event-nav{display:none}
  .twoi-event-nav-select{display:block}
  .twoi-panel-heading{padding:18px;border-radius:16px}
  .twoi-panel-heading h3{font-size:21px}
  .twoi-participant-hub-grid{grid-template-columns:1fr}
  .twoi-hub-card{min-height:104px;padding:18px 18px 54px;border-radius:16px}.twoi-hub-card::after{right:14px;bottom:14px;padding:7px 11px;font-size:11px}
  .twoi-overview-panel>.twoi-dashboard-kpis{grid-template-columns:1fr 1fr}
  .twoi-edit-panel{gap:12px}
  .twoi-edit-panel>.twoi-event-settings,
  .twoi-edit-panel>.twoi-info-settings,
  .twoi-edit-panel>.twoi-contact-settings,
  .twoi-edit-panel>.twoi-mail-settings{border-radius:16px!important}
  .twoi-edit-panel>.twoi-section-title.builder-title{border-radius:16px 16px 0 0!important}
  .twoi-edit-panel>.twoi-builder-layout{border-radius:0 0 16px 16px!important}
  .twoi-dashboard-help-bottom{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px!important;padding-top:6px!important}
  .twoi-dashboard-help-bottom .twoi-btn{width:100%;min-width:0}
}

@media(max-width:430px){
  .twoi-event-toolbar-actions .twoi-toolbar-save{padding-left:11px;padding-right:11px}
  .twoi-event-toolbar-title h2{font-size:16px!important}
  .twoi-overview-panel>.twoi-dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .twoi-overview-panel>.twoi-dashboard-kpis .twoi-stat{padding:14px}
  .twoi-overview-panel>.twoi-dashboard-kpis .twoi-stat strong{font-size:23px}
}


/* 0.10.4 – feste Datenschutz-Einwilligung bei neuen Registrierungen */
.twoi-system-privacy{margin-top:2px}
.twoi-system-privacy .twoi-consent-choice{margin:0}
.twoi-system-privacy .twoi-consent-choice>span{display:inline;line-height:1.5}
.twoi-system-privacy .twoi-consent-choice label{display:inline}
.twoi-preview-system-privacy{margin-top:13px;text-align:left}
.twoi-preview-system-privacy .twoi-preview-choice{margin:0}
.twoi-preview-system-privacy a{position:relative;z-index:1}

/* ==========================================================
   0.10.8 – kompakter Sticky-Header + zweiter Support-CTA
   ========================================================== */

/* ==========================================================
   0.10.6 – Kundenprofil & Buchhaltung im Frontend-CMS
   Verwendet dieselben User-Metas/Rechnungstabelle wie das Admin.
   ========================================================== */
.twoi-account-page{max-width:1220px}
.twoi-account-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.twoi-account-card,.twoi-accounting-card{margin-top:18px}
.twoi-profile-form{padding:22px 24px 26px}
.twoi-profile-section{margin-top:8px;padding-top:20px;border-top:1px solid var(--twoi-line)}
.twoi-profile-section h3{margin:4px 0 4px;font-size:22px;letter-spacing:-.03em}
.twoi-profile-section p{margin:0;color:var(--twoi-muted);font-size:12px;line-height:1.5}
.twoi-profile-actions{display:flex;justify-content:flex-end;padding-top:8px}
.twoi-accounting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.twoi-accounting-summary .twoi-stat{min-height:106px}
.twoi-accounting-summary .twoi-stat strong{font-size:22px;line-height:1.15}
.twoi-accounting-list{display:grid}
.twoi-accounting-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(110px,.75fr) minmax(125px,.8fr) minmax(125px,.9fr) auto;gap:18px;align-items:center;padding:16px 20px;border-top:1px solid var(--twoi-line)}
.twoi-accounting-row:first-child{border-top:0}
.twoi-accounting-main{display:grid;gap:4px;min-width:0}
.twoi-accounting-main>strong{font-size:14px}
.twoi-accounting-main>span{color:var(--twoi-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.twoi-accounting-row>div:not(.twoi-accounting-main):not(.twoi-accounting-action){display:grid;gap:3px}
.twoi-accounting-label{color:var(--twoi-muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.twoi-accounting-row>div>strong{font-size:12px}
.twoi-accounting-status{display:inline-flex;width:max-content;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#f0f1f2;color:#4b5563;font-size:10px;font-weight:800}
.twoi-accounting-status.paid{background:#e8f5ec;color:#247344}
.twoi-accounting-status.open{background:#fff5da;color:#8a641b}
.twoi-accounting-status.overdue{background:#fdecec;color:#9c2f2f}
.twoi-accounting-status.cancelled{background:#f1f1f1;color:#777}
.twoi-accounting-row small{color:var(--twoi-muted);font-size:10px}
.twoi-accounting-action{display:flex;justify-content:flex-end}
.twoi-accounting-action .twoi-btn{min-height:36px;padding:7px 13px;font-size:11px}
.twoi-accounting-no-pdf{color:var(--twoi-muted);font-size:11px;white-space:nowrap}
.twoi-accounting-empty{padding:30px 24px;color:var(--twoi-muted)}

@media(max-width:900px){
  .twoi-accounting-row{grid-template-columns:minmax(0,1.6fr) 1fr 1fr auto}
  .twoi-accounting-row>div:nth-child(2){display:none!important}
}
@media(max-width:700px){
  .twoi-account-page-head{align-items:flex-start}
  .twoi-account-page-head .twoi-btn{flex:0 0 auto;font-size:11px;padding:8px 11px}
  .twoi-profile-form{padding:18px}
  .twoi-profile-actions .twoi-btn{width:100%}
  .twoi-accounting-summary{grid-template-columns:1fr 1fr}
  .twoi-accounting-summary .twoi-stat:last-child:nth-child(3){grid-column:1/-1}
  .twoi-accounting-row{grid-template-columns:1fr auto;gap:10px 14px;padding:16px}
  .twoi-accounting-main{grid-column:1/2}
  .twoi-accounting-row>div:nth-child(2){display:none!important}
  .twoi-accounting-row>div:nth-child(3){grid-column:1/2}
  .twoi-accounting-row>div:nth-child(4){grid-column:2/3;grid-row:1/3;align-self:center;justify-items:end}
  .twoi-accounting-action{grid-column:2/3;justify-content:flex-end}
}
@media(max-width:430px){
  .twoi-account-page-head{display:grid!important}
  .twoi-account-page-head .twoi-btn{width:max-content}
  .twoi-accounting-summary{grid-template-columns:1fr}
  .twoi-accounting-summary .twoi-stat:last-child:nth-child(3){grid-column:auto}
}


/* v0.10.11 – freundlicher Tarif-Hinweis bei zusätzlichen Events */
.twoi-plan-upsell{padding:18px 20px;border:1px solid #d8d2c8;border-radius:16px;background:#fffdfa;box-shadow:0 8px 22px rgba(17,17,17,.04)}
.twoi-plan-upsell>strong{display:block;font-size:16px;margin-bottom:6px}
.twoi-plan-upsell p{margin:5px 0;color:#4f4b45;line-height:1.55}
.twoi-plan-upsell .twoi-plan-upsell-note{font-size:13px;color:var(--twoi-muted)}
.twoi-charge-confirm{display:flex!important;align-items:flex-start;gap:10px;margin-top:14px;font-weight:600;cursor:pointer}
.twoi-charge-confirm input{width:18px!important;height:18px!important;min-width:18px;margin-top:2px}
@media(max-width:680px){.twoi-plan-upsell{padding:16px;border-radius:14px}}


/* 0.10.12 – optisches Upgrade für Statistik-Dashboard */
.twoi-dashboard-kpis .twoi-stat{position:relative;padding:24px 22px 22px 84px;min-height:118px;background:linear-gradient(180deg,#fff,#fcfbf8);box-shadow:0 10px 24px rgba(17,17,17,.035)}
.twoi-dashboard-kpis .twoi-stat::before{content:"";position:absolute;left:22px;top:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;line-height:1;border:1px solid transparent}
.twoi-dashboard-kpis .twoi-stat strong{line-height:1.02;margin-bottom:6px}
.twoi-dashboard-kpis .twoi-stat span{display:block;font-size:14px;line-height:1.45}
.twoi-dashboard-kpis .twoi-stat:nth-child(1)::before{content:"👥";background:#eaf7e8;border-color:#d1ebcb}
.twoi-dashboard-kpis .twoi-stat:nth-child(2)::before{content:"✓";background:#e8f6ea;border-color:#cfe7d4;color:#349348}
.twoi-dashboard-kpis .twoi-stat:nth-child(3)::before{content:"◷";background:#fff2e4;border-color:#f0dcc1;color:#e58a1f}
.twoi-dashboard-kpis .twoi-stat:nth-child(4)::before{content:"⊗";background:#fdeceb;border-color:#f1d0cf;color:#e04f4a}
.twoi-ring-card{background:linear-gradient(180deg,#fff,#fcfbf8);box-shadow:0 8px 24px rgba(17,17,17,.03)}
.twoi-visual-kpis .twoi-ring-card:nth-child(1) .twoi-ring{background:conic-gradient(#67b85a var(--twoi-ring-value),#eceae5 0)}
.twoi-visual-kpis .twoi-ring-card:nth-child(2) .twoi-ring{background:conic-gradient(#4f86e8 var(--twoi-ring-value),#eceae5 0)}
.twoi-stat-dashboard .twoi-registration-trend{background:linear-gradient(180deg,#fff,#fcfbf8);box-shadow:0 8px 22px rgba(17,17,17,.025)}
.twoi-stat-dashboard .twoi-registration-trend .twoi-answer-stat-head strong{font-size:17px}
.twoi-stat-dashboard .twoi-registration-trend .twoi-answer-stat-head span{font-size:13px}
.twoi-stat-dashboard .twoi-trend-bars .twoi-trend-day i{background:#4f86e8}
.twoi-stat-dashboard .twoi-hour-bars .twoi-trend-day i{background:#67b85a}
.twoi-stat-dashboard .twoi-answer-bar i{background:#4f86e8}
.twoi-stat-dashboard .twoi-answer-stat{background:linear-gradient(180deg,#fff,#fcfbf8);box-shadow:0 8px 20px rgba(17,17,17,.02)}
.twoi-stat-dashboard .twoi-answer-stat-head strong{font-size:17px}
@media(max-width:760px){.twoi-dashboard-kpis .twoi-stat{padding:18px 16px 16px 68px;min-height:100px}.twoi-dashboard-kpis .twoi-stat::before{left:16px;top:16px;width:38px;height:38px;font-size:18px}}
@media(max-width:520px){.twoi-dashboard-kpis .twoi-stat{padding:16px 14px 14px 58px;min-height:92px}.twoi-dashboard-kpis .twoi-stat::before{left:14px;top:14px;width:32px;height:32px;font-size:15px}.twoi-dashboard-kpis .twoi-stat span{font-size:12px}}

/* ==========================================================
   0.10.16 – Kunden-CMS: moderne E-Mail-Automation
   Reine UX-/Darstellungsschicht. Versandlogik, Bedingungen,
   Platzhalter und Vererbung bleiben unverändert.
   ========================================================== */
.twoi-edit-panel>.twoi-mail-workflow{
  padding:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.twoi-mail-workflow-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:22px 24px 20px;border-bottom:1px solid #ece9e2;background:#fbfaf8;
}
.twoi-mail-workflow-title{display:flex;align-items:flex-start;gap:14px;min-width:0}
.twoi-mail-workflow-title .twoi-step{flex:0 0 auto}
.twoi-mail-workflow-title h3{margin:2px 0 5px;font-size:20px;line-height:1.2;letter-spacing:-.025em;color:#111}
.twoi-mail-workflow-title p{margin:0;max-width:720px;color:#716e67;font-size:13px;line-height:1.5}
.twoi-mail-eyebrow,.twoi-mail-card-kicker{display:block;margin:0 0 4px;color:#8a857b;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.twoi-mail-master-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #d9d4ca;border-radius:999px;background:#fff;color:#5e5a52;font-size:10px;font-weight:800;white-space:nowrap}

.twoi-mail-schedule-card{
  display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(240px,340px);gap:16px;align-items:center;
  margin:20px 24px 0;padding:17px 18px;border:1px solid #ddd8cf;border-radius:16px;background:#f8f7f4;
}
.twoi-mail-schedule-copy strong,.twoi-mail-template-header strong{display:block;color:#111;font-size:15px;line-height:1.35}
.twoi-mail-schedule-copy p,.twoi-mail-template-header p{margin:4px 0 0;color:#77736b;font-size:12px;line-height:1.5}
.twoi-mail-enable-control{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:10px 12px;border:1px solid #d7d2c8;border-radius:12px;background:#fff;color:#222;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.twoi-mail-enable-control input{width:18px!important;height:18px!important;min-height:auto!important;margin:0!important;accent-color:#111}
.twoi-mail-day-select{display:grid;gap:6px;margin:0!important;color:#555;font-size:11px;font-weight:800}
.twoi-mail-day-select>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#858077}
.twoi-mail-day-select .twoi-large-select{width:100%;min-height:44px;border-radius:11px;background:#fff}
.twoi-mail-day-select small{font-size:10px;line-height:1.4;color:#89857d;font-weight:500}

.twoi-mail-direct-card{display:flex;align-items:center;gap:11px;margin:20px 24px 0;padding:14px 16px;border:1px solid #dedad2;border-radius:14px;background:#f8f7f4}
.twoi-mail-direct-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#69a377;box-shadow:0 0 0 4px rgba(105,163,119,.12)}
.twoi-mail-direct-card div{display:grid;gap:2px}.twoi-mail-direct-card strong{font-size:13px}.twoi-mail-direct-card span{color:#77736b;font-size:11px;line-height:1.45}

.twoi-mail-template-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:22px 24px 10px}
.twoi-mail-template-header>div{min-width:0;max-width:760px}
.twoi-mail-template-header .twoi-add-mail-variant{flex:0 0 auto;min-height:40px;padding:8px 13px;border:1px solid #111;border-radius:10px;background:#111;color:#fff;font-weight:800;box-shadow:none}
.twoi-mail-template-header .twoi-add-mail-variant:hover{background:#2b2b2b;border-color:#2b2b2b}

.twoi-mail-tabs-row-modern{margin:0 24px 10px!important;padding:7px!important;border:1px solid #ddd8cf!important;border-radius:13px!important;background:#f5f3ef!important}
.twoi-mail-tabs-row-modern .twoi-mail-tabs{gap:5px;overflow-x:auto}
.twoi-mail-tabs-row-modern .twoi-mail-tabs button{min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#69655d;font-size:12px;font-weight:800;box-shadow:none}
.twoi-mail-tabs-row-modern .twoi-mail-tabs button:hover{background:#fff;color:#111;border-color:#e0dbd2}
.twoi-mail-tabs-row-modern .twoi-mail-tabs button.active{background:#fff;color:#111;border-color:#d9d3c8;box-shadow:0 2px 8px rgba(17,17,17,.06)}

.twoi-mail-logic-note{display:flex;align-items:flex-start;gap:7px;margin:0 24px 18px;padding:0 2px;color:#817d75;font-size:11px;line-height:1.5}
.twoi-mail-logic-note strong{flex:0 0 auto;color:#555149}
.twoi-mail-editor-stage{padding:0 24px 24px}
.twoi-mail-editor-stage>.twoi-mail-variant-panel>.twoi-mail-variant-rule{margin-top:0}
.twoi-mail-workflow .twoi-mail-grid{padding-top:0}
.twoi-mail-workflow .twoi-mail-compose,.twoi-mail-workflow .twoi-mail-preview-wrap{background:#fff}
.twoi-mail-workflow .twoi-mail-preview-wrap{box-shadow:0 8px 24px rgba(17,17,17,.035)}
.twoi-mail-workflow .twoi-mail-subject-label{font-size:11px;color:#555149}
.twoi-mail-workflow .twoi-mail-note{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f7f6f3;color:#77736b}

@media(max-width:980px){
  .twoi-mail-schedule-card{grid-template-columns:1fr 1fr}.twoi-mail-schedule-copy{grid-column:1/-1}.twoi-mail-enable-control{justify-content:center}
}
@media(max-width:700px){
  .twoi-mail-workflow-head{padding:18px;gap:10px}.twoi-mail-master-badge{display:none}
  .twoi-mail-workflow-title{gap:10px}.twoi-mail-workflow-title h3{font-size:18px}
  .twoi-mail-schedule-card{grid-template-columns:1fr;margin:14px 14px 0;padding:14px}.twoi-mail-schedule-copy{grid-column:auto}
  .twoi-mail-enable-control{justify-content:flex-start}
  .twoi-mail-direct-card{margin:14px 14px 0}
  .twoi-mail-template-header{align-items:stretch;flex-direction:column;margin:18px 14px 10px}.twoi-mail-template-header .twoi-add-mail-variant{width:100%}
  .twoi-mail-tabs-row-modern{margin:0 14px 10px!important}
  .twoi-mail-logic-note{display:block;margin:0 14px 16px}.twoi-mail-logic-note strong{display:block;margin-bottom:3px}
  .twoi-mail-editor-stage{padding:0 14px 18px}
}

/* Admin-Supportmodus: klar sichtbarer Kontextwechsel ohne Kundenprofil-Zugriff. */
.twoi-support-bar{position:sticky;top:0;z-index:10020;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;background:#111;color:#fff;border-bottom:3px solid #c6a15b;font-family:Arial,Helvetica,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.twoi-support-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.twoi-support-bar strong{font-size:13px;letter-spacing:.03em;white-space:nowrap}.twoi-support-bar span{font-size:12px;line-height:1.45;color:#d8d8d8}.twoi-support-bar .twoi-btn{flex:0 0 auto;background:#fff;color:#111!important;border-color:#fff!important;min-height:38px;padding:8px 14px}
@media(max-width:700px){.twoi-support-bar{position:relative;align-items:stretch;flex-direction:column;padding:12px}.twoi-support-bar>div{display:block}.twoi-support-bar strong{display:block;margin-bottom:3px}.twoi-support-bar .twoi-btn{width:100%;text-align:center}}