/* Layout geometry is maintained in responsive.css (v152). */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#F2F2F2;
  --gold-light:#FFFFFF;
  --gold-dark:#9A9A9A;
  --black:#050505;
  --black2:#0C0C0C;
  --black3:#111111;
  --black4:#1C1C1C;
  --gray:#B9B9B9;
  --gray2:#787878;
  --white:#F5F5F5;
  --white2:#EAEAEA;
  --danger:#C0392B;
  --success:#27AE60;
}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}

/* ΚΥΛΙΣΗBAR */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--black2)}
::-webkit-scrollbar-thumb{background:var(--gold-dark)}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(201,168,76,0.15);background:rgba(10,10,8,0.92);backdrop-filter:blur(12px)}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.15em;color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;align-items:center}
.nav-links a{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--gray);transition:color 0.3s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{border:1px solid var(--gold);color:var(--gold);padding:0.5rem 1.5rem;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:all 0.3s;background:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.nav-cta:hover{background:var(--gold);color:var(--black)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
.hamburger span{display:block;width:22px;height:1px;background:var(--gold)}

/* SECTIONS */
section{padding:7rem 3rem}
.section-label{font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}

/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:7rem 3rem 3rem;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,8,0.35) 0%,rgba(10,10,8,0.92) 100%);z-index:1}
.hero-img-bg{position:absolute;inset:0;background:url('../img/hero-unaverage.jpg') center 46%/cover no-repeat;z-index:0;filter:brightness(.58) contrast(1.04) saturate(.82)}
.hero-content{position:relative;z-index:2;max-width:900px;width:100%}
.hero-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;min-height:calc(100vh - 140px)}
.hero-logo-main{width:min(460px,72vw);max-width:100%;height:auto;margin-bottom:1.75rem}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(5rem,12vw,11rem);font-weight:300;line-height:0.88;letter-spacing:-0.02em;margin-bottom:2rem}
.hero-title em{font-style:italic;color:var(--gold)}
.hero-subtitle{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gray);margin-bottom:3rem;max-width:400px;line-height:2}
.hero-subtitle-centered{max-width:620px;margin:0 auto 2.25rem}
.hero-actions{display:flex;gap:1.5rem;align-items:center}
.hero-actions-centered{justify-content:center;flex-wrap:wrap}
.btn-primary{background:var(--gold);color:var(--black);padding:1rem 2.5rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.3s}
.btn-primary:hover{background:var(--gold-light)}
.btn-outline{background:transparent;color:var(--white);padding:1rem 2.5rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s}
.btn-outline:hover{border-color:var(--white)}
.hero-scroll{position:absolute;bottom:3rem;right:3rem;z-index:2;writing-mode:vertical-rl;font-size:10px;letter-spacing:0.3em;color:var(--gray);display:flex;align-items:center;gap:1rem}
.hero-scroll::after{content:'';display:block;width:1px;height:60px;background:var(--gold)}

/* SERVICES */
#services{background:var(--black2)}
.services-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;gap:2rem}
.services-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;line-height:1.1}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:rgba(201,168,76,0.1)}
.service-card{background:var(--black2);padding:2.5rem;cursor:pointer;transition:background 0.3s;position:relative;overflow:hidden}
.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform 0.4s;transform-origin:left}
.service-card:hover{background:var(--black3)}
.service-card:hover::after{transform:scaleX(1)}
.service-num{font-size:11px;letter-spacing:0.2em;color:var(--gold-dark);margin-bottom:1.5rem}
.service-name{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;margin-bottom:0.5rem}
.service-desc{font-size:12px;color:var(--gray);line-height:1.8;margin-bottom:1.5rem}
.service-price{font-size:1.2rem;color:var(--gold);letter-spacing:0.05em}
.service-duration{font-size:10px;color:var(--gray2);margin-top:0.25rem;letter-spacing:0.1em}

/* TEAM */
#team{background:var(--black)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}
.barber-card{background:var(--black3);border:1px solid rgba(201,168,76,0.1);overflow:hidden;transition:border-color 0.3s}
.barber-card:hover{border-color:rgba(201,168,76,0.4)}
.barber-img{height:300px;overflow:hidden;position:relative}
.barber-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:filter 0.4s;transform:scale(1.02)}
.barber-card:hover .barber-img img{filter:grayscale(0%)}
.barber-info{padding:1.5rem}
.barber-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;margin-bottom:0.25rem}
.barber-role{font-size:10px;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase}
.barber-exp{font-size:11px;color:var(--gray);margin-top:0.5rem}

/* HOW IT WORKS */
#how{background:var(--black2)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-top:4rem}
.step{position:relative;padding-left:1rem;border-left:1px solid rgba(201,168,76,0.2)}
.step-num{font-family:'Bebas Neue',sans-serif;font-size:4rem;color:rgba(201,168,76,0.15);line-height:1;margin-bottom:0.5rem}
.step-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-bottom:0.5rem}
.step-desc{font-size:12px;color:var(--gray);line-height:1.8}

/* CTA BANNER */
#cta-banner{background:var(--gold);color:var(--black);text-align:center;padding:5rem 3rem}
.cta-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,7rem);letter-spacing:0.1em;line-height:1;margin-bottom:2rem}
.cta-sub{font-size:12px;letter-spacing:0.15em;text-transform:uppercase;opacity:0.7;margin-bottom:2.5rem}
.btn-dark{background:var(--black);color:var(--gold);padding:1.1rem 3rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.3s}
.btn-dark:hover{background:var(--black2)}

/* FOOTER */
footer{background:var(--black);border-top:1px solid rgba(201,168,76,0.1);padding:4.5rem 3rem 2rem;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:4rem;align-items:start}
.footer-brand{display:flex;flex-direction:column;gap:1rem}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);letter-spacing:0.15em;margin-bottom:0.25rem}
.footer-tagline{font-size:11px;color:var(--gray);line-height:1.8;max-width:260px}
.footer-social{display:inline-flex;align-items:center;gap:0.75rem;width:fit-content;padding:0.75rem 1rem;border:1px solid rgba(255,255,255,0.12);color:var(--white);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;transition:all 0.3s}
.footer-social:hover{border-color:var(--gold);color:var(--gold);background:rgba(255,255,255,0.03)}
.footer-inline-social{display:inline-flex!important;align-items:center;gap:0.6rem}
.social-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.social-icon svg{width:100%;height:100%}
.social-icon-sm{width:16px;height:16px}
.footer-col h4{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.footer-col p,.footer-col a{font-size:12px;color:var(--gray);display:block;margin-bottom:0.8rem;transition:color 0.3s}
.footer-col a:hover{color:var(--gold)}
.footer-note{margin-top:1rem;max-width:320px;line-height:1.9}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(201,168,76,0.1);padding-top:1.5rem;margin-top:1rem;display:flex;justify-content:space-between;font-size:10px;color:var(--gray2)}
/* ===== MODAL / OVERLAY ===== */
.overlay {background:rgba(5,5,4,0.96)}

.overlay.active {flex-direction:column}

/* ΡΑΝΤΕΒΟΥ MODAL */

.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}
.modal-logo{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;color:var(--gold);letter-spacing:0.15em}
.close-btn{background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.5rem;line-height:1}
.close-btn:hover{color:var(--white)}

/* PROGRESS */
.progress-bar{display:flex;gap:0;margin-bottom:3rem}
.prog-step{flex:1;height:2px;background:var(--black4);transition:background 0.4s;position:relative}
.prog-step.done{background:var(--gold)}
.prog-step.active{background:var(--gold-dark)}
.prog-labels{display:flex;justify-content:space-between;margin-bottom:2rem}
.prog-label{font-size:10px;letter-spacing:0.15em;color:var(--gray2);text-transform:uppercase;transition:color 0.3s}
.prog-label.active{color:var(--gold)}

/* STEP SCREENS */
.step-screen{display:none}
.step-screen.active{display:block}
.step-title-book{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;margin-bottom:0.5rem}
.step-subtitle{font-size:11px;color:var(--gray);letter-spacing:0.1em;margin-bottom:2.5rem}

/* OPTION CARDS */
.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}
.option-card{border:1px solid rgba(201,168,76,0.15);padding:1.5rem;cursor:pointer;transition:all 0.3s;background:var(--black3);position:relative}
.option-card:hover{border-color:rgba(201,168,76,0.5)}
.option-card.selected{border-color:var(--gold);background:rgba(201,168,76,0.07)}
.option-card.selected::after{content:'✓';position:absolute;top:0.75rem;right:0.75rem;color:var(--gold);font-size:12px}
.option-name{font-family:'Cormorant Garamond',serif;font-size:1.2rem;margin-bottom:0.25rem}
.option-detail{font-size:11px;color:var(--gray)}
.option-price{font-size:13px;color:var(--gold);margin-top:0.75rem}
.option-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:1rem;filter:grayscale(30%)}

/* CALENDAR */
.calendar-wrap{background:var(--black3);border:1px solid rgba(201,168,76,0.15);padding:1.5rem;margin-bottom:1.5rem}
.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.cal-month{font-family:'Cormorant Garamond',serif;font-size:1.3rem}
.cal-nav{background:none;border:1px solid rgba(201,168,76,0.2);color:var(--gold);width:32px;height:32px;cursor:pointer;transition:all 0.3s;font-size:1rem}
.cal-nav:hover{background:rgba(201,168,76,0.1)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.cal-day-label{font-size:9px;letter-spacing:0.1em;color:var(--gray2);padding:0.5rem 0;text-transform:uppercase}
.cal-day{padding:0.5rem;cursor:pointer;font-size:12px;color:var(--gray);transition:all 0.3s;border:1px solid transparent}
.cal-day:not(.disabled):hover{color:var(--white);border-color:rgba(201,168,76,0.3)}
.cal-day.selected{background:var(--gold);color:var(--black);border-color:var(--gold)}
.cal-day.disabled{color:var(--black4);cursor:not-allowed}
.cal-day.today{border-color:rgba(201,168,76,0.3);color:var(--white)}

/* TIME SLOTS */
.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:0.5rem;margin-bottom:1.5rem}
.time-slot{border:1px solid rgba(201,168,76,0.15);padding:0.6rem;text-align:center;cursor:pointer;font-size:12px;color:var(--gray);transition:all 0.3s;background:var(--black3)}
.time-slot:hover:not(.taken){border-color:rgba(201,168,76,0.5);color:var(--white)}
.time-slot.selected{background:var(--gold);color:var(--black);border-color:var(--gold)}
.time-slot.taken{color:var(--black4);cursor:not-allowed;text-decoration:line-through;font-size:10px}

/* FORM */
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem}
.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--black3);border:1px solid rgba(201,168,76,0.2);color:var(--white);padding:0.85rem 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;outline:none;transition:border-color 0.3s;-webkit-appearance:none}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold)}
.form-group textarea{resize:vertical;min-height:80px}
.form-group select option{background:var(--black3)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-note{font-size:10px;color:var(--gray2);margin-top:0.25rem;letter-spacing:0.05em}

/* ΡΑΝΤΕΒΟΥ SUMMARY */
.booking-summary{background:var(--black3);border:1px solid rgba(201,168,76,0.2);padding:1.5rem;margin-bottom:2rem}
.summary-title{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.summary-row{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:12px}
.summary-row:last-child{border-bottom:none;color:var(--gold);font-size:13px;margin-top:0.5rem}
.summary-label{color:var(--gray)}

/* NAV BUTTONS */
.modal-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}
.btn-next{background:var(--gold);color:var(--black);padding:0.9rem 2.5rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.3s}
.btn-next:hover{background:var(--gold-light)}
.btn-next:disabled{background:var(--gray2);cursor:not-allowed}
.btn-back{background:none;border:1px solid rgba(201,168,76,0.2);color:var(--gray);padding:0.9rem 2rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;cursor:pointer;transition:all 0.3s}
.btn-back:hover{border-color:var(--gold);color:var(--gold)}

/* SUCCESS */
.success-screen{text-align:center;padding:3rem 0}
.success-icon{font-size:3rem;margin-bottom:1.5rem;display:block}
.success-code{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:var(--gold);letter-spacing:0.2em;margin:1rem 0}
.success-msg{font-size:12px;color:var(--gray);max-width:400px;margin:0 auto 2rem;line-height:1.9}
.email-preview{background:var(--black3);border:1px solid rgba(201,168,76,0.2);padding:1.5rem;text-align:left;margin:2rem auto;max-width:480px;font-size:12px}
.email-preview h4{font-size:10px;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase;margin-bottom:1rem}
.email-subject{font-family:'Cormorant Garamond',serif;font-size:1.1rem;margin-bottom:1rem;color:var(--white)}
.email-body{color:var(--gray);line-height:1.9;white-space:pre-line;font-size:11px}
/* MY ΡΑΝΤΕΒΟΥS MODAL */

.booking-item{background:var(--black3);border:1px solid rgba(201,168,76,0.15);padding:1.5rem;margin-bottom:1rem;position:relative;transition:border-color 0.3s}
.booking-item:hover{border-color:rgba(201,168,76,0.3)}
.booking-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}
.booking-code{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:0.15em;color:var(--gold)}
.booking-status{font-size:9px;letter-spacing:0.15em;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:2px}
.status-confirmed{background:rgba(39,174,96,0.15);color:#27AE60;border:1px solid rgba(39,174,96,0.3)}
.status-cancelled{background:rgba(192,57,43,0.15);color:#C0392B;border:1px solid rgba(192,57,43,0.3)}
.status-rescheduled{background:rgba(201,168,76,0.15);color:var(--gold);border:1px solid rgba(201,168,76,0.3)}
.booking-details{font-size:11px;color:var(--gray);display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:1rem}
.booking-detail-label{color:var(--gray2)}
.booking-actions{display:flex;gap:0.75rem;flex-wrap:wrap}
.btn-sm{padding:0.4rem 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;border:1px solid;cursor:pointer;transition:all 0.3s;background:none}
.btn-sm-gold{color:var(--gold);border-color:rgba(201,168,76,0.3)}
.btn-sm-gold:hover{background:rgba(201,168,76,0.1)}
.btn-sm-danger{color:#C0392B;border-color:rgba(192,57,43,0.3)}
.btn-sm-danger:hover{background:rgba(192,57,43,0.1)}
.no-bookings{text-align:center;padding:4rem;color:var(--gray)}
.no-bookings p{font-family:'Cormorant Garamond',serif;font-size:1.5rem;margin-bottom:1rem}


/* ADMIN */
.admin-modal{max-width:1180px;width:100%;margin:auto;padding:2.2rem;background:#F6F3EE;color:#181818;border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,0.22)}
.admin-modal .modal-header{margin-bottom:1.4rem}
.admin-modal .modal-logo{color:#181818;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:0.95rem;letter-spacing:0.18em}
.admin-modal .close-btn{color:#666}
.admin-modal .close-btn:hover{color:#111}
.admin-login{max-width:430px;margin:2.5rem auto;text-align:center}
.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.35rem}
.admin-stat{background:#FFFFFF;border:1px solid #E7E1D9;padding:1rem 1.1rem;text-align:left;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,0.04)}
.admin-stat-num{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.55rem;color:#111;letter-spacing:0}
.admin-stat-label{font-size:10px;letter-spacing:0.14em;color:#7E746A;text-transform:uppercase;margin-top:0.25rem}
.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;background:#FFF;border:1px solid #E7E1D9;border-radius:20px;overflow:hidden}
.admin-table th{text-align:left;font-size:9px;letter-spacing:0.16em;color:#766D65;text-transform:uppercase;padding:0.95rem 0.8rem;border-bottom:1px solid #EEE7DE;background:#FBF8F4}
.admin-table td{padding:0.95rem 0.8rem;border-bottom:1px solid #F3EEE8;color:#2B2B2B;vertical-align:middle}
.admin-table tr:last-child td{border-bottom:none}
.admin-table tr:hover td{background:#FCFAF7;color:#111}
.admin-tabs{display:flex;gap:0.55rem;margin-bottom:1rem;border-bottom:none;flex-wrap:wrap}
.admin-tab{background:#ECE6DE;border:1px solid transparent;color:#5B534D;padding:0.72rem 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;transition:all 0.25s}
.admin-tab.active{background:#181818;color:#FFF;border-color:#181818}
.admin-tab-content{display:none}
.admin-tab-content.active{display:block}
.search-bar{background:#FFF;border:1px solid #E3DDD5;color:#111;padding:0.9rem 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;outline:none;width:100%;margin-bottom:1rem;transition:border-color 0.25s, box-shadow 0.25s;border-radius:16px}
.search-bar:focus{border-color:#C8BEB2;box-shadow:0 0 0 4px rgba(24,24,24,0.04)}
.filter-row{display:flex;gap:0.65rem;margin-bottom:1rem;flex-wrap:wrap}
.filter-btn{background:#FFF;border:1px solid #E3DDD5;color:#6A625C;padding:0.45rem 0.9rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:all 0.25s;border-radius:999px}
.filter-btn.active{border-color:#181818;color:#181818;background:#F1ECE5}
.admin-action-btn{background:none;border:none;color:#6A625C;cursor:pointer;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:0.1em;transition:color 0.25s;padding:0.25rem 0.5rem}
.admin-action-btn:hover{color:#111}
.admin-action-btn.danger{color:#A94442}
.admin-action-btn.danger:hover{color:#842029}
.revenue-total{background:#FFF;border:1px solid #E7E1D9;padding:1.2rem 1.3rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-radius:20px;box-shadow:0 8px 18px rgba(0,0,0,0.04)}
.revenue-label{font-size:10px;letter-spacing:0.18em;color:#7E746A;text-transform:uppercase}
.revenue-amount{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.9rem;color:#111;letter-spacing:0}

#admin-main-screen p, #admin-main-screen label, #admin-main-screen div, #admin-main-screen span{color:inherit}

/* RESCHEDULE MODAL */
.reschedule-inner{max-width:500px;margin:4rem auto;background:var(--black2);border:1px solid rgba(201,168,76,0.2);padding:2.5rem}

/* TOAST */
.toast{position:fixed;bottom:2rem;right:2rem;background:var(--black3);border:1px solid rgba(201,168,76,0.3);padding:1rem 1.5rem;z-index:9999;font-size:12px;max-width:350px;transform:translateY(100px);opacity:0;transition:all 0.4s;pointer-events:none}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{border-color:rgba(39,174,96,0.4);color:#27AE60}
.toast.error{border-color:rgba(192,57,43,0.4);color:#C0392B}
/* CONFIRM DIALOG */
.confirm-dialog {background:rgba(5,5,4,0.92)}


.confirm-box{background:var(--black2);border:1px solid rgba(201,168,76,0.25);padding:2.5rem;max-width:380px;width:90%;text-align:center}
.confirm-box h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;margin-bottom:1rem}
.confirm-box p{font-size:12px;color:var(--gray);margin-bottom:2rem;line-height:1.8}
.confirm-actions{display:flex;gap:1rem;justify-content:center}


/* GOOGLE CALENDAR-LIKE ADMIN */
.schedule-shell{display:flex;flex-direction:column;gap:0.85rem}
.schedule-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:#FFF;border:1px solid #E7E1D9;padding:0.9rem 1rem;border-radius:18px}
.schedule-topbar-left,.schedule-topbar-right{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap}
.schedule-chip{border:1px solid #DED6CC;background:#FFF;color:#2A2A2A;padding:0.65rem 0.95rem;border-radius:999px;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer}
.schedule-chip:hover{background:#F7F2EC}
.schedule-date-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;line-height:1;color:#181818}
.schedule-subtitle{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:#82776D}
.schedule-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0.85rem}
.schedule-summary-card{background:#FFF;border:1px solid #E7E1D9;border-radius:18px;padding:0.9rem 1rem}
.schedule-summary-label{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:#82776D;margin-bottom:0.4rem}
.schedule-summary-value{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem;letter-spacing:0;color:#181818}
.schedule-board{background:#FFF;border:1px solid #E7E1D9;border-radius:18px;overflow:hidden}
.schedule-grid{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:start}
.schedule-hours{background:#FBF8F4;border-right:1px solid #EEE7DE}
.schedule-hours-inner{position:relative}
.schedule-hour{height:56px;border-bottom:1px solid #F1EBE3;position:relative}
.schedule-hour:last-child{border-bottom:none}
.schedule-hour-label{position:absolute;top:-8px;right:8px;font-size:9px;color:#8A8178;letter-spacing:0.05em;background:#FBF8F4;padding:0 4px}
.schedule-day-column{position:relative;background:linear-gradient(to bottom, #F1EBE3 1px, transparent 1px) 0 0/100% 56px}
.schedule-day-header{height:56px;border-bottom:1px solid #EEE7DE;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#FCFAF7}
.schedule-day-name{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#82776D}
.schedule-day-date{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:#181818}
.schedule-events{position:relative;background:transparent}
.schedule-event{position:absolute;left:10px;right:10px;border-radius:14px;padding:0.72rem 0.78rem;background:#181818;color:#FFF !important;border:none;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,0.12)}
.schedule-event *{color:#FFF !important}
.schedule-event::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#CDBBA8}
.schedule-event-time{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.75) !important;margin-bottom:0.32rem}
.schedule-event-title{font-size:13px;color:#FFF !important;margin-bottom:0.14rem;line-height:1.25;font-weight:600}
.schedule-event-meta{font-size:10px;color:rgba(255,255,255,0.76) !important;line-height:1.35}
.schedule-empty{padding:3.5rem 1.25rem;text-align:center;color:#8A8178}
.schedule-empty strong{display:block;color:#181818;font-family:'Cormorant Garamond',serif;font-size:1.45rem;margin-bottom:0.45rem}
@media(max-width:768px){
  .schedule-grid{grid-template-columns:58px minmax(0,1fr)}
  .schedule-hour{height:52px}
  .schedule-day-column{background:linear-gradient(to bottom, #F1EBE3 1px, transparent 1px) 0 0/100% 52px}
  .schedule-topbar{padding:0.85rem 0.9rem}
  .schedule-date-title{font-size:1.4rem}
  .schedule-day-header{padding:0 0.75rem;height:52px}
  .schedule-day-date{font-size:1rem}
  .schedule-event{left:6px;right:6px;padding:0.62rem 0.68rem}
}


@media(max-width:768px){
  nav{padding:1rem 1.5rem}
  .nav-links{display:none}
  .hamburger{display:flex}
  section{padding:5rem 1.5rem}
  #hero{padding:6.5rem 1.5rem 2rem}
  .hero-logo-main{width:min(320px,78vw)}
  .hero-actions{width:100%;justify-content:center}
  .btn-primary,.btn-outline{width:100%;max-width:320px}
  .hero-scroll{display:none}
  .form-row{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{flex-direction:column;gap:0.5rem}
.admin-modal {padding:3rem 1.5rem}

  .booking-details{grid-template-columns:1fr}
  .admin-table{font-size:10px}
}

.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s,transform 0.6s}
.fade-in.visible{opacity:1;transform:translateY(0)}


/* ===== LIVE PHP APP HELPERS ===== */
.hidden{display:none!important}

/* ============================================================
   DARK ADMIN THEME — unaverage hair
   ============================================================ */
:root{
  --ad-bg:        #000000;
  --ad-surface:   #12141A;
  --ad-surface2:  #1A1D26;
  --ad-surface3:  #22263300;
  --ad-card:      #161921;
  --ad-border:    rgba(255,255,255,0.07);
  --ad-border2:   rgba(255,255,255,0.12);
  --ad-text:      #E4E8F2;
  --ad-text2:     #8B93AA;
  --ad-text3:     #545D7A;
  --ad-gold:      #F3F6FB;
  --ad-gold2:     #FFFFFF;
  --ad-green:     #34C759;
  --ad-red:       #FF453A;
  --ad-orange:    #FF9F0A;
  --ad-blue:      #0A84FF;
  --ad-purple:    #BF5AF2;
  --ad-radius:    16px;
  --ad-radius-lg: 24px;
}

body.admin-page-body{
  background:var(--ad-bg);
  color:var(--ad-text);
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
.admin-page-shell {padding:0 0 6rem}


/* TOPBAR */
.admin-topbar-page{
  position:sticky;top:0;z-index:1000;
  padding:.9rem 2rem;
  border-bottom:1px solid var(--ad-border);
  background:rgba(11,13,18,0.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.admin-topbar-inner{
  max-width:1420px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
}
.admin-brand{
  font-family:'Bebas Neue',sans-serif;
  font-size:1.5rem;letter-spacing:.16em;
  background:linear-gradient(135deg,var(--ad-gold2),var(--ad-gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.admin-top-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.admin-link-btn{
  border:1px solid var(--ad-border2);
  background:rgba(255,255,255,0.04);
  color:var(--ad-text2);
  padding:.55rem 1rem;border-radius:999px;
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  transition:all .2s;white-space:nowrap;
}
.admin-link-btn:hover{background:rgba(255,255,255,0.09);color:var(--ad-text)}


/* LOGIN CARD */
.admin-login-card-page{
  max-width:460px;margin:4rem auto;
  background:var(--ad-card);
  border:1px solid var(--ad-border2);
  border-radius:var(--ad-radius-lg);
  padding:2.5rem;
  box-shadow:0 40px 80px rgba(0,0,0,0.5);
}
.admin-login-card-page h1{
  font-family:'Cormorant Garamond',serif;
  font-size:2.3rem;font-weight:400;
  margin:.4rem 0 1rem;color:var(--ad-text);
}
.admin-login-card-page p{font-size:12px;color:var(--ad-text2);line-height:1.8;margin-bottom:1.2rem}
.admin-login-card-page .form-group label{color:var(--ad-text2)}
.admin-login-card-page input{
  background:var(--ad-surface2);
  border:1px solid var(--ad-border2);
  color:var(--ad-text);
}
.admin-login-card-page input:focus{border-color:var(--ad-gold)}
.admin-login-card-page .btn-primary{
  width:100%;
  background:var(--ad-gold);color:#000000;
}
.admin-login-card-page .btn-primary:hover{background:var(--ad-gold2)}

/* FORM SHARED */
.form-group label{
  display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ad-text3);margin-bottom:.45rem;
}
.form-group input,.form-group textarea,.form-group select{
  width:100%;
  background:var(--ad-surface2);
  border:1px solid var(--ad-border);
  color:var(--ad-text);
  padding:.8rem 1rem;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;
  outline:none;transition:border-color .2s;
  border-radius:10px;
  -webkit-appearance:none;
}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--ad-gold)}
.form-group textarea{resize:vertical;min-height:72px}
.form-group select option{background:var(--ad-surface2)}
.form-stack,.drawer-form{display:grid;gap:.85rem}

/* KPI CARDS */
.admin-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:.85rem;margin-bottom:1rem;
}
.admin-kpi{
  background:var(--ad-card);
  border:1px solid var(--ad-border);
  border-radius:var(--ad-radius-lg);
  padding:1.15rem 1.3rem;
  position:relative;overflow:hidden;
  transition:border-color .2s;
}
.admin-kpi::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--ad-gold),transparent);
}
.admin-kpi:hover{border-color:var(--ad-border2)}
.admin-kpi-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ad-text3);margin-bottom:.5rem}
.admin-kpi-value{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.7rem;color:var(--ad-text);letter-spacing:0}

/* CARD */
.admin-card{
  background:var(--ad-card);
  border:1px solid var(--ad-border);
  border-radius:var(--ad-radius-lg);
  padding:1.35rem;
}
.admin-card h2,.admin-card h3{
  font-family:'Cormorant Garamond',serif;
  color:var(--ad-text);font-weight:400;margin:.3rem 0 0;
}
.admin-sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ad-text);opacity:.82}

/* TOOLBAR */
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.admin-toolbar-group{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.admin-pill{
  background:rgba(255,255,255,0.05);
  border:1px solid var(--ad-border);
  color:var(--ad-text2);
  padding:.6rem 1rem;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  cursor:pointer;border-radius:999px;transition:all .2s;
}
.admin-pill:hover{background:rgba(255,255,255,0.09);color:var(--ad-text)}
.admin-pill.active{background:var(--ad-gold);color:#000000;border-color:var(--ad-gold)}

.admin-search{
  background:var(--ad-surface2);border:1px solid var(--ad-border);
  color:var(--ad-text);padding:.8rem 1rem;
  border-radius:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;
  min-width:260px;outline:none;transition:border-color .2s;
}
.admin-search:focus{border-color:var(--ad-gold)}
.admin-date-input{
  background:var(--ad-surface2);border:1px solid var(--ad-border);
  color:var(--ad-text);padding:.75rem 1rem;
  border-radius:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;
}

/* GRID LAYOUT */
.admin-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 420px;gap:1rem;align-items:start}
.admin-side-stack{display:grid;gap:1rem}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}

/* SCHEDULER CARD */
.scheduler-card{margin-bottom:1rem}
.scheduler-legend{
  display:flex;gap:1rem;flex-wrap:wrap;
  margin-bottom:1rem;
  font-size:10px;color:var(--ad-text3);
  text-transform:uppercase;letter-spacing:.12em;
}
.scheduler-legend span{display:inline-flex;align-items:center;gap:.45rem}
.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid transparent}
.dot-booking{background:rgba(52,199,89,.25);border-color:rgba(52,199,89,.4)}
.dot-block{background:rgba(200,165,91,.18);border-color:rgba(200,165,91,.35)}
.dot-blackout{background:rgba(255,69,58,.18);border-color:rgba(255,69,58,.3)}
.dot-open{background:rgba(255,255,255,0.04);border-color:var(--ad-border2)}

/* APPLE CALENDAR BOARD */
.scheduler-board-wrap{
  overflow:auto;
  border:1px solid var(--ad-border);
  border-radius:20px;
  background:var(--ad-surface);
}
.scheduler-board{min-width:860px}
.scheduler-grid{display:grid}
.scheduler-corner,.scheduler-day-head,.scheduler-time,.scheduler-cell{
  border-right:1px solid var(--ad-border);
  border-bottom:1px solid var(--ad-border);
}
.scheduler-corner{background:var(--ad-surface);min-height:60px}
.scheduler-day-head{
  min-height:60px;padding:.85rem .75rem;
  background:var(--ad-surface2);
  display:flex;flex-direction:column;justify-content:center;cursor:pointer;
  transition:background .2s;
}
.scheduler-day-head:hover{background:var(--ad-surface2)}
.scheduler-day-head strong{
  font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ad-text3);
}
.scheduler-day-head span{
  font-family:'Cormorant Garamond',serif;font-size:1.4rem;
  color:var(--ad-text);line-height:1.1;margin-top:.2rem;
}
.scheduler-day-head.active{background:var(--ad-gold)!important}
.scheduler-day-head.active strong,.scheduler-day-head.active span{color:#000000}
.scheduler-day-head.blackout{background:rgba(255,69,58,.08)!important}
.scheduler-day-head.blackout strong,.scheduler-day-head.blackout span{color:rgba(255,69,58,.7)}

.scheduler-time{
  padding:.7rem .65rem;font-size:10px;letter-spacing:.1em;
  color:var(--ad-text3);background:var(--ad-surface);min-height:68px;
  border-right-color:var(--ad-border2);
}
.scheduler-cell{
  position:relative;min-height:68px;padding:.3rem;
  background:var(--ad-surface);
  display:flex;flex-direction:column;gap:.3rem;
}
.scheduler-cell.closed{background:rgba(0,0,0,.25)}
.scheduler-cell.is-selected-day{background:rgba(200,165,91,.03)}
.scheduler-cell.is-blackout{background:rgba(255,69,58,.04)}

/* Current time row indicator */

.scheduler-item{
  display:block;width:100%;text-align:left;
  border:none;border-radius:10px;
  padding:.5rem .6rem;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;line-height:1.4;
  cursor:pointer;transition:filter .15s,transform .1s;
}
.scheduler-item:hover{filter:brightness(1.15);transform:scale(1.01)}
.scheduler-item small{display:block;margin-top:.25rem;font-size:9px;opacity:.75}

.scheduler-item.booking{
  background:rgba(52,199,89,.18);
  color:#34C759;
  border:1px solid rgba(52,199,89,.3);
}
.scheduler-item.block{
  background:rgba(200,165,91,.15);
  color:var(--ad-gold2);
  border:1px solid rgba(200,165,91,.25);
}
.scheduler-item.cancelled{
  background:rgba(255,69,58,.12);
  color:rgba(255,69,58,.7);
  border:1px solid rgba(255,69,58,.2);
  text-decoration:line-through;opacity:.6;
}
.scheduler-item.all-day{
  height:100%;display:flex;align-items:center;justify-content:center;
  font-size:11px;
}
.scheduler-empty-slot{
  opacity:1;

  margin-top:auto;
  border:1px dashed rgba(255,255,255,.1);
  background:transparent;
  color:var(--ad-text3);
  border-radius:8px;
  padding:.4rem .5rem;
  cursor:pointer;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.1em;
  transition:all .2s;text-align:center;
}
.scheduler-empty-slot.always-visible{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14);color:#f5f5f5}
.scheduler-empty-slot:hover{
  background:rgba(200,165,91,.1);
  border-color:var(--ad-gold);
  color:var(--ad-gold);
}
/* SLOT QUICK PANEL */
.slot-quick-panel {
  border:1px solid var(--ad-border2);
  border-radius:20px;
  background:var(--ad-surface2);
}

@keyframes fadeSlideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.slot-quick-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}
.slot-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.slot-form-card{
  background:var(--ad-card);border:1px solid var(--ad-border);
  border-radius:18px;padding:1.25rem;display:grid;gap:.8rem;
}
.slot-form-card h4{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--ad-text)}
.slot-form-card input,.slot-form-card textarea,.slot-form-card select{
  background:var(--ad-surface2);border:1px solid var(--ad-border);color:var(--ad-text);
}

/* DAY AGENDA */
.day-agenda{display:grid;gap:.75rem}
.agenda-empty{
  padding:2rem;border:1px dashed var(--ad-border2);
  border-radius:18px;color:var(--ad-text3);text-align:center;
}
.agenda-item{
  border:1px solid var(--ad-border);
  border-radius:18px;padding:1rem;
  background:var(--ad-surface2);
  display:grid;gap:.55rem;
  transition:border-color .2s;
}
.agenda-item:hover{border-color:var(--ad-border2)}
.agenda-top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}
.agenda-title{font-size:.95rem;color:var(--ad-text);font-weight:600}
.agenda-meta{font-size:11px;color:var(--ad-text2);line-height:1.7}
.mini-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.mini-btn{
  background:rgba(255,255,255,0.04);
  border:1px solid var(--ad-border2);
  color:var(--ad-text);
  padding:.45rem .85rem;border-radius:999px;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;transition:all .2s;
}
.mini-btn:hover{background:rgba(255,255,255,.09)}
.mini-btn.danger{color:var(--ad-red);border-color:rgba(255,69,58,.25)}
.mini-btn.danger:hover{background:rgba(255,69,58,.1)}
.mini-btn.success{color:var(--ad-green);border-color:rgba(52,199,89,.25)}
.mini-btn.success:hover{background:rgba(52,199,89,.1)}

/* WEEKLY STRIP */
.weekly-strip{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  gap:.6rem;margin-top:1rem;
}
.week-day-card{
  background:var(--ad-surface2);border:1px solid var(--ad-border);
  border-radius:16px;padding:.9rem .75rem;
  text-align:left;cursor:pointer;
  display:flex;flex-direction:column;gap:.2rem;
  transition:all .2s;
}
.week-day-card:hover{border-color:var(--ad-border2)}
.week-day-card strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-text3)}
.week-day-card span{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--ad-text)}
.week-day-card small{font-size:10px;color:var(--ad-text2);line-height:1.5}
.week-day-card.active{border-color:var(--ad-gold);background:rgba(200,165,91,.07)}
.week-day-card.blackout{background:rgba(255,69,58,.06);border-color:rgba(255,69,58,.2)}

/* DATA TABLE */
.admin-table-wrap{
  overflow:auto;
  border:1px solid var(--ad-border);
  border-radius:20px;
}
.admin-data-table{
  width:100%;border-collapse:separate;border-spacing:0;
  font-size:11px;background:var(--ad-card);
}
.admin-data-table th{
  text-align:left;font-size:9px;letter-spacing:.16em;
  color:var(--ad-text3);text-transform:uppercase;
  padding:.9rem .8rem;border-bottom:1px solid var(--ad-border2);
  background:var(--ad-surface2);
  position:sticky;top:0;z-index:1;
}
.admin-data-table td{
  padding:.85rem .8rem;border-bottom:1px solid var(--ad-border);
  color:var(--ad-text);vertical-align:top;
}
.admin-data-table tr:last-child td{border-bottom:none}
.admin-data-table tr:hover td{background:rgba(255,255,255,.025)}

/* STATUS / PAYMENT CHIPS */
.status-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.3rem .7rem;border-radius:999px;
  font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:1px solid;
  white-space:nowrap;
}
.status-pending{background:rgba(255,159,10,.12);color:var(--ad-orange);border-color:rgba(255,159,10,.25)}
.status-confirmed{background:rgba(52,199,89,.12);color:var(--ad-green);border-color:rgba(52,199,89,.25)}
.status-completed{background:rgba(10,132,255,.12);color:var(--ad-blue);border-color:rgba(10,132,255,.25)}
.status-cancelled{background:rgba(255,69,58,.12);color:var(--ad-red);border-color:rgba(255,69,58,.25)}
.status-rescheduled{background:rgba(200,165,91,.12);color:var(--ad-gold2);border-color:rgba(200,165,91,.25)}
.status-blocked{background:rgba(255,255,255,.07);color:var(--ad-text2);border-color:var(--ad-border2)}
.status-no_show{background:rgba(191,90,242,.12);color:var(--ad-purple);border-color:rgba(191,90,242,.25)}
.payment-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.3rem .7rem;border-radius:999px;
  font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:1px solid;
}
.payment-paid{background:rgba(52,199,89,.12);color:var(--ad-green);border-color:rgba(52,199,89,.25)}
.payment-pending{background:rgba(255,159,10,.12);color:var(--ad-orange);border-color:rgba(255,159,10,.25)}
.payment-na{background:rgba(255,255,255,.05);color:var(--ad-text3);border-color:var(--ad-border)}
/* DRAWER */


.admin-drawer-backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.65);
  opacity:0;transition:opacity .25s;
  backdrop-filter:blur(4px);
}
.admin-drawer.active .admin-drawer-backdrop{opacity:1}
.admin-drawer-panel {
  background:var(--ad-card);
  border-left:1px solid var(--ad-border2);
  box-shadow:-32px 0 60px rgba(0,0,0,.5);transition:transform .28s ease;
}


.admin-drawer-head{
  display:flex;justify-content:space-between;gap:1rem;
  align-items:flex-start;margin-bottom:1.25rem;
}
.admin-drawer-head h3{font-family:'Cormorant Garamond',serif;color:var(--ad-text);font-weight:400}
.drawer-meta{
  display:grid;gap:.4rem;padding:.9rem 1rem;
  border:1px solid var(--ad-border);
  border-radius:14px;background:var(--ad-surface2);
  font-size:11px;color:var(--ad-text2);
}
.drawer-actions{
  display:flex;justify-content:space-between;gap:.75rem;
  align-items:center;flex-wrap:wrap;margin-top:.5rem;
}

/* FORM CARDS (inside admin) */
.admin-card .form-group input,
.admin-card .form-group textarea,
.admin-card .form-group select{
  background:var(--ad-surface2);border:1px solid var(--ad-border);color:var(--ad-text);
}
.admin-card .form-group label{color:var(--ad-text3)}

/* SCHEDULE CHIP LIST */
.schedule-chip-list{display:grid;gap:.65rem;margin-top:1rem}
.schedule-chip-item{
  display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;
  background:var(--ad-surface2);border:1px solid var(--ad-border);
  border-radius:14px;padding:.85rem .95rem;
}
.schedule-chip-item strong{display:block;font-size:12px;color:var(--ad-text);margin-bottom:.2rem}
.schedule-chip-item span,.schedule-chip-item small{display:block;color:var(--ad-text2);line-height:1.6;font-size:11px}
.schedule-empty{
  font-size:11px;color:var(--ad-text3);
  background:var(--ad-surface2);border:1px dashed var(--ad-border2);
  border-radius:12px;padding:.9rem;
}

/* FEATURE LIST */
.feature-list{display:grid;gap:.65rem;margin-top:1rem}
.feature-item{
  display:flex;flex-direction:column;gap:.2rem;
  padding:.9rem 1rem;border:1px solid var(--ad-border);
  border-radius:14px;background:var(--ad-surface2);
}
.feature-item strong{display:block;color:var(--ad-text);margin-bottom:.15rem;font-size:12px}
.feature-item span{font-size:11px;color:var(--ad-text2);line-height:1.7}

/* BTN PRIMARY in admin */
.admin-page-body .btn-primary{
  background:var(--ad-gold);color:#000000;
  padding:.85rem 2rem;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;
  letter-spacing:.15em;text-transform:uppercase;
  border:none;cursor:pointer;border-radius:10px;
  transition:all .2s;
}
.admin-page-body .btn-primary:hover{background:var(--ad-gold2)}
.admin-page-body .btn-outline{
  background:rgba(255,255,255,.05);
  color:var(--ad-text);
  border:1px solid var(--ad-border2);
  padding:.85rem 2rem;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;
  letter-spacing:.15em;text-transform:uppercase;
  cursor:pointer;border-radius:10px;transition:all .2s;
}
.admin-page-body .btn-outline:hover{background:rgba(255,255,255,.09)}
.admin-page-body .btn-next{
  background:var(--ad-gold);color:#000000;
  padding:.8rem 1.75rem;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;
  letter-spacing:.15em;text-transform:uppercase;
  border:none;cursor:pointer;border-radius:10px;
  transition:all .2s;width:100%;
}
.admin-page-body .btn-next:hover{background:var(--ad-gold2)}

/* TOAST */
.toast{
  position:fixed;bottom:2rem;right:2rem;
  background:var(--ad-surface2);
  border:1px solid var(--ad-border2);
  padding:1rem 1.5rem;
  z-index:9999;font-size:12px;max-width:360px;
  transform:translateY(100px);opacity:0;
  transition:all .35s;pointer-events:none;
  border-radius:14px;
  box-shadow:0 16px 40px rgba(0,0,0,.4);
}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{border-color:rgba(52,199,89,.35);color:var(--ad-green)}
.toast.error{border-color:rgba(255,69,58,.35);color:var(--ad-red)}
/* CONFIRM DIALOG */
.confirm-dialog {background:rgba(0,0,0,.75)}


.confirm-box{background:var(--ad-card);border:1px solid var(--ad-border2);padding:2.5rem;max-width:380px;width:90%;text-align:center;border-radius:24px;box-shadow:0 40px 80px rgba(0,0,0,.5)}
.confirm-box h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--ad-text);margin-bottom:1rem}
.confirm-box p{font-size:12px;color:var(--ad-text2);margin-bottom:2rem;line-height:1.8}
.confirm-actions{display:flex;gap:1rem;justify-content:center}

/* ADMIN FOOTER */
.admin-footer{
  text-align:center;padding:2rem;
  border-top:1px solid var(--ad-border);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ad-text3);margin-top:2rem;
}
.admin-footer a{color:var(--ad-gold);transition:color .2s}
.admin-footer a:hover{color:var(--ad-gold2)}

/* RESPONSIVE */
@media(max-width:1200px){
  .admin-main-grid{grid-template-columns:1fr}
  .admin-side-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
}
@media(max-width:960px){
  .admin-topbar-inner,.admin-toolbar,.slot-quick-top,.admin-drawer-head,.drawer-actions{flex-direction:column;align-items:stretch}
  .admin-top-actions{display:grid;grid-template-columns:1fr;gap:.45rem;width:100%}
  .admin-toolbar-group{width:100%}
  .slot-quick-grid,.admin-form-grid,.admin-side-stack{grid-template-columns:1fr}
  .weekly-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .admin-page-shell{padding:0}


  .admin-card{padding:1rem;border-radius:18px}
  .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekly-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-data-table thead{display:none}
  .admin-data-table,.admin-data-table tbody,.admin-data-table tr,.admin-data-table td{display:block;width:100%}
  .admin-data-table tr{padding:.85rem;border-bottom:1px solid var(--ad-border);background:var(--ad-surface2)}
  .admin-data-table td{border:none;padding:.4rem 0;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;text-align:right}
  .admin-data-table td::before{content:attr(data-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ad-text3);text-align:left;flex:0 0 44%}
  .admin-data-table td > *{max-width:56%}
  .admin-data-table td[data-label="Ενέργειες"]{display:block;text-align:left}
  .admin-data-table td[data-label="Ενέργειες"]::before{display:block;margin-bottom:.45rem;max-width:none}
}
@media(max-width:560px){
  .admin-kpis{grid-template-columns:1fr}
  .weekly-strip{grid-template-columns:1fr}
  .scheduler-board-wrap,.admin-table-wrap{margin-inline:-.25rem}
  .admin-search{min-width:unset;width:100%}
}


.scheduler-top-controls{justify-content:flex-end}
.scheduler-period-label{
  min-width:170px;
  padding:.6rem 1rem;
  border:1px solid var(--ad-border);
  border-radius:999px;
  background:var(--ad-surface2);
  color:var(--ad-text);
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:center;
}
.scheduler-add-btn{padding:.78rem 1.1rem}
.scheduler-quick-actions{display:flex;gap:.6rem;flex-wrap:wrap;padding:1rem 0 0}
.scheduler-month-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:1px;
  background:var(--ad-border);
}
.scheduler-month-head{
  background:var(--ad-surface2);
  padding:.85rem .5rem;
  text-align:center;
  color:var(--ad-text3);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.scheduler-month-cell{
  min-height:120px;
  padding:.85rem;
  background:var(--ad-surface);
  border:none;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:background .2s,border-color .2s,transform .15s;
}
.scheduler-month-cell:hover{background:var(--ad-surface2)}
.scheduler-month-cell.is-outside{opacity:.45}
.scheduler-month-cell.is-selected{box-shadow:inset 0 0 0 1px var(--ad-gold);background:rgba(255,255,255,.05)}
.scheduler-month-cell.is-today .scheduler-month-date{color:var(--ad-gold2)}
.scheduler-month-cell.is-blackout{background:rgba(255,69,58,.06)}
.scheduler-month-date{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--ad-text)}
.scheduler-month-meta{display:grid;gap:.35rem}
.scheduler-month-meta small{font-size:10px;color:var(--ad-text2);line-height:1.5}

@media (max-width: 900px){
  .scheduler-top-controls{justify-content:flex-start}
  .scheduler-period-label{min-width:unset;width:100%}
  .scheduler-month-grid{min-width:760px}
}


/* ADMIN TOOLS HUB + MODAL */
.admin-tools-hub{min-height:140px;display:flex;flex-direction:column;justify-content:center}
.admin-tools-head{margin-bottom:1rem}
.admin-tools-copy{font-size:11px;color:#8F867E;line-height:1.7;margin-top:.45rem;max-width:980px}
.admin-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.tool-launch-btn{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);color:#F5F5F5;border-radius:18px;min-height:56px;padding:0 1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.08em;cursor:pointer;transition:.2s ease}
.tool-launch-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.tool-launch-btn--settings{border-color:rgba(201,168,76,.28);color:rgba(201,168,76,.9)}
.tool-launch-btn--settings:hover{border-color:rgba(201,168,76,.55);background:rgba(201,168,76,.06)}


.admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,12,.78);backdrop-filter:blur(4px)}
.admin-tools-modal-panel {background:#000000;border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 26px 90px rgba(0,0,0,.45)}

.admin-tools-modal-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.tools-modal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}
.tools-form-card,.tools-list-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:1rem}
.tools-list-card.full{padding:1rem}
.tools-helper-text{font-size:11px;color:#8F867E;line-height:1.7;margin:.35rem 0 1rem}
.records-modal-list{display:grid;gap:.7rem}
.records-modal-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:.9rem 1rem}
.records-modal-main{display:flex;flex-direction:column;gap:.2rem}
.records-modal-main strong{color:#fff;font-size:12px}
.records-modal-main span{color:#c8cdd8;font-size:11px}
.records-modal-main small{color:#8F96A3;font-size:10px}
.records-modal-actions{display:flex;gap:.5rem;align-items:center}
.schedule-chip-list{display:grid;gap:.7rem;margin-top:.8rem}
.schedule-chip-item{display:flex;justify-content:space-between;gap:.8rem;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:.8rem .9rem}
.schedule-chip-item strong{display:block;color:#fff;font-size:11px}
.schedule-chip-item span{display:block;color:#c8cdd8;font-size:11px;margin-top:.15rem}
.schedule-chip-item small{display:block;color:#8F96A3;font-size:10px;margin-top:.2rem}
.tools-modal-section.hidden{display:none}
@media (max-width: 1100px){.admin-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-modal-grid{grid-template-columns:1fr}}
@media (max-width: 680px){.admin-tools-grid{grid-template-columns:1fr}

.records-modal-item,.schedule-chip-item,.admin-tools-modal-head{flex-direction:column;align-items:flex-start}}

.weekly-strip-modal{grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem}
.weekly-strip-modal .week-day-card{min-height:118px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.weekly-strip-modal .week-day-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
@media(max-width:960px){.weekly-strip-modal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.weekly-strip-modal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.weekly-strip-modal{grid-template-columns:1fr}}


/* V3 LIGHTER ADMIN TUNING */
:root{
  --ad-bg:#000000;
  --ad-card:#080808;
  --ad-surface:#050505;
  --ad-surface2:#080808;
  --ad-border:rgba(255,255,255,.10);
  --ad-border2:rgba(255,255,255,.18);
  --ad-text:#F4F7FD;
  --ad-text2:#C7D0E0;
  --ad-text3:#97A3BA;
}
.admin-topbar-page{background:rgba(17,24,39,.94)}
.admin-card,.admin-kpi,.agenda-item,.slot-form-card,.tools-form-card,.tools-list-card{box-shadow:0 10px 30px rgba(0,0,0,.14)}
.admin-tools-hub{padding:1.15rem 1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025))}
.admin-tools-head.clean{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}
.admin-tools-head.clean h3{margin:0;font-size:1.8rem}
.admin-tools-copy{color:var(--ad-text2);margin-top:0;font-size:12px}
.admin-tools-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.tool-launch-btn{min-height:62px;border-radius:16px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:var(--ad-text);font-size:11px;letter-spacing:.06em}
.tool-launch-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.tool-launch-btn--settings{border-color:rgba(201,168,76,.35) !important;color:rgba(201,168,76,.95) !important}
.tool-launch-btn--settings:hover{background:rgba(201,168,76,.1) !important;border-color:rgba(201,168,76,.6) !important}
.scheduler-board-wrap,.admin-table-wrap,.slot-quick-panel,.admin-tools-modal-panel{background:#050505;border-color:rgba(255,255,255,.12)}
.scheduler-cell{background:#050505}
.scheduler-cell.closed{background:#050505}
.scheduler-cell.is-selected-day{background:rgba(255,255,255,.03)}
.scheduler-time,.scheduler-corner,.scheduler-day-head,.admin-data-table th{background:#080808}
.scheduler-empty-slot{
  min-height:34px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px dashed rgba(255,255,255,.18);
  color:#ffffff;
  font-size:16px;
  font-weight:700;
  letter-spacing:0;
}
.scheduler-empty-slot:hover{background:rgba(243,246,251,.14);color:#fff;border-color:rgba(255,255,255,.34)}
.scheduler-item.booking{background:rgba(52,199,89,.22);color:#dff9e8;border-color:rgba(52,199,89,.34)}
.scheduler-item.block{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.15)}
.scheduler-day-head span,.scheduler-month-date,.agenda-title,.records-modal-main strong,.schedule-chip-item strong{color:#fff}
.records-modal-main span,.schedule-chip-item span,.admin-login-card-page p,.agenda-meta,.week-day-card small{color:var(--ad-text2)}
.week-day-card{background:#080808;border-color:rgba(255,255,255,.12)}
.admin-link-btn,.admin-pill,.mini-btn{background:rgba(255,255,255,.07);color:var(--ad-text)}
.admin-link-btn:hover,.admin-pill:hover,.mini-btn:hover{background:rgba(255,255,255,.12)}
@media(max-width:900px){.admin-tools-grid.compact{grid-template-columns:1fr}}


/* Front booking polish - mobile readability */
.booking-modal{
  background:linear-gradient(180deg, rgba(14,14,14,0.98) 0%, rgba(10,10,10,0.99) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:28px;
  box-shadow:0 24px 80px rgba(0,0,0,0.38);
}
.booking-summary{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:1rem 1.1rem}
.modal-nav{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1.5rem;flex-wrap:wrap}
.btn-next,.btn-back{min-height:48px;border-radius:14px}
.cal-day,.time-slot{border-radius:12px}
.time-slot{min-height:58px;display:flex;flex-direction:column;justify-content:center;background:#121212;color:#f2f2f2;border:1px solid rgba(255,255,255,0.08)}
.time-slot strong{font-size:13px;color:inherit}
.time-slot span{color:inherit}
.time-slot:hover:not(.taken){background:#f2f2f2;color:#0b0b0b;border-color:#f2f2f2}
.time-slot.selected{background:#f2f2f2 !important;color:#0b0b0b !important;border-color:#f2f2f2 !important;box-shadow:0 10px 24px rgba(255,255,255,0.14)}
.time-slot.selected strong,.time-slot.selected span{color:#0b0b0b !important}
.time-slot.taken{background:#181818;color:#6f6f6f;border-color:rgba(255,255,255,0.04);text-decoration:none;opacity:.65}
.calendar-wrap{border-radius:22px}
.cal-day{min-height:42px;display:flex;align-items:center;justify-content:center}
.cal-day.selected{box-shadow:0 10px 22px rgba(255,255,255,0.10)}


@media(max-width:768px){
.overlay {background:#090909}


.booking-modal {
    border-radius:0;
    border:none;
    box-shadow:none;
    background:#0b0b0b;
  }

  .modal-header{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#0b0b0b 80%, rgba(11,11,11,0.88) 100%);padding-bottom:.85rem;margin-bottom:1.2rem}
  .modal-logo{font-size:1.15rem;letter-spacing:.12em;color:#fff}
  .progress-bar{margin-bottom:1rem}
  .prog-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin-bottom:1.25rem}
  .prog-label{font-size:9px}
  .step-title-book{font-size:1.7rem;line-height:1.05}
  .step-subtitle{font-size:10px;line-height:1.7;margin-bottom:1.2rem}
  .options-grid{grid-template-columns:1fr;gap:.75rem}
  .option-card{padding:1rem 1rem 1rem 1.05rem;border-radius:16px}
  .option-card.selected{background:#f2f2f2;color:#0b0b0b;border-color:#f2f2f2;box-shadow:0 12px 28px rgba(255,255,255,0.12)}
  .option-card.selected .option-detail,.option-card.selected .option-price,.option-card.selected .option-name{color:#0b0b0b}
  .calendar-wrap{padding:1rem;border-radius:18px;margin-bottom:1rem;background:#101010}
  .cal-header{margin-bottom:1rem}
  .cal-month{font-size:1.15rem;color:#fff}
  .cal-nav{width:38px;height:38px;border-radius:12px;color:#fff;border-color:rgba(255,255,255,0.12)}
  .cal-grid{gap:6px}
  .cal-day-label{font-size:8px;padding:.35rem 0}
  .cal-day{font-size:12px;min-height:40px;background:#121212;color:#ddd;border:1px solid rgba(255,255,255,0.05)}
  .cal-day.today{border-color:rgba(255,255,255,0.16);color:#fff}
  .cal-day.selected{background:#242529;color:#ffffff;border-color:#242529}
  #time-section{margin-top:.25rem}
  .time-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
  .booking-summary{padding:.9rem 1rem;border-radius:16px}
  .summary-row{padding:.45rem 0}
  .form-row{grid-template-columns:1fr;gap:.75rem}
  .form-group input,.form-group textarea,.form-group select{min-height:48px;border-radius:14px;background:#111;border:1px solid rgba(255,255,255,0.09);color:#fff}
  .form-group textarea{min-height:110px}
  .modal-nav{position:sticky;bottom:0;z-index:4;background:linear-gradient(180deg, rgba(11,11,11,0) 0%, #0b0b0b 22%);padding-top:1rem;padding-bottom:max(.25rem, env(safe-area-inset-bottom))}
  .modal-nav .btn-next,.modal-nav .btn-back{flex:1}
}

/* V7 ADMIN RESPONSIVE TUNING */
.admin-page-body{overflow-x:hidden}
.admin-topbar-page{position:sticky;top:0;z-index:1100}
.admin-link-btn,.admin-pill,.mini-btn,.tool-launch-btn,.scheduler-add-btn{min-height:44px}
.scheduler-board-wrap,.admin-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
.admin-table-wrap{border-radius:20px}
.scheduler-grid{min-width:980px}
.scheduler-month-grid{min-width:840px}


.slot-quick-grid{align-items:start}
.mini-actions{display:flex;gap:.45rem;flex-wrap:wrap}
.mini-actions .mini-btn{flex:0 0 auto}
.admin-search{max-width:100%;width:320px}

@media (max-width: 1180px){


  .admin-main-grid{grid-template-columns:1fr}
  .admin-side-stack{grid-template-columns:1fr}
  .admin-tools-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scheduler-top-controls{width:100%;justify-content:flex-start}
}

@media (max-width: 900px){


  .admin-topbar-inner{gap:.75rem}
  .admin-brand{font-size:13px;line-height:1.5}
  .admin-toolbar{gap:.85rem}
  .admin-toolbar > div:first-child{width:100%}
  .admin-toolbar-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%}
  .scheduler-top-controls{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:100%}
  .scheduler-top-controls > .admin-toolbar-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .scheduler-period-label{grid-column:1/-1;order:3}
  .scheduler-add-btn{grid-column:1/-1;order:4;width:100%}
  .scheduler-quick-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .slot-quick-grid{grid-template-columns:1fr}


  .admin-data-table td > *{max-width:none}
}

@media (max-width: 640px){


  .admin-card{padding:.9rem;border-radius:16px}
  .admin-kpis{grid-template-columns:1fr 1fr;gap:.65rem}
  .admin-kpi{padding:.85rem .9rem}
  .admin-toolbar-group,
  .scheduler-top-controls,
  .scheduler-top-controls > .admin-toolbar-group,
  .scheduler-quick-actions,
  .admin-tools-grid.compact{grid-template-columns:1fr !important}
  .admin-pill,.admin-link-btn,.mini-btn,.tool-launch-btn,.scheduler-add-btn{width:100%;justify-content:center}
  .admin-search{width:100%;min-width:0}
  .scheduler-board-wrap,.admin-table-wrap{margin-inline:0;border-radius:16px}
  .scheduler-grid{min-width:760px}
  .scheduler-month-grid{min-width:700px}
  .scheduler-month-cell{min-height:100px;padding:.65rem}
  .scheduler-month-date{font-size:1.3rem}
  .scheduler-empty-slot{min-height:30px;font-size:15px}


  .slot-quick-top{gap:.75rem}
  .day-agenda{gap:.6rem}
  .agenda-item{padding:.85rem}
  .agenda-top{gap:.6rem;flex-direction:column;align-items:flex-start}
  .mini-actions{display:grid;grid-template-columns:1fr 1fr}
  .mini-actions .mini-btn{width:100%}
  .admin-data-table td{display:block;text-align:left;padding:.45rem 0}
  .admin-data-table td::before{display:block;margin-bottom:.2rem;flex:none}
  .admin-data-table td[data-label="Ενέργειες"] .mini-actions{grid-template-columns:1fr}
.admin-drawer-panel {border-radius:0}

  .admin-drawer-head{position:static;background:var(--ad-card);padding-bottom:.75rem}
.admin-tools-modal-panel {border-radius:0}

  .admin-tools-modal-head{position:sticky;top:0;background:#000000;z-index:2;padding-bottom:.75rem}
}

@media (max-width: 420px){
  .admin-kpis{grid-template-columns:1fr}
  .mini-actions{grid-template-columns:1fr}
  .scheduler-grid{min-width:690px}
  .scheduler-month-grid{min-width:640px}
  .week-day-card{min-height:92px}
}


/* v8 mobile header space optimization */
@media (max-width: 1024px) {
  .admin-topbar-page {
    position: relative !important;
  }

  .admin-page-shell {
    padding-top: 0 !important;
  }


}

@media (max-width: 1024px) and (orientation: landscape) {
  .admin-topbar-page {
    display: none !important;
  }

  .admin-page-shell {
    padding-top: 0 !important;
  }


}

@media (max-width: 768px) {
  .admin-topbar-inner {
    padding: 10px 12px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .admin-brand {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .admin-top-actions {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .admin-top-actions .admin-link-btn {
    flex: 1 1 calc(50% - 8px) !important;
    min-height: 40px !important;
    justify-content: center !important;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .admin-topbar-page {
    display: none !important;
  }
}


/* uploaded logo in header */
.nav-logo{display:flex;align-items:center}
.nav-logo img{display:block;height:34px;width:auto;max-width:240px;object-fit:contain}
.admin-brand{display:flex;align-items:center;min-width:0}
.admin-brand img{display:block;height:34px;width:auto;max-width:260px;object-fit:contain}
@media (max-width: 1024px){
  .nav-logo img{height:30px;max-width:190px}
  .admin-brand img{height:30px;max-width:210px}
}
@media (max-width: 768px){
  .nav-logo img{height:26px;max-width:160px}
  .admin-brand img{height:26px;max-width:170px}
}
@media (max-width: 768px) and (orientation: landscape){
  .admin-brand img{height:24px;max-width:150px}
}


/* v10 admin + booking polish */
body.admin-page-body{
  background:#000 !important;
  color:#fff !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
body.admin-page-body h1,
body.admin-page-body h2,
body.admin-page-body h3,
body.admin-page-body h4,
body.admin-page-body h5,
body.admin-page-body h6,
body.admin-page-body .admin-brand,
body.admin-page-body .admin-kpi-value,
body.admin-page-body .scheduler-period-label{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
  color: #fff !important;
}
body.admin-page-body .admin-sub,
body.admin-page-body .admin-link-btn,
body.admin-page-body .admin-pill,
body.admin-page-body .mini-btn,
body.admin-page-body .btn-next,
body.admin-page-body .btn-primary,
body.admin-page-body .btn-outline,
body.admin-page-body label,
body.admin-page-body input,
body.admin-page-body textarea,
body.admin-page-body select,
body.admin-page-body table,
body.admin-page-body .scheduler-legend span,
body.admin-page-body .booking-details,
body.admin-page-body .records-modal-main span,
body.admin-page-body .records-modal-main small{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
:root{
  --ad-bg:#000000;
  --ad-surface:#050505;
  --ad-surface2:#0b0b0b;
  --ad-card:#0a0a0a;
  --ad-border:rgba(255,255,255,0.09);
  --ad-border2:rgba(255,255,255,0.16);
  --ad-text:#ffffff;
  --ad-text2:#dddddd;
  --ad-text3:#9a9a9a;
  --ad-gold:#ffffff;
  --ad-gold2:#ffffff;
}
.admin-topbar-page{background:rgba(0,0,0,0.96)!important;border-bottom:1px solid rgba(255,255,255,0.1)!important}
.admin-wrap,.admin-page-shell{background:transparent!important}
.admin-card,.admin-login-card-page,.scheduler-board,.slot-quick-panel,.admin-drawer-panel,.admin-tools-modal-panel,.tools-form-card,.tools-list-card,.admin-kpi{background:#080808!important;border-color:rgba(255,255,255,0.1)!important;box-shadow:none!important}
.admin-brand img{height:46px!important;max-width:340px!important}
.nav-logo img{height:44px!important;max-width:320px!important}
body:not(.admin-authenticated) #admin-logout-top{display:none!important}
body.admin-page-body .admin-link-btn:hover,
body.admin-page-body .admin-pill:hover,
body.admin-page-body .mini-btn:hover{background:rgba(255,255,255,0.08)!important;color:#fff!important}
body.admin-page-body .admin-pill.active,
body.admin-page-body .btn-primary,
body.admin-page-body .btn-next,
body.admin-page-body .scheduler-add-btn{background:#fff!important;color:#000!important;border-color:#fff!important}
body.admin-page-body .admin-pill.active:hover,
body.admin-page-body .btn-primary:hover,
body.admin-page-body .btn-next:hover,
body.admin-page-body .scheduler-add-btn:hover{opacity:.92}
body.admin-page-body input,body.admin-page-body textarea,body.admin-page-body select,body.admin-page-body .admin-search,body.admin-page-body .admin-date-input{background:#000!important;color:#fff!important;border-color:rgba(255,255,255,0.14)!important}
body.admin-page-body input::placeholder,body.admin-page-body textarea::placeholder{color:#8c8c8c!important}
body.admin-page-body .scheduler-day-head.active,body.admin-page-body .scheduler-month-cell.active{background:#fff!important}
body.admin-page-body .scheduler-day-head.active strong,body.admin-page-body .scheduler-day-head.active span,body.admin-page-body .scheduler-month-cell.active .scheduler-month-date{color:#000!important}
body.admin-page-body .scheduler-empty-slot{background:transparent!important;border:1px dashed rgba(255,255,255,0.18)!important;color:#fff!important}
body.admin-page-body .scheduler-empty-slot:hover{background:#fff!important;color:#000!important;border-color:#fff!important}
body.admin-page-body .admin-table-wrap,body.admin-page-body .admin-data-table,body.admin-page-body .admin-data-table thead,body.admin-page-body .admin-data-table tbody tr,body.admin-page-body .admin-data-table td,body.admin-page-body .admin-data-table th{background:#080808!important;color:#fff!important;border-color:rgba(255,255,255,0.08)!important}
body.admin-page-body .admin-data-table tbody tr:hover td{background:#101010!important}
@media (max-width:1024px){
  .admin-brand img{height:42px!important;max-width:300px!important}
  .nav-logo img{height:40px!important;max-width:270px!important}
}
@media (max-width:768px){
  .admin-brand img{height:38px!important;max-width:250px!important}
  .nav-logo img{height:36px!important;max-width:220px!important}
  .cal-day.selected{background:#242529!important;color:#ffffff!important;border-color:#242529!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important}
  .cal-day.selected *{color:#ffffff!important}
  .cal-day{overflow:hidden;border-radius:12px!important}
}


/* v11 calendar style closer to reference */
body.admin-page-body .scheduler-card{
  background:#050505 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:26px !important;
}
body.admin-page-body .scheduler-legend,
body.admin-page-body .scheduler-quick-actions {
  display:none !important;
}

body.admin-page-body .scheduler-card .admin-toolbar{
  align-items:center;
  gap:1rem;
  padding-bottom:.4rem;
}
body.admin-page-body .scheduler-card h2{
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height:1;
  letter-spacing:-0.04em;
  color:#fff;
  margin:0;
}
body.admin-page-body .scheduler-card .admin-sub{display:none !important}
body.admin-page-body .scheduler-top-controls{justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap}
body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child{order:2;}
body.admin-page-body .scheduler-period-label{
  order:1;
  min-width:auto;
  font-family: Inter, system-ui, sans-serif !important;
  font-size:1rem;
  color:rgba(255,255,255,.8);
  background:transparent !important;
  border:none !important;
  padding:0 .35rem;
}
body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{
  order:3;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:.2rem;
  gap:.2rem;
}
body.admin-page-body .admin-pill{
  background:transparent !important;
  border:1px solid transparent !important;
  color:rgba(255,255,255,.72) !important;
  border-radius:999px !important;
  min-height:38px;
  padding:.5rem .95rem !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size:.92rem !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.admin-page-body .admin-pill.active{background:#f3f3f3 !important;color:#000 !important;box-shadow:0 1px 0 rgba(255,255,255,.1) inset;}
body.admin-page-body #calendar-prev-period,
body.admin-page-body #calendar-next-period,
body.admin-page-body #calendar-today{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.08) !important;color:#fff !important}
body.admin-page-body #scheduler-new-booking{border-radius:999px !important;min-height:42px;padding:.65rem 1.1rem !important}
body.admin-page-body .scheduler-board-wrap{background:#050505 !important;border:none !important;padding-top:.6rem}
body.admin-page-body .scheduler-board,
body.admin-page-body .scheduler-month-grid{background:#111 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:22px !important;overflow:hidden}
body.admin-page-body .scheduler-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:1200px}
body.admin-page-body .scheduler-month-head{background:#111 !important;color:rgba(255,255,255,.82) !important;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-family: Inter, system-ui, sans-serif !important;font-size:.95rem;font-weight:500;min-height:52px;display:flex;align-items:center;justify-content:flex-start;padding:0 .85rem}
body.admin-page-body .scheduler-month-cell{min-height:160px !important;background:#111 !important;border-right:1px solid rgba(255,255,255,.08) !important;border-bottom:1px solid rgba(255,255,255,.08) !important;border-radius:0 !important;padding:.75rem .85rem !important;align-items:flex-start;justify-content:flex-start;gap:.5rem}
body.admin-page-body .scheduler-month-cell:hover{background:#151515 !important}
body.admin-page-body .scheduler-month-cell.is-outside{background:#0d0d0d !important;opacity:.5}
body.admin-page-body .scheduler-month-cell.is-selected,body.admin-page-body .scheduler-month-cell.active{box-shadow:none !important;background:#181818 !important}
body.admin-page-body .scheduler-month-date{font-family: Inter, system-ui, sans-serif !important;font-size:1.6rem !important;font-weight:500;line-height:1;color:#fff !important}
body.admin-page-body .scheduler-month-cell.is-selected .scheduler-month-date,body.admin-page-body .scheduler-month-cell.active .scheduler-month-date{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .45rem;border-radius:999px;background:#ff453a;color:#fff !important}
body.admin-page-body .scheduler-month-cell.is-today:not(.is-selected) .scheduler-month-date{color:#fff !important}
body.admin-page-body .scheduler-month-meta{width:100%;gap:.38rem}
body.admin-page-body .scheduler-month-meta small{font-family: Inter, system-ui, sans-serif !important;font-size:.78rem;color:rgba(255,255,255,.72) !important;line-height:1.4;padding:.18rem .45rem;border-radius:999px;background:rgba(181,52,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.admin-page-body .scheduler-month-meta small:empty{display:none}
body.admin-page-body .scheduler-grid{min-width:1160px}
body.admin-page-body .scheduler-time,body.admin-page-body .scheduler-corner,body.admin-page-body .scheduler-day-head,body.admin-page-body .scheduler-cell{border-color:rgba(255,255,255,.08) !important}
body.admin-page-body .scheduler-time,body.admin-page-body .scheduler-corner,body.admin-page-body .scheduler-day-head{background:#111 !important}
body.admin-page-body .scheduler-cell{background:#101010 !important}
body.admin-page-body .scheduler-empty-slot{border:1px dashed rgba(255,255,255,.18) !important;color:rgba(255,255,255,.9) !important}
body.admin-page-body .scheduler-empty-slot:hover{background:#fff !important;color:#000 !important}
@media (max-width: 1024px){body.admin-page-body .scheduler-card h2{font-size:2.2rem}body.admin-page-body .scheduler-top-controls{justify-content:flex-start}body.admin-page-body .scheduler-period-label{width:100%;padding-left:0}body.admin-page-body .scheduler-month-grid{min-width:980px}}
@media (max-width: 768px){body.admin-page-body .scheduler-card h2{font-size:1.8rem}body.admin-page-body .scheduler-top-controls{display:flex !important;gap:.6rem}body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child{order:2;width:100%;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr))}body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{order:3}body.admin-page-body .scheduler-period-label{order:1;font-size:.95rem}body.admin-page-body #scheduler-new-booking{order:4;width:100%}body.admin-page-body .scheduler-month-grid{min-width:860px}body.admin-page-body .scheduler-month-cell{min-height:128px !important;padding:.6rem !important}body.admin-page-body .scheduler-month-date{font-size:1.25rem !important}}


/* v13 calendar polish */
body.admin-page-body .scheduler-board{overflow:visible}
body.admin-page-body .scheduler-month-grid.calendar-animate{animation:calendarFadeSlide .22s ease}
@keyframes calendarFadeSlide{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body.admin-page-body .scheduler-top-controls{gap:.7rem !important;align-items:center !important}
body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child,
body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{background:#111 !important;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.22rem;gap:.25rem}
body.admin-page-body .scheduler-top-controls .admin-pill{min-height:40px;border-radius:999px !important;padding:0 .95rem !important;border:none !important;background:transparent !important;color:rgba(255,255,255,.78) !important;font-family:Inter,system-ui,sans-serif !important;font-size:.9rem !important;letter-spacing:0 !important;text-transform:none !important}
body.admin-page-body .scheduler-top-controls .admin-pill.active,
body.admin-page-body .scheduler-top-controls .admin-pill:hover{background:#2a2a2a !important;color:#fff !important}
body.admin-page-body #calendar-today{background:#1b1b1b !important;color:#fff !important}
body.admin-page-body #scheduler-new-booking{min-height:42px;border-radius:999px !important;padding:0 1rem !important}
body.admin-page-body .scheduler-period-label{font-family:Inter,system-ui,sans-serif !important;font-size:.78rem !important;font-weight:500 !important;letter-spacing:.04em !important;color:rgba(255,255,255,.45) !important;padding:.15rem 0 .35rem !important;text-transform:uppercase !important}
body.admin-page-body .scheduler-month-grid{min-width:1200px}
body.admin-page-body .scheduler-month-cell{position:relative;min-height:174px !important;transition:background .18s ease,transform .18s ease}
body.admin-page-body .scheduler-month-cell:hover{background:#141414 !important}
body.admin-page-body .scheduler-month-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
body.admin-page-body .scheduler-month-date-btn{appearance:none;border:none;background:transparent;padding:0;cursor:pointer}
body.admin-page-body .scheduler-month-cell.is-selected{background:#161616 !important}
body.admin-page-body .scheduler-month-cell.is-selected .scheduler-month-date{background:#fff !important;color:#000 !important}
body.admin-page-body .scheduler-month-cell.is-today:not(.is-selected) .scheduler-month-date{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;background:#ff453a}
body.admin-page-body .scheduler-month-add{appearance:none;border:none;background:rgba(255,255,255,.08);color:#fff;width:28px;height:28px;border-radius:999px;font-size:1.05rem;line-height:1;cursor:pointer}
body.admin-page-body .scheduler-month-add:hover{background:#fff;color:#000}
body.admin-page-body .scheduler-month-events{width:100%;display:grid;gap:.35rem;margin-top:.25rem}
body.admin-page-body .scheduler-month-pill,
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-more{width:100%;border:none;border-radius:999px;padding:.28rem .5rem;text-align:left;cursor:pointer;font-family:Inter,system-ui,sans-serif}
body.admin-page-body .scheduler-month-pill{display:flex;align-items:center;gap:.4rem;background:#b030ff;color:#fff;min-height:26px}
body.admin-page-body .scheduler-month-pill span{font-size:.73rem;opacity:.92;white-space:nowrap}
body.admin-page-body .scheduler-month-pill strong{font-size:.76rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.admin-page-body .scheduler-month-pill.is-block-pill{background:#364152}
body.admin-page-body .scheduler-month-pill.is-blackout-pill{background:#7f1d1d}
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-more{background:transparent;color:rgba(255,255,255,.75);border:1px dashed rgba(255,255,255,.12);font-size:.76rem}
body.admin-page-body .scheduler-month-more:hover,
body.admin-page-body .scheduler-month-empty:hover{background:#fff;color:#000;border-color:#fff}
@media (max-width:1024px){body.admin-page-body .scheduler-period-label{font-size:.78rem !important}body.admin-page-body .scheduler-month-cell{min-height:150px !important}}
@media (max-width:768px){body.admin-page-body .scheduler-month-grid{min-width:840px}body.admin-page-body .scheduler-month-cell{min-height:128px !important}body.admin-page-body .scheduler-month-pill strong{font-size:.72rem}}


/* v14 week calendar polish + live refresh friendly UI */
body.admin-page-body .scheduler-grid{
  min-width:1280px;
  background:#0f0f10;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  overflow:hidden;
}
body.admin-page-body .scheduler-corner,
body.admin-page-body .scheduler-time,
body.admin-page-body .scheduler-day-head,
body.admin-page-body .scheduler-cell{
  background:#111 !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
body.admin-page-body .scheduler-corner{background:#0c0c0d !important}
body.admin-page-body .scheduler-time{
  color:rgba(255,255,255,.55) !important;
  font-family:Inter,system-ui,sans-serif !important;
  font-size:.78rem;
  justify-content:flex-start;
  padding-left:.85rem;
}
body.admin-page-body .scheduler-day-head{
  min-height:76px;
  align-items:flex-start;
  justify-content:flex-start;
  padding:.9rem .85rem;
  gap:.2rem;
}
body.admin-page-body .scheduler-day-head strong{
  font-family:Inter,system-ui,sans-serif !important;
  font-size:.82rem;
  font-weight:600;
  letter-spacing:0;
  color:rgba(255,255,255,.72) !important;
}
body.admin-page-body .scheduler-day-head span{
  font-family:Inter,system-ui,sans-serif !important;
  font-size:1.45rem;
  line-height:1;
  color:#fff !important;
}
body.admin-page-body .scheduler-day-head.active{background:#161616 !important}
body.admin-page-body .scheduler-day-head.active span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:36px;border-radius:999px;
  background:#fff;color:#000 !important;padding:0 .4rem;
}
body.admin-page-body .scheduler-day-head.blackout{background:rgba(255,69,58,.08) !important}
body.admin-page-body .scheduler-cell{
  position:relative;
  min-height:72px;
  background:#111 !important;
}
body.admin-page-body .cell-time-label{
  position:absolute;
  top:4px;
  right:6px;
  font-size:9px;
  font-family:Inter,system-ui,sans-serif;
  color:rgba(255,255,255,.22);
  letter-spacing:.04em;
  pointer-events:none;
  user-select:none;
  line-height:1;
}
body.admin-page-body .scheduler-cell:hover{background:#141414 !important}
body.admin-page-body .scheduler-cell.is-selected-day{background:#121212 !important}
body.admin-page-body .scheduler-cell.current-time-slot{box-shadow:inset 3px 0 0 #ff453a}
body.admin-page-body .scheduler-item{
  border-radius:12px;
  min-height:42px;
  box-shadow:none;
  font-family:Inter,system-ui,sans-serif !important;
}
body.admin-page-body .scheduler-item.booking{
  background:rgba(181,52,255,.34) !important;
  border:1px solid rgba(181,52,255,.22) !important;
  color:#fff !important;
}
body.admin-page-body .scheduler-item.block{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
}
body.admin-page-body .scheduler-item small{color:rgba(255,255,255,.72) !important}
body.admin-page-body .scheduler-empty-slot{
  width:34px;height:34px;min-height:34px;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  font-size:1.15rem;
}
body.admin-page-body .scheduler-empty-slot.always-visible{background:rgba(255,255,255,.04) !important}
body.admin-page-body .scheduler-empty-slot:hover{background:#fff !important;color:#000 !important;border-color:#fff !important}
body.admin-page-body .scheduler-card .scheduler-board-wrap{overflow:auto;padding-bottom:.25rem}
@media (max-width: 1024px){
  body.admin-page-body .scheduler-grid{min-width:1120px}
  body.admin-page-body .scheduler-day-head{min-height:72px;padding:.75rem .7rem}
  body.admin-page-body .scheduler-day-head span{font-size:1.25rem}
}
@media (max-width: 768px){
  body.admin-page-body .scheduler-grid{min-width:980px}
  body.admin-page-body .scheduler-time{padding-left:.55rem;font-size:.72rem}
  body.admin-page-body .scheduler-day-head{min-height:66px;padding:.65rem .6rem}
  body.admin-page-body .scheduler-day-head span{font-size:1.05rem}
  body.admin-page-body .scheduler-empty-slot{width:30px;height:30px;min-height:30px;font-size:1rem}
}


/* v15 week/month color + centered plus + edit affordance */
body.admin-page-body .scheduler-day-head{background:#141414 !important;border-right:1px solid rgba(255,255,255,.08) !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
body.admin-page-body .scheduler-day-head strong{color:rgba(255,255,255,.66) !important;font-family:Inter,system-ui,sans-serif !important;font-size:.75rem !important;letter-spacing:.08em}
body.admin-page-body .scheduler-day-head span{color:#fff !important;font-family:Inter,system-ui,sans-serif !important;font-size:1.1rem !important;font-weight:600}
body.admin-page-body .scheduler-day-head.active{background:#1c1c1c !important}
body.admin-page-body .scheduler-day-head.active span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .55rem;border-radius:999px;background:#fff;color:#000 !important}
body.admin-page-body .scheduler-day-head.blackout{background:#1a1111 !important}
body.admin-page-body .scheduler-time{color:rgba(255,255,255,.54) !important}
body.admin-page-body .scheduler-cell{background:#101010 !important}
body.admin-page-body .scheduler-cell.is-selected-day{background:#121212 !important}
body.admin-page-body .scheduler-cell.current-time-slot{background:rgba(255,255,255,.025) !important}
body.admin-page-body .scheduler-item{cursor:pointer !important;box-shadow:0 10px 22px rgba(0,0,0,.18)}
body.admin-page-body .scheduler-item:hover{transform:translateY(-1px);filter:brightness(1.05)}
body.admin-page-body .scheduler-empty-slot, body.admin-page-body .scheduler-month-add{display:flex !important;align-items:center !important;justify-content:center !important}
body.admin-page-body .scheduler-empty-slot{margin-inline:auto !important;text-align:center !important;border-radius:999px !important}
body.admin-page-body .scheduler-month-add{width:30px !important;height:30px !important;place-self:center}
body.admin-page-body .scheduler-month-top{align-items:center !important}
body.admin-page-body .scheduler-month-cell{background:#101010 !important}
body.admin-page-body .scheduler-month-cell:hover{background:#151515 !important}
body.admin-page-body .scheduler-month-head{background:#111 !important;color:rgba(255,255,255,.7) !important}
body.admin-page-body .scheduler-month-date-btn{display:inline-flex;align-items:center;justify-content:center}
body.admin-page-body .scheduler-month-cell.is-selected .scheduler-month-date{background:#fff !important;color:#000 !important}
body.admin-page-body .scheduler-month-pill{cursor:pointer !important}
body.admin-page-body .field-help{display:block;margin-top:.45rem;color:rgba(255,255,255,.54);font-size:.78rem;line-height:1.4}
body.admin-page-body #drawer-form select[name="booking_time"]{appearance:none;background:#0f0f0f;color:#fff;border:1px solid rgba(255,255,255,.12);min-height:48px}
body.admin-page-body #drawer-form select[name="booking_time"] option{background:#111;color:#fff}


.notifications-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#c62828;color:#fff;font-size:11px;font-weight:700;margin-left:6px;box-shadow:0 0 0 3px rgba(198,40,40,.18);animation:notif-badge-pop .25s ease}
.notifications-badge.hidden{display:none!important}
@keyframes notif-badge-pop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.notifications-panel {flex-direction:column;background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.6)}


.notifications-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1rem .6rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}
.notifications-list{display:grid;gap:.55rem;overflow-y:auto;padding:.8rem 1rem 1rem}
.notification-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.22rem;cursor:pointer;transition:background .15s,border-color .15s}
.notification-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13)}
.notification-item.is-unread{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.06)}
.notification-item.is-unread::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9a84c;margin-bottom:.15rem;align-self:flex-start}
.notification-item-type{display:flex;align-items:center;gap:.3rem;margin-bottom:.1rem}
.notification-item strong{color:#fff;font-size:13px;font-weight:600;line-height:1.3}
.notification-item span{color:rgba(255,255,255,.62);font-size:12px;line-height:1.45}
.notification-item small{color:rgba(255,255,255,.3);font-size:10px;margin-top:.1rem}
.notification-item-actions{margin-top:.35rem}
.notification-empty{padding:1.2rem;border:1px dashed rgba(255,255,255,.1);border-radius:14px;color:rgba(255,255,255,.4);font-size:13px;text-align:center}
@media (max-width:768px){


}


/* v18 sidebar + clients + analytics */
.admin-app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;align-items:start}
.admin-sidebar {background:#0a0a0a;border:1px solid rgba(255,255,255,.06);border-radius:24px}

.admin-sidebar-brand{display:flex;flex-direction:column;gap:.2rem;padding:.35rem .2rem 1rem}.admin-sidebar-brand strong{font-size:18px;color:#fff}.admin-sidebar-brand span{font-size:11px;color:#9e9e9e}
.admin-sidebar-nav{display:flex;flex-direction:column;gap:.55rem}.admin-side-link{background:#111;border:1px solid rgba(255,255,255,.07);color:#f3f3f3;border-radius:16px;padding:.85rem 1rem;text-align:left;cursor:pointer;font-family:inherit}.admin-side-link.active,.admin-side-link:hover{background:#fff;color:#111}

.admin-view-pane.hidden{display:none}
.slot-form-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}
.clients-list{display:grid;gap:.8rem}.client-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1rem}.client-card-main{display:flex;flex-direction:column;gap:.25rem}.client-card-main strong{color:#fff;font-size:14px}.client-card-main span{color:#d6d6d6;font-size:12px}.client-card-main small{color:#9e9e9e;font-size:11px}.client-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.clients-modal-panel{max-width:920px}.clients-modal-toolbar{margin-bottom:.8rem}.clients-list.compact .client-card{padding:.85rem}.analytics-shell{overflow:hidden}.analytics-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:1rem}.analytics-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:1rem}.analytics-card-wide{grid-column:auto}.analytics-bars{display:grid;gap:.8rem;margin-top:.8rem}.analytics-bar-row{display:grid;grid-template-columns:140px 1fr 48px;gap:.8rem;align-items:center;color:#fff;font-size:12px}.analytics-bar{height:10px;background:#1d1d1d;border-radius:999px;overflow:hidden}.analytics-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffffff,#bfbfbf);border-radius:999px}.analytics-metric-list{display:grid;gap:.65rem;margin-top:.8rem}.analytics-mini{background:#0c0c0c;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:.8rem}.analytics-mini strong{display:block;color:#fff;font-size:20px;margin-bottom:.15rem}.analytics-mini span{color:#bdbdbd;font-size:12px}
@media (max-width: 1100px){.admin-app-layout{grid-template-columns:1fr}

.analytics-grid{grid-template-columns:1fr}.client-card{flex-direction:column;align-items:flex-start}}


/* v20 sidebar + plus fixes */
.admin-topbar-inner{gap:1rem}
.sidebar-toggle{display:none}


.admin-sidebar-close{display:none;align-self:flex-end;background:transparent;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:12px;width:40px;height:40px;cursor:pointer}
.admin-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.22s ease;z-index:1198}
.admin-sidebar-overlay.active{opacity:1;pointer-events:auto}
.scheduler-month-empty,.scheduler-month-add,.scheduler-empty-slot.always-visible{display:flex;align-items:center;justify-content:center;text-align:center}
.scheduler-empty-slot.always-visible{font-size:18px;font-weight:700}
.slot-quick-panel:not(.hidden){display:block}
@media (min-width: 1101px){
  .admin-app-layout{grid-template-columns:240px minmax(0,1fr)!important}


}
@media (max-width: 1100px){
  .sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center}
  .admin-app-layout{grid-template-columns:1fr!important}
.admin-sidebar {border-radius:0 24px 24px 0}


  .admin-sidebar-close{display:inline-flex;align-items:center;justify-content:center}
  body.sidebar-open{overflow:hidden}
  .admin-top-actions{gap:.5rem;flex-wrap:wrap}
  .admin-top-actions .admin-link-btn{min-height:42px}
}
@media (max-width: 768px){
  .admin-topbar-inner{align-items:flex-start}
  .admin-brand img{max-height:54px!important}
  .admin-top-actions{width:100%}
  .admin-top-actions .admin-link-btn{flex:1 1 calc(50% - .5rem)}


  .scheduler-month-grid{min-width:860px}
  .scheduler-board-wrap{overflow:auto}
  .scheduler-card{overflow:hidden}
  .slot-form-head{flex-direction:column;align-items:stretch}
}


/* v23 admin layout repair */
body.admin-page-body{background:#050505}
.admin-page-shell{padding:0 0 2rem!important}
.admin-app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;align-items:start}


.admin-login-card-page{
  grid-column:1 / -1 !important;
  max-width:520px !important;
  width:100%;
  margin:5rem auto 0 !important;
  justify-self:center;
}
body.admin-page-body:not(.admin-authenticated) .admin-app-layout{
  display:block !important;
}
body.admin-page-body:not(.admin-authenticated) .admin-topbar-inner{
  justify-content:center;
}
body.admin-page-body:not(.admin-authenticated) .admin-top-actions{
  justify-content:center;
}
.admin-sidebar {
  align-self:start;
  background:#0a0a0a !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.22);
}

.admin-sidebar-brand{
  padding:.25rem .25rem .85rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:.85rem;
}
.admin-sidebar-brand strong{font-size:16px;line-height:1.2}
.admin-sidebar-brand span{font-size:11px;line-height:1.4}
.admin-sidebar-nav{gap:.6rem}
.admin-side-link{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:.9rem 1rem;
  border-radius:16px;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.admin-side-link:hover{transform:translateY(-1px)}
.admin-topbar-page{
  position:sticky;
  top:0;
  z-index:1100;
  background:rgba(5,5,5,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-topbar-inner{
  max-width:1420px;
  margin:0 auto;
  padding:1rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.admin-top-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.65rem;
}
.admin-brand img{
  display:block;
  height:42px;
  width:auto;
  object-fit:contain;
}
.admin-link-btn.sidebar-toggle{display:none}


@media (max-width: 1180px){
  .admin-app-layout{grid-template-columns:230px minmax(0,1fr)}
  .admin-topbar-inner{padding:.9rem 1rem}


}

@media (max-width: 900px){
  .admin-link-btn.sidebar-toggle{display:inline-flex}
  .admin-app-layout{grid-template-columns:1fr!important}
.admin-sidebar {
    border-radius:0 24px 24px 0;
  }


  .admin-sidebar-close{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-left:auto;
  }
  .admin-sidebar-overlay.active{opacity:1;pointer-events:auto}
  .admin-content-area{width:100%}
  .admin-login-card-page{
    margin:2rem auto 0 !important;
    padding:1.35rem !important;
  }
  .admin-topbar-inner{align-items:flex-start}
}

@media (max-width: 768px){


  .admin-topbar-inner{padding:.8rem .8rem}
  .admin-top-actions{width:100%;justify-content:flex-start}
  .admin-top-actions .admin-link-btn{
    min-height:42px;
  }
  .admin-brand img{height:36px}
  .admin-login-card-page{
    max-width:100% !important;
    margin:1rem auto 0 !important;
  }
  .admin-kpis{grid-template-columns:1fr 1fr}
  .admin-toolbar{gap:.75rem}
  .admin-toolbar-group{width:100%;flex-wrap:wrap}
  .scheduler-top-controls{width:100%;justify-content:flex-start}
  .admin-card{border-radius:18px}
}

@media (max-width: 560px){
  .admin-kpis{grid-template-columns:1fr}
  .admin-top-actions .admin-link-btn{
    flex:1 1 calc(50% - .5rem);
    justify-content:center;
  }


}

/* v24 desktop sidebar + responsive calendar repair */
@media (min-width: 901px){
  body.admin-page-body .admin-page-shell{padding:0 0 1.5rem!important}


  body.admin-page-body .admin-app-layout{grid-template-columns:280px minmax(0,1fr) !important; gap:1.25rem !important}
body.admin-page-body .admin-sidebar {
    border-radius:24px !important;
  }

body.admin-page-body .admin-content-area { width:100% !important}

  body.admin-page-body .scheduler-card,
  body.admin-page-body .admin-card{width:100% !important}
  body.admin-page-body .scheduler-board-wrap{overflow:visible !important}
  body.admin-page-body .scheduler-board{min-width:0 !important; width:100% !important}
  body.admin-page-body .scheduler-month-grid{min-width:0 !important; width:100% !important; grid-template-columns:repeat(7,minmax(0,1fr)) !important}
  body.admin-page-body .scheduler-grid{min-width:0 !important; width:100% !important}
  body.admin-page-body .scheduler-month-cell{min-height:148px !important}
  body.admin-page-body .admin-main-grid{grid-template-columns:minmax(0,1fr) 380px !important}
}

@media (min-width: 1200px){


  body.admin-page-body .admin-app-layout{grid-template-columns:292px minmax(0,1fr) !important}


  body.admin-page-body .admin-main-grid{grid-template-columns:minmax(0,1fr) 420px !important}
  body.admin-page-body .scheduler-month-cell{min-height:164px !important}
}

@media (max-width: 900px){


  body.admin-page-body .scheduler-card{padding:1rem !important}
  body.admin-page-body .scheduler-board-wrap{overflow:auto !important; margin-inline:-.15rem !important}
  body.admin-page-body .scheduler-board{width:max-content !important}
}

@media (max-width: 640px){
  body.admin-page-body .admin-topbar-inner{padding:.7rem !important}


  body.admin-page-body .scheduler-card{padding:.85rem !important; border-radius:16px !important}
  body.admin-page-body .scheduler-top-controls{gap:.5rem !important}
  body.admin-page-body .scheduler-period-label{font-size:.9rem !important}
  body.admin-page-body .scheduler-board-wrap{padding:.35rem !important}
  body.admin-page-body .scheduler-month-grid{min-width:700px !important}
  body.admin-page-body .scheduler-grid{min-width:760px !important}
  body.admin-page-body .scheduler-month-cell{min-height:108px !important; padding:.45rem !important}
  body.admin-page-body .scheduler-month-date{font-size:1rem !important}
  body.admin-page-body .scheduler-month-pill{padding:.28rem .38rem !important; border-radius:10px !important}
  body.admin-page-body .scheduler-day-head{min-height:58px !important; padding:.5rem !important}
  body.admin-page-body .scheduler-day-head span{font-size:.95rem !important}
  body.admin-page-body .scheduler-empty-slot{width:28px !important; height:28px !important; min-height:28px !important}
}
/* v25 remove sidebar, use header nav */
.admin-sidebar-overlay,
.sidebar-toggle,
.admin-sidebar-close {display:none!important}

.admin-app-layout,.no-sidebar-layout{display:block!important;grid-template-columns:1fr!important}
.admin-content-area {width:100%!important}


.admin-topbar-page{position:sticky;top:0;z-index:1200;background:#050505;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.admin-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1;flex-wrap:wrap}
.admin-header-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-header-tab{background:#101010!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
.admin-header-tab.active,.admin-header-tab:hover{background:#fff!important;color:#000!important;border-color:#fff!important}
.scheduler-card,.admin-card{width:100%!important}
.scheduler-board-wrap{width:100%;overflow:hidden}
#scheduler-board{width:100%}
@media (min-width: 901px){
  .admin-main-grid{grid-template-columns:minmax(0,1fr) 380px!important;align-items:start}
  .day-agenda{min-width:0}
  .scheduler-card{padding:20px}
}
@media (max-width: 900px){
  .admin-topbar-inner{align-items:flex-start}
  .admin-top-actions{justify-content:flex-start;width:100%}
  .admin-header-nav{width:100%;order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .admin-header-tab{justify-content:center;text-align:center;padding:10px 8px!important;font-size:11px!important}
}
@media (max-width: 640px){


  .admin-header-nav{grid-template-columns:1fr}
}
/* v26 quick booking modal + cleaner selected states */

body.admin-page-body .slot-quick-panel.active {background:transparent !important;border:none !important}

body.admin-page-body .slot-quick-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
body.admin-page-body .slot-quick-dialog {background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.45)}

body.admin-page-body .slot-quick-top{margin-bottom:1rem}
body.admin-page-body .slot-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
body.admin-page-body.slot-quick-open{overflow:hidden}
body.admin-page-body .slot-form-card{background:#141414 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:20px !important}
body.admin-page-body .slot-form-card input,
body.admin-page-body .slot-form-card textarea,
body.admin-page-body .slot-form-card select{background:#0f0f0f !important;border:1px solid rgba(255,255,255,.08) !important;color:#fff !important}
body.admin-page-body .slot-form-card input:focus,
body.admin-page-body .slot-form-card textarea:focus,
body.admin-page-body .slot-form-card select:focus{outline:none;border-color:rgba(255,69,58,.55) !important;box-shadow:0 0 0 3px rgba(255,69,58,.12)}
body.admin-page-body .scheduler-day-head.active{background:#161616 !important}
body.admin-page-body .scheduler-day-head.active strong{color:rgba(255,255,255,.7) !important}
body.admin-page-body .scheduler-day-head.active span{display:block !important;min-width:auto !important;height:auto !important;padding:0 !important;border-radius:0 !important;background:transparent !important;color:#ff5a52 !important}
body.admin-page-body .scheduler-month-cell.is-selected{background:#171717 !important;box-shadow:inset 0 0 0 1px rgba(255,69,58,.24) !important}
body.admin-page-body .scheduler-month-cell.is-selected .scheduler-month-date{display:inline-block !important;min-width:auto !important;height:auto !important;padding:0 !important;border-radius:0 !important;background:transparent !important;color:#ff5a52 !important}
body.admin-page-body .scheduler-month-add{background:rgba(255,255,255,.06) !important;color:#ff5a52 !important;border:1px solid rgba(255,255,255,.08) !important}
body.admin-page-body .scheduler-month-add:hover{background:rgba(255,69,58,.12) !important;color:#ff7a73 !important;border-color:rgba(255,69,58,.25) !important}
body.admin-page-body .scheduler-empty-slot,
body.admin-page-body .scheduler-empty-slot.always-visible,
body.admin-page-body .scheduler-month-empty{border:1px dashed rgba(255,255,255,.12) !important;background:transparent !important;color:#ff5a52 !important}
body.admin-page-body .scheduler-empty-slot:hover,
body.admin-page-body .scheduler-empty-slot.always-visible:hover,
body.admin-page-body .scheduler-month-empty:hover{background:rgba(255,69,58,.1) !important;color:#ff7a73 !important;border-color:rgba(255,69,58,.26) !important}
.success-screen{padding:1.5rem 0 1rem !important;max-width:520px;margin:0 auto}
.success-screen h2{font-size:1.6rem !important;line-height:1.15 !important;margin-bottom:.55rem}
.success-icon{font-size:2.1rem !important;margin-bottom:.75rem !important}
.success-code{font-size:2.15rem !important;margin:.65rem 0 !important}
.success-msg{max-width:340px !important;margin:0 auto 1.15rem !important;line-height:1.65 !important}
.email-preview{max-width:380px !important;padding:1rem !important;margin:1rem auto !important}
@media (max-width: 768px){


body.admin-page-body .slot-quick-dialog {border-radius:20px}

  body.admin-page-body .slot-quick-grid{grid-template-columns:1fr}
}
/* v29 fix: force quick booking modal visibility over older hidden rules */
body.admin-page-body #slot-quick-panel.active {
  background:transparent !important;
  border:none !important;
}


@media (max-width: 768px){


}

/* v30 dashboard header / controls / mobile refinement */
body.admin-page-body .admin-topbar-layout{
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
}
body.admin-page-body .admin-topbar-start{
  display:flex;
  align-items:center;
  gap:10px;
  justify-self:start;
  flex-wrap:wrap;
}
body.admin-page-body .admin-brand{
  justify-self:center;
}
body.admin-page-body .admin-top-actions{
  justify-self:end;
  flex:0 0 auto;
}
body.admin-page-body .admin-link-btn-back{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
}
body.admin-page-body .admin-link-btn-danger{
  background:rgba(255,69,58,.12) !important;
  border-color:rgba(255,69,58,.34) !important;
  color:#ff8c85 !important;
}
body.admin-page-body .admin-link-btn-danger:hover{
  background:rgba(255,69,58,.18) !important;
  border-color:rgba(255,69,58,.52) !important;
  color:#fff !important;
}
body.admin-page-body .confirm-box-danger{
  background:#090909 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
body.admin-page-body .confirm-box-danger h3{
  font-family:Inter,system-ui,sans-serif !important;
  font-size:1.35rem !important;
  color:#fff !important;
}
body.admin-page-body .confirm-box-danger p{color:rgba(255,255,255,.74) !important}
body.admin-page-body .confirm-actions-split{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
body.admin-page-body .admin-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:1rem !important;
  margin-bottom:1.15rem !important;
}
body.admin-page-body .admin-kpi{
  min-height:110px;
  padding:1rem 1.1rem !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)) !important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
body.admin-page-body .admin-kpi-label{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.74rem !important;
  letter-spacing:.12em !important;
  color:rgba(255,255,255,.7) !important;
  margin-bottom:.85rem !important;
}
body.admin-page-body .admin-kpi-value{
  font-size:2rem !important;
  line-height:1 !important;
  color:#fff !important;
}
body.admin-page-body .scheduler-card .admin-toolbar{
  align-items:flex-end !important;
  justify-content:space-between;
  gap:1.25rem !important;
}
body.admin-page-body .scheduler-top-controls{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center !important;
  justify-content:flex-end;
  gap:.75rem !important;
}
body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child,
body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{
  background:#111 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:999px !important;
  padding:.24rem !important;
}
body.admin-page-body #calendar-prev-period,
body.admin-page-body #calendar-today,
body.admin-page-body #calendar-next-period{
  min-width:98px;
  font-weight:500;
}
body.admin-page-body #scheduler-new-booking{
  width:auto !important;
  min-width:220px;
  flex:0 0 auto;
  padding:0 1.1rem !important;
  background:#fff !important;
  color:#000 !important;
}
body.admin-page-body .scheduler-period-label{
  font-size:1.7rem !important;
  font-weight:650 !important;
  margin-right:auto;
  padding-right:1rem !important;
}
body.admin-page-body .scheduler-board-wrap{
  overflow-x:auto !important;
  scrollbar-width:thin;
}
body.admin-page-body .scheduler-board-wrap::-webkit-scrollbar{height:8px}
body.admin-page-body .scheduler-board-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}

@media (max-width: 1180px){
  body.admin-page-body .admin-topbar-layout{grid-template-columns:1fr;justify-items:stretch}
  body.admin-page-body .admin-topbar-start,
  body.admin-page-body .admin-top-actions,
  body.admin-page-body .admin-header-nav{width:100%;justify-content:flex-start}
  body.admin-page-body .admin-brand{justify-self:start}
  body.admin-page-body .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.admin-page-body .scheduler-card .admin-toolbar{align-items:flex-start !important}
  body.admin-page-body .scheduler-top-controls{justify-content:flex-start}
}
@media (max-width: 768px){
  body.admin-page-body .admin-topbar-page{padding:.8rem .9rem !important}
  body.admin-page-body .admin-topbar-layout{gap:.8rem !important}
  body.admin-page-body .admin-topbar-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  body.admin-page-body .admin-top-actions{display:grid !important;gap:.6rem !important}
  body.admin-page-body .admin-header-nav{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem !important}
  body.admin-page-body .admin-link-btn,
  body.admin-page-body .admin-pill,
  body.admin-page-body .mini-btn,
  body.admin-page-body .scheduler-add-btn{min-height:44px !important}
  body.admin-page-body #notifications-toggle{width:100% !important;justify-content:center !important}


  body.admin-page-body .admin-card,
  body.admin-page-body .scheduler-card{padding:1rem !important;border-radius:18px !important}
  body.admin-page-body .admin-kpi{min-height:98px}
  body.admin-page-body .admin-kpi-value{font-size:1.65rem !important}
  body.admin-page-body .scheduler-card h2{font-size:2rem !important}
  body.admin-page-body .scheduler-top-controls{display:grid !important;grid-template-columns:1fr;gap:.65rem !important;width:100%}
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child,
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  body.admin-page-body .scheduler-period-label{order:-1;width:100%;margin-right:0;padding-right:0 !important;font-size:1.35rem !important}
  body.admin-page-body #scheduler-new-booking{width:100% !important;min-width:0}
  body.admin-page-body .confirm-actions-split{grid-template-columns:1fr}
}
@media (max-width: 560px){
  body.admin-page-body .admin-header-nav{grid-template-columns:1fr}
  body.admin-page-body .admin-kpis{grid-template-columns:1fr !important}
  body.admin-page-body .admin-topbar-start{grid-template-columns:1fr}
  body.admin-page-body #calendar-prev-period,
  body.admin-page-body #calendar-today,
  body.admin-page-body #calendar-next-period{min-width:0}
  body.admin-page-body .scheduler-card h2{font-size:1.8rem !important}
  body.admin-page-body .scheduler-period-label{font-size:.78rem !important}
}

/* v31 mobile scheduler controls cleanup */
@media (max-width: 640px){
  body.admin-page-body .scheduler-card .admin-toolbar{
    display:block !important;
  }
  body.admin-page-body .scheduler-card .admin-toolbar > div:first-child{
    margin-bottom:.85rem;
  }
  body.admin-page-body .scheduler-card h2{
    font-size:1.55rem !important;
    line-height:1.15 !important;
    margin-bottom:.2rem !important;
  }
  body.admin-page-body .scheduler-top-controls{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:
      "period period"
      "views views"
      "nav nav"
      "new new" !important;
    gap:.6rem !important;
    align-items:stretch !important;
    width:100% !important;
  }
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child{
    grid-area:nav;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    padding:.18rem !important;
    border-radius:18px !important;
    gap:.25rem !important;
  }
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{
    grid-area:views;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    padding:.18rem !important;
    border-radius:18px !important;
    gap:.25rem !important;
  }
  body.admin-page-body .scheduler-period-label{
    grid-area:period;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:1.05rem !important;
    text-align:center !important;
    line-height:1.2 !important;
  }
  body.admin-page-body #scheduler-new-booking{
    grid-area:new;
    min-height:46px !important;
    font-size:.9rem !important;
    letter-spacing:.08em !important;
    border-radius:16px !important;
  }
  body.admin-page-body .admin-pill,
  body.admin-page-body .scheduler-add-btn{
    min-height:42px !important;
    padding:.7rem .55rem !important;
    font-size:.8rem !important;
    line-height:1.1 !important;
    border-radius:14px !important;
    white-space:nowrap !important;
  }
  body.admin-page-body #calendar-prev-period,
  body.admin-page-body #calendar-today,
  body.admin-page-body #calendar-next-period,
  body.admin-page-body #calendar-view-week,
  body.admin-page-body #calendar-view-month{
    min-width:0 !important;
  }
  body.admin-page-body .scheduler-board-wrap{
    margin-top:.3rem !important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .scheduler-card{
    padding:.85rem !important;
  }
  body.admin-page-body .scheduler-card h2{
    font-size:1.42rem !important;
  }
  body.admin-page-body .scheduler-period-label{
    font-size:.98rem !important;
  }
  body.admin-page-body .admin-pill,
  body.admin-page-body .scheduler-add-btn{
    font-size:.76rem !important;
    padding:.65rem .45rem !important;
  }
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child,
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{
    border-radius:16px !important;
  }
}

/* === Nexa polish patch: cleaner admin, notifications, double booking, mobile === */
body.admin-page-body .admin-kpis{gap:1rem!important;align-items:stretch}
body.admin-page-body .admin-kpi{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important;min-height:92px!important;padding:1.05rem 1.1rem!important}
body.admin-page-body .admin-kpi-label{font-size:10px!important;letter-spacing:.22em!important;color:rgba(255,255,255,.58)!important}
body.admin-page-body .admin-kpi-value{font-size:2rem!important;line-height:1!important;font-weight:400!important;margin-top:.8rem!important}
body.admin-page-body #slot-quick-panel {border-radius:24px!important;background:rgba(10,10,10,.72)!important}

body.admin-page-body .slot-quick-dialog{border-radius:24px!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(180deg,#161616,#0b0b0b)!important;box-shadow:0 28px 80px rgba(0,0,0,.58)!important}
body.admin-page-body .slot-quick-grid{gap:1rem!important}
body.admin-page-body .slot-form-card{border-radius:18px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.1)!important}
body.admin-page-body .slot-form-head h4{font-size:1rem!important;letter-spacing:.04em!important}
.notifications-panel{background:rgba(10,10,10,.92)!important;backdrop-filter:blur(18px)!important;border-color:rgba(255,255,255,.13)!important;border-radius:22px!important}
.notifications-panel-head{align-items:center!important;padding:1rem!important}
.notifications-panel-head .admin-link-btn{padding:.58rem .75rem!important;border-radius:999px!important;font-size:10px!important}
.notification-item{border-radius:16px!important;background:rgba(255,255,255,.035)!important;padding:.9rem!important}
.notification-item strong{font-size:12px!important;letter-spacing:.02em!important}.notification-item span{font-size:11px!important}
.double-booking-box{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem;padding:1rem 1.1rem;border:1px solid rgba(201,168,76,.18);border-radius:18px;background:rgba(255,255,255,.035);cursor:pointer;transition:all .2s ease}
.double-booking-box:hover{border-color:rgba(201,168,76,.42);background:rgba(255,255,255,.055)}
.double-booking-box.selected{border-color:var(--gold);background:rgba(201,168,76,.09)}
.double-booking-box strong{display:block;color:var(--white);font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.22rem}
.double-booking-box span{display:block;color:var(--gray2);font-size:11px;line-height:1.45}.double-booking-box input{width:18px;height:18px;accent-color:var(--gold)}
@media (max-width: 768px){
  body.admin-page-body:not(.admin-authenticated) .admin-top-actions,body.admin-page-body:not(.admin-authenticated) #admin-header-nav,body.admin-page-body:not(.admin-authenticated) #notifications-toggle{display:none!important}
  body.admin-page-body:not(.admin-authenticated) .admin-topbar-inner{grid-template-columns:1fr!important;justify-items:center!important;padding:.85rem 1rem!important}
  body.admin-page-body:not(.admin-authenticated) .admin-topbar-start{position:absolute;left:.75rem;top:.75rem}.admin-link-btn-back{font-size:0!important;padding:.65rem!important}.admin-link-btn-back::before{content:'←';font-size:14px;color:inherit}
  body.admin-page-body .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important}
  body.admin-page-body .admin-kpi{min-height:78px!important;padding:.85rem!important;border-radius:16px!important}.admin-kpi-value{font-size:1.55rem!important}.admin-kpi-label{font-size:9px!important;letter-spacing:.16em!important}
  body.admin-page-body .scheduler-top-controls{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.scheduler-period-label{text-align:center!important;order:-1}.scheduler-add-btn{width:100%!important;min-height:44px!important}
body.admin-page-body .slot-quick-panel.active {background:rgba(0,0,0,.72)!important}

body.admin-page-body .slot-quick-dialog {border-radius:22px!important}

  body.admin-page-body .slot-quick-grid{grid-template-columns:1fr!important}.slot-quick-top{gap:.75rem!important;align-items:flex-start!important}.slot-quick-top h3{font-size:1rem!important;line-height:1.35!important}
  body.admin-page-body .admin-form-grid{grid-template-columns:1fr!important;gap:.75rem!important}body.admin-page-body input,body.admin-page-body select,body.admin-page-body textarea{min-height:44px!important;font-size:16px!important}.slot-form-card{padding:.95rem!important}

.notifications-panel-head{flex-direction:column!important;align-items:stretch!important}.notifications-panel-head>div:last-child{display:grid!important;grid-template-columns:1fr 1fr auto!important}
.booking-modal {border-radius:22px!important}
.modal-header{gap:.75rem!important}.progress-bar,.prog-labels{margin-left:0!important;margin-right:0!important}.options-grid{grid-template-columns:1fr!important}.double-booking-box{padding:.9rem!important;border-radius:16px!important}.calendar-wrap{padding:.85rem!important}.cal-grid{gap:.35rem!important}.cal-day{min-height:42px!important}.time-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}.success-screen{padding:1.2rem 0!important}.success-screen h2{font-size:1.45rem!important}.email-preview{padding:1rem!important}.modal-nav{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(10,10,10,0),#0a0a0a 30%)!important;padding-top:1rem!important;margin-bottom:0!important}
}
@media (max-width: 430px){body.admin-page-body .admin-kpis{grid-template-columns:1fr!important}.time-slots{grid-template-columns:1fr!important}.admin-toolbar-group{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important}.admin-toolbar-group .admin-pill{width:100%!important;padding:.7rem .45rem!important}.notifications-panel-head>div:last-child{grid-template-columns:1fr!important}.notifications-panel-head .admin-link-btn{width:100%!important;justify-content:center!important}}

/* === Nexa v4 patch: clearer KPI cards, second appointment UI, week header plus === */
body.admin-page-body .admin-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
}
body.admin-page-body .admin-kpi.premium-kpi{
  position:relative!important;
  overflow:hidden!important;
  min-height:118px!important;
  padding:1rem 1.05rem!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.admin-page-body .admin-kpi.premium-kpi::after{
  content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:999px;
  background:rgba(255,255,255,.045);filter:blur(.2px);pointer-events:none;
}
body.admin-page-body .admin-kpi-top{display:flex;align-items:center;gap:.55rem;position:relative;z-index:1}
body.admin-page-body .admin-kpi-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:14px}
body.admin-page-body .admin-kpi-label{font-size:10px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.admin-page-body .admin-kpi-value{position:relative;z-index:1;font-size:2.35rem!important;font-weight:520!important;letter-spacing:-.04em!important;margin-top:1.05rem!important;color:#fff!important}
body.admin-page-body .admin-kpi-line{position:absolute;left:1rem;right:1rem;bottom:.9rem;height:1px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.08),transparent);opacity:.34}
.week-head-add{margin-top:.45rem;width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff;font-weight:700;line-height:1;cursor:pointer;transition:all .18s ease}
.week-head-add:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-1px)}
body.admin-page-body .scheduler-day-head{position:relative!important;gap:.15rem!important}
.second-appointment-box{margin-top:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.second-appointment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.second-appointment-head strong{display:block;color:var(--white);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}
.second-appointment-head span{display:block;color:var(--gray2);font-size:11px;line-height:1.45}
.mini-remove-second{border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.72);border-radius:999px;padding:.45rem .7rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mini-remove-second:hover{background:#fff;color:#000;border-color:#fff}
@media(max-width:900px){body.admin-page-body .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin-page-body .admin-kpi.premium-kpi{min-height:104px!important}.week-head-add{width:28px;height:28px}}
@media(max-width:430px){body.admin-page-body .admin-kpis{grid-template-columns:1fr!important}.second-appointment-head{flex-direction:column}.mini-remove-second{width:100%}.second-appointment-box .form-row{grid-template-columns:1fr!important}}


/* v16 mobile portrait admin + smart second booking */
.smart-second-box{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:22px;padding:1rem;margin-top:1rem}
.smart-second-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.9rem 0 1rem}
.second-suggestion{appearance:none;border:1px solid rgba(255,255,255,.12);background:#0b0b0b;color:#fff;border-radius:16px;padding:.85rem;text-align:left;display:grid;gap:.25rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.second-suggestion:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28);background:#111}
.second-suggestion.active{background:#fff;color:#000;border-color:#fff}
.second-suggestion span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.second-suggestion strong{font-size:.92rem;line-height:1.2}
.second-suggestion small{font-size:.72rem;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.second-loading,.second-empty{border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:.85rem;color:rgba(255,255,255,.62);font-size:.85rem;grid-column:1/-1}
.second-manual-row{margin-top:.3rem}

body.admin-page-body .admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
body.admin-page-body .admin-kpi{position:relative;overflow:hidden;border-radius:26px!important;padding:1.15rem 1.2rem!important;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 34%),#070707!important;border:1px solid rgba(255,255,255,.1)!important}
body.admin-page-body .admin-kpi::after{content:'';position:absolute;left:1.1rem;right:1.1rem;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
body.admin-page-body .admin-kpi-label{font-size:.68rem!important;letter-spacing:.2em!important;color:rgba(255,255,255,.48)!important}
body.admin-page-body .admin-kpi-value{font-size:2rem!important;line-height:1.05!important;color:#fff!important}

body.admin-page-body .week-head-add{margin-left:auto;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}
body.admin-page-body .week-head-add:hover{background:#fff;color:#000}

.mobile-week-scheduler{display:grid;gap:.9rem}
.mobile-week-days{display:flex;gap:.5rem;overflow-x:auto;padding:.15rem .05rem .5rem;scroll-snap-type:x mandatory}
.mobile-day-pill{min-width:62px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.1);background:#101010;color:#fff;border-radius:18px;padding:.65rem .5rem;display:grid;gap:.25rem;text-align:center;position:relative}
.mobile-day-pill span{font-size:.62rem;letter-spacing:.08em;color:rgba(255,255,255,.48)}
.mobile-day-pill strong{font-size:1.05rem;line-height:1}
.mobile-day-pill em{position:absolute;top:5px;right:5px;min-width:18px;height:18px;border-radius:99px;background:#b534ff;color:#fff;font-size:.65rem;font-style:normal;display:flex;align-items:center;justify-content:center}
.mobile-day-pill.active{background:#fff;color:#000;border-color:#fff}
.mobile-day-pill.active span{color:rgba(0,0,0,.55)}
.mobile-day-pill.blackout{opacity:.48}
.mobile-day-panel{background:#0b0b0b;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:.9rem;display:grid;gap:.75rem}
.mobile-day-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}
.mobile-day-panel-head small{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.42);margin-bottom:.2rem}
.mobile-day-panel-head strong{font-size:.98rem;color:#fff}
.mobile-add-main{border:none;background:#fff;color:#000;border-radius:999px;min-height:38px;padding:0 .9rem;font-weight:700}
.mobile-empty-state{border:1px dashed rgba(255,255,255,.12);border-radius:18px;padding:1rem;color:rgba(255,255,255,.82);display:grid;gap:.3rem}
.mobile-empty-state span{font-size:.78rem;color:rgba(255,255,255,.45)}
.mobile-agenda-card{width:100%;border:1px solid rgba(181,52,255,.2);background:rgba(181,52,255,.24);color:#fff;border-radius:18px;padding:.85rem;text-align:left;display:grid;gap:.28rem}
.mobile-agenda-card.block{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06)}
.mobile-agenda-card span{font-size:.7rem;color:rgba(255,255,255,.58)}
.mobile-agenda-card strong{font-size:.95rem}
.mobile-agenda-card small{font-size:.75rem;color:rgba(255,255,255,.52)}
.mobile-quick-slots-title{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:.35rem}
.mobile-quick-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.mobile-slot-plus{border:1px solid rgba(255,255,255,.1);background:#111;color:#fff;border-radius:14px;padding:.75rem;display:flex;justify-content:space-between;align-items:center}
.mobile-slot-plus b{width:24px;height:24px;border-radius:999px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center}

@media (max-width:680px){
  .smart-second-suggestions{grid-template-columns:1fr}
.booking-modal {border-radius:0!important}

  .booking-content{padding:1rem!important}
  .form-row,.second-manual-row{grid-template-columns:1fr!important}
  body.admin-page-body{overflow-x:hidden}
body.admin-page-body .admin-page-shell {width:100%!important}

  body.admin-page-body .admin-topbar-page{position:sticky;top:0;z-index:1200;background:rgba(0,0,0,.92);backdrop-filter:blur(16px)}
  body.admin-page-body .admin-topbar-inner{padding:.65rem .75rem!important;display:grid!important;grid-template-columns:1fr auto;gap:.6rem;align-items:center}
  body.admin-page-body .admin-brand{grid-column:1/-1;order:0;justify-content:center}
  body.admin-page-body .admin-brand img{height:34px!important;max-width:210px!important}
  body.admin-page-body .admin-topbar-start{order:1;display:flex;gap:.45rem;min-width:0}
  body.admin-page-body .admin-top-actions{order:2;justify-content:flex-end;min-width:0}
  body.admin-page-body .admin-header-nav{display:none!important}
  body.admin-page-body.admin-authenticated .admin-header-nav{display:none!important}
  body.admin-page-body #notifications-toggle{font-size:0!important;padding:.55rem .7rem!important}
  body.admin-page-body #notifications-toggle::before{content:'🔔';font-size:16px}


  body.admin-page-body .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}
  body.admin-page-body .admin-kpi{border-radius:18px!important;padding:.85rem!important;min-height:92px}
  body.admin-page-body .admin-kpi-value{font-size:1.55rem!important}
  body.admin-page-body .admin-kpi-label{font-size:.56rem!important;line-height:1.25}
  body.admin-page-body .scheduler-card{border-radius:22px!important;padding:.85rem!important}
  body.admin-page-body .scheduler-card .admin-toolbar{display:grid!important;gap:.8rem!important}
  body.admin-page-body .scheduler-card h2{font-size:1.45rem!important;letter-spacing:-.03em}
  body.admin-page-body .scheduler-top-controls{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;width:100%}
  body.admin-page-body .scheduler-top-controls>.admin-toolbar-group{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px!important}
  body.admin-page-body .scheduler-top-controls>.admin-toolbar-group:last-child{grid-template-columns:1fr 1fr}
  body.admin-page-body .scheduler-top-controls .admin-pill{padding:0 .35rem!important;font-size:.78rem!important;min-height:38px!important}
  body.admin-page-body .scheduler-period-label{width:100%;font-size:.66rem!important;white-space:normal!important}
  body.admin-page-body #scheduler-new-booking{width:100%;min-height:44px!important}
  body.admin-page-body .scheduler-board-wrap{overflow:visible!important;padding:.2rem 0 0!important;background:transparent!important}
  body.admin-page-body .scheduler-board{border:none!important;background:transparent!important;overflow:visible!important}
  body.admin-page-body .scheduler-grid{min-width:0!important}
body.admin-page-body .slot-quick-panel.active {background:rgba(0,0,0,.78)!important}

body.admin-page-body .slot-quick-dialog {border-radius:0!important}

  body.admin-page-body .slot-quick-grid{grid-template-columns:1fr!important}
  body.admin-page-body .admin-form-grid{grid-template-columns:1fr!important}


}

@media (max-width:420px){
  body.admin-page-body .admin-kpis{grid-template-columns:1fr!important}
  .mobile-quick-slots{grid-template-columns:1fr}
}

/* === Nexa v6: week-view quick + per hour & second date calendar === */
body.admin-page-body .scheduler-cell{position:relative!important;min-height:64px!important}
body.admin-page-body .scheduler-cell-add{appearance:none;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.035);color:#fff;border-radius:999px;width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;line-height:1;cursor:pointer;margin:.25rem auto 0;transition:all .16s ease}
body.admin-page-body .scheduler-cell-add.compact{position:absolute;top:5px;right:5px;width:24px;height:24px;min-width:24px;font-size:14px;background:rgba(0,0,0,.62);border-style:solid;border-color:rgba(255,255,255,.16);opacity:.78;margin:0;z-index:4}
body.admin-page-body .scheduler-cell:hover .scheduler-cell-add.compact{opacity:1;transform:scale(1.04)}
body.admin-page-body .scheduler-cell-add:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-1px)}
body.admin-page-body .scheduler-item + .scheduler-cell-add:not(.compact){margin-top:.45rem}
.nexa-calendar-input,.second-appointment-box .flatpickr-input[readonly]{cursor:pointer!important;background:#0b0b0b!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important}
.second-appointment-box .flatpickr-input[readonly]:focus{border-color:rgba(255,255,255,.34)!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}
.second-appointment-box .flatpickr-input.input{width:100%!important}
@media(max-width:760px){body.admin-page-body .scheduler-cell-add{width:34px;height:34px;min-width:34px}.smart-second-suggestions{grid-template-columns:1fr!important}}

/* === Nexa v8: week quick-add inside every time cell, not on day header === */
body.admin-page-body .week-head-add{display:none!important}
body.admin-page-body .scheduler-cell{padding:.42rem!important}
body.admin-page-body .scheduler-cell-add{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:auto!important;
  border-radius:14px!important;
  border:1px dashed rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.86)!important;
  margin:auto 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:.86rem!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  opacity:1!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  z-index:2!important;
}
body.admin-page-body .scheduler-cell-add span{font-size:1.05rem;line-height:1}
body.admin-page-body .scheduler-cell-add small{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.48);letter-spacing:.02em}
body.admin-page-body .scheduler-cell-add.compact{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  width:auto!important;
  min-width:54px!important;
  min-height:28px!important;
  padding:0 .55rem!important;
  border-radius:999px!important;
  margin:0!important;
  background:rgba(0,0,0,.72)!important;
  border-style:solid!important;
  opacity:.95!important;
}
body.admin-page-body .scheduler-cell-add:hover{background:#fff!important;color:#000!important;border-color:#fff!important;transform:translateY(-1px)}
body.admin-page-body .scheduler-cell-add:hover small{color:rgba(0,0,0,.55)!important}
body.admin-page-body .scheduler-cell-add.compact small{display:none!important}

/* === Nexa final responsive repair: full site + booking services alignment === */
html,body{max-width:100%;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}

/* Main site navigation stays usable on mobile instead of disappearing */
nav{gap:1rem}
.nav-links{min-width:0}
.nav-links .nav-cta{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}

/* Homepage service cards: equal size, cleaner desktop/tablet/mobile wrapping */
.services-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  align-items:stretch;
}
.service-card{
  min-height:245px;
  height:100%;
  display:flex;
  flex-direction:column;
}
.service-desc{flex:1}

/* Booking service selection: always centered, fixed visual rhythm, no left drift */
#service-options.options-grid,
.options-grid#service-options{
  grid-template-columns:repeat(auto-fit,minmax(220px,280px)) !important;
  justify-content:center !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  gap:1rem !important;
  width:100%;
}
#service-options .option-card{
  min-height:158px;
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:left;
  border-radius:18px;
}
#service-options .option-name{min-height:2.8em;display:flex;align-items:flex-start}
#service-options .option-detail{min-height:3.5em;display:block}
#service-options .option-price{margin-top:auto;padding-top:1rem}
#service-options .double-booking-box{
  width:min(100%,720px);
  justify-self:center !important;
  grid-column:1 / -1 !important;
}

/* Second appointment block: centered suggestions with equal boxes */
.smart-second-box,
.second-appointment-box{
  width:100%;
  max-width:760px;
  margin-left:auto !important;
  margin-right:auto !important;
}
.smart-second-suggestions{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
  justify-content:center !important;
  align-items:stretch !important;
}
.second-suggestion{
  min-height:112px;
  height:100%;
  text-align:center !important;
  justify-items:center;
  align-content:center;
}
.second-suggestion strong,
.second-suggestion small{max-width:100%}
.second-manual-row{align-items:end}
/* Booking modal desktop/tablet: keeps content centered and readable */

.booking-modal .step-screen{width:100%}
.calendar-wrap,.booking-summary,#time-section{max-width:760px;margin-left:auto;margin-right:auto}
.time-slots{grid-template-columns:repeat(auto-fit,minmax(112px,1fr)) !important;align-items:stretch}
.time-slot{min-height:62px}
.summary-row{gap:1rem}.summary-row span:last-child{text-align:right;overflow-wrap:anywhere}
/* Admin/calendar responsive: avoid desktop overflow leaking into the page */
body.admin-page-body .scheduler-card,
body.admin-page-body .admin-card {min-width:0!important;max-width:100%!important}

body.admin-page-body .scheduler-board-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.admin-page-body .admin-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.admin-page-body .admin-data-table{min-width:900px}


@media (max-width: 1024px){
  section{padding-left:2rem;padding-right:2rem}
  footer{grid-template-columns:1fr 1fr;gap:2rem}
  .hero-centered{min-height:calc(100svh - 120px)}
  .services-header{align-items:flex-start;flex-direction:column;margin-bottom:2.5rem}
  body.admin-page-body .admin-data-table{min-width:780px}
}

@media (max-width: 768px){
  body{font-size:13px}
  nav{
    padding:.8rem 1rem !important;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
  }
  .nav-logo{width:100%;justify-content:center}
  .nav-logo img{height:34px!important;max-width:210px!important}
  .nav-links{
    display:flex !important;
    width:100%;
    justify-content:center;
    gap:.55rem;
    flex-wrap:wrap;
  }
  .nav-links .nav-cta{
    flex:1 1 145px;
    max-width:210px;
    min-height:40px;
    padding:.65rem .75rem !important;
    font-size:10px !important;
    letter-spacing:.1em !important;
  }
  section{padding:4.5rem 1rem}
  #hero{padding:8.5rem 1rem 2rem;min-height:100svh}
  .hero-logo-main{width:min(300px,76vw)}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:.8rem}
  .hero-actions .btn-primary,.hero-actions .btn-outline{max-width:none;width:100%}
  .services-grid,.team-grid,.steps{grid-template-columns:1fr!important}
  .service-card{min-height:auto;padding:1.4rem;border-radius:18px}
  footer{grid-template-columns:1fr!important;padding:3rem 1rem 1.5rem;text-align:left}
  .footer-bottom{align-items:flex-start}


.booking-modal,
.my-bookings-modal {
    border-radius:0!important;
  }

.booking-modal {flex-direction:column}

  .booking-modal .modal-header{flex:0 0 auto}
  .booking-modal .step-screen.active{display:block;min-height:0}
  .prog-labels{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.25rem!important}
  .prog-label{font-size:7px!important;text-align:center;letter-spacing:.05em!important}
  #service-options.options-grid,
  .options-grid#service-options{
    grid-template-columns:minmax(0,1fr)!important;
    justify-content:stretch!important;
  }
  #service-options .option-card{
    min-height:132px;
    text-align:center;
    align-items:center;
  }
  #service-options .option-name{min-height:0;justify-content:center;text-align:center}
  #service-options .option-detail{min-height:0;text-align:center}
  #service-options .double-booking-box{
    width:100%;
    align-items:center;
    text-align:left;
  }
  .second-appointment-head{align-items:stretch!important}
  .smart-second-suggestions{grid-template-columns:1fr!important}
  .second-suggestion{min-height:96px}
  .second-manual-row{grid-template-columns:1fr!important}
  .calendar-wrap,.booking-summary,#time-section{max-width:100%}
  .cal-grid{gap:5px!important}
  .cal-day{min-height:40px!important;padding:.35rem!important}
  .time-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .summary-row{display:grid;grid-template-columns:1fr;gap:.15rem;text-align:left}
  .summary-row span:last-child{text-align:left}
  .modal-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:.7rem!important}
  .modal-nav .btn-next,.modal-nav .btn-back{width:100%;padding:.85rem .6rem!important}

  body.admin-page-body .admin-topbar-page{position:relative!important}
  body.admin-page-body .admin-topbar-layout{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important}
  body.admin-page-body .admin-topbar-start,
  body.admin-page-body .admin-top-actions,
  body.admin-page-body .admin-header-nav{width:100%!important;justify-content:center!important}
  body.admin-page-body .admin-header-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.admin-page-body .admin-link-btn{justify-content:center!important;text-align:center!important}


  body.admin-page-body .admin-card,body.admin-page-body .scheduler-card{padding:.85rem!important;border-radius:18px!important}
  body.admin-page-body .scheduler-period-label{font-size:1rem!important;text-align:center!important;white-space:normal!important}
  body.admin-page-body .scheduler-top-controls{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group{width:100%!important}
  body.admin-page-body .admin-data-table{min-width:720px}
body.admin-page-body .slot-quick-dialog {border-radius:0!important}

}

@media (max-width: 480px){
  section{padding-left:.85rem;padding-right:.85rem}
  #hero{padding-top:8.75rem}
  .nav-links .nav-cta{flex-basis:100%;max-width:none}
  .step-title-book{font-size:1.45rem!important}
  .step-subtitle{font-size:9.5px!important}
  .time-slots{grid-template-columns:1fr!important}
  .modal-nav{grid-template-columns:1fr!important}


  .success-code{font-size:1.75rem!important;letter-spacing:.12em!important}
  body.admin-page-body .admin-header-nav{grid-template-columns:1fr!important}
  body.admin-page-body .admin-kpis{grid-template-columns:1fr!important}
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:first-child{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.admin-page-body .scheduler-top-controls > .admin-toolbar-group:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.admin-page-body .admin-pill{font-size:.76rem!important;padding:.65rem .35rem!important}
}

/* === v11 clean typography + black-only backgrounds + burger menus === */
:root{
  --black:#000000;
  --black2:#050505;
  --black3:#0a0a0a;
  --black4:#121212;
  --white:#ffffff;
  --white2:#f4f4f4;
  --gray:#cfcfcf;
  --gray2:#8f8f8f;
  --gold:#ffffff;
  --gold-light:#ffffff;
  --gold-dark:#9a9a9a;
  --ad-bg:#000000;
  --ad-surface:#050505;
  --ad-surface2:#0a0a0a;
  --ad-surface3:#111111;
  --ad-card:#080808;
  --ad-blue:#ffffff;
  --ad-purple:#ffffff;
}
html,body,
button,input,select,textarea,
.nav-logo,.nav-links a,.nav-cta,
.hero-title,.services-title,.service-name,.barber-name,.step-title,.cta-title,.footer-logo,
.modal-logo,.step-title-book,.option-name,
.admin-page-body,.admin-page-body *{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
body{background:#000!important;color:#fff!important;letter-spacing:0!important}
h1,h2,h3,h4,h5,h6,.hero-title,.services-title,.service-name,.barber-name,.step-title,.cta-title,.footer-logo,.modal-logo,.admin-card h2,.admin-card h3,.scheduler-month-date,.scheduler-day-head span{font-weight:700!important;letter-spacing:-.02em!important}
.section-label,.hero-subtitle,.nav-links a,.nav-cta,.btn-primary,.btn-outline,.btn-dark,.prog-label,.form-group label,.admin-sub,.admin-link-btn,.admin-pill,.mini-btn{letter-spacing:.08em!important}

/* Replace remaining blue/dark-blue surfaces with black tones */
nav,.site-nav,.hero-bg,#services,#how,#team,footer,.overlay,.booking-modal,.calendar-wrap,.option-card,.service-card,.barber-card,.admin-topbar-page,.admin-card,.admin-kpi,.admin-login-card-page,.scheduler-board-wrap,.scheduler-board,.scheduler-cell,.scheduler-time,.scheduler-corner,.scheduler-day-head,.scheduler-month-cell,.scheduler-month-head,.admin-drawer-panel,.admin-tools-modal-panel,.tools-form-card,.tools-list-card,.slot-form-card,.slot-quick-dialog,.slot-quick-panel,.admin-table-wrap,.admin-data-table,.admin-data-table th,.admin-data-table td,.week-day-card,.agenda-item,.records-modal-item,.schedule-chip-item{background:#000!important;background-image:none!important}
.service-card,.option-card,.booking-summary,.time-slot,.form-group input,.form-group textarea,.form-group select,.admin-search,.admin-date-input{background:#080808!important}
.admin-card,.admin-kpi,.booking-modal,.calendar-wrap,.option-card,.service-card,.barber-card,.admin-tools-modal-panel,.slot-form-card,.slot-quick-dialog,.admin-table-wrap{border-color:rgba(255,255,255,.11)!important}
.btn-primary,.btn-next,.btn-dark,.admin-pill.active,.scheduler-add-btn{background:#fff!important;color:#000!important;border-color:#fff!important}
.btn-outline,.btn-back,.nav-cta,.admin-link-btn,.admin-pill,.mini-btn{background:rgba(255,255,255,.04)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.btn-outline:hover,.btn-back:hover,.nav-cta:hover,.admin-link-btn:hover,.admin-pill:hover,.mini-btn:hover{background:#fff!important;color:#000!important;border-color:#fff!important}

/* Shared burger button */
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;transition:.2s ease;z-index:1201;flex:0 0 auto}
.mobile-menu-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:999px;transition:.2s ease}
.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu-toggle:hover{background:rgba(255,255,255,.1)}

@media (max-width:768px){
  .site-nav{padding:.85rem 1rem!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;justify-content:stretch!important;gap:.75rem!important;background:rgba(0,0,0,.96)!important;backdrop-filter:blur(16px)!important}
  .site-nav .nav-logo{width:auto!important;justify-content:flex-start!important;min-width:0!important}
  .site-nav .nav-logo img{height:34px!important;max-width:210px!important}
  .nav-menu-toggle{display:flex!important;grid-column:2!important;grid-row:1!important}
  .site-nav .nav-links{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;width:100%!important;grid-column:1 / -1!important;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .25s ease,opacity .2s ease,padding .2s ease;padding:0!important}
  .site-nav.menu-open .nav-links{max-height:190px;opacity:1;pointer-events:auto;padding:.55rem 0 .2rem!important}
  .site-nav .nav-links .nav-cta{width:100%!important;max-width:none!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-size:12px!important;letter-spacing:.04em!important}
  #hero{padding-top:7.5rem!important}

  body.admin-page-body .admin-topbar-page{position:sticky!important;top:0!important;background:rgba(0,0,0,.96)!important;padding:.75rem!important}
  body.admin-page-body .admin-topbar-layout{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;justify-items:stretch!important;gap:.7rem!important}
  body.admin-page-body .admin-brand{grid-column:1!important;grid-row:1!important;justify-content:flex-start!important;width:auto!important}
  body.admin-page-body .admin-brand img{height:34px!important;max-width:210px!important}
  body.admin-page-body .admin-menu-toggle{display:flex!important;grid-column:2!important;grid-row:1!important;justify-self:end!important}
  body.admin-page-body .admin-topbar-start,
  body.admin-page-body .admin-top-actions{grid-column:1 / -1!important;width:100%!important;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .25s ease,opacity .2s ease,padding .2s ease;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important}
  body.admin-page-body.admin-menu-open .admin-topbar-start,
  body.admin-page-body.admin-menu-open .admin-top-actions{max-height:360px!important;opacity:1!important;pointer-events:auto!important;padding:.45rem 0 .15rem!important}
  body.admin-page-body .admin-header-nav{display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important;width:100%!important}
  body.admin-page-body .admin-top-actions .admin-link-btn,
  body.admin-page-body .admin-topbar-start .admin-link-btn,
  body.admin-page-body .admin-header-nav .admin-link-btn{width:100%!important;min-height:46px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
  body.admin-page-body:not(.admin-authenticated) .admin-menu-toggle{display:none!important}
  body.admin-page-body:not(.admin-authenticated) .admin-topbar-start{max-height:120px!important;opacity:1!important;pointer-events:auto!important;padding:.35rem 0 0!important}
}

@media (min-width:769px){
  .site-nav .nav-links,.admin-top-actions,.admin-topbar-start{max-height:none!important;opacity:1!important;pointer-events:auto!important;overflow:visible!important}
}
.status-completed{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}

/* === Nexa premium polish pass: hero photo, time hover, selected services === */
.hero-img-bg{
  display:block !important;
  opacity:1 !important;
  background-image:url('../img/hero-unaverage.jpg') !important;
  background-position:center 46% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:brightness(.58) contrast(1.04) saturate(.82) !important;
}
.hero-bg{
  background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.40) 48%,rgba(0,0,0,.80) 100%) !important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.40) 48%,rgba(0,0,0,.80) 100%) !important;
}

/* Available hours: keep hover premium, not blacked out */
.time-slots{
  gap:.75rem !important;
}
.time-slot:not(.taken){
  background:#101010 !important;
  color:#f4f4f4 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.time-slot:not(.taken) strong,
.time-slot:not(.taken) span{
  color:inherit !important;
}
.time-slot:hover:not(.taken):not(.selected){
  background:#ffffff !important;
  color:#050505 !important;
  border-color:#ffffff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 14px 30px rgba(255,255,255,.10) !important;
}
.time-slot.selected,
.time-slot.selected:hover{
  background:#ffffff !important;
  color:#050505 !important;
  border-color:#ffffff !important;
  box-shadow:0 16px 34px rgba(255,255,255,.14), inset 0 0 0 1px rgba(0,0,0,.08) !important;
}
.time-slot.taken,
.time-slot.taken:hover{
  background:#080808 !important;
  color:#5f5f5f !important;
  border-color:rgba(255,255,255,.05) !important;
  box-shadow:none !important;
  transform:none !important;
}

/* Service selection: minimal premium white selected state */
#service-options .option-card{
  background:linear-gradient(180deg,#0d0d0d,#070707) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease !important;
}
#service-options .option-card:hover:not(.selected){
  background:#121212 !important;
  border-color:rgba(255,255,255,.32) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#service-options .option-card.selected{
  background:#ffffff !important;
  color:#050505 !important;
  border-color:#ffffff !important;
  box-shadow:0 18px 40px rgba(255,255,255,.14), inset 0 0 0 1px rgba(0,0,0,.06) !important;
  transform:translateY(-2px) !important;
}
#service-options .option-card.selected .option-name,
#service-options .option-card.selected .option-detail,
#service-options .option-card.selected .option-price{
  color:#050505 !important;
}
#service-options .option-card.selected::after{
  content:'✓' !important;
  top:.9rem !important;
  right:.9rem !important;
  width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050505 !important;
  color:#ffffff !important;
  font-size:12px !important;
  line-height:1 !important;
}
#service-options .option-card.selected::before{
  content:'';
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:.85rem;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.18),transparent);
}

@media (max-width:768px){
  .hero-img-bg{filter:brightness(.54) contrast(1.04) saturate(.84) !important;background-position:center center !important}
  .time-slot:hover:not(.taken):not(.selected){transform:none !important}
  #service-options .option-card:hover:not(.selected){transform:none !important}
  #service-options .option-card.selected{transform:none !important}
}


/* === Nexa v13: booking modal mobile UX + compact second appointment === */
@media (max-width:768px){
  #booking-overlay .booking-modal .modal-header,
  #mybookings-overlay .my-bookings-modal .modal-header{
    top:0!important;
    margin:-1rem -1rem 1rem!important;
    padding:.9rem 1rem .75rem!important;
    min-height:58px!important;
    background:rgba(0,0,0,.96)!important;
    background-image:linear-gradient(180deg,rgba(0,0,0,.98),rgba(0,0,0,.92))!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.38)!important;
    backdrop-filter:blur(14px)!important;
  }
  #booking-overlay .modal-logo,
  #mybookings-overlay .modal-logo{
    font-size:1rem!important; line-height:1.15!important; letter-spacing:-.02em!important;
    max-width:calc(100vw - 88px)!important; color:#fff!important;
  }
  #booking-overlay .close-btn,#mybookings-overlay .close-btn{
    width:42px!important;height:42px!important;border-radius:14px!important;
    border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.035)!important;
  }
  #s3 .step-title-book{font-size:1.48rem!important;margin-bottom:.35rem!important}
  #s3 .step-subtitle{margin-bottom:.8rem!important;line-height:1.45!important}
  #s3 .calendar-wrap{padding:.78rem!important;margin-bottom:.75rem!important;border-radius:18px!important}
  #s3 .cal-header{margin-bottom:.65rem!important}
  #s3 .cal-month{font-size:1.02rem!important}
  #s3 .cal-nav{width:34px!important;height:34px!important;border-radius:12px!important}
  #s3 .cal-grid{gap:.28rem!important}
  #s3 .cal-day-label{font-size:7px!important;padding:.25rem 0!important}
  #s3 .cal-day{min-height:35px!important;border-radius:10px!important;font-size:11px!important}
  #time-section .section-label{margin:.65rem 0 .55rem!important;font-size:9px!important}
  #time-slots.time-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.45rem!important}
  #time-slots .time-slot{min-height:48px!important;padding:.45rem .35rem!important;border-radius:13px!important}
  #time-slots .time-slot strong{font-size:12px!important}
  #time-slots .time-slot span{font-size:9px!important}
  .second-appointment-box.smart-second-box{
    margin-top:.75rem!important;padding:.8rem!important;border-radius:18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .second-appointment-head{margin-bottom:.65rem!important;gap:.65rem!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important}
  .second-appointment-head strong{font-size:11px!important;margin-bottom:.15rem!important}
  .second-appointment-head span{font-size:10px!important;line-height:1.35!important;color:rgba(255,255,255,.58)!important}
  .mini-remove-second{width:auto!important;padding:.45rem .65rem!important;font-size:9px!important;white-space:nowrap!important}
  .smart-second-suggestions{display:flex!important;gap:.55rem!important;overflow-x:auto!important;padding:.05rem .05rem .55rem!important;margin:.5rem 0 .65rem!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
  .smart-second-suggestions::-webkit-scrollbar{display:none!important}
  .second-suggestion{min-width:138px!important;scroll-snap-align:start!important;padding:.65rem!important;border-radius:15px!important;gap:.15rem!important}
  .second-suggestion span{font-size:7.5px!important;letter-spacing:.12em!important}
  .second-suggestion strong{font-size:.82rem!important}
  .second-suggestion small{font-size:.65rem!important}
  .second-manual-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.55rem!important;margin-top:.1rem!important}
  .second-manual-row .form-group label{font-size:8px!important;margin-bottom:.35rem!important}
  .second-manual-row input,.second-manual-row select{min-height:43px!important;border-radius:13px!important;font-size:13px!important;padding:.65rem!important}
  .second-appointment-box .form-note{font-size:9px!important;line-height:1.35!important;margin-top:.55rem!important;color:rgba(255,255,255,.46)!important}
  #booking-overlay .modal-nav{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9) 28%,#000 100%)!important;padding:.85rem 0 max(.35rem,env(safe-area-inset-bottom))!important}
}
@media (max-width:430px){
  #time-slots.time-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #time-slots .time-slot{min-height:50px!important}
  .second-manual-row{grid-template-columns:1fr!important}
}

/* Prevent background/page scroll while any modal, drawer or mobile menu is open */
body.page-scroll-locked,
body.admin-scroll-locked{
  position:fixed;
  left:0;
  right:0;
  width:100%;
  overflow:hidden!important;
}
body.page-scroll-locked .overlay,
body.admin-scroll-locked .admin-modal-shell,
body.admin-scroll-locked .admin-drawer,
body.admin-scroll-locked .slot-quick-panel{
}


/* === Nexa v15: true full-screen booking modal + no horizontal drift === */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
#booking-overlay,
#mybookings-overlay{
  overscroll-behavior:contain;
  overflow-x:hidden!important;
}
#booking-overlay *,
#mybookings-overlay *{
  box-sizing:border-box;
}


#booking-overlay .form-row,
#booking-overlay .modal-nav,
#booking-overlay .options-grid,
#booking-overlay .time-slots,
#booking-overlay .calendar-wrap,
#booking-overlay .booking-summary,
#booking-overlay .double-booking-box,
#booking-overlay .second-appointment-box{
  min-width:0!important;
  max-width:100%!important;
}
#booking-overlay input,
#booking-overlay textarea,
#booking-overlay select,
#booking-overlay button,
#mybookings-overlay input,
#mybookings-overlay button{
  max-width:100%;
}
body.page-scroll-locked,
body.admin-scroll-locked{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
@media (max-width:900px){
#booking-overlay.overlay.active,
#mybookings-overlay.overlay.active {
    background:#000!important;
  }

#booking-overlay .booking-modal,
#mybookings-overlay .my-bookings-modal {
    border-radius:0!important;
    border:none!important;
    box-shadow:none!important;
    background:#000!important;
  }

  #booking-overlay .booking-modal .modal-header,
  #mybookings-overlay .my-bookings-modal .modal-header{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    margin:0 -1rem 1rem!important;
    padding:calc(.85rem + env(safe-area-inset-top)) 1rem .85rem!important;
    min-height:64px!important;
    width:auto!important;
    background:#000!important;
    background-image:linear-gradient(180deg,#000 0%,#050505 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.55)!important;
    backdrop-filter:none!important;
  }
  #booking-overlay .modal-logo,
  #mybookings-overlay .modal-logo{
    max-width:calc(100vw - 88px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #booking-overlay .close-btn,
  #mybookings-overlay .close-btn{
    flex:0 0 42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #booking-overlay .modal-nav{
    margin-left:-1rem!important;
    margin-right:-1rem!important;
    padding-left:1rem!important;
    padding-right:1rem!important;
    bottom:0!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
  }
  #booking-overlay .btn-next,
  #booking-overlay .btn-back{
    min-width:0!important;
    white-space:nowrap!important;
  }
  #booking-overlay .smart-second-suggestions{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}
@media (max-width:430px){


  #booking-overlay .booking-modal .modal-header,
  #mybookings-overlay .my-bookings-modal .modal-header,
  #booking-overlay .modal-nav{
    margin-left:-.85rem!important;
    margin-right:-.85rem!important;
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
}

/* === Nexa v16: admin calendar anti-jump / anti-drift fix === */
body.admin-page-body,
body.admin-page-body *{
  scroll-behavior:auto!important;
}
body.admin-page-body .scheduler-card,
body.admin-page-body .scheduler-board-wrap,
body.admin-page-body .scheduler-board{
  overscroll-behavior:contain!important;
}
body.admin-page-body .scheduler-month-cell,
body.admin-page-body .scheduler-month-date-btn,
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-add,
body.admin-page-body .scheduler-month-pill,
body.admin-page-body .admin-pill{
  touch-action:manipulation!important;
}
body.admin-page-body .scheduler-month-date-btn,
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-add,
body.admin-page-body .scheduler-month-pill{
  -webkit-tap-highlight-color:transparent!important;
}
@media (min-width:1025px){
  body.admin-page-body .scheduler-board-wrap{
    overflow-x:hidden!important;
  }
  body.admin-page-body .scheduler-month-grid{
    min-width:0!important;
    width:100%!important;
  }
}
@media (max-width:1024px){
  body.admin-page-body .scheduler-board-wrap{
    overflow-x:auto!important;
  }
}

/* === v17: center booking modal action buttons === */
#booking-overlay .modal-nav,
#mybookings-overlay .modal-nav{
  justify-content:center !important;
}
#booking-overlay .modal-nav > span:empty,
#mybookings-overlay .modal-nav > span:empty{
  display:none !important;
}
#booking-overlay .modal-nav .btn-next,
#booking-overlay .modal-nav .btn-back,
#mybookings-overlay .modal-nav .btn-next,
#mybookings-overlay .modal-nav .btn-back{
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (min-width: 769px){
  #booking-overlay .modal-nav .btn-next,
  #booking-overlay .modal-nav .btn-back,
  #mybookings-overlay .modal-nav .btn-next,
  #mybookings-overlay .modal-nav .btn-back{
    min-width:220px;
  }
}

/* === v18: button centering only on mobile + admin calendar scroll repair === */
@media (min-width: 769px){
  #booking-overlay .modal-nav,
  #mybookings-overlay .modal-nav{
    justify-content:space-between !important;
  }
  #booking-overlay .modal-nav > span:empty,
  #mybookings-overlay .modal-nav > span:empty{
    display:block !important;
  }
  #booking-overlay .modal-nav .btn-next,
  #booking-overlay .modal-nav .btn-back,
  #mybookings-overlay .modal-nav .btn-next,
  #mybookings-overlay .modal-nav .btn-back{
    min-width:0 !important;
    flex:0 0 auto !important;
  }
}
@media (max-width: 768px){
  #booking-overlay .modal-nav,
  #mybookings-overlay .modal-nav{
    justify-content:center !important;
  }
  #booking-overlay .modal-nav > span:empty,
  #mybookings-overlay .modal-nav > span:empty{
    display:none !important;
  }
  #booking-overlay .modal-nav .btn-next,
  #booking-overlay .modal-nav .btn-back,
  #mybookings-overlay .modal-nav .btn-next,
  #mybookings-overlay .modal-nav .btn-back{
    flex:1 1 0 !important;
    min-width:0 !important;
  }
}

body.admin-page-body{
  overflow-y:auto !important;
  height:auto !important;
  min-height:100dvh !important;
}
body.admin-page-body.sidebar-open,
body.admin-page-body.slot-quick-open{
  overflow:hidden !important;
}
body.admin-page-body .scheduler-card{
  overflow:visible !important;
}
body.admin-page-body .scheduler-board-wrap{
  max-height:none !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:auto !important;
  touch-action:pan-x pan-y !important;
}
body.admin-page-body .scheduler-board{
  overflow:visible !important;
  touch-action:pan-x pan-y !important;
}
@media (max-width: 768px){
  body.admin-page-body .scheduler-card{
    overflow:visible !important;
  }
  body.admin-page-body .scheduler-board-wrap{
    overflow:auto !important;
    padding-bottom:.75rem !important;
  }
}

/* === v19: responsive buttons for Admin "Ραντεβού & δεσμεύσεις" === */
@media (max-width: 768px){
  body.admin-page-body .admin-card .admin-toolbar{
    gap:.85rem !important;
  }
  body.admin-page-body .admin-card .admin-toolbar h3{
    font-size:1.2rem !important;
    line-height:1.15 !important;
  }
  body.admin-page-body .admin-card .admin-toolbar-group{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:.45rem !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding:.15rem .05rem .45rem !important;
    scrollbar-width:none !important;
  }
  body.admin-page-body .admin-card .admin-toolbar-group::-webkit-scrollbar{
    display:none !important;
  }
  body.admin-page-body .admin-card .admin-toolbar-group .admin-search{
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    min-height:42px !important;
    margin-right:.2rem !important;
  }
  body.admin-page-body .admin-card .admin-toolbar-group .admin-pill{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:auto !important;
    min-height:36px !important;
    padding:.55rem .72rem !important;
    border-radius:999px !important;
    font-size:.68rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:.045em !important;
  }
  body.admin-page-body .admin-tools-grid.compact{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.55rem !important;
  }
  body.admin-page-body .admin-tools-grid.compact .tool-launch-btn{
    min-height:44px !important;
    padding:.65rem .55rem !important;
    border-radius:14px !important;
    font-size:.66rem !important;
    line-height:1.25 !important;
    letter-spacing:.045em !important;
  }
  body.admin-page-body .records-modal-item{
    gap:.75rem !important;
    padding:.75rem !important;
  }
  body.admin-page-body .records-modal-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.45rem !important;
  }
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions .admin-pill,
  body.admin-page-body .records-modal-actions button{
    width:100% !important;
    min-height:36px !important;
    padding:.55rem .45rem !important;
    border-radius:12px !important;
    font-size:.68rem !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .admin-tools-grid.compact{
    grid-template-columns:1fr 1fr !important;
  }
  body.admin-page-body .admin-tools-grid.compact .tool-launch-btn{
    font-size:.62rem !important;
    min-height:42px !important;
    padding:.58rem .42rem !important;
  }
  body.admin-page-body .admin-card .admin-toolbar-group .admin-pill{
    font-size:.64rem !important;
    padding:.52rem .62rem !important;
  }
}

/* === v20: mobile admin KPI cards + compact equal action buttons === */
@media (max-width: 768px){
  body.admin-page-body .admin-kpis{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.65rem !important;
    width:100% !important;
  }
  body.admin-page-body .admin-kpi,
  body.admin-page-body .admin-kpi.premium-kpi{
    min-height:96px !important;
    border-radius:18px !important;
    padding:.78rem .82rem !important;
    overflow:hidden !important;
  }
  body.admin-page-body .admin-kpi::before,
  body.admin-page-body .admin-kpi.premium-kpi::before{
    width:82px !important;
    height:82px !important;
    left:-10px !important;
    top:-18px !important;
    opacity:.42 !important;
  }
  body.admin-page-body .admin-kpi-top{
    gap:.42rem !important;
  }
  body.admin-page-body .admin-kpi-icon{
    width:26px !important;
    height:26px !important;
    border-radius:10px !important;
    font-size:12px !important;
    flex:0 0 26px !important;
  }
  body.admin-page-body .admin-kpi-label{
    font-size:.52rem !important;
    letter-spacing:.16em !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.admin-page-body .admin-kpi-value{
    font-size:1.5rem !important;
    line-height:1 !important;
    margin-top:.65rem !important;
  }

  /* Records modal: small, responsive action buttons */
  body.admin-page-body .records-modal-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.45rem !important;
  }
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions button{
    width:100% !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:.48rem .42rem !important;
    border-radius:11px !important;
    font-size:.62rem !important;
    line-height:1.05 !important;
    letter-spacing:.045em !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  /* Drawer/form action buttons: equal size and aligned */
  body.admin-page-body .drawer-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.65rem !important;
    width:100% !important;
    align-items:stretch !important;
  }
  body.admin-page-body .drawer-actions .admin-link-btn,
  body.admin-page-body .drawer-actions .btn-primary,
  body.admin-page-body .drawer-actions .btn-next,
  body.admin-page-body .tools-form-card > .btn-next{
    width:100% !important;
    max-width:none !important;
    min-height:46px !important;
    padding:.75rem .85rem !important;
    border-radius:14px !important;
    font-size:.68rem !important;
    letter-spacing:.075em !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .admin-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.55rem !important;
  }
  body.admin-page-body .admin-kpi,
  body.admin-page-body .admin-kpi.premium-kpi{
    min-height:90px !important;
    padding:.72rem !important;
  }
  body.admin-page-body .admin-kpi-label{font-size:.48rem !important;letter-spacing:.14em !important}
  body.admin-page-body .admin-kpi-value{font-size:1.42rem !important;margin-top:.6rem !important}
  body.admin-page-body .records-modal-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* === v21: responsive mobile controls for booking calendar header === */
@media (max-width: 768px){
  body.admin-page-body .scheduler-card .admin-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.75rem !important;
    align-items:stretch !important;
  }

  body.admin-page-body .scheduler-card .admin-toolbar > div:first-child{
    min-width:0 !important;
  }

  body.admin-page-body .scheduler-card h2{
    max-width:100% !important;
    font-size:clamp(1.35rem, 7vw, 1.85rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.04em !important;
    word-break:normal !important;
  }

  body.admin-page-body .scheduler-card .scheduler-top-controls{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.5rem !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    overflow:visible !important;
    padding:0 !important;
  }

  body.admin-page-body .scheduler-card .scheduler-top-controls > .admin-toolbar-group{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    align-items:center !important;
    gap:.28rem !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    padding:.22rem !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-sizing:border-box !important;
  }

  body.admin-page-body .scheduler-card .scheduler-top-controls > .admin-toolbar-group:first-child{
    order:4 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  body.admin-page-body .scheduler-card .scheduler-top-controls > .admin-toolbar-group:last-of-type{
    order:1 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.admin-page-body .scheduler-card .scheduler-period-label{
    order:2 !important;
    width:100% !important;
    min-width:0 !important;
    padding:.15rem .15rem 0 !important;
    text-align:center !important;
    font-size:.78rem !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  body.admin-page-body .scheduler-card #scheduler-new-booking{
    order:3 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:.72rem .7rem !important;
    border-radius:999px !important;
    font-size:.68rem !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    white-space:nowrap !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.admin-page-body .scheduler-card .scheduler-top-controls .admin-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:38px !important;
    padding:0 .32rem !important;
    border-radius:999px !important;
    font-size:.76rem !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width: 390px){
  body.admin-page-body .scheduler-card{
    padding:.72rem !important;
  }
  body.admin-page-body .scheduler-card .scheduler-top-controls{
    gap:.42rem !important;
  }
  body.admin-page-body .scheduler-card .scheduler-top-controls > .admin-toolbar-group{
    gap:.2rem !important;
    padding:.18rem !important;
    border-radius:16px !important;
  }
  body.admin-page-body .scheduler-card .scheduler-top-controls .admin-pill{
    min-height:36px !important;
    font-size:.7rem !important;
    padding:0 .18rem !important;
  }
  body.admin-page-body .scheduler-card #scheduler-new-booking{
    min-height:40px !important;
    font-size:.62rem !important;
    letter-spacing:.1em !important;
  }
  body.admin-page-body .scheduler-card .scheduler-period-label{
    font-size:.7rem !important;
  }
}

/* === v23: mobile fix for records modal action buttons === */
@media (max-width: 768px){
  body.admin-page-body .records-modal-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:.72rem !important;
    padding:.78rem !important;
    overflow:hidden !important;
  }

  body.admin-page-body .records-modal-main{
    width:100% !important;
    min-width:0 !important;
  }

  body.admin-page-body .records-modal-main strong,
  body.admin-page-body .records-modal-main span,
  body.admin-page-body .records-modal-main small{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  body.admin-page-body .records-modal-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.5rem !important;
    align-items:stretch !important;
    justify-items:stretch !important;
  }

  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions .admin-pill,
  body.admin-page-body .records-modal-actions button{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:.7rem .75rem !important;
    border-radius:12px !important;
    font-size:.68rem !important;
    line-height:1.15 !important;
    letter-spacing:.045em !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width: 420px){
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions .admin-pill,
  body.admin-page-body .records-modal-actions button{
    min-height:38px !important;
    padding:.65rem .68rem !important;
    font-size:.64rem !important;
    letter-spacing:.035em !important;
  }
}

/* === v24: REAL mobile fix for main "Ραντεβού & δεσμεύσεις" table actions === */
@media (max-width: 768px){
  body.admin-page-body .admin-table-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }

  body.admin-page-body .admin-data-table,
  body.admin-page-body .admin-data-table tbody,
  body.admin-page-body .admin-data-table tr,
  body.admin-page-body .admin-data-table td{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  body.admin-page-body .admin-data-table thead{
    display:none !important;
  }

  body.admin-page-body .admin-data-table tr{
    margin:0 0 .85rem 0 !important;
    padding:.85rem !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:16px !important;
    background:#050505 !important;
    overflow:hidden !important;
  }

  body.admin-page-body .admin-data-table td{
    border:0 !important;
    padding:.46rem 0 !important;
    text-align:left !important;
    color:#fff !important;
    overflow:hidden !important;
  }

  body.admin-page-body .admin-data-table td::before{
    content:attr(data-label) !important;
    display:block !important;
    width:100% !important;
    margin:0 0 .22rem 0 !important;
    color:rgba(255,255,255,.48) !important;
    font-size:.58rem !important;
    line-height:1.15 !important;
    letter-spacing:.11em !important;
    text-transform:uppercase !important;
    text-align:left !important;
  }

  body.admin-page-body .admin-data-table td > *,
  body.admin-page-body .admin-data-table td strong,
  body.admin-page-body .admin-data-table td code,
  body.admin-page-body .admin-data-table td div,
  body.admin-page-body .admin-data-table td span{
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    text-align:left !important;
  }

  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"]{
    display:block !important;
    padding-top:.7rem !important;
    margin-top:.35rem !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"]::before{
    margin-bottom:.5rem !important;
  }

  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"] .mini-actions{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.5rem !important;
    align-items:stretch !important;
    justify-items:stretch !important;
  }

  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"] button{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:.68rem .75rem !important;
    border-radius:12px !important;
    font-size:.66rem !important;
    line-height:1.15 !important;
    letter-spacing:.045em !important;
    white-space:normal !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width: 420px){
  body.admin-page-body .admin-data-table tr{
    padding:.75rem !important;
    border-radius:14px !important;
  }
  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .admin-data-table td[data-label="Ενέργειες"] button{
    min-height:38px !important;
    padding:.62rem .65rem !important;
    font-size:.62rem !important;
    letter-spacing:.035em !important;
  }
}

/* Barber booking selection — cleaner minimal UI */
#barber-options.options-grid{
  grid-template-columns:1fr !important;
  gap:.85rem !important;
  margin-top:1.9rem !important;
}
#barber-options .barber-choice-card{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 34px !important;
  align-items:center !important;
  gap:1.15rem !important;
  min-height:92px !important;
  padding:1rem 1.05rem !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  overflow:hidden !important;
}
#barber-options .barber-choice-card:hover{
  border-color:rgba(255,255,255,.26) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.018)) !important;
  transform:translateY(-1px) !important;
}
#barber-options .barber-choice-card.selected{
  border-color:rgba(255,255,255,.78) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
  color:#fff !important;
}
#barber-options .barber-choice-card::after{content:none !important;}
#barber-options .barber-choice-avatar{
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), rgba(255,255,255,.035) 62%, rgba(255,255,255,.02)) !important;
  color:#fff !important;
  font-size:1.25rem !important;
  font-weight:700 !important;
  letter-spacing:-.03em !important;
}
#barber-options .barber-choice-name{
  margin:0 !important;
  color:#fff !important;
  font-size:1.08rem !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
}
#barber-options .barber-choice-check{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.22) !important;
  position:relative !important;
  justify-self:end !important;
  opacity:.75 !important;
}
#barber-options .barber-choice-card.selected .barber-choice-check{
  border-color:#fff !important;
  background:#fff !important;
  opacity:1 !important;
}
#barber-options .barber-choice-card.selected .barber-choice-check::before{
  content:'✓' !important;
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#050505 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
}
#barber-options .option-detail{display:none !important;}
@media (max-width: 640px){
  #barber-options.options-grid{margin-top:1.1rem !important;gap:.7rem !important}
  #barber-options .barber-choice-card{
    grid-template-columns:46px minmax(0,1fr) 28px !important;
    min-height:74px !important;
    padding:.82rem .85rem !important;
    border-radius:16px !important;
    gap:.8rem !important;
  }
  #barber-options .barber-choice-avatar{width:46px !important;height:46px !important;font-size:1rem !important}
  #barber-options .barber-choice-name{font-size:1rem !important}
  #barber-options .barber-choice-check{width:24px !important;height:24px !important}
}

/* Show selected barber clearly inside admin calendar cards */
body.admin-page-body .scheduler-month-pill em{
  font-style:normal;
  font-size:.66rem;
  line-height:1.1;
  opacity:.72;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
body.admin-page-body .scheduler-month-pill{
  flex-wrap:wrap;
  align-items:center;
}
body.admin-page-body .scheduler-month-pill em{
  flex-basis:100%;
  margin-left:calc(.4rem + 34px);
}
body.admin-page-body .scheduler-item small,
.mobile-agenda-card small{
  line-height:1.35;
}
/* === Quick booking modal refresh: cleaner + more responsive === */

body.admin-page-body .slot-quick-top{
  margin-bottom:1.1rem!important;
  padding-bottom:1rem!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.admin-page-body .slot-quick-top .admin-sub{
  margin-bottom:.35rem!important;
}
body.admin-page-body .slot-quick-top h3{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:1.55rem!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
body.admin-page-body .slot-quick-grid{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:760px!important;
  margin:0 auto!important;
  gap:0!important;
}
body.admin-page-body .quick-booking-form{
  padding:1.25rem!important;
  border-radius:24px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02))!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.admin-page-body .quick-booking-kicker{
  margin-bottom:.6rem!important;
}
body.admin-page-body .quick-booking-form .slot-form-head{
  align-items:flex-start!important;
  gap:1rem!important;
  margin-bottom:1.15rem!important;
  padding-bottom:1rem!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.admin-page-body .quick-booking-form .slot-form-head h4{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:1.3rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  margin:0!important;
}
body.admin-page-body .quick-booking-intro{
  margin:.4rem 0 0!important;
  color:rgba(255,255,255,.64)!important;
  font-size:.93rem!important;
  line-height:1.55!important;
}
body.admin-page-body .quick-booking-form .admin-form-grid{
  gap:.95rem!important;
  margin-bottom:.95rem!important;
}
body.admin-page-body .quick-booking-form .form-group{
  margin-bottom:0!important;
}
body.admin-page-body .quick-booking-form .form-group label{
  display:block!important;
  margin-bottom:.45rem!important;
  font-size:.76rem!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.55)!important;
}
body.admin-page-body .quick-booking-form input,
body.admin-page-body .quick-booking-form select,
body.admin-page-body .quick-booking-form textarea{
  min-height:50px!important;
  border-radius:14px!important;
  padding:.85rem .95rem!important;
  background:#090909!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}
body.admin-page-body .quick-booking-form textarea{
  min-height:110px!important;
  resize:vertical!important;
}
body.admin-page-body .quick-booking-form .field-help{
  margin-top:.45rem!important;
  color:rgba(255,255,255,.48)!important;
  font-size:.77rem!important;
  line-height:1.45!important;
}
body.admin-page-body .quick-booking-form .btn-primary{
  width:100%!important;
  min-height:52px!important;
  margin-top:.35rem!important;
  border-radius:16px!important;
  font-size:.94rem!important;
  letter-spacing:.08em!important;
}
body.admin-page-body .quick-booking-form .admin-link-btn{
  white-space:nowrap!important;
}
@media (max-width: 980px){


body.admin-page-body .slot-quick-dialog {
    border-radius:22px!important;
  }

}
@media (max-width: 720px){
  body.admin-page-body .slot-quick-top{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    background:linear-gradient(180deg, rgba(13,13,13,.98), rgba(13,13,13,.92))!important;
    backdrop-filter:blur(10px)!important;
    margin:-1rem -1rem 1rem!important;
    padding:1rem 1rem .9rem!important;
  }
  body.admin-page-body .quick-booking-form{
    padding:1rem!important;
    border-radius:18px!important;
  }
  body.admin-page-body .quick-booking-form .slot-form-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.admin-page-body .quick-booking-form .admin-link-btn{
    width:100%!important;
    justify-content:center!important;
  }
  body.admin-page-body .quick-booking-intro{
    font-size:.88rem!important;
  }
}
/* === Quick booking modal compact no-scroll pass === */
body.admin-page-body .slot-quick-dialog {
  flex-direction:column!important;
}

body.admin-page-body .slot-quick-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body.admin-page-body .quick-booking-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:.85rem!important;
  row-gap:.8rem!important;
  align-content:start!important;
}
body.admin-page-body .quick-booking-form > .admin-sub,
body.admin-page-body .quick-booking-form > .slot-form-head,
body.admin-page-body .quick-booking-form > .form-group,
body.admin-page-body .quick-booking-form > .btn-primary{
  grid-column:1 / -1!important;
}
body.admin-page-body .quick-booking-form > .admin-form-grid{
  display:contents!important;
}
body.admin-page-body .quick-booking-form .slot-form-head{
  margin-bottom:.2rem!important;
  padding-bottom:.75rem!important;
}
body.admin-page-body .quick-booking-form .admin-sub{
  margin-bottom:-.2rem!important;
}
body.admin-page-body .quick-booking-form .form-group label{
  margin-bottom:.35rem!important;
}
body.admin-page-body .quick-booking-form input,
body.admin-page-body .quick-booking-form select,
body.admin-page-body .quick-booking-form textarea{
  min-height:46px!important;
  padding:.72rem .9rem!important;
}
body.admin-page-body .quick-booking-form textarea{
  min-height:76px!important;
  max-height:76px!important;
}
body.admin-page-body .quick-booking-form .field-help{
  margin-top:.3rem!important;
  font-size:.74rem!important;
  line-height:1.35!important;
}
body.admin-page-body .quick-booking-form .btn-primary{
  min-height:48px!important;
  margin-top:.1rem!important;
}
@media (max-width: 720px){
body.admin-page-body .slot-quick-dialog {
    border-radius:0!important;
  }

  body.admin-page-body .slot-quick-top{
    margin:-.9rem -.9rem .75rem!important;
    padding:.85rem .9rem .75rem!important;
  }
  body.admin-page-body .slot-quick-top .admin-sub{display:none!important}
  body.admin-page-body .slot-quick-top h3{font-size:1.08rem!important}
  body.admin-page-body .quick-booking-form{
    padding:.85rem!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:.7rem!important;
    row-gap:.7rem!important;
  }
  body.admin-page-body .quick-booking-form .slot-form-head{
    grid-column:1 / -1!important;
    gap:.55rem!important;
    padding-bottom:.65rem!important;
    margin-bottom:0!important;
  }
  body.admin-page-body .quick-booking-form .slot-form-head h4{font-size:1.05rem!important}
  body.admin-page-body .quick-booking-intro{font-size:.82rem!important;line-height:1.4!important}
  body.admin-page-body .quick-booking-form .admin-link-btn{padding:.7rem .85rem!important;min-height:42px!important}
  body.admin-page-body .quick-booking-form .form-group label{font-size:.7rem!important}
  body.admin-page-body .quick-booking-form input,
  body.admin-page-body .quick-booking-form select,
  body.admin-page-body .quick-booking-form textarea{
    min-height:42px!important;
    padding:.68rem .8rem!important;
    font-size:15px!important;
  }
  body.admin-page-body .quick-booking-form textarea{min-height:68px!important;max-height:68px!important}
  body.admin-page-body .quick-booking-form .field-help{font-size:.7rem!important;line-height:1.3!important}
  body.admin-page-body .quick-booking-form .btn-primary{min-height:46px!important}
}
@media (max-width: 430px){
  body.admin-page-body .quick-booking-form{
    grid-template-columns:1fr 1fr!important;
    column-gap:.6rem!important;
    row-gap:.65rem!important;
  }
  body.admin-page-body .quick-booking-form .slot-form-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
}


/* === Mobile week view: fit full week without horizontal scroll === */
@media (max-width: 760px){
  body.admin-page-body .mobile-week-scheduler{gap:.75rem!important}
  body.admin-page-body .mobile-week-days{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:.35rem!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  body.admin-page-body .mobile-day-pill{
    min-width:0!important;
    width:100%!important;
    padding:.48rem .2rem .42rem!important;
    border-radius:16px!important;
    gap:.16rem!important;
  }
  body.admin-page-body .mobile-day-pill span{
    font-size:.54rem!important;
    letter-spacing:.06em!important;
    line-height:1.1!important;
  }
  body.admin-page-body .mobile-day-pill strong{
    font-size:1rem!important;
    line-height:1!important;
  }
  body.admin-page-body .mobile-day-pill em{
    top:4px!important;
    right:4px!important;
    min-width:16px!important;
    height:16px!important;
    font-size:.58rem!important;
  }
  body.admin-page-body .mobile-day-panel{padding:.85rem!important;border-radius:18px!important}
  body.admin-page-body .mobile-day-panel-head{align-items:flex-start!important;gap:.65rem!important}
  body.admin-page-body .mobile-day-panel-head strong{font-size:.92rem!important;line-height:1.3!important}
  body.admin-page-body .mobile-add-main{white-space:nowrap!important}
}
@media (max-width: 430px){
  body.admin-page-body .mobile-week-days{gap:.28rem!important}
  body.admin-page-body .mobile-day-pill{padding:.44rem .12rem .38rem!important;border-radius:14px!important}
  body.admin-page-body .mobile-day-pill span{font-size:.5rem!important;letter-spacing:.04em!important}
  body.admin-page-body .mobile-day-pill strong{font-size:.92rem!important}
  body.admin-page-body .mobile-day-pill em{min-width:15px!important;height:15px!important;font-size:.54rem!important;top:3px!important;right:3px!important}
}


/* === Mobile week extra polish: Monday-first feel, tighter cards, cleaner selected day === */
@media (max-width: 760px){
  body.admin-page-body .mobile-week-days{
    margin-bottom:.15rem!important;
  }
  body.admin-page-body .mobile-day-pill{
    border:1px solid rgba(255,255,255,.09)!important;
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018))!important;
    box-shadow:none!important;
  }
  body.admin-page-body .mobile-day-pill.active{
    background:#fff!important;
    border-color:#fff!important;
    box-shadow:0 10px 24px rgba(255,255,255,.08)!important;
  }
  body.admin-page-body .mobile-day-pill.blackout{
    opacity:.62!important;
    background:rgba(255,255,255,.025)!important;
  }
  body.admin-page-body .mobile-day-panel{
    padding:.8rem!important;
    border-radius:20px!important;
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015))!important;
    border:1px solid rgba(255,255,255,.08)!important;
    gap:.65rem!important;
  }
  body.admin-page-body .mobile-day-panel-head{
    padding-bottom:.7rem!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  body.admin-page-body .mobile-day-panel-head small{
    font-size:.58rem!important;
    letter-spacing:.18em!important;
    color:rgba(255,255,255,.4)!important;
    margin-bottom:.28rem!important;
  }
  body.admin-page-body .mobile-day-panel-head strong{
    font-size:.98rem!important;
    line-height:1.28!important;
    letter-spacing:-.02em!important;
  }
  body.admin-page-body .mobile-add-main{
    min-height:40px!important;
    padding:.7rem .9rem!important;
    border-radius:14px!important;
    font-size:.72rem!important;
    letter-spacing:.08em!important;
  }
  body.admin-page-body .mobile-agenda-card{
    padding:.72rem .78rem!important;
    border-radius:16px!important;
    gap:.2rem!important;
  }
  body.admin-page-body .mobile-agenda-card span{
    font-size:.66rem!important;
    line-height:1.2!important;
  }
  body.admin-page-body .mobile-agenda-card strong{
    font-size:.9rem!important;
    line-height:1.25!important;
    letter-spacing:-.01em!important;
  }
  body.admin-page-body .mobile-agenda-card small{
    font-size:.72rem!important;
    line-height:1.3!important;
  }
  body.admin-page-body .mobile-quick-slots-title{
    margin-top:.2rem!important;
    font-size:.62rem!important;
  }
  body.admin-page-body .mobile-slot-plus{
    min-height:40px!important;
    border-radius:14px!important;
    font-size:.78rem!important;
  }
}
@media (max-width: 430px){
  body.admin-page-body .mobile-day-panel-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.admin-page-body .mobile-add-main{
    width:100%!important;
    justify-content:center!important;
  }
  body.admin-page-body .mobile-agenda-card{
    padding:.68rem .72rem!important;
  }
  body.admin-page-body .mobile-agenda-card strong{
    font-size:.87rem!important;
  }
  body.admin-page-body .mobile-agenda-card small{
    font-size:.7rem!important;
  }
}


/* === Mobile week app-style polish + status colors === */
@media (max-width: 760px){
  body.admin-page-body .mobile-week-scheduler{
    gap:.8rem!important;
  }
  body.admin-page-body .mobile-week-days{
    padding:.12rem!important;
    border-radius:22px!important;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012))!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  body.admin-page-body .mobile-day-pill{
    position:relative!important;
    overflow:hidden!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease!important;
  }
  body.admin-page-body .mobile-day-pill::after{
    content:'';
    position:absolute;
    inset:auto 10px 0;
    height:2px;
    border-radius:999px;
    background:transparent;
  }
  body.admin-page-body .mobile-day-pill.active{
    transform:translateY(-1px)!important;
    box-shadow:0 12px 28px rgba(255,255,255,.07)!important;
  }
  body.admin-page-body .mobile-day-pill.active::after{
    background:linear-gradient(90deg, rgba(0,0,0,.2), rgba(0,0,0,.65), rgba(0,0,0,.2))!important;
  }
  body.admin-page-body .mobile-day-panel{
    box-shadow:0 18px 44px rgba(0,0,0,.26)!important;
  }
  body.admin-page-body .mobile-day-panel-head{
    position:relative!important;
  }
  body.admin-page-body .mobile-day-panel-head::after{
    content:'';
    position:absolute;
    left:0; right:0; bottom:-1px;
    height:1px;
    background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.04))!important;
  }
  body.admin-page-body .mobile-day-panel-head strong{
    font-size:1rem!important;
  }
  body.admin-page-body .mobile-add-main{
    background:#fff!important;
    color:#000!important;
    border:1px solid #fff!important;
    box-shadow:none!important;
  }
  body.admin-page-body .mobile-agenda-card{
    position:relative!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018))!important;
    box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
  }
  body.admin-page-body .mobile-agenda-card::before{
    content:'';
    position:absolute;
    left:0; top:0; bottom:0;
    width:4px;
    background:rgba(255,255,255,.14);
  }
  body.admin-page-body .mobile-agenda-card.block::before{background:rgba(255,255,255,.24)!important}
  body.admin-page-body .mobile-agenda-card.mobile-status-pending::before{background:#ff9f0a!important}
  body.admin-page-body .mobile-agenda-card.mobile-status-confirmed::before{background:#34c759!important}
  body.admin-page-body .mobile-agenda-card.mobile-status-completed::before{background:#0a84ff!important}
  body.admin-page-body .mobile-agenda-card.mobile-status-rescheduled::before{background:#64d2ff!important}
  body.admin-page-body .mobile-agenda-card.mobile-status-no_show::before{background:#ff453a!important}
  body.admin-page-body .mobile-agenda-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.55rem!important;
    margin-bottom:.1rem!important;
  }
  body.admin-page-body .mobile-agenda-time{
    font-size:.66rem!important;
    line-height:1.2!important;
    color:rgba(255,255,255,.58)!important;
  }
  body.admin-page-body .mobile-agenda-card .status-chip{
    flex:0 0 auto!important;
    font-size:.58rem!important;
    line-height:1!important;
    padding:.34rem .5rem!important;
    border-radius:999px!important;
    letter-spacing:.05em!important;
  }
  body.admin-page-body .mobile-agenda-card strong{
    margin-top:.05rem!important;
  }
}
@media (max-width: 430px){
  body.admin-page-body .mobile-agenda-meta{
    gap:.4rem!important;
  }
  body.admin-page-body .mobile-agenda-card .status-chip{
    font-size:.55rem!important;
    padding:.32rem .46rem!important;
  }
}


/* === Compact touch calendar for rotated mobile / iPad === */
body.admin-page-body .scheduler-month-count-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:rgba(181,52,255,.18);border:1px solid rgba(181,52,255,.34);
  color:#d88cff;font-size:.66rem;font-weight:700;line-height:1;
}
@media (pointer: coarse) and (max-width: 1180px), (pointer: coarse) and (max-height: 900px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month{
    gap:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-head{
    min-height:36px!important;
    padding:.45rem .2rem!important;
    font-size:.68rem!important;
    letter-spacing:.08em!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell{
    min-height:110px!important;
    padding:.42rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-top{
    align-items:flex-start!important;
    gap:.3rem!important;
    margin-bottom:.35rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-date-btn{
    min-height:auto!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-date{
    font-size:1rem!important;
    line-height:1!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-add{
    width:24px!important;height:24px!important;min-width:24px!important;
    font-size:.95rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-events{
    gap:.3rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-empty,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-more{
    min-height:0!important;
    padding:.36rem .44rem!important;
    border-radius:12px!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill span{
    font-size:.62rem!important;
    line-height:1.1!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill strong{
    font-size:.74rem!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill em{
    display:none!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-empty,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-more{
    font-size:.68rem!important;
    line-height:1.2!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-count-badge{
    order:2!important;
    margin-left:auto!important;
  }
}
@media (pointer: coarse) and (max-width: 900px), (pointer: coarse) and (max-height: 620px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-head{
    min-height:32px!important;
    font-size:.58rem!important;
    letter-spacing:.05em!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell{
    min-height:90px!important;
    padding:.34rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-date{
    font-size:.92rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-top{
    margin-bottom:.25rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-add{
    width:22px!important;height:22px!important;min-width:22px!important;
    font-size:.86rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-empty,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-more{
    padding:.28rem .34rem!important;
    border-radius:10px!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill span{
    font-size:.54rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill strong{
    font-size:.66rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-empty,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-more{
    font-size:.6rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-count-badge{
    min-width:18px!important;height:18px!important;font-size:.58rem!important;padding:0 5px!important;
  }
}


/* === Smaller scheduler title === */
body.admin-page-body .scheduler-card h2{
  font-size:2rem!important;
  line-height:1.1!important;
}
@media (max-width: 1024px){
  body.admin-page-body .scheduler-card h2{font-size:1.7rem!important}
}
@media (max-width: 768px){
  body.admin-page-body .scheduler-card h2{font-size:1.45rem!important}
}
@media (max-width: 430px){
  body.admin-page-body .scheduler-card h2{font-size:1.28rem!important}
}


/* === Compact UI: Ημερήσιο πρόγραμμα + Όλες οι εγγραφές === */
body.admin-page-body .compact-admin-section{
  padding:1rem!important;
  border-radius:22px!important;
}
body.admin-page-body .compact-admin-section .compact-toolbar{
  gap:.8rem!important;
  align-items:flex-end!important;
  margin-bottom:.85rem!important;
}
body.admin-page-body .daily-agenda-card h2{
  font-size:1.28rem!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
}
body.admin-page-body .records-card h3{
  font-size:1.02rem!important;
  line-height:1.15!important;
  margin:0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-weight:700!important;
}
body.admin-page-body .daily-agenda-actions,
body.admin-page-body .records-toolbar-actions{
  gap:.45rem!important;
  flex-wrap:wrap!important;
}
body.admin-page-body .daily-agenda-actions .admin-pill,
body.admin-page-body .records-toolbar-actions .admin-pill{
  min-height:36px!important;
  padding:0 .8rem!important;
  font-size:.78rem!important;
}
body.admin-page-body .daily-agenda-actions .admin-date-input{
  min-height:38px!important;
  padding:.55rem .75rem!important;
  font-size:.82rem!important;
}
body.admin-page-body .daily-agenda-card .day-agenda{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem!important;
  max-height:560px!important;
  overflow:auto!important;
  padding-right:.2rem!important;
}
body.admin-page-body .daily-agenda-card .agenda-empty{
  grid-column:1 / -1!important;
  padding:1.1rem!important;
  border-radius:16px!important;
  font-size:.86rem!important;
}
body.admin-page-body .daily-agenda-card .agenda-item{
  padding:.82rem .88rem!important;
  border-radius:16px!important;
  gap:.45rem!important;
  background:linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.014))!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
body.admin-page-body .daily-agenda-card .agenda-top{
  gap:.55rem!important;
  align-items:flex-start!important;
}
body.admin-page-body .daily-agenda-card .agenda-title{
  font-size:.9rem!important;
  line-height:1.25!important;
}
body.admin-page-body .daily-agenda-card .agenda-meta{
  font-size:.73rem!important;
  line-height:1.55!important;
}
body.admin-page-body .daily-agenda-card .mini-actions{
  gap:.38rem!important;
}
body.admin-page-body .daily-agenda-card .mini-btn{
  min-height:31px!important;
  padding:.38rem .66rem!important;
  font-size:.64rem!important;
  letter-spacing:.08em!important;
}
body.admin-page-body .records-card .admin-search{
  min-width:240px!important;
  width:240px!important;
  min-height:38px!important;
  padding:.55rem .8rem!important;
  font-size:.82rem!important;
}
body.admin-page-body .records-card .admin-table-wrap{
  max-height:560px!important;
  overflow:auto!important;
  border-radius:18px!important;
}
body.admin-page-body .records-card .admin-data-table{
  min-width:860px!important;
  font-size:.7rem!important;
}
body.admin-page-body .records-card .admin-data-table th{
  padding:.72rem .65rem!important;
  font-size:.56rem!important;
  letter-spacing:.14em!important;
}
body.admin-page-body .records-card .admin-data-table td{
  padding:.62rem .65rem!important;
  font-size:.72rem!important;
  line-height:1.45!important;
}
body.admin-page-body .records-card .admin-data-table td code{
  font-size:.68rem!important;
}
body.admin-page-body .records-card .admin-data-table .mini-actions{
  gap:.32rem!important;
}
body.admin-page-body .records-card .admin-data-table .mini-btn,
body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button{
  min-height:30px!important;
  padding:.32rem .56rem!important;
  font-size:.6rem!important;
  letter-spacing:.08em!important;
}
body.admin-page-body .records-card .status-chip,
body.admin-page-body .daily-agenda-card .status-chip{
  font-size:.58rem!important;
  padding:.28rem .5rem!important;
}
body.admin-page-body .records-modal-item{
  padding:.72rem .82rem!important;
  border-radius:15px!important;
  gap:.7rem!important;
}
body.admin-page-body .records-modal-main strong{
  font-size:.8rem!important;
}
body.admin-page-body .records-modal-main span{
  font-size:.7rem!important;
  line-height:1.45!important;
}
body.admin-page-body .records-modal-main small{
  font-size:.66rem!important;
  line-height:1.4!important;
}
body.admin-page-body .records-modal-actions .mini-btn,
body.admin-page-body .records-modal-actions button{
  min-height:31px!important;
  padding:.36rem .62rem!important;
  font-size:.62rem!important;
}
@media (max-width: 1180px){
  body.admin-page-body .daily-agenda-card .day-agenda{
    grid-template-columns:1fr!important;
    max-height:500px!important;
  }
  body.admin-page-body .records-card .admin-table-wrap{
    max-height:500px!important;
  }
}
@media (max-width: 820px){
  body.admin-page-body .compact-admin-section{padding:.9rem!important}
  body.admin-page-body .compact-admin-section .compact-toolbar{
    align-items:flex-start!important;
    gap:.7rem!important;
  }
  body.admin-page-body .daily-agenda-card h2{font-size:1.08rem!important}
  body.admin-page-body .records-card h3{font-size:.95rem!important}
  body.admin-page-body .daily-agenda-actions,
  body.admin-page-body .records-toolbar-actions{
    width:100%!important;
  }
  body.admin-page-body .daily-agenda-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-page-body .daily-agenda-actions .admin-date-input{
    grid-column:1 / -1!important;
    width:100%!important;
  }
  body.admin-page-body .records-toolbar-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-page-body .records-card .admin-search{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }
  body.admin-page-body .daily-agenda-card .day-agenda{
    max-height:none!important;
    overflow:visible!important;
  }
  body.admin-page-body .records-card .admin-table-wrap{
    max-height:none!important;
  }
}
@media (max-width: 640px){
  body.admin-page-body .daily-agenda-card .agenda-item{
    padding:.75rem!important;
  }
  body.admin-page-body .daily-agenda-card .agenda-top{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body.admin-page-body .daily-agenda-card .agenda-meta{
    font-size:.71rem!important;
  }
  body.admin-page-body .daily-agenda-card .mini-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  body.admin-page-body .daily-agenda-card .mini-actions .mini-btn{
    width:100%!important;
    justify-content:center!important;
  }
  body.admin-page-body .records-card .admin-data-table tr{
    padding:.72rem!important;
    border-radius:14px!important;
  }
  body.admin-page-body .records-card .admin-data-table td{
    padding:.34rem 0!important;
    font-size:.7rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td::before{
    font-size:.56rem!important;
    margin-bottom:.16rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.34rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button{
    width:100%!important;
  }
}

/* === Nexa v28: month calendar pill overflow/responsive fix === */
body.admin-page-body .scheduler-month-grid,
body.admin-page-body .scheduler-month-head,
body.admin-page-body .scheduler-month-cell,
body.admin-page-body .scheduler-month-top,
body.admin-page-body .scheduler-month-events{
  min-width:0!important;
}
body.admin-page-body .scheduler-month-cell{
  overflow:hidden!important;
}
body.admin-page-body .scheduler-month-events{
  overflow:hidden!important;
}
body.admin-page-body .scheduler-month-pill,
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-more{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.admin-page-body .scheduler-month-pill{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:.36rem!important;
}
body.admin-page-body .scheduler-month-pill span{
  flex:0 0 auto!important;
  max-width:42px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-page-body .scheduler-month-pill strong{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-page-body .scheduler-month-pill em{
  display:none!important;
}
body.admin-page-body .scheduler-month-more,
body.admin-page-body .scheduler-month-empty{
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
@media (min-width: 901px){
  body.admin-page-body .scheduler-month-cell{padding:.72rem .72rem!important}
  body.admin-page-body .scheduler-month-pill{min-height:28px!important;padding:.34rem .48rem!important;border-radius:999px!important}
}
@media (max-width: 1180px){
  body.admin-page-body .scheduler-month-pill{gap:.28rem!important;padding:.3rem .4rem!important}
  body.admin-page-body .scheduler-month-pill span{font-size:.62rem!important;max-width:36px!important}
  body.admin-page-body .scheduler-month-pill strong{font-size:.68rem!important}
}
@media (max-width: 640px){
  body.admin-page-body .scheduler-month-pill span{max-width:32px!important}
  body.admin-page-body .scheduler-month-pill strong{font-size:.62rem!important}
}

/* === Nexa v29: more minimal selected month date + cleaner mobile record actions === */
body.admin-page-body .scheduler-month-cell.is-selected{
  background:#151515!important;
  box-shadow:inset 0 0 0 1px rgba(255,69,58,.22)!important;
}
body.admin-page-body .scheduler-month-cell.is-selected .scheduler-month-date{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 .42rem!important;
  border-radius:999px!important;
  background:rgba(255,69,58,.12)!important;
  border:1px solid rgba(255,69,58,.26)!important;
  color:#ff7d76!important;
  font-size:1.22rem!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
}
@media (max-width: 900px){
  body.admin-page-body .scheduler-month-cell.is-selected .scheduler-month-date{
    min-width:24px!important;
    height:24px!important;
    padding:0 .34rem!important;
    font-size:1rem!important;
  }
}
@media (pointer: coarse) and (max-width: 1180px), (pointer: coarse) and (max-height: 900px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell.is-selected .scheduler-month-date{
    min-width:24px!important;
    height:24px!important;
    padding:0 .3rem!important;
    font-size:.92rem!important;
  }
}
@media (pointer: coarse) and (max-width: 900px), (pointer: coarse) and (max-height: 620px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell.is-selected .scheduler-month-date{
    min-width:22px!important;
    height:22px!important;
    font-size:.84rem!important;
  }
}

@media (max-width: 640px){
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-actions,
  body.admin-page-body .records-modal-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.38rem!important;
    width:100%!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button,
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions button{
    width:auto!important;
    min-width:unset!important;
    flex:0 0 auto!important;
    padding:.36rem .68rem!important;
    min-height:30px!important;
    font-size:.6rem!important;
    justify-content:center!important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .records-toolbar-actions{
    grid-template-columns:1fr!important;
  }
  body.admin-page-body .records-toolbar-actions .admin-pill{
    width:100%!important;
    min-height:34px!important;
    font-size:.72rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-actions,
  body.admin-page-body .records-modal-actions{
    gap:.3rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button,
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions button{
    font-size:.57rem!important;
    padding:.34rem .58rem!important;
  }
}

/* === Nexa v30: smaller add button, more compact month view, cleaner mobile records cards === */
body.admin-page-body .scheduler-month-top{
  gap:.38rem!important;
  margin-bottom:.42rem!important;
}
body.admin-page-body .scheduler-month-add{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#ff7a73!important;
  font-size:.88rem!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.admin-page-body .scheduler-month-add:hover{
  background:rgba(255,69,58,.09)!important;
  border-color:rgba(255,69,58,.18)!important;
  color:#ff8e88!important;
}
body.admin-page-body .scheduler-month-cell{
  min-height:118px!important;
  padding:.58rem!important;
}
body.admin-page-body .scheduler-month-events{
  gap:.28rem!important;
}
body.admin-page-body .scheduler-month-pill,
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-more{
  min-height:24px!important;
  padding:.28rem .42rem!important;
  border-radius:11px!important;
}
body.admin-page-body .scheduler-month-pill span{
  font-size:.6rem!important;
  max-width:34px!important;
}
body.admin-page-body .scheduler-month-pill strong{
  font-size:.66rem!important;
}
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-more{
  font-size:.66rem!important;
}
body.admin-page-body .scheduler-month-count-badge{
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  font-size:.58rem!important;
}

@media (min-width: 901px){
  body.admin-page-body .scheduler-month-grid{
    grid-auto-rows:minmax(118px,auto)!important;
  }
}
@media (max-width: 1180px){
  body.admin-page-body .scheduler-month-cell{
    min-height:104px!important;
    padding:.48rem!important;
  }
  body.admin-page-body .scheduler-month-add{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    font-size:.8rem!important;
  }
  body.admin-page-body .scheduler-month-pill,
  body.admin-page-body .scheduler-month-empty,
  body.admin-page-body .scheduler-month-more{
    min-height:22px!important;
    padding:.24rem .36rem!important;
    border-radius:10px!important;
  }
  body.admin-page-body .scheduler-month-pill span{font-size:.56rem!important;max-width:30px!important}
  body.admin-page-body .scheduler-month-pill strong{font-size:.62rem!important}
  body.admin-page-body .scheduler-month-empty,
  body.admin-page-body .scheduler-month-more{font-size:.6rem!important}
}
@media (pointer: coarse) and (max-width: 1180px), (pointer: coarse) and (max-height: 900px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell{
    min-height:86px!important;
    padding:.32rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-top{
    gap:.24rem!important;
    margin-bottom:.22rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-add{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    font-size:.74rem!important;
  }
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-pill,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-empty,
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-more{
    padding:.22rem .3rem!important;
    border-radius:9px!important;
  }
}
@media (max-width: 640px){
  body.admin-page-body .records-card .admin-data-table tr,
  body.admin-page-body .records-modal-item{
    margin:0 0 .6rem 0!important;
    padding:.72rem!important;
    border-radius:13px!important;
    background:#070707!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;
  }
  body.admin-page-body .records-card .admin-data-table td{
    padding:.28rem 0!important;
    font-size:.68rem!important;
    line-height:1.38!important;
  }
  body.admin-page-body .records-card .admin-data-table td::before,
  body.admin-page-body .records-modal-main small{
    font-size:.54rem!important;
    letter-spacing:.1em!important;
    color:rgba(255,255,255,.42)!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"]{
    padding-top:.55rem!important;
    margin-top:.28rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-actions,
  body.admin-page-body .records-modal-actions{
    gap:.3rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button,
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions button{
    min-height:28px!important;
    padding:.3rem .56rem!important;
    border-radius:999px!important;
    font-size:.56rem!important;
    letter-spacing:.05em!important;
    background:rgba(255,255,255,.035)!important;
  }
  body.admin-page-body .records-card .status-chip,
  body.admin-page-body .daily-agenda-card .status-chip{
    font-size:.54rem!important;
    padding:.24rem .42rem!important;
  }
}
@media (max-width: 430px){
  body.admin-page-body .scheduler-month-cell{
    min-height:82px!important;
    padding:.3rem!important;
  }
  body.admin-page-body .scheduler-month-add{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    font-size:.7rem!important;
  }
  body.admin-page-body .scheduler-month-pill,
  body.admin-page-body .scheduler-month-empty,
  body.admin-page-body .scheduler-month-more{
    padding:.2rem .28rem!important;
    min-height:20px!important;
    border-radius:8px!important;
  }
  body.admin-page-body .scheduler-month-pill span{max-width:26px!important;font-size:.52rem!important}
  body.admin-page-body .scheduler-month-pill strong{font-size:.58rem!important}
  body.admin-page-body .records-card .admin-data-table tr,
  body.admin-page-body .records-modal-item{
    padding:.64rem!important;
    border-radius:12px!important;
  }
}

/* === Nexa v31: week view uses desktop calendar layout on mobile, compact like month === */
body.admin-page-body .scheduler-grid.is-compact-touch-week{
  min-width:670px!important;
  width:max-content!important;
  border-radius:18px!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-corner,
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time,
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head,
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
  min-width:0!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time{
  padding:.34rem .2rem!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:.58rem!important;
  line-height:1.1!important;
  color:rgba(255,255,255,.52)!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head{
  min-height:54px!important;
  padding:.42rem .28rem!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.1rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head strong{
  font-size:.54rem!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  color:rgba(255,255,255,.6)!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head span{
  font-size:.84rem!important;
  line-height:1!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head small{
  font-size:.5rem!important;
  line-height:1!important;
  margin-top:.08rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head.active{
  background:#161616!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head.active span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 .3rem!important;
  border-radius:999px!important;
  background:rgba(255,69,58,.12)!important;
  border:1px solid rgba(255,69,58,.26)!important;
  color:#ff7d76!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
  min-height:56px!important;
  padding:.24rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .cell-time-label{
  display:none!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item{
  min-height:24px!important;
  padding:.22rem .3rem!important;
  border-radius:9px!important;
  font-size:.58rem!important;
  line-height:1.18!important;
  gap:.15rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item small{
  font-size:.48rem!important;
  line-height:1.12!important;
  margin-top:.12rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
  min-height:24px!important;
  height:24px!important;
  padding:.12rem .25rem!important;
  border-radius:999px!important;
  gap:.2rem!important;
  font-size:.66rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add span{
  font-size:.82rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add small{
  display:none!important;
}

@media (max-width: 760px){
  body.admin-page-body .scheduler-card .scheduler-board-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    padding:.2rem 0 .55rem!important;
    background:transparent!important;
  }
  body.admin-page-body .scheduler-card #scheduler-board{
    width:max-content!important;
    min-width:100%!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week{
    min-width:670px!important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .scheduler-grid.is-compact-touch-week{
    min-width:630px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time{
    font-size:.54rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head{
    min-height:50px!important;
    padding:.36rem .22rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head strong{
    font-size:.5rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head span{
    font-size:.78rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
    min-height:50px!important;
    padding:.2rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item{
    font-size:.54rem!important;
    padding:.2rem .25rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item small{
    display:none!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
    min-height:22px!important;
    height:22px!important;
    font-size:.62rem!important;
  }
}

/* === Nexa v32: week calendar fine-tune for iPhone / tablet portrait === */
body.admin-page-body .scheduler-grid.is-compact-touch-week{
  scroll-snap-type:x proximity;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head,
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time,
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
  scroll-snap-align:start;
}

@media (max-width: 1024px){
  body.admin-page-body .scheduler-grid.is-compact-touch-week{
    min-width:700px!important;
    border-radius:16px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time{
    font-size:.56rem!important;
    padding:.3rem .18rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head{
    min-height:50px!important;
    padding:.36rem .24rem!important;
    gap:.08rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head strong{
    font-size:.52rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head span{
    font-size:.8rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
    min-height:52px!important;
    padding:.22rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item{
    min-height:22px!important;
    padding:.2rem .26rem!important;
    font-size:.56rem!important;
    border-radius:8px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item small{
    font-size:.46rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
    min-height:22px!important;
    height:22px!important;
    font-size:.62rem!important;
    padding:.1rem .22rem!important;
  }
}

@media (max-width: 768px){
  body.admin-page-body .scheduler-card{
    padding:.8rem!important;
  }
  body.admin-page-body .scheduler-card .scheduler-board-wrap{
    margin-inline:-.05rem!important;
    padding:.15rem 0 .45rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week{
    min-width:650px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time{
    font-size:.54rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head{
    min-height:48px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
    min-height:48px!important;
    padding:.18rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item{
    min-height:20px!important;
    padding:.18rem .24rem!important;
    font-size:.54rem!important;
    box-shadow:none!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item small{
    display:none!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
    min-height:20px!important;
    height:20px!important;
    min-width:20px!important;
    font-size:.58rem!important;
  }
}

@media (max-width: 480px){
  body.admin-page-body .scheduler-card{
    padding:.72rem!important;
    border-radius:15px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week{
    min-width:610px!important;
    border-radius:14px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-time{
    font-size:.5rem!important;
    line-height:1!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head{
    min-height:44px!important;
    padding:.28rem .18rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head strong{
    font-size:.46rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head span{
    font-size:.74rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-day-head.active span{
    min-width:22px!important;
    height:22px!important;
    padding:0 .22rem!important;
    font-size:.72rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
    min-height:44px!important;
    padding:.16rem!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item{
    min-height:18px!important;
    padding:.16rem .22rem!important;
    font-size:.5rem!important;
    border-radius:7px!important;
  }
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
    min-height:18px!important;
    height:18px!important;
    font-size:.54rem!important;
    border-radius:999px!important;
  }
}

/* === Nexa v33: premium polish pass for month / week / records / daily agenda === */
body.admin-page-body .scheduler-card,
body.admin-page-body .daily-agenda-card,
body.admin-page-body .records-card,
body.admin-page-body .compact-admin-section{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}

body.admin-page-body .scheduler-card h2,
body.admin-page-body .daily-agenda-card h2,
body.admin-page-body .records-card h3{
  letter-spacing:-.03em!important;
}

/* toolbar / pills */
body.admin-page-body .admin-pill,
body.admin-page-body .mini-btn,
body.admin-page-body .scheduler-month-add,
body.admin-page-body .scheduler-cell-add{
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
body.admin-page-body .admin-pill:hover,
body.admin-page-body .mini-btn:hover{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07)!important;
}

/* week calendar */
body.admin-page-body .scheduler-grid,
body.admin-page-body .scheduler-month-grid{
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
body.admin-page-body .scheduler-day-head,
body.admin-page-body .scheduler-month-head{
  backdrop-filter:blur(10px);
}
body.admin-page-body .scheduler-time{
  color:rgba(255,255,255,.44)!important;
}
body.admin-page-body .scheduler-cell,
body.admin-page-body .scheduler-month-cell{
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.admin-page-body .scheduler-cell:hover,
body.admin-page-body .scheduler-month-cell:hover{
  background:#141414!important;
}
body.admin-page-body .scheduler-item,
body.admin-page-body .scheduler-month-pill{
  box-shadow:none!important;
  transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease!important;
}
body.admin-page-body .scheduler-item:hover,
body.admin-page-body .scheduler-month-pill:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
}
body.admin-page-body .scheduler-item.booking,
body.admin-page-body .scheduler-month-pill{
  background:linear-gradient(135deg, rgba(162,53,255,.95), rgba(210,75,255,.9))!important;
  border:1px solid rgba(216,140,255,.18)!important;
}
body.admin-page-body .scheduler-item.booking small,
body.admin-page-body .scheduler-month-pill em,
body.admin-page-body .scheduler-month-pill small{
  color:rgba(255,255,255,.74)!important;
}
body.admin-page-body .scheduler-item.block,
body.admin-page-body .scheduler-month-empty,
body.admin-page-body .scheduler-month-more{
  background:rgba(255,255,255,.045)!important;
  border:1px dashed rgba(255,255,255,.11)!important;
}
body.admin-page-body .scheduler-cell-add,
body.admin-page-body .scheduler-month-add{
  box-shadow:none!important;
}
body.admin-page-body .scheduler-cell-add:hover,
body.admin-page-body .scheduler-month-add:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}

/* day agenda */
body.admin-page-body .daily-agenda-card .agenda-item{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
body.admin-page-body .daily-agenda-card .agenda-item:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,255,255,.15)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.022))!important;
}
body.admin-page-body .agenda-title{
  font-weight:700!important;
}
body.admin-page-body .agenda-meta{
  color:rgba(255,255,255,.66)!important;
}
body.admin-page-body .agenda-empty,
body.admin-page-body .mobile-empty-state{
  background:rgba(255,255,255,.02)!important;
  border:1px dashed rgba(255,255,255,.09)!important;
}

/* records */
body.admin-page-body .records-card .admin-table-wrap{
  border:1px solid rgba(255,255,255,.08)!important;
  background:#060606!important;
}
body.admin-page-body .records-card .admin-data-table th{
  background:#0b0b0b!important;
  color:rgba(255,255,255,.55)!important;
}
body.admin-page-body .records-card .admin-data-table tr{
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.admin-page-body .records-card .admin-data-table tbody tr:hover td{
  background:rgba(255,255,255,.026)!important;
}
body.admin-page-body .records-card .admin-data-table td{
  color:rgba(255,255,255,.9)!important;
}
body.admin-page-body .records-card .admin-search,
body.admin-page-body .daily-agenda-actions .admin-date-input{
  background:#0b0b0b!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:none!important;
}
body.admin-page-body .records-card .admin-search:focus,
body.admin-page-body .daily-agenda-actions .admin-date-input:focus{
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.04)!important;
}
body.admin-page-body .records-modal-item{
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

/* shared chips */
body.admin-page-body .status-chip{
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}

/* mobile polish consistency */
@media (max-width: 768px){
  body.admin-page-body .scheduler-card,
  body.admin-page-body .daily-agenda-card,
  body.admin-page-body .records-card,
  body.admin-page-body .compact-admin-section{
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
    border-radius:18px!important;
  }
  body.admin-page-body .records-card .admin-data-table tr,
  body.admin-page-body .records-modal-item,
  body.admin-page-body .daily-agenda-card .agenda-item{
    border-radius:14px!important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .scheduler-card,
  body.admin-page-body .daily-agenda-card,
  body.admin-page-body .records-card,
  body.admin-page-body .compact-admin-section{
    border-radius:16px!important;
  }
  body.admin-page-body .admin-pill,
  body.admin-page-body .mini-btn{
    letter-spacing:.05em!important;
  }
}


/* === v37: clearly separate selected date vs current date in month view === */
body.admin-page-body .scheduler-month-cell.is-today:not(.is-selected){
  box-shadow:inset 0 0 0 1px rgba(52,199,89,.22)!important;
}
body.admin-page-body .scheduler-month-cell.is-today:not(.is-selected) .scheduler-month-date{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 .42rem!important;
  border-radius:999px!important;
  background:rgba(52,199,89,.14)!important;
  border:1px solid rgba(52,199,89,.28)!important;
  color:#63d887!important;
  font-size:1.22rem!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.admin-page-body .scheduler-month-cell.is-selected.is-today .scheduler-month-date{
  background:rgba(255,69,58,.12)!important;
  border-color:rgba(255,69,58,.26)!important;
  color:#ff7d76!important;
}
@media (max-width: 900px){
  body.admin-page-body .scheduler-month-cell.is-today:not(.is-selected) .scheduler-month-date{
    min-width:24px!important;
    height:24px!important;
    padding:0 .34rem!important;
    font-size:1rem!important;
  }
}
@media (pointer: coarse) and (max-width: 1180px), (pointer: coarse) and (max-height: 900px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell.is-today:not(.is-selected) .scheduler-month-date{
    min-width:24px!important;
    height:24px!important;
    padding:0 .3rem!important;
    font-size:.92rem!important;
  }
}
@media (pointer: coarse) and (max-width: 900px), (pointer: coarse) and (max-height: 620px){
  body.admin-page-body .scheduler-month-grid.is-compact-touch-month .scheduler-month-cell.is-today:not(.is-selected) .scheduler-month-date{
    min-width:22px!important;
    height:22px!important;
    font-size:.84rem!important;
  }
}


/* === v38: mobile quick booking modal overhaul (minimal + premium) === */
@media (max-width: 768px){
body.admin-page-body #slot-quick-panel.active {
    background:rgba(0,0,0,.82)!important;
  }

body.admin-page-body #slot-quick-panel .slot-quick-dialog {
    border-radius:0!important;
    background:linear-gradient(180deg,#111 0%,#070707 100%)!important;
    border:none!important;
    box-shadow:none!important;
  }

  body.admin-page-body #slot-quick-panel .slot-quick-top{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.6rem!important;
    margin:0 0 .9rem!important;
    padding:0 0 .85rem!important;
    background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(17,17,17,.9))!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.admin-page-body #slot-quick-panel .slot-quick-top h3{
    font-size:1.08rem!important;
    line-height:1.35!important;
    letter-spacing:-.02em!important;
    margin:0!important;
  }
  body.admin-page-body #slot-quick-panel .slot-quick-top .admin-sub{
    display:none!important;
  }
  body.admin-page-body #slot-quick-panel #slot-quick-close{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:rgba(255,255,255,.88)!important;
  }
  body.admin-page-body #slot-quick-panel .slot-quick-grid{
    display:block!important;
    max-width:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form{
    display:block!important;
    padding:1rem!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.34)!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-kicker{
    margin:0 0 .55rem!important;
    font-size:.68rem!important;
    letter-spacing:.14em!important;
    color:rgba(255,255,255,.42)!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .slot-form-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.65rem!important;
    margin:0 0 .95rem!important;
    padding:0 0 .85rem!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .slot-form-head h4{
    font-size:1.06rem!important;
    line-height:1.25!important;
    margin:0!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-intro{
    margin:.3rem 0 0!important;
    font-size:.84rem!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.58)!important;
  }
  body.admin-page-body #slot-quick-panel #quick-client-search{
    width:100%!important;
    min-height:44px!important;
    justify-content:center!important;
    border-radius:999px!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .admin-form-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.8rem!important;
    margin:0 0 .8rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .form-group{
    margin:0 0 .8rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .form-group,
  body.admin-page-body #slot-quick-panel .quick-booking-form .admin-form-grid > .form-group{
    min-width:0!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .form-group label{
    margin:0 0 .42rem!important;
    font-size:.68rem!important;
    letter-spacing:.12em!important;
    color:rgba(255,255,255,.48)!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form input,
  body.admin-page-body #slot-quick-panel .quick-booking-form select,
  body.admin-page-body #slot-quick-panel .quick-booking-form textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    min-height:46px!important;
    padding:.78rem .92rem!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:#080808!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.3!important;
    box-shadow:none!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form select{
    padding-right:2.4rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form textarea{
    min-height:92px!important;
    max-height:none!important;
    resize:vertical!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .field-help{
    margin-top:.34rem!important;
    font-size:.72rem!important;
    line-height:1.35!important;
    color:rgba(255,255,255,.42)!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .btn-primary{
    width:100%!important;
    min-height:48px!important;
    margin-top:.25rem!important;
    border-radius:15px!important;
    font-size:.82rem!important;
    letter-spacing:.12em!important;
    box-shadow:0 10px 30px rgba(255,255,255,.08)!important;
  }
}


/* === v39: cleaner premium KPI cards (top 4 dashboard cards) === */
body.admin-page-body .admin-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
  align-items:stretch!important;
}
body.admin-page-body .admin-kpi,
body.admin-page-body .admin-kpi.premium-kpi{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:116px!important;
  padding:1rem 1.05rem!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
body.admin-page-body .admin-kpi::before,
body.admin-page-body .admin-kpi.premium-kpi::before,
body.admin-page-body .admin-kpi::after,
body.admin-page-body .admin-kpi.premium-kpi::after,
body.admin-page-body .admin-kpi-line{
  content:none!important;
  display:none!important;
}
body.admin-page-body .admin-kpi:hover,
body.admin-page-body .admin-kpi.premium-kpi:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
body.admin-page-body .admin-kpi-top{
  display:flex!important;
  align-items:center!important;
  gap:.6rem!important;
  min-width:0!important;
}
body.admin-page-body .admin-kpi-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  box-shadow:none!important;
}
body.admin-page-body .admin-kpi-label{
  display:block!important;
  margin:0!important;
  font-size:.66rem!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.52)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-page-body .admin-kpi-value{
  margin-top:.95rem!important;
  font-size:2.05rem!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:700!important;
  color:#fff!important;
}
@media (max-width: 900px){
  body.admin-page-body .admin-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.75rem!important;
  }
  body.admin-page-body .admin-kpi,
  body.admin-page-body .admin-kpi.premium-kpi{
    min-height:98px!important;
    padding:.85rem .88rem!important;
    border-radius:18px!important;
  }
  body.admin-page-body .admin-kpi-value{
    font-size:1.65rem!important;
    margin-top:.7rem!important;
  }
}
@media (max-width: 430px){
  body.admin-page-body .admin-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.58rem!important;
  }
  body.admin-page-body .admin-kpi,
  body.admin-page-body .admin-kpi.premium-kpi{
    min-height:88px!important;
    padding:.72rem!important;
    border-radius:16px!important;
  }
  body.admin-page-body .admin-kpi-top{
    gap:.42rem!important;
  }
  body.admin-page-body .admin-kpi-icon{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    font-size:11px!important;
  }
  body.admin-page-body .admin-kpi-label{
    font-size:.5rem!important;
    letter-spacing:.14em!important;
  }
  body.admin-page-body .admin-kpi-value{
    font-size:1.42rem!important;
    margin-top:.58rem!important;
  }
}


/* === v40: responsive notification actions + more useful analytics === */
body.admin-page-body .notifications-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.5rem!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.admin-page-body .notifications-actions .admin-link-btn{
  min-height:40px!important;
  padding:.58rem .8rem!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
body.admin-page-body .analytics-shell-enhanced{
  overflow:visible!important;
}
body.admin-page-body .analytics-intro{
  margin:.35rem 0 0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:.92rem!important;
  line-height:1.55!important;
}
body.admin-page-body .analytics-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.9rem!important;
  margin:1rem 0 1.1rem!important;
}
body.admin-page-body .analytics-overview-card{
  min-height:106px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:.45rem!important;
  padding:1rem 1.05rem!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body.admin-page-body .analytics-overview-label{
  display:block!important;
  font-size:.7rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.5)!important;
}
body.admin-page-body .analytics-overview-value{
  display:block!important;
  font-size:1.8rem!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
}
body.admin-page-body .analytics-overview-meta{
  display:block!important;
  font-size:.8rem!important;
  color:rgba(255,255,255,.56)!important;
  line-height:1.35!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced{
  grid-template-columns:1.2fr .8fr .8fr!important;
  gap:1rem!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  padding:1rem!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card.analytics-card-wide{
  grid-column:span 1!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card.analytics-card-status{
  grid-row:span 2!important;
}
body.admin-page-body .analytics-bars{
  gap:.75rem!important;
}
body.admin-page-body .analytics-bar-row{
  grid-template-columns:minmax(88px,130px) 1fr 42px!important;
  gap:.65rem!important;
  font-size:.78rem!important;
}
body.admin-page-body .analytics-bar-row span{
  color:rgba(255,255,255,.72)!important;
}
body.admin-page-body .analytics-bar{
  height:9px!important;
  background:#171717!important;
}
body.admin-page-body .analytics-bar i{
  background:linear-gradient(90deg,#f4f4f4,#9f9f9f)!important;
}
body.admin-page-body .analytics-metric-list{
  display:grid!important;
  gap:.65rem!important;
  margin-top:.8rem!important;
}
body.admin-page-body .analytics-mini{
  display:flex!important;
  flex-direction:column!important;
  gap:.22rem!important;
  background:#0a0a0a!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
  padding:.8rem .85rem!important;
}
body.admin-page-body .analytics-mini strong{
  font-size:1.22rem!important;
  line-height:1.05!important;
  color:#fff!important;
}
body.admin-page-body .analytics-mini span{
  color:rgba(255,255,255,.58)!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
@media (max-width: 1100px){
  body.admin-page-body .analytics-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced{
    grid-template-columns:1fr 1fr!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card.analytics-card-status{
    grid-column:1 / -1!important;
    grid-row:auto!important;
  }
}
@media (max-width: 768px){
  body.admin-page-body .notifications-panel-head{
    align-items:stretch!important;
    gap:.8rem!important;
  }
  body.admin-page-body .notifications-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  body.admin-page-body .notifications-actions .admin-link-btn{
    width:100%!important;
    justify-content:center!important;
    min-width:0!important;
  }
  body.admin-page-body .notifications-actions #notifications-close{
    grid-column:1 / -1!important;
  }
  body.admin-page-body .analytics-overview-grid{
    grid-template-columns:1fr 1fr!important;
    gap:.7rem!important;
  }
  body.admin-page-body .analytics-overview-card{
    min-height:96px!important;
    padding:.85rem!important;
    border-radius:16px!important;
  }
  body.admin-page-body .analytics-overview-value{
    font-size:1.5rem!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced{
    grid-template-columns:1fr!important;
    gap:.8rem!important;
  }
}
@media (max-width: 430px){
  body.admin-page-body .notifications-actions{
    grid-template-columns:1fr!important;
  }
  body.admin-page-body .analytics-overview-grid{
    grid-template-columns:1fr!important;
  }
  body.admin-page-body .analytics-overview-label{
    font-size:.62rem!important;
  }
  body.admin-page-body .analytics-overview-value{
    font-size:1.35rem!important;
  }
  body.admin-page-body .analytics-bar-row{
    grid-template-columns:76px 1fr 34px!important;
    font-size:.72rem!important;
  }
}


/* === v41: analytics responsive refinement === */
body.admin-page-body .analytics-shell.analytics-shell-enhanced{
  padding:1.15rem!important;
}
body.admin-page-body .analytics-shell-enhanced .admin-toolbar{
  align-items:flex-end!important;
  gap:1rem!important;
  margin-bottom:.2rem!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced,
body.admin-page-body .analytics-overview-grid,
body.admin-page-body .analytics-metric-list,
body.admin-page-body .analytics-card{
  min-width:0!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.825fr) minmax(0,.825fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card{
  min-height:100%!important;
}
body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card .admin-sub{
  display:block!important;
  margin-bottom:.15rem!important;
  color:rgba(255,255,255,.5)!important;
  letter-spacing:.14em!important;
}
body.admin-page-body #analytics-today,
body.admin-page-body #analytics-payments,
body.admin-page-body #analytics-upcoming{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.admin-page-body #analytics-services,
body.admin-page-body #analytics-barbers{
  grid-template-columns:1fr!important;
}
body.admin-page-body #analytics-services .analytics-mini,
body.admin-page-body #analytics-barbers .analytics-mini,
body.admin-page-body #analytics-upcoming .analytics-mini{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:.55rem .8rem!important;
}
body.admin-page-body #analytics-services .analytics-mini strong,
body.admin-page-body #analytics-barbers .analytics-mini strong,
body.admin-page-body #analytics-upcoming .analytics-mini strong{
  margin:0!important;
  font-size:1.12rem!important;
  min-width:2.1rem!important;
}
body.admin-page-body #analytics-services .analytics-mini span,
body.admin-page-body #analytics-barbers .analytics-mini span,
body.admin-page-body #analytics-upcoming .analytics-mini span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-page-body .analytics-bar-row strong{
  justify-self:end!important;
  color:#fff!important;
}
@media (max-width: 1200px){
  body.admin-page-body .analytics-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card.analytics-card-status{
    grid-column:1 / -1!important;
    grid-row:auto!important;
  }
}
@media (max-width: 768px){
  body.admin-page-body .analytics-shell.analytics-shell-enhanced{
    padding:1rem!important;
  }
  body.admin-page-body .analytics-shell-enhanced .admin-toolbar{
    align-items:flex-start!important;
  }
  body.admin-page-body .analytics-intro{
    font-size:.84rem!important;
    line-height:1.45!important;
  }
  body.admin-page-body .analytics-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.65rem!important;
    margin:.9rem 0 1rem!important;
  }
  body.admin-page-body .analytics-overview-card{
    min-height:90px!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced{
    grid-template-columns:1fr!important;
    gap:.75rem!important;
  }
  body.admin-page-body .analytics-grid.analytics-grid-enhanced .analytics-card{
    padding:.9rem!important;
    border-radius:18px!important;
  }
  body.admin-page-body .analytics-bars{
    gap:.62rem!important;
  }
  body.admin-page-body .analytics-bar-row{
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:.32rem .55rem!important;
  }
  body.admin-page-body .analytics-bar-row span{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  body.admin-page-body .analytics-bar-row strong{
    grid-column:2!important;
    grid-row:1!important;
  }
  body.admin-page-body .analytics-bar-row .analytics-bar{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
  }
  body.admin-page-body #analytics-today,
  body.admin-page-body #analytics-payments,
  body.admin-page-body #analytics-upcoming{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 520px){
  body.admin-page-body .analytics-overview-grid{
    grid-template-columns:1fr!important;
  }
  body.admin-page-body #analytics-today,
  body.admin-page-body #analytics-payments,
  body.admin-page-body #analytics-upcoming{
    grid-template-columns:1fr!important;
  }
  body.admin-page-body .analytics-overview-value{
    font-size:1.42rem!important;
  }
  body.admin-page-body #analytics-services .analytics-mini,
  body.admin-page-body #analytics-barbers .analytics-mini,
  body.admin-page-body #analytics-upcoming .analytics-mini{
    grid-template-columns:auto 1fr!important;
  }
}


/* === v42: week view cell content centered in compact/mobile mode === */
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:.16rem!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item,
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
  align-self:center!important;
  margin:0!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-item small{
  display:none!important;
}
body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell-add{
  justify-content:center!important;
  text-align:center!important;
}
@media (max-width: 768px){
  body.admin-page-body .scheduler-grid.is-compact-touch-week .scheduler-cell{
    gap:.14rem!important;
  }
}


/* === v43: mobile login responsiveness polish === */
@media (max-width: 680px){
  body.admin-page-body:not(.admin-authenticated){
    overflow-x:hidden!important;
  }
body.admin-page-body:not(.admin-authenticated) .admin-page-shell {
    display:flex!important;
    flex-direction:column!important;
  }

  body.admin-page-body:not(.admin-authenticated) .admin-topbar-page{
    position:sticky!important;
    top:0!important;
    padding:.7rem .75rem!important;
    background:rgba(0,0,0,.96)!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-topbar-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:.75rem!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-content:flex-start!important;
    width:auto!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-brand img{
    height:32px!important;
    width:auto!important;
    max-width:170px!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-topbar-start{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.5rem!important;
    max-height:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:auto!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-top-actions,
  body.admin-page-body:not(.admin-authenticated) .admin-menu-toggle{
    display:none!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-link-btn-back{
    min-width:42px!important;
    width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border-radius:999px!important;
    justify-content:center!important;
    font-size:0!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-link-btn-back::before{
    content:'←'!important;
    font-size:16px!important;
    line-height:1!important;
    color:inherit!important;
  }
body.admin-page-body:not(.admin-authenticated) .admin-wrap {
    justify-content:center!important;
    align-items:flex-start!important;
    flex:1 1 auto!important;
  }

  body.admin-page-body:not(.admin-authenticated) .admin-app-layout{
    display:block!important;
    width:100%!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page{
    width:100%!important;
    max-width:100%!important;
    margin:.6rem 0 0!important;
    padding:1.15rem!important;
    border-radius:22px!important;
    box-shadow:none!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page .form-stack{
    gap:1rem!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page .form-group{
    margin-bottom:0!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page .form-group label{
    display:block!important;
    margin-bottom:.45rem!important;
    font-size:.72rem!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.68)!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page input{
    width:100%!important;
    min-height:52px!important;
    padding:.9rem 1rem!important;
    border-radius:16px!important;
    font-size:.95rem!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page .btn-primary{
    width:100%!important;
    min-height:50px!important;
    border-radius:16px!important;
    margin-top:.25rem!important;
  }
}

@media (max-width: 430px){
  body.admin-page-body:not(.admin-authenticated) .admin-topbar-page{
    padding:.65rem .7rem!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-brand img{
    height:30px!important;
    max-width:150px!important;
  }


  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page{
    padding:1rem!important;
    border-radius:20px!important;
  }
  body.admin-page-body:not(.admin-authenticated) .admin-login-card-page input{
    min-height:50px!important;
    border-radius:15px!important;
  }
}


/* === v45: keep original calendar look + only fix inline hidden-bookings control === */
body.admin-page-body .scheduler-month-more,
body.admin-page-body .scheduler-month-more:visited{
  color:#fff !important;
}
body.admin-page-body .scheduler-month-more:hover,
body.admin-page-body .scheduler-month-more:focus,
body.admin-page-body .scheduler-month-more:active{
  color:#fff !important;
}
body.admin-page-body .scheduler-month-more span{
  color:#fff !important;
}


/* === v45: zero-jump admin drawers/modals on desktop + iPad === */
html.admin-page-root{
  scroll-behavior:auto!important;
}
html.admin-scroll-root-locked{
  overscroll-behavior:none!important;
}
body.admin-page-body.admin-scroll-locked{
  overscroll-behavior:none!important;
}
body.admin-page-body #logout-confirm-dialog {
  scroll-behavior:auto!important;
}


/* === v46: phone landscape quick-booking modal — compact app sheet instead of fullscreen === */
@media (orientation: landscape) and (pointer: coarse) and (max-width: 1180px) and (max-height: 650px){
body.admin-page-body #slot-quick-panel.active {
    background:rgba(0,0,0,.72)!important;
  }

body.admin-page-body #slot-quick-panel .slot-quick-dialog {
    border-radius:20px!important;
    flex-direction:column!important;
    background:linear-gradient(180deg,#111,#080808)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.56)!important;
  }

  body.admin-page-body #slot-quick-panel .slot-quick-top{
    position:static!important;
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.75rem!important;
    margin:0 0 8px!important;
    padding:2px 2px 8px!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    backdrop-filter:none!important;
  }
  body.admin-page-body #slot-quick-panel .slot-quick-top h3{
    margin:0!important;
    font-size:.96rem!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.admin-page-body #slot-quick-panel .slot-quick-top .admin-sub{
    display:none!important;
  }
  body.admin-page-body #slot-quick-panel #slot-quick-close{
    width:auto!important;
    min-width:86px!important;
    min-height:36px!important;
    padding:.55rem .8rem!important;
    flex:0 0 auto!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  body.admin-page-body #slot-quick-panel .slot-quick-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    max-width:none!important;
    margin:0!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    padding-right:2px!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:.55rem!important;
    row-gap:.5rem!important;
    padding:.72rem!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.025)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-kicker{
    display:none!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .slot-form-head{
    grid-column:1 / -1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.7rem!important;
    margin:0 0 .08rem!important;
    padding:0 0 .5rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .slot-form-head h4{
    font-size:.94rem!important;
    line-height:1.15!important;
    margin:0!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-intro{
    display:none!important;
  }
  body.admin-page-body #slot-quick-panel #quick-client-search{
    width:auto!important;
    min-height:34px!important;
    padding:.48rem .68rem!important;
    border-radius:11px!important;
    font-size:.7rem!important;
    white-space:nowrap!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .admin-form-grid{
    display:contents!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .form-group,
  body.admin-page-body #slot-quick-panel .quick-booking-form .admin-form-grid > .form-group{
    min-width:0!important;
    margin:0!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .form-group label{
    margin:0 0 .22rem!important;
    font-size:.6rem!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form input,
  body.admin-page-body #slot-quick-panel .quick-booking-form select,
  body.admin-page-body #slot-quick-panel .quick-booking-form textarea{
    min-height:36px!important;
    height:36px!important;
    padding:.48rem .62rem!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form select{
    padding-right:1.7rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form .field-help{
    display:none!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .form-group{
    grid-column:1 / span 2!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .form-group textarea{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    resize:none!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .btn-primary{
    grid-column:3 / -1!important;
    align-self:end!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:12px!important;
    font-size:.72rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-success{
    min-height:0!important;
    padding:1.1rem!important;
    border-radius:16px!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-success-actions{
    display:flex!important;
    flex-direction:row!important;
    gap:.6rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-success-actions > *{
    flex:1 1 0!important;
  }
}

@media (orientation: landscape) and (pointer: coarse) and (max-width: 720px) and (max-height: 650px){
body.admin-page-body #slot-quick-panel .slot-quick-dialog {
    border-radius:16px!important;
  }

  body.admin-page-body #slot-quick-panel .quick-booking-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:.65rem!important;
  }
  body.admin-page-body #slot-quick-panel .quick-booking-form > .form-group,
  body.admin-page-body #slot-quick-panel .quick-booking-form > .btn-primary{
    grid-column:1 / -1!important;
  }
}


/* === v47: desktop notifications open with zero horizontal page jump === */
@media (min-width:821px) and (pointer:fine){
  html.admin-page-root{
    scrollbar-gutter:stable!important;
  }


}


/* === v48: mobile records — premium monochrome, status color only as tiny indicators === */
@media (max-width: 768px){
  body.admin-page-body .records-card{
    background:#090909!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;
  }

  /* Filters: calm black/white UI instead of a rainbow of large pills */
  body.admin-page-body .records-toolbar-actions{
    gap:.5rem!important;
  }
  body.admin-page-body .records-toolbar-actions .admin-pill{
    position:relative!important;
    min-height:42px!important;
    border-radius:13px!important;
    background:#141414!important;
    color:rgba(255,255,255,.72)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:none!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
  }
  body.admin-page-body .records-toolbar-actions .admin-pill:hover,
  body.admin-page-body .records-toolbar-actions .admin-pill:focus{
    background:#191919!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.15)!important;
  }
  body.admin-page-body .records-toolbar-actions .admin-pill.active{
    background:#f2f2f2!important;
    color:#0b0b0b!important;
    border-color:#f2f2f2!important;
  }
  body.admin-page-body .records-toolbar-actions .admin-pill:not([data-filter="all"])::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    margin-right:.45rem;
    background:rgba(255,255,255,.38);
    flex:0 0 6px;
  }
  body.admin-page-body .records-toolbar-actions .admin-pill[data-filter="pending"]::before{background:#e0a63a}
  body.admin-page-body .records-toolbar-actions .admin-pill[data-filter="confirmed"]::before{background:#5ecf83}
  body.admin-page-body .records-toolbar-actions .admin-pill[data-filter="completed"]::before{background:#6aaeea}
  body.admin-page-body .records-toolbar-actions .admin-pill[data-filter="cancelled"]::before{background:#dd6b66}
  body.admin-page-body .records-toolbar-actions .admin-pill.active::before{box-shadow:0 0 0 2px rgba(0,0,0,.08)}

  /* One calm card, no bright colored frames/backgrounds. */
  body.admin-page-body .records-card .admin-data-table tr.record-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:0 .72rem!important;
    margin:0 0 .72rem!important;
    padding:1rem!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#151515 0%,#101010 100%)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }
  body.admin-page-body .records-card .admin-data-table tr.record-row::before{
    content:"";
    position:absolute;
    left:0;
    top:17px;
    width:3px;
    height:26px;
    border-radius:0 4px 4px 0;
    background:rgba(255,255,255,.28);
  }
  body.admin-page-body .records-card .admin-data-table tr.record-status-pending::before{background:#c69334}
  body.admin-page-body .records-card .admin-data-table tr.record-status-confirmed::before{background:#4fbf75}
  body.admin-page-body .records-card .admin-data-table tr.record-status-completed::before{background:#599fd8}
  body.admin-page-body .records-card .admin-data-table tr.record-status-cancelled::before{background:#c85c57}
  body.admin-page-body .records-card .admin-data-table tr.record-status-rescheduled::before{background:#aa8a5e}
  body.admin-page-body .records-card .admin-data-table tr.record-status-no_show::before{background:#8d78a8}

  body.admin-page-body .records-card .admin-data-table td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    overflow:visible!important;
    text-align:left!important;
  }
  body.admin-page-body .records-card .admin-data-table td::before{
    display:none!important;
  }

  /* Header row: code left / status right */
  body.admin-page-body .records-card .admin-data-table td[data-label="Κωδικός"]{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
  }
  body.admin-page-body .records-card .record-code{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:.34rem .58rem!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:rgba(255,255,255,.6)!important;
    font-size:.7rem!important;
    letter-spacing:.06em!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Κατάσταση"]{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }

  /* Status: neutral chip with a tiny colored dot only. */
  body.admin-page-body .records-card .status-chip{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:.42rem!important;
    min-height:30px!important;
    padding:.34rem .58rem!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.04)!important;
    color:rgba(255,255,255,.82)!important;
    border:1px solid rgba(255,255,255,.085)!important;
    font-size:.62rem!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
    box-shadow:none!important;
  }
  body.admin-page-body .records-card .status-chip::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    flex:0 0 6px;
  }
  body.admin-page-body .records-card .status-pending::before{background:#c69334}
  body.admin-page-body .records-card .status-confirmed::before{background:#4fbf75}
  body.admin-page-body .records-card .status-completed::before{background:#599fd8}
  body.admin-page-body .records-card .status-cancelled::before{background:#c85c57}
  body.admin-page-body .records-card .status-rescheduled::before{background:#aa8a5e}
  body.admin-page-body .records-card .status-no_show::before{background:#8d78a8}

  /* Customer / service hierarchy */
  body.admin-page-body .records-card .admin-data-table td[data-label="Πελάτης / τίτλος"]{
    grid-column:1 / -1!important;
    grid-row:2!important;
    margin-top:.82rem!important;
  }
  body.admin-page-body .records-card .record-name{
    display:block!important;
    font-size:1.05rem!important;
    line-height:1.15!important;
    font-weight:760!important;
    letter-spacing:-.02em!important;
    color:#fff!important;
  }
  body.admin-page-body .records-card .record-customer-meta,
  body.admin-page-body .records-card .record-note{
    margin-top:.28rem!important;
    color:rgba(255,255,255,.48)!important;
    font-size:.72rem!important;
    line-height:1.4!important;
  }
  body.admin-page-body .records-card .record-note{
    color:rgba(255,255,255,.62)!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Υπηρεσία / barber"]{
    grid-column:1 / -1!important;
    grid-row:3!important;
    margin-top:.55rem!important;
    padding-top:.55rem!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
  body.admin-page-body .records-card .record-service-name{
    display:block!important;
    font-size:.82rem!important;
    line-height:1.3!important;
    font-weight:620!important;
    color:rgba(255,255,255,.84)!important;
  }
  body.admin-page-body .records-card .record-service-meta{
    margin-top:.2rem!important;
    color:rgba(255,255,255,.42)!important;
    font-size:.67rem!important;
  }

  /* Date + time are two compact neutral cells. */
  body.admin-page-body .records-card .admin-data-table td[data-label="Ημερομηνία"],
  body.admin-page-body .records-card .admin-data-table td[data-label="Ώρα"]{
    margin-top:.72rem!important;
    padding:.7rem .75rem!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.055)!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ημερομηνία"]{
    grid-column:1!important;
    grid-row:4!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ώρα"]{
    grid-column:2!important;
    grid-row:4!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ημερομηνία"]::before,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ώρα"]::before{
    display:block!important;
    content:attr(data-label)!important;
    margin:0 0 .28rem!important;
    color:rgba(255,255,255,.32)!important;
    font-size:.52rem!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  body.admin-page-body .records-card .record-date-value,
  body.admin-page-body .records-card .record-time-value{
    display:block!important;
    font-size:.82rem!important;
    line-height:1.2!important;
    font-weight:720!important;
    color:rgba(255,255,255,.9)!important;
  }
  body.admin-page-body .records-card .record-time-end{
    margin-top:.18rem!important;
    color:rgba(255,255,255,.38)!important;
    font-size:.64rem!important;
  }

  /* Payment is deliberately monochrome too; dot is the only state color. */
  body.admin-page-body .records-card .admin-data-table td[data-label="Πληρωμή"]{
    grid-column:1 / -1!important;
    grid-row:5!important;
    margin-top:.68rem!important;
  }
  body.admin-page-body .records-card .payment-chip{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:.42rem!important;
    min-height:29px!important;
    padding:.32rem .56rem!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    color:rgba(255,255,255,.66)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    font-size:.6rem!important;
    font-weight:650!important;
    letter-spacing:.04em!important;
  }
  body.admin-page-body .records-card .payment-chip::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(255,255,255,.36);
  }
  body.admin-page-body .records-card .payment-paid::before{background:#4fbf75}
  body.admin-page-body .records-card .payment-pending::before{background:#c69334}

  /* Actions: black/white. Only the primary financial action is white. */
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"]{
    grid-column:1 / -1!important;
    grid-row:6!important;
    margin-top:.72rem!important;
    padding-top:.72rem!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem!important;
    width:100%!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button{
    width:100%!important;
    min-height:42px!important;
    padding:.62rem .65rem!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:rgba(255,255,255,.82)!important;
    font-size:.7rem!important;
    font-weight:680!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    box-shadow:none!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn.danger{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.075)!important;
    color:rgba(255,255,255,.6)!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn.success{
    grid-column:1 / -1!important;
    background:#ececec!important;
    border-color:#ececec!important;
    color:#0b0b0b!important;
  }

  /* Same quiet style in the 'Όλες οι εγγραφές' modal list. */
  body.admin-page-body .records-modal-item{
    position:relative!important;
    background:linear-gradient(180deg,#151515,#101010)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:18px!important;
    box-shadow:none!important;
  }
  body.admin-page-body .records-modal-item .status-chip,
  body.admin-page-body .records-modal-item .payment-chip{
    background:rgba(255,255,255,.04)!important;
    color:rgba(255,255,255,.72)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions button{
    background:rgba(255,255,255,.045)!important;
    color:rgba(255,255,255,.78)!important;
    border:1px solid rgba(255,255,255,.09)!important;
  }
  body.admin-page-body .records-modal-actions .mini-btn.success{
    background:#ececec!important;
    color:#0b0b0b!important;
    border-color:#ececec!important;
  }
  body.admin-page-body .records-modal-actions .mini-btn.danger{
    background:rgba(255,255,255,.025)!important;
    color:rgba(255,255,255,.58)!important;
    border-color:rgba(255,255,255,.075)!important;
  }
}

@media (max-width: 430px){
  body.admin-page-body .records-card .admin-data-table tr.record-row{
    padding:.88rem!important;
    border-radius:16px!important;
    gap:0 .55rem!important;
  }
  body.admin-page-body .records-card .record-name{font-size:1rem!important}
  body.admin-page-body .records-card .admin-data-table td[data-label="Ημερομηνία"],
  body.admin-page-body .records-card .admin-data-table td[data-label="Ώρα"]{
    padding:.62rem .65rem!important;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table td[data-label="Ενέργειες"] button{
    min-height:40px!important;
    font-size:.68rem!important;
  }
}


/* === v49: mobile records card surface unified to premium grey, stable on tap === */
@media (max-width: 768px){
  body.admin-page-body .records-card .admin-data-table tr.record-row,
  body.admin-page-body .records-modal-item{
    background:#171717!important;
    background-image:none!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    -webkit-tap-highlight-color:transparent;
  }
  body.admin-page-body .records-card .admin-data-table tr.record-row:hover,
  body.admin-page-body .records-card .admin-data-table tr.record-row:focus-within,
  body.admin-page-body .records-card .admin-data-table tr.record-row:active,
  body.admin-page-body .records-modal-item:hover,
  body.admin-page-body .records-modal-item:focus-within,
  body.admin-page-body .records-modal-item:active{
    background:#1b1b1b!important;
    background-image:none!important;
    border-color:rgba(255,255,255,.1)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
    transform:none!important;
  }
  body.admin-page-body .records-card .admin-data-table tr.record-row td,
  body.admin-page-body .records-card .admin-data-table tr.record-row td[data-label="Ημερομηνία"],
  body.admin-page-body .records-card .admin-data-table tr.record-row td[data-label="Ώρα"],
  body.admin-page-body .records-card .admin-data-table tr.record-row td[data-label="Ενέργειες"] .mini-btn,
  body.admin-page-body .records-card .admin-data-table tr.record-row td[data-label="Ενέργειες"] button,
  body.admin-page-body .records-modal-actions .mini-btn,
  body.admin-page-body .records-modal-actions button{
    -webkit-tap-highlight-color:transparent;
  }
  body.admin-page-body .records-card .admin-data-table td[data-label="Ημερομηνία"],
  body.admin-page-body .records-card .admin-data-table td[data-label="Ώρα"]{
    background:#212121!important;
    border:1px solid rgba(255,255,255,.06)!important;
  }
  body.admin-page-body .records-card .record-code,
  body.admin-page-body .records-card .status-chip,
  body.admin-page-body .records-card .payment-chip,
  body.admin-page-body .records-modal-item .status-chip,
  body.admin-page-body .records-modal-item .payment-chip{
    background:#202020!important;
    border-color:rgba(255,255,255,.08)!important;
  }
}

/* Mobile hero framing: remove upper facade / A/C, lead with shop sign. */
@media (max-width: 768px) {
  #hero .hero-img-bg {
    background-size: auto 135% !important;
    background-position: center bottom !important;
  }
}