:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#2d2a26;background:#f6f3ef}*{box-sizing:border-box}body{margin:0}a{color:#79502e}header{background:#fff;border-bottom:1px solid #e4ded7}header .top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0}header nav{display:flex;gap:18px}.brand{font-size:1.25rem;font-weight:750;text-decoration:none}.wrap{max-width:1050px;margin:auto;padding:0 20px}main{padding-top:26px!important;padding-bottom:45px!important}h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 15px}h2{font-size:1.3rem;margin:0 0 20px}h3{margin:8px 0}.intro{white-space:normal;line-height:1.6}.muted,footer{color:#77716b}.small{font-size:.85rem}.card{display:block;background:white;border:1px solid #e6e0d8;border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 2px 9px #32201008}.event{text-decoration:none;color:inherit}.event strong,.event span{display:block}.event span{color:#77716b;margin-top:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:600;margin:14px 0 7px}input:not([type=checkbox]):not([type=radio]),textarea,select{font:inherit;width:100%;padding:11px 12px;border:1px solid #cfc8bf;border-radius:8px;background:#fff;color:#28231f}button{font:inherit;border:1px solid #b7a899;border-radius:8px;background:#fff;padding:10px 15px;cursor:pointer;margin-top:12px}button:hover{background:#eee6dd}.primary{background:#765034;color:white;border-color:#765034}.primary:hover{background:#583b27}.dangerbtn{color:#a0352e}.inline{display:flex;gap:10px;align-items:center}.inline button{margin:0}.inline select{flex:1}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{font-weight:500;margin:0;padding:10px 12px;border:1px solid #ddd4ca;border-radius:9px;cursor:pointer}.choice:has(input:checked){background:#efe4d6;border-color:#94765c}fieldset{border:0;border-bottom:1px solid #eee6de;margin:0 0 18px;padding:12px 0 20px}legend{font-weight:700}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:550px}th,td{text-align:center;padding:12px;border-bottom:1px solid #ece6df}th:first-child{text-align:left}thead th{font-size:.88rem}.pill{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:700}.yes{background:#d7eee0;color:#176039}.maybe{background:#fff0c8;color:#815900}.no{background:#f9dbd8;color:#9d3028}.open{background:#eee;color:#777}.totals{background:#f8f5f0}.notice{background:#e7f1e8;border:1px solid #c7dfc9;border-radius:9px;padding:13px}.checklist{max-height:180px;overflow:auto;padding:5px 0}.checklist label{font-weight:400;margin:6px 0}.line{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eee7e0;padding:8px 0}.line button{margin:0}.logout{text-align:right}details{margin:18px 0}summary{cursor:pointer;font-weight:600}footer{padding-bottom:25px!important;font-size:.82rem}@media(max-width:680px){.grid{grid-template-columns:1fr}.wrap{padding-left:14px;padding-right:14px}.card{padding:15px}.inline{align-items:stretch;flex-direction:column}.line{align-items:flex-start}.choices{display:grid;grid-template-columns:1fr 1fr}}

.term-status{display:inline-block;padding:8px 13px;border-radius:9px;font-weight:700;background:#f4e8d8;color:#694421}.term-status.fixed{background:#dceee0;color:#205a34}.status-form{margin:15px 0}

.own-row{background:#fff5e7}.own-label{display:inline-block;font-size:.75rem;color:#79502e;margin-left:5px}.vote-select{min-width:132px;width:100%;font-size:.88rem;padding:8px 6px}.own-row th{color:#694421}
/* Version 1.4: Abstimmung unmittelbar in jeder Tabellenzeile */
.row-save{margin:0;white-space:nowrap}.vote-select{min-width:130px}tbody tr:hover:not(.totals){background:#faf6ef}td:has(.vote-select){min-width:146px}

/* Version 1.5: Teilnehmer in Spalten, Termine in Zeilen */
.matrix{min-width:max-content;width:100%}.matrix th:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:185px;max-width:300px;white-space:normal}.matrix thead th{background:#f8f5f0}.matrix thead th:first-child{background:#f8f5f0;z-index:2}.matrix td{min-width:148px}.matrix td:last-child{min-width:80px}.matrix .vote-select{min-width:125px}.save-area{display:flex;justify-content:flex-end;margin-top:14px}.save-area button{margin-top:0}.count{font-weight:700}

/* Version 1.6 – kompakte Terminmatrix */
.compact-matrix{table-layout:auto}.compact-matrix th,.compact-matrix td{padding:7px 6px}
.compact-matrix th:first-child{min-width:105px;max-width:150px;width:130px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.compact-matrix td{min-width:49px!important;width:56px}.compact-matrix thead th{white-space:normal;overflow-wrap:anywhere;max-width:110px}
.compact-matrix .vote-compact{min-width:0!important;width:47px!important;max-width:47px!important;padding:7px 2px!important;text-align:center;text-align-last:center;font-size:1.15rem;font-weight:800;border-radius:8px;appearance:none;-webkit-appearance:none;cursor:pointer}
.compact-matrix .vote-compact[data-vote=yes]{background:#d7eee0;color:#176039;border-color:#83b99b}
.compact-matrix .vote-compact[data-vote=no]{background:#f9dbd8;color:#9d3028;border-color:#dba19c}
.compact-matrix .vote-compact[data-vote=maybe]{background:#fff0c8;color:#815900;border-color:#e1c777}
.compact-matrix .vote-compact[data-vote=open]{background:#eee;color:#777;border-color:#ccc}
.compact-matrix td:has(.vote-compact){min-width:49px!important}.compact-matrix td:nth-child(2){min-width:105px!important}
.compact-matrix .date-status-select{min-width:0;width:105px;padding:7px 3px;font-size:.8rem}
.date-status-tag{font-size:.77rem;white-space:nowrap}.date-status-tag.confirmed{color:#176039;font-weight:700}
.compact-matrix .count{min-width:52px!important}

/* Folila Gestaltung – dezente Tribal-Ornamente, ohne Landschaft */
:root{color:#382a20;background:#f6efe3}
body{background:radial-gradient(ellipse at 15% 10%,#ead8bb 0,transparent 50%),#f6efe3}
header{background:#fffaf1;border-bottom:3px solid #9b7550}
.brand{color:#623c23}header nav a{color:#66472d}
.folila-hero{position:relative;min-height:210px;display:flex;align-items:center;overflow:hidden;background:#f4e6cf;border:1px solid #ddc7a9;border-radius:16px;margin-bottom:20px;box-shadow:0 4px 16px #42220d12}
.folila-hero:before,.folila-hero:after{content:'';position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,#8b603a 0 9px,#dfc4a1 9px 14px,#8b603a 14px 17px,#f4e6cf 17px 25px);opacity:.55;z-index:3}
.folila-hero:before{top:0}.folila-hero:after{bottom:0}
.hero-art{align-self:stretch;flex:0 0 225px;background-image:linear-gradient(90deg,transparent 50%,#f4e6cf 100%),url('folila-trommler.jpg');background-size:cover;background-position:center 35%;filter:sepia(.32);opacity:.83}
.hero-copy{position:relative;z-index:2;padding:20px 24px}.hero-copy h1{color:#59331f;font-size:clamp(1.8rem,4vw,3rem);line-height:1.12;margin:3px 0 10px}.hero-copy h1 span{display:block;font-weight:550}.hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:800;color:#8b6748;margin:0}.hero-copy p:last-child{color:#72573f;margin:0}
.event-title{margin:5px 0 10px;color:#59331f}.card{background:#fffcf6;border-color:#e2ceb3}.schedule-card{border-top:4px solid #8e603c}
.compact-matrix thead th{background:#6e462c;color:#fff}.compact-matrix thead th:first-child{background:#6e462c}.compact-matrix th:first-child{background:#fffcf6}
.compact-matrix tbody tr:nth-child(even){background:#f8f0e4}.compact-matrix tbody tr:nth-child(even) th:first-child{background:#f8f0e4}
.compact-matrix .date-status-select{width:148px;max-width:148px;font-size:.78rem;font-weight:700;padding:8px 18px 8px 7px;cursor:pointer}
.compact-matrix td:nth-child(2){min-width:152px!important}.date-status-select[data-status=planned],.date-status-tag.planned{background:#fff0c8;color:#805b15;border-color:#e3bf72}
.date-status-select[data-status=confirmed],.date-status-tag.confirmed{background:#d7eee0;color:#176039;border-color:#8dbd9d}
.date-status-select[data-status=cancelled],.date-status-tag.cancelled{background:#f9dbd8;color:#9d3028;border-color:#dfa29c}
.date-status-tag{display:inline-block;padding:8px 7px;border-radius:7px;font-weight:700;white-space:normal}
.compact-matrix th:first-child{min-width:110px;max-width:155px;width:140px}
.save-area button{background:#70452a;color:#fff;border:0;border-radius:10px;padding:12px 22px;font-weight:700}.save-area button:hover{background:#53311c}
@media(max-width:680px){.folila-hero{min-height:145px}.hero-art{flex-basis:110px}.hero-copy{padding:12px}.hero-copy h1{font-size:1.45rem}.hero-copy p:last-child{font-size:.83rem}.hero-eyebrow{font-size:.58rem}}


/* v1.8: Pergamenthintergrund und Original-Ornament aus der Designgrafik.
   Die interaktive Tabelle bleibt echtes HTML, kein Bild. */
body{
 background-color:#efd2a4;
 background-image:linear-gradient(90deg,rgba(255,245,225,.24),rgba(255,246,230,.30)),url('folila-pergament.jpg');
 background-repeat:repeat;
 background-size:auto,330px 390px;
}
body:before,body:after{
 content:"";display:block;height:35px;
 background-image:url('folila-ornament.jpg');background-repeat:repeat-x;
 background-size:auto 35px;position:relative;z-index:5;
}
header{background:rgba(255,247,230,.84);border-bottom:1px solid #9b7550}
.folila-hero{background:rgba(248,225,188,.72);border-color:#c99b64;box-shadow:0 5px 20px #603a1e24}
.hero-art{background-image:linear-gradient(90deg,transparent 48%,rgba(248,225,188,.94) 100%),url('folila-trommler.jpg')}
.card{background:rgba(255,250,237,.94);border-color:#cda779;box-shadow:0 3px 14px #4b2d151c}
.compact-matrix th:first-child{background:#fff5e5}
.compact-matrix tbody tr:nth-child(even) th:first-child{background:#f7e7ce}
.compact-matrix tbody tr:nth-child(even){background:#f7e7ce}
.compact-matrix thead th,.compact-matrix thead th:first-child{background:#6d3a1d}
.compact-matrix th,.compact-matrix td{border-bottom-color:#d9b78e}
@media(max-width:680px){body:before,body:after{height:22px;background-size:auto 22px}}

/* v1.9: ruhiger Hintergrund, Ornamentleisten bleiben */
body{background:#f6efe3;background-image:none}
header{background:#fffaf1}
.folila-hero{background:#f4e6cf;border-color:#ddc7a9}
.hero-art{background-image:linear-gradient(90deg,transparent 48%,#f4e6cf 100%),url('folila-trommler.jpg')}
.card{background:#fffcf6;border-color:#e2ceb3}
.add-date-form{border-top:1px solid #e3d4be;margin-top:20px;padding-top:12px}
.add-date-controls{display:flex;gap:10px;align-items:stretch}
.add-date-controls input{flex:1;min-width:0}
.add-date-controls button{margin:0;white-space:nowrap;background:#70452a;color:white;border-color:#70452a;font-weight:700}
.add-date-controls button:hover{background:#53311c}
@media(max-width:680px){.add-date-controls{flex-direction:column}.add-date-controls button{white-space:normal}}

/* Version 1.10: Notizbereich */
.notes-card{margin-top:1.4rem}.note-entry{padding:12px 14px;margin:10px 0;border-left:3px solid #b88b54;background:rgba(255,255,255,.66);border-radius:8px}.note-entry p{margin:.35rem 0 0;white-space:normal;overflow-wrap:anywhere}.note-form{display:grid;gap:9px;margin-top:20px;max-width:640px}.note-form button{justify-self:start}

/* Version 1.11: Headerbild entfernt, Ornamente bleiben erhalten */
.folila-hero,.hero-art,.hero-copy{display:none!important}
.simple-title{font-size:clamp(1.6rem,3.2vw,2.6rem);color:#663b22;margin:22px 0 18px}
.date-admin-line{align-items:center;gap:12px}.date-admin-line span{overflow-wrap:anywhere;white-space:normal;flex:1}
.date-admin-line form,.note-entry form{flex-shrink:0}
.note-entry .dangerbtn{margin-top:8px}
.access-card{max-width:440px;margin:60px auto}