/* Variant 1: decorative outline symbols; existing labels and handlers are preserved. */
.daily-menu-body #dailyNotifications,
.daily-menu-body #dailyLanguageLabel,
.daily-menu-body #refresh,
.daily-menu-body #logoutBtn{display:flex;align-items:center;justify-content:flex-start;gap:12px}
.daily-menu-body #dailyNotifications::before,
.daily-menu-body #dailyLanguageLabel::before,
.daily-menu-body #refresh::before,
.daily-menu-body #logoutBtn::before{content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--bf-menu-symbol) center/contain no-repeat;mask:var(--bf-menu-symbol) center/contain no-repeat;pointer-events:none}
.daily-menu-body #dailyNotifications{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9%22%2F%3E%3Cpath%20d%3D%22M10%2021h4M12%202v1%22%2F%3E%3C%2Fsvg%3E")}
.daily-menu-body #dailyLanguageLabel{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206h14M5%2018h14%22%2F%3E%3C%2Fsvg%3E")}
.daily-menu-body #refresh{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204v6h-6M4%2020v-6h6%22%2F%3E%3Cpath%20d%3D%22M20%2010a8%208%200%200%200-14-5M4%2014a8%208%200%200%200%2014%205%22%2F%3E%3C%2Fsvg%3E")}
.daily-menu-body #logoutBtn{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H5a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h5M10%2012h11m-4-4%204%204-4%204%22%2F%3E%3C%2Fsvg%3E")}
.daily-menu-body #dailyLanguageLabel::after{margin-inline-start:auto}
.daily-menu>.daily-menu-toggle{font-size:0;--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E")}
.daily-menu>.daily-menu-toggle[aria-expanded="true"]{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%205%2014%2014M19%205%205%2019%22%2F%3E%3C%2Fsvg%3E")}
.daily-menu>.daily-menu-toggle::before{content:"";display:block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--bf-menu-symbol) center/contain no-repeat;mask:var(--bf-menu-symbol) center/contain no-repeat;pointer-events:none}

/* Customer menu: language and dashboard use the same fine outline family. */
.top .mobile-menu-language>summary>span,
.top .mobile-menu-panel>a{display:flex;align-items:center;gap:12px}
.top .mobile-menu-language>summary>span::before,
.top .mobile-menu-panel>a::before{content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--bf-menu-symbol) center/contain no-repeat;mask:var(--bf-menu-symbol) center/contain no-repeat;pointer-events:none}
.top .mobile-menu-language>summary>span{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206h14M5%2018h14%22%2F%3E%3C%2Fsvg%3E")}
.top .mobile-menu-panel>a{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.top .mobile-menu-toggle>span{display:none}
.top .mobile-menu-toggle{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E")}
.top .mobile-menu-toggle[aria-expanded="true"]{--bf-menu-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%205%2014%2014M19%205%205%2019%22%2F%3E%3C%2Fsvg%3E")}
.top .mobile-menu-toggle::before{content:"";display:block;flex:none;width:24px;height:24px;background:currentColor;-webkit-mask:var(--bf-menu-symbol) center/contain no-repeat;mask:var(--bf-menu-symbol) center/contain no-repeat;pointer-events:none}

/* Gold outline symbols on the customer page, in both themes. */
.top .mobile-menu-language>summary>span::before,
.top .mobile-menu-panel>a::before,
.top .mobile-menu-toggle::before{background:linear-gradient(135deg,#f4d890,#c59a4b)!important}

/* Match the dashboard menu surfaces, rows and gold foreground. */
.top .mobile-menu-panel{display:grid;gap:8px;width:min(260px,calc(100vw - 32px));box-sizing:border-box;padding:12px;border-radius:16px;background:#1b2420;border:1px solid #75623d;box-shadow:0 12px 30px #0008}
.top .mobile-menu-panel[hidden]{display:none!important}
.top .mobile-menu-panel>a,.top .mobile-menu-language{box-sizing:border-box;width:100%;min-height:44px;margin:0;border-radius:10px;border:1px solid #434b41;background:#242c27;color:#dfbd72;text-align:start;padding:10px;font:14px/1.5 Arial,sans-serif;text-decoration:none}
.top .mobile-menu-language{display:grid;gap:8px}
.top .mobile-menu-language>summary>span{color:#dfbd72}
.top .mobile-menu-panel .mobile-menu-language select{box-sizing:border-box;width:100%;min-height:36px;margin:0;border:1px solid #434b41;border-radius:8px;background:#151c1a;color:#dfbd72;font:inherit}
.top .mobile-menu-toggle{display:grid;place-items:center;box-sizing:border-box;flex:none;width:40px;height:40px;padding:0;border:1px solid #3c443e;border-radius:13px;background:#151c1a;color:#edcd8b}
.top .mobile-menu-panel>a::before,.top .mobile-menu-language>summary>span::before,.top .mobile-menu-toggle::before{background:currentColor!important}
.top .mobile-menu-panel>a:hover{background:#303a32}
.top .mobile-menu-toggle:focus-visible,.top .mobile-menu-panel>a:focus-visible,.top .mobile-menu-language select:focus-visible{outline:2px solid #edcd8b;outline-offset:3px}

.top details.mobile-menu-language{display:block}
.top .mobile-menu-language>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.top .mobile-menu-language>summary::-webkit-details-marker{display:none}
.top .mobile-menu-language>summary::after{content:"";width:7px;height:7px;flex:none;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-inline-end:3px}
.top .mobile-menu-language[open]>summary::after{transform:rotate(225deg)}
.top .mobile-menu-language:not([open])>select{display:none}
.top .mobile-menu-panel .mobile-menu-language[open]>select{margin-top:10px}
.top .mobile-menu-language>summary:focus-visible{outline:2px solid #edcd8b;outline-offset:3px}

.top .mobile-menu-language select[hidden]{display:none!important}
.top .customer-language-choices{display:grid;gap:6px;margin-top:10px}
.top .customer-language-choices button{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #434b41;border-radius:10px;background:#242c27;color:#eee9dc;font:14px/1.5 Arial,sans-serif;text-align:start;cursor:pointer}
.top .customer-language-choices button[aria-pressed="true"]{border-color:#dfbd72}
.top .customer-language-choices button[aria-pressed="true"]::after{content:"";width:12px;height:7px;flex:none;border-left:2px solid #dfbd72;border-bottom:2px solid #dfbd72;transform:rotate(-45deg);margin-inline-end:3px}
.top .customer-language-choices button:hover{background:#303a32}
.top .customer-language-choices button:focus-visible{outline:2px solid #edcd8b;outline-offset:2px}
.top .mobile-menu-language:not([open])>.customer-language-choices{display:none}

/* Unread counts: menu entry, closed-menu control, and inbox heading. */
#dailyNotifications[data-unread-count]::after,
.daily-menu-toggle[data-unread-count]::after,
#barberNotifications h2[data-unread-count]::after{
 content:attr(data-unread-count);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ad4367!important;color:#fff!important;font:700 12px/1 Arial,sans-serif;letter-spacing:0;white-space:nowrap;flex:none
}
#dailyNotifications[data-unread-count]::after{margin-inline-start:auto}
.daily-menu>.daily-menu-toggle{position:relative;overflow:visible}
.daily-menu-toggle[data-unread-count]::after{position:absolute;top:-7px;inset-inline-end:-7px;border:2px solid #151c1a;min-width:24px;height:24px}
#barberNotifications h2[data-unread-count]::after{margin-inline-start:8px;vertical-align:middle}

/* Selected customer-view icon: smartphone with eye. */
.top .customer-preview{display:inline-flex;align-items:center;gap:8px}
.top .customer-preview::before{content:"";display:block;flex:0 0 24px;width:24px;height:28px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%221.8%22%20width%3D%2214%22%20height%3D%2220.4%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M10%204.5h4M7.5%2012s2-3%204.5-3%204.5%203%204.5%203-2%203-4.5%203-4.5-3-4.5-3Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M11.5%2019.5h1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%221.8%22%20width%3D%2214%22%20height%3D%2220.4%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M10%204.5h4M7.5%2012s2-3%204.5-3%204.5%203%204.5%203-2%203-4.5%203-4.5-3-4.5-3Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M11.5%2019.5h1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none}