@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');
body.admin-page{font-family:Outfit,Arial,sans-serif!important;background:#f9fafb!important;color:#101828!important}
body.admin-page .app-shell{display:flex!important;min-height:100vh!important;background:#f9fafb!important}
body.admin-page .app-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:290px!important;background:#fff!important;color:#344054!important;border-right:1px solid #e4e7ec!important;padding:0 16px!important;box-shadow:none!important;z-index:100!important;overflow-y:auto!important}
body.admin-page .app-brand{height:88px!important;padding:24px 12px!important;display:flex!important;align-items:center!important;gap:12px!important;font:600 18px Outfit,sans-serif!important;color:#101828!important}
body.admin-page .app-brand img{width:42px!important;height:42px!important;object-fit:cover!important;border-radius:50%!important;background:#fff!important;padding:0!important}
body.admin-page .app-nav{display:flex!important;flex-direction:column!important;gap:5px!important;padding:18px 8px 28px!important}
body.admin-page .app-nav:before{content:'MENU';display:block!important;color:#98a2b3!important;font-size:11px!important;font-weight:500!important;letter-spacing:.08em!important;padding:0 12px 10px!important}
body.admin-page .app-nav button,body.admin-page .app-nav a{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;padding:11px 13px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#475467!important;font:500 14px Outfit,sans-serif!important;text-decoration:none!important;cursor:pointer!important;box-sizing:border-box!important}
body.admin-page .app-nav button:before,body.admin-page .app-nav a:before{content:'';width:20px;height:20px;margin-right:11px;border-radius:6px;background:#f2f4f7;display:block;flex:0 0 20px}
body.admin-page .app-nav button.is-active,body.admin-page .app-nav button:hover,body.admin-page .app-nav a:hover{background:#ecf3ff!important;color:#3641f5!important}
body.admin-page .app-nav button.is-active:before{background:#465fff!important}
body.admin-page .sidebar-toggle{display:none!important}
body.admin-page .app-main{margin-left:290px!important;width:calc(100% - 290px)!important;min-height:100vh!important;padding:0 32px 48px!important;background:#f9fafb!important}
body.admin-page .admin-utility-tab{position:sticky!important;top:0!important;z-index:50!important;height:80px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0 -32px 30px!important;padding:0 32px!important;background:#fff!important;border-bottom:1px solid #e4e7ec!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important;border-radius:0!important}
body.admin-page .admin-utility-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:250px!important}
body.admin-page .admin-utility-left h1{margin:3px 0 0!important;color:#101828!important;font:600 22px/1.25 Outfit,sans-serif!important;letter-spacing:-.02em!important}
body.admin-page .admin-breadcrumb{font:400 12px Outfit,sans-serif!important;color:#667085!important}
body.admin-page .admin-utility-center{flex:1!important;display:flex!important;justify-content:center!important}
body.admin-page .admin-search{width:min(430px,100%)!important;height:40px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;background:#fff!important;border:1px solid #d0d5dd!important;border-radius:8px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}
body.admin-page .admin-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%!important;color:#101828!important;background:transparent!important;font:400 13px Outfit,sans-serif!important}
body.admin-page .admin-search kbd{border:1px solid #d0d5dd!important;background:#f9fafb!important;border-radius:4px!important;padding:2px 6px!important;color:#667085!important;font-size:11px!important}
body.admin-page .admin-utility-right{display:flex!important;align-items:center!important;gap:12px!important}
body.admin-page .admin-theme-toggle,body.admin-page .admin-notification{width:40px!important;height:40px!important;border:1px solid #e4e7ec!important;border-radius:50%!important;background:#fff!important;color:#475467!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
body.admin-page .admin-notification{position:relative!important}
body.admin-page .notification-count{position:absolute!important;right:-2px!important;top:-2px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:99px!important;background:#465fff!important;color:#fff!important;font:600 9px Outfit,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.admin-page .admin-profile{display:flex!important;align-items:center!important;gap:10px!important;padding:4px 6px!important;text-decoration:none!important;color:#101828!important}
body.admin-page .admin-profile img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid #e4e7ec!important}
body.admin-page .admin-profile strong{display:block!important;font:500 13px Outfit,sans-serif!important;color:#101828!important}
body.admin-page .admin-profile small{display:block!important;font:400 11px Outfit,sans-serif!important;color:#667085!important;margin-top:2px!important}
body.admin-page .admin-logout{font:500 12px Outfit,sans-serif!important;color:#465fff!important;text-decoration:none!important}
body.admin-page .mobile-sidebar-toggle{display:none!important}
body.admin-page .app-tab{max-width:1440px!important;margin:0 auto!important}
body.admin-page .overview-heading{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;margin-bottom:24px!important}
body.admin-page .overview-heading .section-label{color:#465fff!important;font:600 11px Outfit,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.admin-page .overview-heading .section-label span{color:#98a2b3!important;margin-left:10px!important}
body.admin-page .overview-heading h2{margin:7px 0 5px!important;color:#101828!important;font:600 30px/1.2 Outfit,sans-serif!important;letter-spacing:-.035em!important}
body.admin-page .overview-heading p{margin:0!important;color:#667085!important;font:400 14px/1.6 Outfit,sans-serif!important}
body.admin-page .btn.btn-dark{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 17px!important;border-radius:8px!important;background:#465fff!important;border:1px solid #465fff!important;color:#fff!important;font:500 13px Outfit,sans-serif!important;text-decoration:none!important}
body.admin-page .overview-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:22px!important}
body.admin-page .overview-stat{min-height:150px!important;padding:20px!important;background:#fff!important;border:1px solid #e4e7ec!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
body.admin-page .overview-stat-label{display:block!important;color:#667085!important;font:400 13px Outfit,sans-serif!important}
body.admin-page .overview-stat strong{display:block!important;margin:15px 0 7px!important;color:#101828!important;font:600 30px/1 Outfit,sans-serif!important}
body.admin-page .overview-stat small{color:#667085!important;font:400 11px Outfit,sans-serif!important}
body.admin-page .overview-stat-accent{background:#465fff!important;border-color:#465fff!important}
body.admin-page .overview-stat-accent .overview-stat-label,body.admin-page .overview-stat-accent small,body.admin-page .overview-stat-accent strong{color:#fff!important}
body.admin-page .dashboard-card,body.admin-page .service-admin-form,body.admin-page .service-admin-list,body.admin-page .review-admin-shell>section,body.admin-page .report-actions{background:#fff!important;border:1px solid #e4e7ec!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important}
body.admin-page .dashboard-card{padding:24px!important}
body.admin-page .panel-heading{border-bottom:1px solid #f2f4f7!important;padding-bottom:16px!important}
body.admin-page .panel-heading h3,body.admin-page .quick-actions h3{color:#101828!important;font:600 16px Outfit,sans-serif!important}
body.admin-page .chart-caption{color:#98a2b3!important;font:400 12px Outfit,sans-serif!important}
body.admin-page .chart-bars{height:230px!important;padding:24px 10px 0!important;display:flex!important;align-items:flex-end!important;gap:12px!important;border:0!important}
body.admin-page .chart-bar-wrap{flex:1!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;color:#98a2b3!important;font:400 10px Outfit,sans-serif!important}
body.admin-page .chart-bar{width:min(34px,65%)!important;min-height:8px!important;border-radius:5px 5px 2px 2px!important;background:#465fff!important;box-shadow:none!important}
body.admin-page .financial-summary{margin-top:16px!important;background:#fff!important;border:1px solid #e4e7ec!important;border-radius:12px!important}
body.admin-page .form-field input,body.admin-page .form-field select,body.admin-page .form-field textarea{background:#fff!important;border:1px solid #d0d5dd!important;color:#101828!important;border-radius:8px!important}
body.admin-page .form-field input:focus,body.admin-page .form-field select:focus,body.admin-page .form-field textarea:focus{border-color:#465fff!important;box-shadow:0 0 0 4px rgba(70,95,255,.12)!important}
body.theme-dark.admin-page{background:#101828!important;color:#f9fafb!important}
body.theme-dark.admin-page .app-shell,body.theme-dark.admin-page .app-main{background:#101828!important}
body.theme-dark.admin-page .app-sidebar,body.theme-dark.admin-page .admin-utility-tab,body.theme-dark.admin-page .dashboard-card,body.theme-dark.admin-page .overview-stat{background:#1d2939!important;border-color:#344054!important}
body.theme-dark.admin-page .app-brand,body.theme-dark.admin-page .admin-utility-left h1,body.theme-dark.admin-page .admin-profile strong,body.theme-dark.admin-page .overview-heading h2,body.theme-dark.admin-page .overview-stat strong,body.theme-dark.admin-page .panel-heading h3{color:#f9fafb!important}
body.theme-dark.admin-page .app-nav button,body.theme-dark.admin-page .app-nav a{color:#d0d5dd!important}
body.theme-dark.admin-page .app-nav button.is-active,body.theme-dark.admin-page .app-nav button:hover,body.theme-dark.admin-page .app-nav a:hover{background:#253a74!important;color:#fff!important}
body.theme-dark.admin-page .admin-search,body.theme-dark.admin-page .admin-theme-toggle,body.theme-dark.admin-page .admin-notification,body.theme-dark.admin-page .form-field input,body.theme-dark.admin-page .form-field select,body.theme-dark.admin-page .form-field textarea{background:#111827!important;border-color:#344054!important}
body.theme-dark.admin-page .admin-search input,body.theme-dark.admin-page .form-field input,body.theme-dark.admin-page .form-field select,body.theme-dark.admin-page .form-field textarea{color:#f9fafb!important}
body.theme-dark.admin-page .overview-heading p,body.theme-dark.admin-page .overview-stat-label,body.theme-dark.admin-page .overview-stat small,body.theme-dark.admin-page .chart-caption,body.theme-dark.admin-page .admin-breadcrumb,body.theme-dark.admin-page .admin-profile small{color:#98a2b3!important}
@media(max-width:1100px){body.admin-page .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin-page .admin-utility-center{display:none!important}}
@media(max-width:800px){body.admin-page .app-sidebar{transform:translateX(-100%)!important;transition:transform .25s ease!important}body.admin-page .app-sidebar.is-mobile-open{transform:translateX(0)!important}body.admin-page .app-main{margin-left:0!important;width:100%!important;padding:0 16px 40px!important}body.admin-page .admin-utility-tab{margin:0 -16px 22px!important;padding:0 16px!important;height:70px!important}body.admin-page .mobile-sidebar-toggle{display:inline-flex!important;width:40px!important;height:40px!important;border:1px solid #e4e7ec!important;border-radius:8px!important;background:#fff!important;align-items:center!important;justify-content:center!important;color:#344054!important}body.admin-page .overview-heading{align-items:flex-start!important;flex-direction:column!important}body.admin-page .admin-profile span,body.admin-page .admin-logout{display:none!important}}
@media(max-width:560px){body.admin-page .overview-grid{grid-template-columns:1fr!important}.overview-stat{min-height:125px!important}}

/* FINAL TAILADMIN OVERRIDES — public salon theme must never leak into admin */
html:has(body.admin-page), body.admin-page { background:#f9fafb!important; }
body.admin-page .admin-global-nav { display:none!important; }
body.admin-page .app-shell { margin:0!important; padding:0!important; background:#f9fafb!important; color:#101828!important; }
body.admin-page .app-sidebar { top:0!important; bottom:0!important; left:0!important; width:260px!important; background:#fff!important; color:#344054!important; border-right:1px solid #e4e7ec!important; }
body.admin-page .app-main { margin-left:260px!important; width:calc(100% - 260px)!important; min-height:100vh!important; padding:0 32px 56px!important; background:#f9fafb!important; color:#101828!important; }
body.admin-page .app-brand { color:#101828!important; border-bottom:1px solid #f2f4f7!important; }
body.admin-page .app-nav a, body.admin-page .app-nav button { color:#475467!important; }
body.admin-page .app-nav a:hover, body.admin-page .app-nav button:hover, body.admin-page .app-nav button.is-active { background:#eef4ff!important; color:#465fff!important; }
body.admin-page .app-nav a:before, body.admin-page .app-nav button:before { background:#f2f4f7!important; }
body.admin-page .app-nav a:hover:before, body.admin-page .app-nav button:hover:before, body.admin-page .app-nav button.is-active:before { background:#465fff!important; }
body.admin-page .admin-utility-tab { margin:0 -32px 32px!important; min-height:80px!important; height:auto!important; background:#fff!important; border-bottom:1px solid #e4e7ec!important; }
body.admin-page .admin-utility-left h1, body.admin-page .overview-heading h2, body.admin-page .panel-heading h3, body.admin-page .quick-actions h3 { color:#101828!important; }
body.admin-page .overview-heading p, body.admin-page .overview-stat-label, body.admin-page .overview-stat small, body.admin-page .chart-caption, body.admin-page .admin-breadcrumb { color:#667085!important; }
body.admin-page .overview-stat, body.admin-page .dashboard-card, body.admin-page .service-admin-form, body.admin-page .service-admin-list, body.admin-page .review-admin-shell>section, body.admin-page .report-actions, body.admin-page .financial-summary { background:#fff!important; border-color:#e4e7ec!important; color:#101828!important; box-shadow:0 1px 2px rgba(16,24,40,.04)!important; }
body.admin-page .overview-stat strong, body.admin-page .dashboard-card h2, body.admin-page .dashboard-card h3, body.admin-page .service-admin-item h3 { color:#101828!important; }
body.admin-page .form-field label { color:#344054!important; }
body.admin-page .form-field input, body.admin-page .form-field select, body.admin-page .form-field textarea { background:#fff!important; color:#101828!important; border-color:#d0d5dd!important; }
body.admin-page .form-field input::placeholder, body.admin-page .form-field textarea::placeholder { color:#98a2b3!important; opacity:1!important; }
body.admin-page .form-field input:focus, body.admin-page .form-field select:focus, body.admin-page .form-field textarea:focus { border-color:#465fff!important; box-shadow:0 0 0 3px rgba(70,95,255,.12)!important; }
body.admin-page .btn-dark { background:#465fff!important; border-color:#465fff!important; color:#fff!important; }
body.admin-page .btn-dark:hover { background:#3641f5!important; border-color:#3641f5!important; }
body.admin-page .btn-outline { background:#fff!important; color:#465fff!important; border-color:#d0d5dd!important; }
body.admin-page .service-admin-item, body.admin-page .portfolio-admin-item, body.admin-page .banner-admin-item { background:#fff!important; color:#101828!important; border-color:#e4e7ec!important; }
body.admin-page .service-admin-item p, body.admin-page .portfolio-admin-item p, body.admin-page .banner-admin-item p { color:#667085!important; }
body.admin-page .admin-profile, body.admin-page .admin-profile strong { color:#101828!important; }
body.admin-page .admin-profile small { color:#667085!important; }
body.admin-page .admin-theme-toggle, body.admin-page .admin-notification { background:#fff!important; color:#475467!important; border-color:#e4e7ec!important; }
body.admin-page .mobile-sidebar-toggle { color:#344054!important; background:#fff!important; border-color:#d0d5dd!important; }

/* Dark admin theme is a complete TailAdmin palette, not the salon palette. */
body.theme-dark.admin-page, body.theme-dark.admin-page .app-shell { background:#101828!important; color:#f9fafb!important; }
body.theme-dark.admin-page .app-sidebar { background:#101828!important; color:#d0d5dd!important; border-color:#1d2939!important; }
body.theme-dark.admin-page .app-brand { color:#f9fafb!important; border-color:#1d2939!important; }
body.theme-dark.admin-page .app-nav a, body.theme-dark.admin-page .app-nav button { color:#98a2b3!important; }
body.theme-dark.admin-page .app-nav a:hover, body.theme-dark.admin-page .app-nav button:hover, body.theme-dark.admin-page .app-nav button.is-active { background:#1d2939!important; color:#fff!important; }
body.theme-dark.admin-page .app-nav a:before, body.theme-dark.admin-page .app-nav button:before { background:#1d2939!important; }
body.theme-dark.admin-page .app-nav a:hover:before, body.theme-dark.admin-page .app-nav button:hover:before, body.theme-dark.admin-page .app-nav button.is-active:before { background:#465fff!important; }
body.theme-dark.admin-page .app-main { background:#101828!important; color:#f9fafb!important; }
body.theme-dark.admin-page .admin-utility-tab { background:#101828!important; border-color:#1d2939!important; }
body.theme-dark.admin-page .admin-utility-left h1, body.theme-dark.admin-page .overview-heading h2, body.theme-dark.admin-page .panel-heading h3, body.theme-dark.admin-page .quick-actions h3, body.theme-dark.admin-page .overview-stat strong, body.theme-dark.admin-page .dashboard-card h2, body.theme-dark.admin-page .dashboard-card h3, body.theme-dark.admin-page .service-admin-item h3 { color:#f9fafb!important; }
body.theme-dark.admin-page .overview-heading p, body.theme-dark.admin-page .overview-stat-label, body.theme-dark.admin-page .overview-stat small, body.theme-dark.admin-page .chart-caption, body.theme-dark.admin-page .admin-breadcrumb, body.theme-dark.admin-page .admin-profile small, body.theme-dark.admin-page .service-admin-item p, body.theme-dark.admin-page .portfolio-admin-item p, body.theme-dark.admin-page .banner-admin-item p { color:#98a2b3!important; }
body.theme-dark.admin-page .overview-stat, body.theme-dark.admin-page .dashboard-card, body.theme-dark.admin-page .service-admin-form, body.theme-dark.admin-page .service-admin-list, body.theme-dark.admin-page .review-admin-shell>section, body.theme-dark.admin-page .report-actions, body.theme-dark.admin-page .financial-summary, body.theme-dark.admin-page .service-admin-item, body.theme-dark.admin-page .portfolio-admin-item, body.theme-dark.admin-page .banner-admin-item { background:#1d2939!important; border-color:#344054!important; color:#f9fafb!important; }
body.theme-dark.admin-page .form-field label { color:#d0d5dd!important; }
body.theme-dark.admin-page .form-field input, body.theme-dark.admin-page .form-field select, body.theme-dark.admin-page .form-field textarea { background:#101828!important; color:#f9fafb!important; border-color:#344054!important; }
body.theme-dark.admin-page .form-field input::placeholder, body.theme-dark.admin-page .form-field textarea::placeholder { color:#667085!important; }
body.theme-dark.admin-page .admin-search { background:#101828!important; border-color:#344054!important; }
body.theme-dark.admin-page .admin-search input { color:#f9fafb!important; background:transparent!important; }
body.theme-dark.admin-page .admin-search kbd { background:#1d2939!important; border-color:#344054!important; color:#98a2b3!important; }
body.theme-dark.admin-page .admin-theme-toggle, body.theme-dark.admin-page .admin-notification, body.theme-dark.admin-page .mobile-sidebar-toggle { background:#1d2939!important; color:#f9fafb!important; border-color:#344054!important; }

/* Mobile-first dashboard behavior */
@media (max-width: 900px) {
  body.admin-page { overflow-x:hidden!important; }
  body.admin-page .app-sidebar { width:280px!important; max-width:86vw!important; transform:translateX(-105%)!important; box-shadow:12px 0 35px rgba(16,24,40,.16)!important; transition:transform .22s ease!important; }
  body.admin-page .app-sidebar.is-mobile-open { transform:translateX(0)!important; }
  body.admin-page .app-main { margin-left:0!important; width:100%!important; padding:0 20px 48px!important; }
  body.admin-page .admin-utility-tab { margin:0 -20px 24px!important; padding:14px 20px!important; min-height:72px!important; }
  body.admin-page .admin-utility-center { display:none!important; }
  body.admin-page .admin-utility-left { min-width:0!important; flex:1 1 auto!important; }
  body.admin-page .admin-utility-left h1 { font-size:18px!important; }
  body.admin-page .mobile-sidebar-toggle { display:inline-flex!important; flex:0 0 40px!important; }
  body.admin-page .admin-utility-right { gap:7px!important; }
  body.admin-page .admin-profile { padding:2px!important; }
  body.admin-page .admin-profile b, body.admin-page .admin-logout { display:none!important; }
  body.admin-page .admin-profile span { display:none!important; }
  body.admin-page .overview-heading { align-items:flex-start!important; flex-direction:column!important; }
  body.admin-page .overview-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  body.admin-page .overview-columns { grid-template-columns:1fr!important; }
  body.admin-page .overview-stat { min-height:128px!important; padding:16px!important; }
  body.admin-page .overview-stat strong { font-size:28px!important; }
  body.admin-page .dashboard-card { padding:18px!important; overflow:hidden!important; }
  body.admin-page .chart-bars { overflow-x:auto!important; min-width:560px!important; }
  body.admin-page .table-wrap, body.admin-page .appointment-table-wrap { width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch!important; }
  body.admin-page table { min-width:620px!important; }
  body.admin-page .service-admin-item, body.admin-page .portfolio-admin-item, body.admin-page .banner-admin-item { grid-template-columns:1fr!important; gap:14px!important; }
  body.admin-page .service-admin-actions { justify-content:flex-start!important; }
  body.admin-page .portfolio-admin-shell .service-admin-form { position:static!important; }
}
@media (max-width: 560px) {
  body.admin-page .app-main { padding:0 14px 40px!important; }
  body.admin-page .admin-utility-tab { margin:0 -14px 18px!important; padding:12px 14px!important; min-height:64px!important; }
  body.admin-page .admin-utility-left { gap:9px!important; }
  body.admin-page .admin-utility-left h1 { font-size:16px!important; }
  body.admin-page .admin-breadcrumb { font-size:10px!important; }
  body.admin-page .admin-theme-toggle, body.admin-page .admin-notification, body.admin-page .mobile-sidebar-toggle { width:38px!important; height:38px!important; }
  body.admin-page .overview-grid { grid-template-columns:1fr!important; }
  body.admin-page .overview-stat { min-height:110px!important; }
  body.admin-page .overview-stat strong { font-size:26px!important; }
  body.admin-page .overview-heading h2 { font-size:25px!important; }
  body.admin-page .overview-heading p { font-size:13px!important; }
  body.admin-page .btn.btn-dark, body.admin-page .btn.btn-outline { width:100%!important; }
  body.admin-page .form-field input, body.admin-page .form-field select, body.admin-page .form-field textarea { min-height:44px!important; font-size:16px!important; }
  body.admin-page .form-field textarea { min-height:120px!important; }
  body.admin-page .service-admin-item-media>img, body.admin-page .portfolio-admin-thumb img, body.admin-page .portfolio-admin-thumb video, body.admin-page .banner-admin-item-media>img { width:100%!important; max-width:100%!important; height:190px!important; max-height:190px!important; border-radius:10px!important; }
  body.admin-page .banner-admin-item-media { grid-template-columns:1fr!important; }
  body.admin-page .portfolio-admin-grid { grid-template-columns:1fr!important; }
}
@media (max-width:900px){
  body.admin-menu-open{overflow:hidden!important}
  body.admin-page .app-sidebar.is-mobile-open::after{content:'Tap outside to close';position:fixed;left:280px;top:0;right:0;bottom:0;color:transparent;background:rgba(16,24,40,.35);pointer-events:none}
}