.mail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mail-actions .button,.mail-editor-header .button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.button svg{flex-shrink:0}.mail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mail-form{padding:24px;display:grid;gap:18px}.mail-form label,.mail-meta label{display:grid;gap:7px;font-size:13px;min-width:0}.mail-form input:not([type=checkbox]),.mail-form select,.mail-form textarea,.mail-meta input,.mail-meta select,.mail-meta textarea,.mail-filter input,.mail-filter select{width:100%;min-width:0;border:1px solid var(--border);background:white;border-radius:6px;padding:10px 12px;color:var(--ink);min-height:42px}.mail-form input[type=color]{padding:4px;height:42px}.mail-form textarea{min-height:90px;resize:vertical}.mail-form h2{font-size:18px;margin:12px 0 0}.mail-form.narrow{max-width:540px;padding-left:0}.mail-section{padding:20px 0;border-top:1px solid var(--border)}.mail-error{color:#a42a27;line-height:1.6;overflow-wrap:anywhere;margin:12px 0}.mail-error:empty{display:none}.mail-table-wrap{overflow:auto;max-width:100%;background:white;border:1px solid var(--border);border-radius:6px}.mail-table{width:100%;border-collapse:collapse}.mail-table th,.mail-table td{padding:12px 14px;text-align:left;vertical-align:middle;white-space:normal;min-width:100px}.mail-table th{font-size:12px;background:#f0f4f7}.mail-table td{font-size:13px;border-top:1px solid var(--border)}.mail-table small{display:block;color:var(--muted);margin-top:4px}.mail-table td:last-child .mail-actions{justify-content:flex-end}.mail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.logout-button{margin:12px 20px;display:flex;justify-content:center;align-items:center;gap:8px}.sidebar .nav-item svg{flex:0 0 18px}.nav-item[hidden],[hidden]{display:none!important}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f2f5f8}.auth-box{width:min(100%,420px);padding:30px;background:white;border:1px solid var(--border);border-radius:8px}.auth-brand{display:flex;align-items:center;gap:14px;font-size:24px;font-weight:700;color:var(--ink)}.auth-box h1{font-size:24px;margin:28px 0 22px}.auth-box form{display:grid;gap:18px;margin-bottom:18px}.auth-box label{display:grid;gap:8px;font-size:14px}.auth-box input{min-width:0;width:100%;padding:12px;border:1px solid var(--border);border-radius:6px}.auth-box .button{min-height:44px}.auth-box #auth-message{line-height:1.6;overflow-wrap:anywhere}#mail-dialog{border-radius:8px;width:min(850px,calc(100% - 24px))}#mail-dialog .dialog-head h2{font-size:20px;margin:0}.mail-editor-page{background:#f5f7fa}.mail-editor-header{height:64px;display:flex;align-items:center;gap:12px;padding:10px 18px;background:white;border-bottom:1px solid var(--border)}.mail-editor-header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-editor-header #save-status{font-size:12px;color:var(--muted)}.mail-editor-tabs{display:flex;background:white;padding:0 20px;border-bottom:1px solid var(--border);gap:24px;overflow-x:auto}.mail-editor-tabs button{border:0;background:none;padding:16px 4px;white-space:nowrap;border-bottom:3px solid transparent;color:var(--muted)}.mail-editor-tabs [aria-current=page]{border-color:var(--accent);color:var(--accent);font-weight:600}#editor-error{padding:0 20px}.mail-meta{padding:18px 20px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:14px;background:white;border-bottom:1px solid var(--border)}.mail-meta .preheader{grid-column:span 2}.editor-toolbar{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:#fafcfd}.editor-toolbar button{width:36px;height:36px;border:1px solid var(--border);border-radius:5px;background:white;display:grid;place-items:center;color:var(--ink)}.editor-toolbar select{height:36px;max-width:190px;border:1px solid var(--border);background:white;border-radius:5px}.editor-toolbar input[type=color]{width:36px;height:36px;border:1px solid var(--border);padding:3px;background:white}.builder-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 235px;min-height:580px;height:calc(100dvh - 330px)}.builder-left,.builder-right{background:white;overflow:auto;min-width:0;padding:10px;border-right:1px solid var(--border)}.builder-right{border-left:1px solid var(--border);border-right:0}.builder-right h2{font-size:14px;margin:8px}.builder-panel-tabs{display:flex;gap:5px;margin-bottom:10px}.builder-panel-tabs button{border:0;background:#eef3f7;padding:8px;font-size:12px;border-radius:4px}#gjs{min-width:0;width:100%;height:100%}#gjs .gjs-cv-canvas{top:0;width:100%;height:100%}.gjs-one-bg{background:white!important}.gjs-two-color{color:#374553!important}.gjs-three-bg{background:#0073B7!important}.gjs-four-color,.gjs-four-color-h:hover{color:#0073B7!important}.gjs-block{width:calc(50% - 10px)!important;min-height:75px!important;padding:8px!important;border-radius:5px!important;box-shadow:none!important;border:1px solid #dfe5eb!important;color:#374553!important;font-size:11px!important}.gjs-block svg{max-height:32px}.gjs-block-label{font-size:11px}.gjs-sm-sector-title,.gjs-sm-sector .gjs-sm-sector-title{background:#f3f6f8!important}.gjs-sm-field,.gjs-field{background:#f3f6f8!important;color:#253344!important;box-shadow:none!important}.gjs-sm-property{font-size:12px!important}.gjs-pn-panels{display:none}.gjs-trt-trait{padding:5px!important}.gjs-rte-toolbar{background:white!important;color:#253344!important;border:1px solid #dfe5eb!important}.gjs-rte-action{min-width:32px;color:#253344!important}.mail-editor-page #step-recipients,.mail-editor-page #step-preview{padding:24px;max-width:1400px;margin:auto}.mail-filter{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin-bottom:18px}.mail-recipient-list{display:grid;gap:0;background:white;border:1px solid var(--border);border-radius:6px;max-height:60vh;overflow:auto}.mail-recipient-row{display:grid;grid-template-columns:28px minmax(160px,1fr) minmax(120px,1fr) minmax(180px,1fr);gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center}.mail-recipient-row small{display:block;color:var(--muted);margin-top:4px}.mail-recipient-row select{max-width:100%;width:100%;padding:8px;border:1px solid var(--border);border-radius:5px;background:white}.mail-recipient-row input[type=checkbox]{width:20px;height:20px}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.mail-preview{width:100%;height:650px;max-width:100%;border:1px solid var(--border);background:white}.preview-sidebar{min-width:0}.preview-sidebar h2{font-size:18px}.preview-sidebar ul{padding-left:18px;overflow-wrap:anywhere;max-height:250px;overflow:auto}.preview-sidebar .mail-actions{margin:18px 0}.mail-notice{padding:12px;background:#fff7dc;border:1px solid #ead991;border-radius:5px;line-height:1.6}.mail-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.mail-media-grid button{background:white;border:1px solid var(--border);border-radius:5px;padding:8px;min-width:0;overflow-wrap:anywhere}.mail-media-grid img{width:100%;height:100px;object-fit:contain}.mail-media-grid span{display:block;font-size:12px;margin-top:6px}.mobile-panel-toggle{display:none!important}.mail-editor-page h1{font-size:26px}.mail-editor-page h2{font-size:18px}.mail-editor-page .button{letter-spacing:0}
.preview-sidebar>label{display:grid;gap:8px;font-size:13px}.preview-sidebar select{width:100%;min-height:42px;padding:10px;border:1px solid var(--border);border-radius:6px;background:white}.mail-recipient-row strong,.mail-table strong{overflow-wrap:anywhere}.mail-editor-page #mail-workspace{padding:0}.mail-meta label:last-child:not(:first-child){grid-column:1/-1}.editor-toolbar input[type=search]{min-width:100px;max-width:180px;height:36px;border:1px solid var(--border);border-radius:5px;padding:6px}.gjs-rte-action:focus-visible{outline:2px solid #0073B7;outline-offset:2px}.nav-count:empty{visibility:hidden}.sidebar-bottom>div{min-width:0;overflow-wrap:anywhere}
@media(min-width:761px){.sidebar nav{flex:1;min-height:0;overflow-y:auto}.sidebar .brand{flex-shrink:0;margin-bottom:16px}.sidebar-bottom,.sidebar>.logout-button{flex-shrink:0}.sidebar-bottom{margin-top:12px}.sidebar{padding-top:24px;padding-bottom:16px}}
@media(max-width:1050px){.builder-layout{grid-template-columns:155px minmax(0,1fr) 205px}.mail-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-layout{grid-template-columns:minmax(0,1fr)}.preview-sidebar{grid-row:1}.mail-meta{grid-template-columns:1fr 1fr}.mail-meta .preheader{grid-column:auto}}
@media(max-width:760px){.mail-grid{grid-template-columns:1fr}.mail-form{padding:16px}.auth-box{padding:24px}.mail-editor-header{gap:8px;padding:8px;height:60px}.mail-editor-header #save-status{display:none}.mail-editor-header img{display:none}.mail-editor-tabs{padding:0 12px;gap:18px}.mail-meta{padding:12px;gap:10px}.mail-meta label:first-child{grid-column:1/-1}.builder-layout{display:block;position:relative;min-height:520px;height:65dvh}.builder-left,.builder-right{display:none;position:absolute;top:0;bottom:0;z-index:8;width:min(85%,270px);box-shadow:0 10px 20px #0002}.builder-right{right:0}.builder-left.open,.builder-right.open{display:block}.mobile-panel-toggle{display:grid!important}.editor-toolbar{padding:8px;gap:5px}.editor-toolbar select{max-width:135px}.mail-editor-page #step-recipients,.mail-editor-page #step-preview{padding:14px}.mail-recipient-row{grid-template-columns:26px minmax(0,1fr)}.mail-recipient-row>select,.mail-recipient-row>.recipient-state{grid-column:2}.mail-filter{grid-template-columns:1fr 1fr}.mail-filter input{grid-column:1/-1}.mail-media-grid{grid-template-columns:repeat(2,1fr)}.mail-preview{height:550px}.mail-table td{font-size:12px}.mail-actions .button{min-height:42px}.logout-button{margin:8px 16px}.mail-editor-header strong{font-size:14px}.editor-toolbar button{width:40px;height:40px}}
.mail-sort{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.mail-sort:focus-visible{outline:2px solid #0073B7;outline-offset:3px}.mail-table th[aria-sort=ascending] .mail-sort:after{content:'↑'}.mail-table th[aria-sort=descending] .mail-sort:after{content:'↓'}

/* Keep the native radios focusable: labels render the locally hosted icons. */
#styles .gjs-radio-item{position:relative;min-height:32px}
#styles .gjs-radio-item input[type=radio]{display:block!important;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
#styles .gjs-radio-item-label{min-height:32px;display:flex;align-items:center;justify-content:center}
#styles .gjs-radio-item input:focus-visible+label{outline:2px solid #0073B7;outline-offset:-2px}
#styles .gjs-radio-item input:checked+label{background:#dceef9;color:#005e96}
@media(max-width:760px){#styles .gjs-radio-item,#styles .gjs-radio-item-label{min-height:44px}}

/* Einheitliche Anwendungsauswahl; Listen liegen als Popover über der Editorfläche. */
.mail-editor-page .searchable-select .dropdown-input{border:1px solid #ccd7e2;border-radius:7px;color:var(--ink);background-color:#fff;box-shadow:0 1px 2px #20354908;transition:border-color .15s,box-shadow .15s;padding-right:32px}
.mail-editor-page .searchable-select .dropdown-input:hover{border-color:#829bb1}
.mail-editor-page .searchable-select .dropdown-input:focus{outline:2px solid #0073b733;outline-offset:1px;border-color:var(--accent);box-shadow:0 0 0 3px #0073b710}
.mail-editor-page .dropdown-list{border:1px solid #cad9e5;border-radius:8px;padding:4px;box-shadow:0 8px 28px #20354926}
.mail-editor-page .dropdown-option{border-radius:5px;line-height:1.4}
.editor-toolbar .searchable-select{flex:0 1 190px;max-width:100%}
.editor-toolbar .searchable-select:has(#insert-placeholder){flex-basis:250px}
.editor-toolbar .searchable-select:has(#font-size){flex-basis:82px}
.editor-toolbar .dropdown-input{height:36px;width:100%;padding:7px 32px 7px 10px;font-size:13px}
@media(max-width:760px){.editor-toolbar .dropdown-input{height:44px}.mail-editor-page .dropdown-option{min-height:44px;display:flex;align-items:center}.editor-toolbar .searchable-select:has(#insert-placeholder){flex:1 1 220px}}

.mail-recipient-row .dropdown-input{width:100%;min-height:42px;padding:10px 32px 10px 12px}
@media(max-width:760px){.mail-recipient-row>.searchable-select{grid-column:2}}