/* حجز اجتماع: تبويبات التواصل، التقويم، النموذج. زجاج سائل مثل Quick-Ask، وضعان داكن/نهاري، RTL/LTR بخصائص منطقية. */
.contact{
 --bk-accent:#d8fb78;--bk-on-accent:#101318;--bk-muted:#b5bac3;--bk-fg:#f4f5f2;
 --bk-glass:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
 --bk-glass-line:rgba(255,255,255,.17);--bk-hi:rgba(255,255,255,.22);--bk-shadow:rgba(4,8,14,.3);
 --bk-field:#20282f;--bk-field-line:#46515d;
 --bk-open:rgba(216,251,120,.10);--bk-open-line:rgba(216,251,120,.5);
 --bk-danger:#ffb3b0;--bk-off:#8f99a6;
}
html[data-theme="light"] .contact{
 --bk-accent:#1D49D8;--bk-on-accent:#ffffff;--bk-muted:#4A5362;--bk-fg:#101318;
 --bk-glass:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.66));
 --bk-glass-line:rgba(16,19,24,.16);--bk-hi:rgba(255,255,255,.95);--bk-shadow:rgba(16,19,24,.10);
 --bk-field:#F6F7F9;--bk-field-line:#7A8396;
 --bk-open:rgba(29,73,216,.07);--bk-open-line:rgba(29,73,216,.5);
 --bk-danger:#B3261E;--bk-off:#6B7483;
}

/* لا أزرار حجز بدون JavaScript */
html:not(.bk-ready) [data-open-booking]{display:none!important}
.bk-lbl{font:inherit!important;line-height:inherit!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- زر الـ Hero ---------- */
.button.hero-book{gap:16px;border-color:rgba(255,255,255,.3);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.button.hero-book svg{flex:none;color:var(--lime)}
.button.hero-book:hover{border-color:var(--lime)}
html[data-theme="light"] .button.hero-book{background:#fff;border-color:var(--field-border,#7A8396);box-shadow:0 6px 18px rgba(16,19,24,.07)}
html[data-theme="light"] .button.hero-book svg{color:var(--accent-ink,#1D49D8)}

/* ---------- زر تحت نص التواصل ---------- */
.contact-book-cta{margin:0 0 26px}
.book-cta{display:flex;align-items:center;gap:14px;width:100%;max-width:440px;padding:12px 16px;border-radius:16px;border:1px solid var(--bk-glass-line);background:var(--bk-glass);color:var(--bk-fg);text-align:start;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px 0 var(--bk-hi),0 10px 28px var(--bk-shadow);cursor:pointer;transition:border-color .2s,transform .2s}
.book-cta:hover{border-color:var(--bk-accent);transform:translateY(-1px)}
.book-cta-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--bk-open);border:1px solid var(--bk-open-line);color:var(--bk-accent)}
.book-cta-text{display:grid;gap:1px;min-width:0}
.book-cta-text strong{font-size:15px;font-weight:600;line-height:1.5}
.book-cta-text small{font-size:12.5px;color:var(--bk-muted);line-height:1.5}
.book-cta-arrow{margin-inline-start:auto;flex:none;color:var(--bk-accent)}
html[dir="rtl"] .book-cta-arrow{transform:scaleX(-1)}

/* ---------- التبويبات ---------- */
.has-booking-tabs .form-panel{padding-block-start:20px}
.contact-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;margin-block-end:20px;border-radius:16px;border:1px solid var(--bk-glass-line);background:var(--bk-glass);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px 0 var(--bk-hi),0 10px 30px var(--bk-shadow)}
.contact-tabs[hidden]{display:none}
.contact-tabs [role="tab"]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--bk-muted);font-size:14.5px;font-weight:600;line-height:1.3;text-align:center;transition:background .2s,color .2s,border-color .2s}
.contact-tabs [role="tab"] svg{flex:none}
.contact-tabs [role="tab"]:hover{color:var(--bk-fg)}
.contact-tabs [role="tab"][aria-selected="true"]{color:var(--bk-fg);background:var(--bk-open);border-color:var(--bk-open-line);box-shadow:inset 0 1px 0 var(--bk-hi)}
.contact-tabs [role="tab"][aria-selected="true"] svg{color:var(--bk-accent)}
.contact-tabs [role="tab"]:focus-visible{outline:3px solid var(--bk-accent);outline-offset:2px}
html[data-theme="light"] .contact-tabs [role="tab"][aria-selected="true"]{background:#fff;box-shadow:0 2px 8px rgba(16,19,24,.1)}
[role="tabpanel"]:focus-visible{outline:3px solid var(--bk-accent);outline-offset:4px}

/* ---------- الحجز ---------- */
.bk{display:grid;gap:14px;color:var(--bk-fg)}
.bk h3,.bk h4{margin:0}
.bk-head h3{font-size:22px;font-weight:600;line-height:1.5}
.bk-head h3:focus{outline:none}
.bk-sub{margin:4px 0 0;color:var(--bk-muted);font-size:14px;line-height:1.8}
.bk-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.bk-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--bk-glass-line);background:var(--bk-glass);color:var(--bk-muted);font-size:12.5px;line-height:1.6}
.bk-note{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed var(--bk-open-line);font-size:13.5px;line-height:1.8}
.bk-live{margin:0}

.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 18px;border-radius:12px;border:1px solid var(--bk-field-line);background:transparent;color:var(--bk-fg);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.bk-btn:hover{border-color:var(--bk-accent)}
.bk-btn:focus-visible{outline:3px solid var(--bk-accent);outline-offset:3px}
.bk-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.bk-primary{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-on-accent);font-weight:700}
.bk-primary:hover{filter:brightness(1.06)}
.bk-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;background:none;border:0;color:var(--bk-accent);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer;white-space:nowrap}
.bk-row{display:flex;flex-wrap:wrap;gap:10px}
.bk-actions>*{flex:1 1 160px}
.bk-chev{flex:none}
.bk-chev.is-prev{transform:scaleX(-1)}
html[dir="rtl"] .bk-chev.is-next{transform:scaleX(-1)}
html[dir="rtl"] .bk-chev.is-prev{transform:none}

.bk-msg{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--bk-glass-line);background:var(--bk-glass);font-size:14px;line-height:1.8}
.bk-msg p{margin:0 0 10px}
.bk-msg>:last-child{margin-bottom:0}
.bk-msg-error{border-color:var(--bk-danger)}
.bk-msg-error:focus{outline:3px solid var(--bk-danger);outline-offset:2px}

/* التحميل */
.bk-loading{display:grid;gap:14px}
.bk-loading-text{display:flex;align-items:center;gap:10px;margin:0;color:var(--bk-muted);font-size:14px}
.bk-spin{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:bk-spin .8s linear infinite}
.bk-skel{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;border-radius:18px;border:1px solid var(--bk-glass-line);background:var(--bk-glass)}
.bk-skel i{aspect-ratio:1;border-radius:9px;background:linear-gradient(90deg,var(--bk-open),rgba(127,127,127,.2),var(--bk-open));background-size:200% 100%;animation:bk-shimmer 1.4s ease-in-out infinite}
@keyframes bk-spin{to{transform:rotate(360deg)}}
@keyframes bk-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* التقويم */
.bk-cal{padding:var(--bk-s3);border-radius:18px;border:1px solid var(--bk-glass-line);background:var(--bk-glass);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px 0 var(--bk-hi),0 10px 30px var(--bk-shadow)}
.bk-cal-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:8px}
.bk-month{font-size:16px;font-weight:600;text-align:center;flex:1}
.bk-icon{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--bk-glass-line);background:transparent;color:var(--bk-fg);cursor:pointer}
.bk-icon:hover:not(:disabled){border-color:var(--bk-accent)}
.bk-icon:disabled{opacity:.35;cursor:not-allowed}
.bk-icon:focus-visible{outline:3px solid var(--bk-accent);outline-offset:2px}
.bk-grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px;margin:0}
.bk-grid th{padding:4px 0 6px;font-size:12px;font-weight:600;color:var(--bk-muted);text-align:center}
.bk-grid td{padding:0;text-align:center}
.bk-day{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;min-height:34px;padding:0;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--bk-off);font-size:14px;line-height:1;cursor:default;transition:background .15s,border-color .15s}
.bk-day.is-open{background:var(--bk-open);border-color:var(--bk-open-line);color:var(--bk-fg);font-weight:700;cursor:pointer}
.bk-day.is-open:hover{border-color:var(--bk-accent)}
.bk-day.is-full{border-style:dashed;border-color:var(--bk-glass-line);text-decoration:line-through;text-decoration-thickness:1px}
.bk-day.is-today::after{content:"";position:absolute;inset-block-end:4px;inset-inline:0;margin-inline:auto;width:4px;height:4px;border-radius:50%;background:currentColor}
.bk-day.is-selected{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-on-accent);font-weight:800}
.bk-ghost{visibility:hidden}
.bk-day:focus-visible{outline:3px solid var(--bk-accent);outline-offset:1px;z-index:1}
.bk-day.is-selected:focus-visible{outline-color:var(--bk-fg)}
.bk-hint,.bk-fhint{margin:var(--bk-s2) 0 0;font-size:12.5px;line-height:1.7;color:var(--bk-muted)}
.bk-fhint{margin:var(--bk-s1) 0 0}

/* الأوقات */
.bk-pickday{margin:0;padding:12px 14px;border-radius:12px;border:1px dashed var(--bk-glass-line);color:var(--bk-muted);font-size:14px}
.bk-slots{margin:0;padding:0;border:0;min-width:0;display:grid;gap:var(--bk-s2)}
.bk-slots legend{padding:0;margin-block-end:10px;font-size:14.5px;font-weight:600;line-height:1.7;float:none;width:100%}
.bk-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.bk-slot{position:relative;display:block;margin:0;font-size:inherit}
.bk .bk-slot input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}
.bk-slot span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:6px 8px;border-radius:12px;border:1px solid var(--bk-field-line);background:var(--bk-field);color:var(--bk-fg);font-size:14.5px;font-weight:600;transition:background .15s,border-color .15s}
.bk-slot:hover span{border-color:var(--bk-accent)}
.bk-slot input:checked+span{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-on-accent);font-weight:800}
.bk-slot input:focus-visible+span{outline:3px solid var(--bk-accent);outline-offset:2px}
.bk-slot input:checked:focus-visible+span{outline-color:var(--bk-fg)}
.bk-local{min-height:0;margin:0;color:var(--bk-muted);font-size:13px}
.bk-local:empty{display:none}
.bk-noslots{margin:0;color:var(--bk-muted);font-size:14px}
.bk-continue{width:100%}

/* النموذج */
.bk-form{display:grid;gap:var(--bk-s3)}
.bk-form h4{font-size:18px;font-weight:600}
.bk-form h4:focus{outline:none}
.bk-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--bk-open-line);background:var(--bk-open)}
.bk-summary strong,.bk-summary span,.bk-summary small{display:block}
.bk-summary strong{font-size:15px;line-height:1.6}
.bk-summary span{font-size:13.5px;color:var(--bk-fg);line-height:1.7}
.bk-summary small{font-size:12.5px;color:var(--bk-muted);line-height:1.6}
.bk-field{display:grid;gap:0}
.bk-field label,.bk-methods legend{margin:0 0 8px;font-size:13.5px;font-weight:600;color:var(--bk-fg)}
.bk .bk-field input,.bk .bk-field select,.bk .bk-field textarea{margin:0;min-height:50px;border-radius:12px;border:1px solid var(--bk-field-line);background:var(--bk-field);color:var(--bk-fg);font-size:16px}
.bk .bk-field textarea{min-height:92px}
.bk .bk-field input:focus-visible,.bk .bk-field select:focus-visible,.bk .bk-field textarea:focus-visible{outline:3px solid var(--bk-accent);outline-offset:2px}
.bk-field [aria-invalid="true"],.bk-consent [aria-invalid="true"]{border-color:var(--bk-danger)!important}
.bk-ferr{display:block;margin-top:6px;color:var(--bk-danger);font-size:13px;line-height:1.6;font-weight:600}
.bk-methods{margin:0;padding:0;border:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.bk-methods legend{grid-column:1/-1;float:none;width:100%;padding:0}
.bk-method{position:relative;display:block;margin:0}
.bk .bk-method input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}
.bk-method span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:6px 10px;border-radius:12px;border:1px solid var(--bk-field-line);background:var(--bk-field);font-size:14px;font-weight:600;text-align:center}
.bk-method:hover span{border-color:var(--bk-accent)}
.bk-method input:checked+span{border-color:var(--bk-accent);background:var(--bk-open);box-shadow:inset 0 0 0 1px var(--bk-accent)}
.bk-method input:focus-visible+span{outline:3px solid var(--bk-accent);outline-offset:2px}
.bk-consent{display:grid;gap:4px}
.bk-check{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13.5px;line-height:1.8;cursor:pointer}
.bk .bk-check input{flex:none;width:22px;height:22px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--bk-accent);cursor:pointer}
.bk-check a{color:var(--bk-accent);text-decoration:underline;text-underline-offset:3px}
.bk-hp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.bk-submit{min-width:0}

/* النجاح */
.bk-done{display:grid;gap:14px;justify-items:start}
.bk-done h4{font-size:21px;font-weight:600;line-height:1.5}
.bk-done h4:focus{outline:none}
.bk-done p{margin:0;font-size:14.5px;line-height:1.9}
.bk-done-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bk-accent);color:var(--bk-on-accent)}
.bk-done-list{width:100%;display:grid;gap:10px;margin:0;padding:14px;border-radius:14px;border:1px solid var(--bk-open-line);background:var(--bk-open)}
.bk-done-list dt{font-size:12.5px;color:var(--bk-muted)}
.bk-done-list dd{margin:0;font-size:15px;font-weight:600;line-height:1.8}
.bk-done-list dd small{font-weight:400;color:var(--bk-muted);font-size:12.5px}
.bk-ref{font-family:Arial,sans-serif;letter-spacing:1.5px}
.bk-done .bk-actions{width:100%}

@media(max-width:480px){
 .has-booking-tabs .form-panel{padding:14px}
 .bk-head h3{font-size:20px}
 .bk-cal{padding:var(--bk-s2)}
 .bk-grid{border-spacing:2px}
 .bk-icon{width:44px;height:44px}
 .bk-slot-grid{grid-template-columns:repeat(4,1fr);gap:var(--bk-s1)}
 .bk-slot span{padding:6px 2px;font-size:13.5px}
 .contact-tabs [role="tab"]{font-size:13.5px;gap:6px;padding-inline:6px}
 .bk-summary{flex-direction:column;gap:2px}
}
@media(prefers-reduced-motion:reduce){
 .bk-spin{animation:none;border-inline-end-color:currentColor;opacity:.6}
 .bk-skel i{animation:none}
 .book-cta:hover{transform:none}
 .bk-in{animation:none}
}
@media(forced-colors:active){
 .bk-day.is-selected,.bk-slot input:checked+span,.contact-tabs [role="tab"][aria-selected="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}
 .bk-day.is-open{border-color:CanvasText}
}

/* ---------- تصحيح المساحات والقياسات (خطوات الحجز) ---------- */
/* مقياس مسافات موحّد: 8 / 12 / 16 / 24 (و4 لفراغ خلايا التقويم فقط). الفراغ بين كتل الحجز (الترويسة، الخطوات، التقويم، الأوقات، الزر) واحد: --bk-block */
/* Quick-Ask عائم أسفل الشاشة: التمرير للتركيز/الأزرار لا يتركها تحته */
html.bk-ready{scroll-padding-bottom:88px}
.bk{--bk-s1:8px;--bk-s2:12px;--bk-s3:16px;--bk-s4:24px;--bk-block:var(--bk-s4);gap:var(--bk-block)}
.bk-pick{display:grid;gap:var(--bk-block);min-width:0}
/* التقويم: لا يتمدد مع عرض الكارد؛ خلايا شبه مربعة بحجم مريح (≈ 48-52px) وتبقى في المنتصف */
.bk-cal{width:100%;max-width:420px;margin-inline:auto;container-type:inline-size}
.bk-day{max-height:48px}
.bk-slots legend{margin-block-end:var(--bk-s2)}
.bk-continue{margin-block-start:4px}
/* الكارد يتحمل محتوى الخطوة بحجمه الطبيعي: لا ارتفاع ثابت ولا قص */
.bk,.bk-form,.bk-pick,.bk-slots{min-width:0}
/* الزر الدائري/العائم (Quick-Ask) fixed أسفل الشاشة: أي تمرير تلقائي إلى الأزرار يترك لها مساحة فوقه */
.bk-slots,.bk-continue,.bk-actions,.bk-submit,.bk-consent{scroll-margin-block-end:96px}
.bk-head,#contact-panel{scroll-margin-block-start:16px}
.bk-actions{align-items:stretch}
.bk-actions>*{min-width:0}
/* كارد ضيق (جوال أو عمود ضيق في الجهاز اللوحي): ارتفاع الخلية 44px على الأقل بدل المربع الصغير */
@container (max-width:360px){
 .bk-day{aspect-ratio:auto;height:44px;min-height:44px;max-height:none}
}
@media(max-width:480px){
 .bk{--bk-block:var(--bk-s3)}
 .bk-slot span,.bk-method span{min-height:44px}
 .bk-actions>*{flex:1 1 100%}
 /* مساحة تحت آخر زر حتى لا يختفي خلف الـ dock عند آخر الكارد */
 .has-booking-tabs .form-panel{padding-block-end:84px}
}

/* شريط الخطوات (1 اليوم / 2 الوقت / 3 البيانات) وعناوين الخطوات وشريط اليوم المختار في خطوة الوقت على الجوال */
.bk-steps{display:flex;gap:var(--bk-s2);margin:0;padding:0;list-style:none}
.bk-step{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--bk-s1);padding-block-start:var(--bk-s1);border-block-start:3px solid var(--bk-glass-line);color:var(--bk-muted);font-size:13px;font-weight:600;line-height:1.4}
.bk-sn{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;border:1px solid currentColor;font:600 12px/1 Arial,sans-serif}
.bk-step.is-done{color:var(--bk-fg);border-block-start-color:var(--bk-accent)}
.bk-step.is-done .bk-sn{color:var(--bk-accent)}
.bk-step.is-current{color:var(--bk-fg);border-block-start-color:var(--bk-accent)}
.bk-step.is-current .bk-sn{background:var(--bk-accent);border-color:var(--bk-accent);color:var(--bk-on-accent)}
.bk-stephead{font-size:17px;font-weight:600;line-height:1.5}
.bk-stephead:focus{outline:none}
.bk-summary.bk-daybar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--bk-s2)}
.bk-daybar>div{flex:1 1 170px;min-width:0}
.bk-daybar .bk-btn{flex:none;min-height:44px;padding:8px 14px}

/* السبب الجذري لتداخل FAQ مع الكارد: .contact يستخدم overflow:hidden (للزخرفة)، وهذا يجعله حاوية قابلة للتمرير برمجيًا؛
   focus() وscrollIntoView داخل الكارد كانا يمرّران القسم نفسه (scrollTop>0) فيرتفع الكارد ويُقصّ أعلاه عند حافة القسم تحت FAQ.
   overflow:clip يقص بنفس الشكل لكنه لا يسمح بأي تمرير. */
#contact.contact{overflow:hidden;overflow:clip}

/* انتقال الخطوات: ظهور تدريجي قصير للوحة الواردة فقط */
@keyframes bk-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bk-in{animation:bk-in 180ms ease-out both}
@media(prefers-reduced-motion:reduce){.bk-in{animation:none}}

/* Add-to-calendar dropdown */
.bk-cal-wrap{position:relative;display:inline-block}
.bk-cal-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:220px;padding:4px;margin:0;list-style:none;background:var(--surface,#191e25);border:1px solid var(--line,#333942);border-radius:var(--radius,8px);box-shadow:0 12px 32px rgba(0,0,0,.35);display:none;z-index:50;flex-direction:column;gap:0}
.bk-cal-wrap.open .bk-cal-menu{display:flex}
.bk-cal-option{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--text,#f4f5f2);text-decoration:none;white-space:nowrap;transition:background .15s}
.bk-cal-option:hover{background:rgba(216,251,120,.12);color:var(--lime,#d8fb78)}
@media(max-width:680px){.bk-cal-menu{inset-inline-start:auto;inset-inline-end:0}}
.bk-cal-glyph{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font:700 11px/1 Arial,sans-serif;background:rgba(255,255,255,.08);color:var(--text,#f4f5f2);flex:none}.bk-cal-glyph-google{background:#4285F4;color:#fff}.bk-cal-glyph-outlook{background:#0078D4;color:#fff}.bk-cal-glyph-office{background:#D83B01;color:#fff}.bk-cal-glyph-yahoo{background:#6001D2;color:#fff}.bk-cal-glyph-apple{background:#555;color:#fff;font-size:14px}.bk-cal-label{flex:1}