.agenda-body{background:#fbfaf8;color:#1c1712}
.agenda-hero{padding:42px 0 18px}
.agenda-section{padding-top:10px;padding-bottom:54px}
.agenda-layout{display:grid;grid-template-columns:1.05fr 1.2fr;gap:24px;align-items:start}
.agenda-title{margin-top:0}
.day-card{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border:1px solid rgba(28,23,18,.12);border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease;box-shadow:0 10px 28px rgba(28,23,18,.05)}
.day-card:hover{transform:translateY(-2px)}
.day-card.active{border-color:#857150;background:#f6f0e8}
.day-card.muted{opacity:.62}
.day-card-top,.day-card-bottom{font-size:.85rem}
.agenda-date-form{margin-top:18px}
.date-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.compact-row input[type="month"]{padding:12px 14px;border:1px solid rgba(30,41,59,.18);border-radius:14px;background:#fff;min-width:220px}
.month-heading{margin:14px 0 4px;font-size:1.05rem;font-weight:700}
.booking-form label{display:block;margin:14px 0 6px;font-weight:600}
.booking-form input,.booking-form textarea{width:100%}
.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:10px}
.slot-option{position:relative}
.slot-option input{position:absolute;opacity:0;pointer-events:none}
.slot-option span{display:block;padding:12px;border:1px solid rgba(28,23,18,.12);border-radius:14px;text-align:center;background:#fff;cursor:pointer}
.slot-option input:checked+span{background:#f6f0e8;border-color:#857150;font-weight:700}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.agenda-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.notice{margin:0 0 16px;padding:12px 14px;border-radius:14px;background:#f1ebe3;border:1px solid rgba(28,23,18,.08)}
.notice-error{background:#fff1ef}
.notice-success{background:#eef8ef}
.admin-card h1{margin-top:0}
.admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.admin-tools,.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.table-wrap{overflow:auto;margin-top:16px}
.admin-login-form{max-width:460px}
.agenda-today{margin-top:12px;font-size:.98rem;opacity:.9}
.agenda-date-form-top{margin-bottom:20px}
.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px;margin-top:18px}
.calendar-day{min-height:102px;justify-content:center}
.calendar-day.today{outline:2px solid rgba(36,88,140,.25)}
.btn-light{background:#fff;border:1px solid rgba(28,23,18,.12)}
@media (max-width: 900px){.agenda-layout{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}

.agenda-header-compact .brand img{height:96px}
.agenda-section-compact{padding-top:8px}
.agenda-page-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px}
.agenda-main-title{margin:2px 0 4px;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.12}
.agenda-lead{margin:0;max-width:760px;font-size:.98rem}
.agenda-layout-compact{grid-template-columns:1.15fr .95fr;gap:16px}
.agenda-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}
.agenda-month-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.agenda-month-inline input[type=month]{padding:10px 12px;border:1px solid rgba(30,41,59,.18);border-radius:14px;background:#fff;min-width:180px}
.compact-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.compact-day{min-height:88px;padding:10px 8px}
.compact-day strong{font-size:1.15rem}
.agenda-side-card{position:sticky;top:96px;align-self:start}
.compact-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-form-grid{gap:12px}
.booking-form textarea{min-height:92px}
@media (max-width: 1100px){.compact-calendar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.agenda-layout-compact{grid-template-columns:1fr}.agenda-side-card{position:static}.agenda-header-compact .brand img{height:86px}}
@media (max-width: 760px){.compact-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agenda-page-head{align-items:flex-start}.agenda-toolbar{align-items:flex-start}.agenda-header-compact .brand img{height:74px}}
@media (max-width: 520px){.compact-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-month-inline{width:100%}.agenda-month-inline input[type=month]{min-width:0;flex:1}}

@media (max-width: 1100px){.agenda-layout-compact{grid-template-columns:1fr}.agenda-side-card{position:static}.agenda-header-compact .brand img{height:82px}.agenda-page-head{margin-bottom:8px}}
@media (max-width: 760px){.agenda-section{padding-bottom:28px}.agenda-header-compact .brand img{height:62px}.agenda-page-head{display:none}.agenda-layout-compact{display:flex;flex-direction:column;gap:12px}.agenda-layout-compact > :first-child{order:2}.agenda-layout-compact > :last-child{order:1}.agenda-side-card{margin-top:0}.agenda-toolbar{margin-bottom:6px}.card.pad{padding:18px 16px}.compact-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-day{min-height:76px;padding:8px 6px}.compact-day strong{font-size:1rem}.day-card-top,.day-card-bottom{font-size:.78rem}.compact-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-form label{margin:10px 0 5px}.booking-form textarea{min-height:76px}}
@media (max-width: 520px){.agenda-section{padding-top:2px}.container{padding-left:14px;padding-right:14px}.agenda-main-title{font-size:1.35rem}.agenda-toolbar{gap:10px}.agenda-month-inline{width:100%;justify-content:space-between}.agenda-month-inline input[type=month]{min-width:0;flex:1}.compact-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.availability-card{margin-top:22px}
.availability-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-top:12px}
.mini-admin-form{padding:16px;border:1px solid rgba(28,23,18,.1);border-radius:18px;background:#fffaf5}
.mini-admin-form h3{margin:0 0 10px;font-size:1.05rem}
.availability-table-wrap{margin-top:18px}
@media (max-width: 820px){.availability-forms{grid-template-columns:1fr}.mini-admin-form{padding:14px}}

/* Admin polish */
.admin-head-polished{align-items:center;border-bottom:1px solid rgba(28,23,18,.08);padding-bottom:18px;margin-bottom:18px}
.admin-kicker{margin:0 0 4px;color:#857150;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}
.admin-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 22px}
.admin-stat{border:1px solid rgba(28,23,18,.09);background:#fffaf5;border-radius:18px;padding:16px 18px;box-shadow:0 8px 22px rgba(28,23,18,.04)}
.admin-stat span{display:block;font-size:.88rem;color:#6f665d;margin-bottom:6px}
.admin-stat strong{font-size:1.9rem;line-height:1;color:#1c1712}
.admin-section-block{border:1px solid rgba(28,23,18,.08);border-radius:20px;padding:18px;margin-top:18px;background:#fff}
.admin-section-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}
.admin-section-title h2{margin:0;font-size:1.28rem}
.admin-table th{white-space:nowrap;color:#5f5348;font-size:.92rem}
.admin-table td{vertical-align:middle}
.admin-table a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#f1ebe3;border:1px solid rgba(28,23,18,.1);font-size:.82rem;color:#6f665d}
.badge-pending{background:#fff8e8;color:#8a6315;border-color:#eadab3}
.badge-confirmed{background:#edf8ee;color:#2e6b37;border-color:#cfe7d2}
.availability-card{border-top:4px solid #d9c7ac}
.availability-card h2{margin-top:0}
.admin-login-form input[type=email]{font-size:1rem}
@media (max-width: 900px){.admin-dashboard{grid-template-columns:1fr}.admin-head-polished{align-items:flex-start}.admin-tools{width:100%}.admin-section-block{padding:14px}.admin-actions{flex-direction:column;align-items:stretch}.admin-actions .btn{width:100%}}


/* Pro security/admin usability polish */
.admin-card{max-width:1180px;margin-left:auto;margin-right:auto}
.admin-table tbody tr:hover{background:#fffaf5}
.admin-actions form{margin:0}
.admin-tools form{margin:0}
.admin-login-form{border:1px solid rgba(28,23,18,.08);border-radius:20px;padding:20px;background:#fffaf5}
.table-wrap{border:1px solid rgba(28,23,18,.08);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(28,23,18,.035)}
.table-wrap table{margin:0;min-width:860px}
.availability-card .small{max-width:780px}
.notice{font-weight:500}
@media (max-width: 760px){.table-wrap{border-radius:14px}.table-wrap table{min-width:760px}.admin-card{padding:16px!important}.admin-dashboard{gap:10px}.admin-stat{padding:14px}.admin-stat strong{font-size:1.55rem}}

/* Admin calendrier avancé */
.admin-pro-section{padding-top:12px}
.admin-pro-card{max-width:1280px}
.admin-calendar-shell{border:1px solid rgba(28,23,18,.10);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(28,23,18,.05);padding:18px;margin:22px 0}
.admin-calendar-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.admin-calendar-top h2{margin:0 0 4px}
.calendar-nav-actions{display:flex;gap:10px;flex-wrap:wrap}
.week-calendar{display:grid;grid-template-columns:72px repeat(7,minmax(120px,1fr));border:1px solid rgba(28,23,18,.08);border-radius:18px;overflow:auto;background:#fff}
.time-col,.week-day-col{min-width:120px;border-right:1px solid rgba(28,23,18,.08)}
.time-col{min-width:72px;background:#fbfaf8;color:#6f665d}
.week-day-col:last-child{border-right:none}
.week-head-spacer,.week-day-head{height:58px;border-bottom:1px solid rgba(28,23,18,.08);display:flex;align-items:center;justify-content:center;background:#fffaf5}
.week-day-head{flex-direction:column;gap:2px;position:sticky;top:0;z-index:2}
.week-day-head strong{font-size:.9rem}.week-day-head span{font-size:.84rem;color:#6f665d}
.time-slot-label{height:58px;border-bottom:1px solid rgba(28,23,18,.06);display:flex;align-items:flex-start;justify-content:center;padding-top:6px;font-size:.82rem}
.week-day-grid{height:522px;position:relative;background:linear-gradient(to bottom,rgba(28,23,18,.045) 1px,transparent 1px);background-size:100% 58px}
.week-day-col.is-weekend .week-day-grid{background-color:#f5f2ee;background-image:repeating-linear-gradient(135deg,rgba(28,23,18,.04) 0,rgba(28,23,18,.04) 8px,transparent 8px,transparent 16px)}
.calendar-hour-line{height:58px;border-bottom:1px solid rgba(28,23,18,.04)}
.appointment-block{position:absolute;left:8px;right:8px;border-radius:12px;padding:7px 8px;font-size:.78rem;line-height:1.2;box-shadow:0 8px 20px rgba(28,23,18,.12);overflow:hidden;border:1px solid rgba(28,23,18,.10)}
.appointment-block strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-block span{display:block;opacity:.85;margin-top:2px}
.appointment-pending{background:#fff7df;color:#674705;border-color:#e8d6a7}.appointment-confirmed{background:#eaf7ed;color:#23582b;border-color:#cce5d0}.appointment-cancelled{background:#f3f3f3;color:#666}
.appointment-cards{display:grid;gap:12px}.appointment-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(28,23,18,.08);border-radius:18px;background:#fffaf5;padding:14px}.appointment-card h3{margin:8px 0 4px}.appointment-card p{margin:3px 0}.empty-state{padding:16px;border:1px dashed rgba(28,23,18,.16);border-radius:16px;background:#fffaf5;color:#6f665d}
.availability-admin-panel{margin-top:22px;border:1px solid rgba(28,23,18,.1);border-radius:24px;background:#fff;padding:18px;box-shadow:0 12px 30px rgba(28,23,18,.04)}
.availability-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.availability-panel-head h2{margin:0 0 4px}
.availability-planner-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}.availability-month-card{border:1px solid rgba(28,23,18,.08);border-radius:20px;padding:16px;background:#fffaf5}.availability-month-card h3{margin:0 0 12px}
.availability-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.availability-day-cell{min-height:128px;border:1px solid rgba(28,23,18,.09);border-radius:14px;background:#fff;padding:9px;display:flex;flex-direction:column;gap:7px}.availability-day-cell.muted{opacity:.55;background:#f5f2ee}.availability-day-cell.has-periods{border-color:#b89a68;background:#fff7e8}.availability-day-top{display:flex;justify-content:space-between;align-items:center}.availability-day-top span{font-size:.76rem;color:#6f665d}.availability-day-cell small{font-size:.75rem;color:#6f665d}
.quick-availability-buttons{display:grid;gap:4px;margin-top:auto}.quick-availability-buttons form{margin:0}.quick-availability-buttons button{width:100%;border:1px solid rgba(28,23,18,.10);border-radius:10px;background:#fff;padding:5px 6px;font-size:.75rem;cursor:pointer}.quick-availability-buttons button:hover{background:#f6f0e8}
.compact-availability-forms{grid-template-columns:1fr;gap:12px;margin-top:0}.compact-availability-forms .mini-admin-form{padding:14px}
@media (max-width:1100px){.availability-planner-grid{grid-template-columns:1fr}.week-calendar{grid-template-columns:64px repeat(7,132px)}}
@media (max-width:760px){.admin-calendar-shell,.availability-admin-panel{padding:14px;border-radius:18px}.calendar-nav-actions .btn{flex:1}.week-calendar{grid-template-columns:58px repeat(7,126px)}.availability-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-day-cell{min-height:116px}.appointment-card{align-items:flex-start;flex-direction:column}.appointment-card .admin-actions{width:100%}}


/* Precieze slots beheren */
.slot-planner-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.slot-day-cell{color:inherit;text-decoration:none;transition:.18s ease;min-height:94px}
.slot-day-cell:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(28,23,18,.08)}
.slot-day-cell.selected{border:2px solid #8a6a3d;background:#fff1d9}
.slot-config-card{border:1px solid rgba(28,23,18,.10);border-radius:20px;background:#fffaf5;padding:16px;position:sticky;top:12px}
.slot-config-card h3{margin:0 0 8px}
.slot-list-admin{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.slot-chip-admin{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(28,23,18,.12);border-radius:999px;padding:7px 8px 7px 12px;box-shadow:0 6px 16px rgba(28,23,18,.04)}
.slot-chip-admin form{margin:0}.slot-chip-admin button{border:0;background:#f3e8dc;color:#6d5030;border-radius:999px;width:24px;height:24px;line-height:20px;cursor:pointer;font-size:18px}
.slot-add-row{display:flex;gap:10px;align-items:end}.slot-add-row input{min-width:140px}.slot-add-row .btn{white-space:nowrap}
.quick-slot-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.quick-slot-actions form{margin:0}.quick-slot-actions .btn{width:100%;font-size:.86rem;padding:10px 8px}
.repeating-slot-form{margin-top:14px;border-top:1px solid rgba(28,23,18,.08);padding-top:14px}
.repeating-slot-form h3{font-size:1rem;margin:0 0 10px}
@media (max-width: 1000px){.slot-planner-grid{grid-template-columns:1fr}.slot-config-card{position:static}.quick-slot-actions{grid-template-columns:1fr}}
@media (max-width: 640px){.slot-add-row{flex-direction:column;align-items:stretch}.slot-add-row input{min-width:0}.slot-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-day-cell{min-height:82px}}