:root{--blue:#176f82;--turq:#58c7c8;--pale:#eaf8f7;--gold:#c9a55c;--ink:#173d51;--white:#fff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f8ffff,#edf7fb);color:var(--ink);font:16px/1.5 Arial,sans-serif}header{background:linear-gradient(90deg,var(--blue),#289fa7);color:#fff;padding:18px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 3px 15px #17455a33}header strong{font-size:20px}.lotus{color:#ffe7a1;font-size:24px;margin-right:8px}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none}main{max-width:1100px;margin:36px auto;padding:0 22px}h1{font-size:34px;color:var(--blue)}h2{color:var(--blue)}.card{background:#fff;border:1px solid #d7ecec;border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:0 8px 26px #17455a12}.narrow{max-width:520px}.grid{max-width:720px}.two,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.stats strong{display:block;font-size:40px;color:var(--turq)}.stats span{color:#58727e}label{display:block;font-weight:bold;margin:13px 0}input,textarea,select{display:block;width:100%;margin-top:6px;border:1px solid #b9d4d7;border-radius:8px;padding:11px;font:inherit;color:var(--ink)}textarea{resize:vertical}.check{font-weight:normal}.check input{display:inline;width:auto;margin-right:8px}button,.button{display:inline-block;border:0;border-radius:8px;padding:11px 18px;background:var(--blue);color:#fff;text-decoration:none;font-weight:bold;cursor:pointer}button:hover,.button:hover{background:#0e596a}button:disabled{opacity:.5}.small{padding:6px 9px;font-size:12px}.alert{background:#dff7ed;border-left:5px solid #2fa275;padding:14px;margin:18px 0}.alert.error{background:#ffe9e9;border-color:#c94b4b}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #deecee}.badge{padding:4px 8px;border-radius:20px;background:#e8eff2;font-size:12px}.badge.active{background:#dff7ed}.badge.unsubscribed{background:#f2e7e7}.inline{display:inline}.preview{border:1px solid #dce9eb;padding:12px;overflow:auto}small{display:block;color:#6a818a;margin-top:5px}footer{text-align:center;padding:30px;color:#68818b}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}h1{font-size:28px}}

/* Empfänger & Versandkategorien */
.subscriber-top-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:22px;align-items:start;margin-bottom:28px}.card-heading h2{margin:0 0 4px}.card-heading p{margin:0 0 18px;color:#6a818a}.form-grid-3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.category-section{margin:18px 0}.section-label{font-weight:700;margin-bottom:9px;color:var(--ink)}.category-grid{display:flex;flex-wrap:wrap;gap:9px}.category-option{display:inline-flex;align-items:center;margin:0;font-weight:600;cursor:pointer}.category-option input{position:absolute;opacity:0;pointer-events:none}.category-option span{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #c8dfe2;border-radius:999px;background:#f7fbfb;color:var(--ink);transition:.15s ease}.category-option input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 10px #176f8224}.category-option:hover span{border-color:var(--turq)}.category-option.compact span{min-height:31px;padding:5px 10px;font-size:13px}.category-add-form{border-bottom:1px solid #e2eeee;padding-bottom:18px;margin-bottom:12px}.category-list{display:grid;gap:4px}.category-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid #eef4f4}.category-list-row:last-child{border-bottom:0}.subscriber-list-header{display:flex;align-items:end;justify-content:space-between;margin:6px 2px 12px}.subscriber-list-header h2{margin:0}.subscriber-list-header p{margin:2px 0 0;color:#6a818a}.subscriber-list{display:grid;gap:14px}.subscriber-card{background:#fff;border:1px solid #d7ecec;border-radius:14px;padding:18px 20px;box-shadow:0 6px 20px #17455a0e;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.5fr) auto;gap:20px;align-items:center}.subscriber-main{display:flex;align-items:center;gap:12px;min-width:0}.subscriber-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#e5f4f5;color:var(--blue);font-weight:800;font-size:18px}.subscriber-identity{min-width:0}.subscriber-identity strong,.subscriber-identity a{display:block}.subscriber-identity a{color:#51717d;text-decoration:none;overflow:hidden;text-overflow:ellipsis}.subscriber-main .badge{margin-left:auto}.subscriber-categories{min-width:0}.compact-grid{gap:7px;margin-bottom:10px}.subscriber-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.secondary{background:#718991}.secondary:hover{background:#5b727a}.danger-light{background:#fff;color:#9a3f3f;border:1px solid #e7c8c8}.danger-light:hover{background:#fff1f1;color:#7e2929}.empty-state{text-align:center;color:#6a818a}.subscriber-form-card button,.category-admin-card button{margin-top:2px}
@media(max-width:980px){.subscriber-top-grid{grid-template-columns:1fr}.subscriber-card{grid-template-columns:1fr}.subscriber-main .badge{margin-left:auto}.subscriber-actions{justify-content:flex-start}.form-grid-3{grid-template-columns:1fr 1fr}.form-grid-3 label:first-child{grid-column:1/-1}}
@media(max-width:620px){.form-grid-3{grid-template-columns:1fr}.form-grid-3 label:first-child{grid-column:auto}.subscriber-card{padding:16px}.category-option span{font-size:13px;padding:6px 10px}.subscriber-main{align-items:flex-start;flex-wrap:wrap}.subscriber-main .badge{margin-left:0}.subscriber-actions{flex-direction:column}.subscriber-actions form,.subscriber-actions button{width:100%}}


/* =========================================================
   EMPFÄNGER – KOMPAKTE DARSTELLUNG
   ========================================================= */
.subscriber-list{
    display:grid;
    gap:10px;
}

.subscriber-card{
    padding:14px 18px;
    grid-template-columns:minmax(330px,.95fr) minmax(420px,1.35fr) auto;
    gap:22px;
    align-items:start;
}

.subscriber-main{
    align-items:center;
    gap:12px;
    padding-top:3px;
}

/* Name und E-Mail mit deutlich mehr Abstand nebeneinander */
.subscriber-identity{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    column-gap:28px;
    row-gap:3px;
    min-width:0;
}

.subscriber-identity strong,
.subscriber-identity a{
    display:inline-block;
    margin:0;
    line-height:1.35;
}

.subscriber-identity strong{
    white-space:nowrap;
}

.subscriber-identity a{
    color:#176f82;
    text-decoration:underline;
    overflow-wrap:anywhere;
}

.subscriber-categories .section-label{
    margin:0 0 5px;
    line-height:1.25;
}

/* Kategorien mit wenig Zeilenabstand */
.subscriber-categories .category-grid.compact-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(180px,1fr));
    column-gap:10px;
    row-gap:3px;
    margin:0 0 8px;
}

.subscriber-categories label.category-option.compact{
    display:flex !important;
    align-items:center;
    gap:7px;
    margin:0 !important;
    padding:0 !important;
    min-height:28px;
    font-weight:600;
    line-height:1.2;
}

/* In der Empfängerliste normale Checkboxen – kompakter und klarer */
.subscriber-categories label.category-option.compact input{
    position:static !important;
    opacity:1 !important;
    pointer-events:auto !important;
    display:block !important;
    width:16px !important;
    height:16px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 16px;
    accent-color:var(--blue);
}

.subscriber-categories label.category-option.compact span{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--ink) !important;
    box-shadow:none !important;
    font-size:14px;
    line-height:1.25;
}

.subscriber-categories .small{
    margin-top:2px;
}

.subscriber-actions{
    padding-top:2px;
}

@media(max-width:980px){
    .subscriber-card{
        grid-template-columns:1fr;
        gap:12px;
    }
    .subscriber-categories .category-grid.compact-grid{
        grid-template-columns:repeat(2,minmax(160px,1fr));
    }
}

@media(max-width:620px){
    .subscriber-identity{
        display:grid;
        gap:5px;
    }
    .subscriber-categories .category-grid.compact-grid{
        grid-template-columns:1fr;
        row-gap:2px;
    }
}

/* CSV-Import */
.csv-import-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:end;margin-bottom:28px}.csv-import-card h2{margin:0 0 4px}.csv-import-card p{margin:0 0 10px;color:#6a818a}.csv-import-controls{display:flex;align-items:end;gap:12px}.csv-import-controls label{flex:1;margin:0}.csv-import-controls input[type=file]{background:#f8fbfb}.csv-import-controls button{white-space:nowrap}.csv-template-link{display:inline-block;color:var(--blue);font-weight:700;text-decoration:none;border-bottom:1px solid #a9d3d8}.csv-template-link:hover{border-color:var(--blue)}.csv-import-card small{grid-column:1/-1;margin-top:-10px}
@media(max-width:820px){.csv-import-card{grid-template-columns:1fr}.csv-import-controls{align-items:stretch;flex-direction:column}.csv-import-controls label,.csv-import-controls button{width:100%}.csv-import-card small{margin-top:0}}

/* Newsletter Block-Editor */
.rich-wrap{margin:14px 0 18px}
.rich-label{font-weight:700;margin-bottom:7px}
.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;background:#f7f7f7;border:1px solid #d8d8d8;border-bottom:0;border-radius:8px 8px 0 0}
.rich-toolbar select,.rich-toolbar button{width:auto;min-width:auto;margin:0}
.rich-editor{min-height:220px;padding:14px;background:#fff;border:1px solid #cfcfcf;border-radius:0 0 8px 8px;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55;overflow:auto}
.rich-editor:focus{border-color:#8aa9b8;box-shadow:0 0 0 2px rgba(138,169,184,.18)}
.rich-editor img,.baustein-editor img{display:block!important;width:auto!important;max-width:300px!important;height:auto!important;object-fit:contain!important}
.block-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.block-actions{display:flex;gap:6px;flex-wrap:wrap}