/**
 * ╔══════════════════════════════════════════════════════════════════════════╗
 * ║  SAMROSSY HOTEL & SUITES — Staff Portal Stylesheet                       ║
 * ║  samrossy-staff.css                                                       ║
 * ║  Companion stylesheet for samrossy-staff.js                               ║
 * ║  Load this file BEFORE samrossy-staff.js in your HTML:                   ║
 * ║    <link rel="stylesheet" href="samrossy-staff.css">                      ║
 * ║    <script src="samrossy-staff.js"></script>                              ║
 * ╚══════════════════════════════════════════════════════════════════════════╝
 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Montserrat:wght@400;600;700&family=Cormorant+Garamond:ital@1&display=swap');
@keyframes smrySt-fadeIn    { from{opacity:0} to{opacity:1} }
@keyframes smrySt-slideUp   { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:translateY(0)} }
@keyframes smrySt-spin      { to{transform:rotate(360deg)} }
@keyframes smrySt-shimmer   { 0%{background-position:-600px 0} 100%{background-position:600px 0} }
@keyframes smrySt-pulse     { 0%,100%{box-shadow:0 0 0 0 rgba(232,185,35,.4)} 70%{box-shadow:0 0 0 10px rgba(232,185,35,0)} }
@keyframes smrySt-dialogIn  { from{opacity:0;transform:scale(.9) translateY(14px)} to{opacity:1;transform:scale(1) translateY(0)} }
@keyframes smrySt-toastIn   { from{opacity:0;transform:translateY(28px) scale(.92)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes smrySt-toastOut  { from{opacity:1} to{opacity:0;transform:translateY(14px)} }
@keyframes smrySt-notifBadge{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.25)} }
@keyframes smrySt-starPop   { 0%{transform:scale(0) rotate(-20deg)} 70%{transform:scale(1.15)} 100%{transform:scale(1)} }
@keyframes smrySt-msgSlide  { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@keyframes smrySt-greetIn   { from{opacity:0;transform:translateY(-12px)} to{opacity:1;transform:translateY(0)} }

:root {
  --smry-bg1:#1a0900;--smry-bg2:#2a1005;--smry-bg3:#3d1a08;
  --smry-gold:#E8B923;--smry-gold-dim:#B8860B;--smry-gold-faint:rgba(232,185,35,.12);
  --smry-red:#CC1A1A;--smry-green:#4CAF50;
  --smry-text:#FDF6EC;--smry-text-dim:rgba(253,246,236,.55);--smry-text-faint:rgba(253,246,236,.3);
  --smry-border:rgba(232,185,35,.18);--smry-border-soft:rgba(232,185,35,.1);
  --smry-overlay-bg:rgba(10,4,0,.88);--smry-card-bg:rgba(10,4,0,.5);
  --smry-sidebar-bg:rgba(10,4,0,.4);--smry-input-bg:rgba(10,4,0,.6);
}
.smry-light-theme {
  --smry-bg1:#f5f0e8;--smry-bg2:#ede4d0;--smry-bg3:#e0d4b8;
  --smry-gold:#8a6200;--smry-gold-dim:#6b4d00;--smry-gold-faint:rgba(138,98,0,.1);
  --smry-red:#b01414;--smry-green:#2e7d32;
  --smry-text:#1a0e00;--smry-text-dim:rgba(26,14,0,.72);--smry-text-faint:rgba(26,14,0,.48);
  --smry-border:rgba(138,98,0,.32);--smry-border-soft:rgba(138,98,0,.18);
  --smry-overlay-bg:rgba(200,180,140,.95);--smry-card-bg:rgba(255,250,240,.85);
  --smry-sidebar-bg:rgba(230,220,195,.75);--smry-input-bg:rgba(255,252,245,.95);
}
/* Light-mode component overrides — ensure dark text everywhere */
.smry-light-theme .smrySt-win,
.smry-light-theme .smrySt-win__body,
.smry-light-theme .smrySt-win__content { background:linear-gradient(160deg,#ede4d0,#e0d4b8,#ede4d0); color:#1a0e00; }
.smry-light-theme .smrySt-win__bar { background:rgba(220,205,170,.85); }
.smry-light-theme .smrySt-win__logo-text { color:#6b4d00; }
.smry-light-theme .smrySt-win__role-badge { color:#6b4d00; background:rgba(138,98,0,.12); }
.smry-light-theme .smrySt-win__username { color:rgba(26,14,0,.45); }
.smry-light-theme .smrySt-win__close { color:#6b4d00; background:rgba(138,98,0,.12); }
.smry-light-theme .smrySt-win__sidebar { background:rgba(220,205,170,.7); }
.smry-light-theme .smrySt-greeting { background:rgba(138,98,0,.07); }
.smry-light-theme .smrySt-greeting__line1 { color:#6b4d00; }
.smry-light-theme .smrySt-greeting__line2 { color:rgba(26,14,0,.65); }
.smry-light-theme .smrySt-nav__btn { color:rgba(26,14,0,.5); }
.smry-light-theme .smrySt-nav__btn:hover { color:#6b4d00; background:rgba(138,98,0,.08); }
.smry-light-theme .smrySt-nav__btn.active { color:#6b4d00; background:rgba(138,98,0,.12); border-left-color:#8a6200; }
.smry-light-theme .smrySt-heading { color:#1a0e00; }
.smry-light-theme .smrySt-subheading { color:rgba(138,98,0,.75); }
.smry-light-theme .smrySt-section-label { color:#6b4d00; }
.smry-light-theme .smrySt-label { color:rgba(26,14,0,.5); }
.smry-light-theme .smrySt-input,
.smry-light-theme .smrySt-select,
.smry-light-theme .smrySt-textarea { background:rgba(255,252,245,.95); color:#1a0e00; border-color:rgba(138,98,0,.3); }
.smry-light-theme .smrySt-input::placeholder,
.smry-light-theme .smrySt-textarea::placeholder { color:rgba(26,14,0,.35); }
.smry-light-theme .smrySt-input:focus,
.smry-light-theme .smrySt-select:focus,
.smry-light-theme .smrySt-textarea:focus { background:#fff; border-color:#8a6200; }
.smry-light-theme .smrySt-select option { background:#ede4d0; color:#1a0e00; }
.smry-light-theme .smrySt-btn-ghost { color:rgba(26,14,0,.65); border-color:rgba(138,98,0,.3); }
.smry-light-theme .smrySt-btn-ghost:hover { color:#1a0e00; border-color:#8a6200; }
.smry-light-theme .smrySt-notif { border-bottom-color:rgba(138,98,0,.12); }
.smry-light-theme .smrySt-notif:hover { background:rgba(138,98,0,.05); }
.smry-light-theme .smrySt-notif.unread { background:rgba(138,98,0,.07); border-left-color:#8a6200; }
.smry-light-theme .smrySt-notif__title { color:#1a0e00; }
.smry-light-theme .smrySt-notif__text { color:rgba(26,14,0,.65); }
.smry-light-theme .smrySt-notif__time { color:rgba(26,14,0,.4); }
.smry-light-theme .smrySt-profile-field { border-bottom-color:rgba(138,98,0,.15); }
.smry-light-theme .smrySt-profile-field__label { color:rgba(26,14,0,.45); }
.smry-light-theme .smrySt-profile-field__val { color:#1a0e00; }
.smry-light-theme .smrySt-settings-label { color:rgba(26,14,0,.75); }
.smry-light-theme .smrySt-settings-desc { color:rgba(26,14,0,.45); }
.smry-light-theme .smrySt-settings-row { border-bottom-color:rgba(138,98,0,.18); }
.smry-light-theme .smrySt-table th { color:#6b4d00; border-bottom-color:rgba(138,98,0,.25); }
.smry-light-theme .smrySt-table td { color:rgba(26,14,0,.75); border-bottom-color:rgba(138,98,0,.12); }
.smry-light-theme .smrySt-table tr:hover td { background:rgba(138,98,0,.04); }
.smry-light-theme .smrySt-chip { color:rgba(26,14,0,.55); background:rgba(138,98,0,.08); border-color:rgba(138,98,0,.22); }
.smry-light-theme .smrySt-chip.selected { background:rgba(138,98,0,.18); color:#6b4d00; }
.smry-light-theme .smrySt-msg-bubble.recv { background:rgba(26,14,0,.07); color:#1a0e00; }
.smry-light-theme .smrySt-msg-input { background:rgba(255,252,245,.95); color:#1a0e00; border-color:rgba(138,98,0,.3); }
.smry-light-theme .smrySt-divider { background:linear-gradient(90deg,transparent,rgba(138,98,0,.25),transparent); }
.smry-light-theme .smrySt-empty__text { color:rgba(26,14,0,.4); }
.smry-light-theme .smrySt-switch-label { color:rgba(26,14,0,.45); }
.smry-light-theme .smrySt-analysis { background:rgba(255,252,245,.7); border-color:rgba(138,98,0,.2); }
.smry-light-theme .smrySt-analysis__title { color:#6b4d00; }
.smry-light-theme .smrySt-analysis__row { color:rgba(26,14,0,.7); }
.smry-light-theme .smrySt-reg-day { border-color:rgba(138,98,0,.15); color:rgba(26,14,0,.5); }
.smry-light-theme .smrySt-reg-day.today { color:#6b4d00; border-color:#8a6200; }
.smry-light-theme .smrySt-reg-day.header { color:rgba(138,98,0,.6); }
.smry-light-theme .smrySt-skeleton { background:linear-gradient(90deg,rgba(138,98,0,.04),rgba(138,98,0,.12),rgba(138,98,0,.04)); }
.smry-light-theme .smrySt-dialog { background:linear-gradient(160deg,#ede4d0,#e0d4b8); }
.smry-light-theme .smrySt-dialog__title { color:#1a0e00; }
.smry-light-theme .smrySt-dialog__msg { color:rgba(26,14,0,.65); }
.smry-light-theme .smrySt-dialog__btn.g { color:rgba(26,14,0,.6); border-color:rgba(138,98,0,.25); }
.smry-light-theme .smrySt-toast { background:linear-gradient(135deg,#ede4d0,#e0d4b8); color:#1a0e00; }
.smry-light-theme .smrySt-clock-status.in { color:#2e7d32; background:rgba(46,125,50,.1); border-color:rgba(46,125,50,.3); }
.smry-light-theme .smrySt-clock-status.out { color:#6b4d00; background:rgba(107,77,0,.08); border-color:rgba(107,77,0,.25); }
.smry-light-theme .smrySt-bday-banner { background:rgba(138,98,0,.1); border-color:rgba(138,98,0,.35); }
.smry-light-theme .smrySt-bday-banner__text { color:#6b4d00; }
.smry-light-theme .smrySt-salary-late { background:rgba(176,20,20,.07); }
.smry-light-theme .smrySt-salary-due { background:rgba(138,98,0,.07); }
.smry-light-theme .smrySt-warning-banner { background:rgba(176,20,20,.07); }
.smry-light-theme .smrySt-best-staff { background:rgba(138,98,0,.1); }
/* Ensure any inline-style rgba(253,246,236,...) text in light mode is readable */
.smry-light-theme * { --light-text: rgba(26,14,0,.72); }
/* ── Cover remaining hardcoded light-text elements ── */
/* Staff row name/role text */
.smry-light-theme .smrySt-win__content div[style*="color:#FDF6EC"],
.smry-light-theme .smrySt-win__content div[style*="color:rgba(253,246,236"],
.smry-light-theme .smrySt-win__content span[style*="color:#FDF6EC"],
.smry-light-theme .smrySt-win__content span[style*="color:rgba(253,246,236"],
.smry-light-theme .smrySt-dialog div[style*="color:#FDF6EC"],
.smry-light-theme .smrySt-dialog div[style*="color:rgba(253,246,236"],
.smry-light-theme .smrySt-dialog span[style*="color:#FDF6EC"],
.smry-light-theme .smrySt-dialog span[style*="color:rgba(253,246,236"] { color:#1a0e00 !important; }
/* Best staff / info blocks */
.smry-light-theme .smrySt-best-staff__card { color:#1a0e00; }
.smry-light-theme .smrySt-best-staff__title { color:#6b4d00; }
/* Message bubbles header */
.smry-light-theme .smrySt-msg-wrap { background:rgba(255,250,240,.8); border-color:rgba(138,98,0,.25); }
.smry-light-theme .smrySt-msg-list { background:rgba(255,252,245,.6); }
.smry-light-theme .smrySt-msg-bubble.sent { color:#2a1005; }
/* Dialog text inside message panel */
.smry-light-theme .smrySt-dialog { color:#1a0e00; }
/* Inline text that uses Playfair Display with white */
.smry-light-theme [style*="font-family:Playfair Display"][style*="color:#FDF6EC"] { color:#1a0e00 !important; }
.smry-light-theme [style*="font-family:'Playfair Display'"][style*="color:#FDF6EC"] { color:#1a0e00 !important; }
/* Profile info blocks and general inline text */
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.55)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.45)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.7)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.6)"] { color:rgba(26,14,0,.7) !important; }
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.35)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.3)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.4)"] { color:rgba(26,14,0,.45) !important; }
/* ── Extend overrides to dialogs and overlays ── */
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236"],
.smry-light-theme .smrySt-dialog [style*="color:#FDF6EC"] { color:#1a0e00 !important; }
/* .25 and .2 opacity white text (timestamps, footnotes) */
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.25)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.2)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.15)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.25)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.2)"] { color:rgba(26,14,0,.35) !important; }
/* Room grid cells */
.smry-light-theme .smrySt-room-cell__num { color:#1a0e00; }
.smry-light-theme .smrySt-room-cell__type { color:rgba(26,14,0,.5); }
/* Stat row */
.smry-light-theme .smrySt-stat__val { color:#6b4d00; }
.smry-light-theme .smrySt-stat__lbl { color:rgba(26,14,0,.5); }
/* Staff card */
.smry-light-theme .smrySt-staff-card { background:rgba(255,250,240,.8); border-color:rgba(138,98,0,.2); color:#1a0e00; }
.smry-light-theme .smrySt-staff-card__name { color:#1a0e00; }
.smry-light-theme .smrySt-staff-card__role { color:rgba(26,14,0,.6); }
/* Staff card total rating label (inline style) */
.smry-light-theme .smrySt-staff-card [style*="color:rgba(253,246,236,.3)"] { color:rgba(26,14,0,.45) !important; }
/* Online dot label */
.smry-light-theme .smrySt-online-dot.offline { background:rgba(26,14,0,.25); }
/* Chip count */
.smry-light-theme .smrySt-chip-count { color:rgba(26,14,0,.5); }
/* Auth screen in light mode */
.smry-light-theme.smrySt-auth { background:linear-gradient(135deg,#f5f0e8,#ede4d0,#f5f0e8); }
.smry-light-theme .smrySt-auth__title { color:#1a0e00; }
.smry-light-theme .smrySt-auth__subtitle { color:rgba(138,98,0,.75); }
.smry-light-theme .smrySt-auth__footer { color:rgba(26,14,0,.5); }
.smry-light-theme .smrySt-auth__card { background:rgba(255,250,240,.9); border-color:rgba(138,98,0,.3); }
.smry-light-theme .smrySt-auth__card label[style] { color:rgba(26,14,0,.55) !important; }
.smry-light-theme .smrySt-auth__card input { background:rgba(255,252,245,.95); color:#1a0e00; }
/* Consent tab text */
.smry-light-theme .smrySt-win__content [style*="color:var(--smry-text-dim)"],
.smry-light-theme .smrySt-win__content [style*="color:var(--smry-text)"] { color:#1a0e00 !important; }
/* Late/absent notices */
.smry-light-theme [style*="background:rgba(232,185,35,.07)"] { background:rgba(138,98,0,.07) !important; }
.smry-light-theme [style*="background:rgba(204,26,26,.07)"] { background:rgba(176,20,20,.07) !important; }
/* Notification cards — inline text colours */
.smry-light-theme .smrySt-notif__title { color:#1a0e00; }
.smry-light-theme .smrySt-notif__text { color:rgba(26,14,0,.65); }
.smry-light-theme .smrySt-notif__time { color:rgba(26,14,0,.4); }
/* Toast in light mode */
.smry-light-theme .smrySt-toast { background:linear-gradient(135deg,#ede4d0,#e0d4b8); color:#1a0e00; border-color:rgba(138,98,0,.3); }
/* Table text */
.smry-light-theme .smrySt-table td { color:rgba(26,14,0,.8); }
/* Vacancy cards and other card backgrounds */
.smry-light-theme .smrySt-win__content [style*="background:var(--smry-card-bg"],
.smry-light-theme .smrySt-win__content [style*="background:rgba(10,4,0"] { background:rgba(255,252,245,.85) !important; }
/* General inline background fixes for card bodies */
.smry-light-theme .smrySt-win__content [style*="background:rgba(10,4,0,.35)"],
.smry-light-theme .smrySt-win__content [style*="background:rgba(10,4,0,.3)"] { background:rgba(245,240,230,.8) !important; }
/* Profile field values */
.smry-light-theme .smrySt-profile-field__val { color:#1a0e00; }
/* Analysis boxes */
.smry-light-theme .smrySt-dept-analysis,
.smry-light-theme .smrySt-store-analysis { background:rgba(245,240,230,.8); border-color:rgba(138,98,0,.2); }
/* Booking cards inline text in light mode */
.smry-light-theme .smrySt-win__content [style*="font-family:Montserrat"][style*="color:rgba(253,246,236"] { color:rgba(26,14,0,.7) !important; }
.smry-light-theme .smrySt-win__content [style*="font-family:'Montserrat'"][style*="color:rgba(253,246,236"] { color:rgba(26,14,0,.7) !important; }
/* Stars in light mode */
.smry-light-theme .smrySt-star { color:rgba(138,98,0,.25); }
.smry-light-theme .smrySt-star.filled { color:#8a6200; }
.smry-light-theme .smrySt-star.hover { color:#B8860B; }
/* Customer status modal cards */
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.45)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.4)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.5)"],
.smry-light-theme .smrySt-dialog [style*="color:var(--smry-text-faint)"] { color:rgba(26,14,0,.5) !important; }
.smry-light-theme .smrySt-dialog [style*="color:var(--smry-text)"] { color:#1a0e00 !important; }
/* Salary alert text */
.smry-light-theme .smrySt-salary-late { background:rgba(176,20,20,.07); color:#b01414; }
.smry-light-theme .smrySt-salary-due { background:rgba(138,98,0,.07); color:#6b4d00; }
/* Warning / best staff banners */
.smry-light-theme .smrySt-warning-banner { background:rgba(176,20,20,.07); color:#b01414; }
.smry-light-theme .smrySt-best-staff { background:rgba(138,98,0,.1); }
/* Switch slider label */
.smry-light-theme .smrySt-switch-wrap [style*="color:rgba(253,246,236"] { color:rgba(26,14,0,.6) !important; }
/* Greeting bar version text */
.smry-light-theme .smrySt-greeting [style*="color:rgba(232,185,35,.4)"] { color:rgba(107,77,0,.5) !important; }
/* Clock-in/out live timer */
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.65)"] { color:rgba(26,14,0,.65) !important; }
/* Footer / small helper text in cards */
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.25)"] { color:rgba(26,14,0,.35) !important; }

/* ── Additional light-mode overrides for all remaining white-text cases ── */
/* Vacancy tab card text (inline styles) */
.smry-light-theme .smrySt-win__content [style*="color:var(--smry-text)"] { color:#1a0e00 !important; }
.smry-light-theme .smrySt-win__content [style*="color:var(--smry-text-faint)"] { color:rgba(26,14,0,.45) !important; }
.smry-light-theme .smrySt-win__content [style*="color:var(--smry-text-dim)"] { color:rgba(26,14,0,.65) !important; }
/* Playfair Display headings inside content area */
.smry-light-theme .smrySt-win__content [style*="font-family:Playfair Display"] { color:#1a0e00 !important; }
.smry-light-theme .smrySt-win__content [style*="font-family:'Playfair Display'"] { color:#1a0e00 !important; }
/* All remaining Montserrat inline-coloured text */
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.8)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.75)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.65)"] { color:rgba(26,14,0,.75) !important; }
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.5)"] { color:rgba(26,14,0,.6) !important; }
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.2)"],
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.15)"] { color:rgba(26,14,0,.3) !important; }
/* Dialog inline text at all opacity levels */
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.65)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.6)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.55)"] { color:rgba(26,14,0,.65) !important; }
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.3)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.25)"],
.smry-light-theme .smrySt-dialog [style*="color:rgba(253,246,236,.2)"] { color:rgba(26,14,0,.35) !important; }
/* All #FDF6EC white anywhere in the shell */
.smry-light-theme .smrySt-win [style*="color:#FDF6EC"] { color:#1a0e00 !important; }
/* Booking calendar day labels */
.smry-light-theme .smrySt-reg-day { color:rgba(26,14,0,.55); background:transparent; }
.smry-light-theme .smrySt-reg-day.present { background:rgba(76,175,80,.1); }
.smry-light-theme .smrySt-reg-day.absent  { background:rgba(176,20,20,.08); }
.smry-light-theme .smrySt-reg-day.late    { background:rgba(138,98,0,.1); }
/* Consent tab paragraph text */
.smry-light-theme .smrySt-win__content p[style*="color:#FDF6EC"] { color:#1a0e00 !important; }
/* Customer profile modal inline text */
.smry-light-theme .smrySt-dialog [style*="font-family:Playfair Display"] { color:#1a0e00 !important; }
.smry-light-theme .smrySt-dialog [style*="font-family:'Playfair Display'"] { color:#1a0e00 !important; }
/* Vacancy card description / requirements text */
.smry-light-theme .smrySt-win__content [style*="color:rgba(253,246,236,.6)"] { color:rgba(26,14,0,.65) !important; }
/* Status badge border overrides in light mode for inline border styles */
.smry-light-theme .smrySt-dialog [style*="border:1.5px solid #4CAF50"] { background:rgba(76,175,80,.06) !important; }
.smry-light-theme .smrySt-dialog [style*="border:1.5px solid #E8B923"] { background:rgba(138,98,0,.06) !important; }
.smry-light-theme .smrySt-dialog [style*="border:1.5px solid #CC1A1A"] { background:rgba(176,20,20,.06) !important; }
/* Settings rows in light mode */
.smry-light-theme .smrySt-settings-row { border-bottom-color:rgba(138,98,0,.18); }
.smry-light-theme .smrySt-settings-label { color:rgba(26,14,0,.75); }
.smry-light-theme .smrySt-settings-desc  { color:rgba(26,14,0,.45); }
/* Section label in light mode */
.smry-light-theme .smrySt-section-label { color:#6b4d00; border-bottom-color:rgba(138,98,0,.25); }
/* Heading and subheading */
.smry-light-theme .smrySt-heading    { color:#1a0e00; }
.smry-light-theme .smrySt-subheading { color:rgba(138,98,0,.7); }
/* Switch track background in light mode */
.smry-light-theme .smrySt-switch-slider { background:rgba(138,98,0,.12); border-color:rgba(138,98,0,.25); }
/* Chip text in light mode */
.smry-light-theme .smrySt-chip { color:rgba(26,14,0,.55); background:rgba(138,98,0,.08); border-color:rgba(138,98,0,.22); }
.smry-light-theme .smrySt-chip.selected { background:rgba(138,98,0,.18); color:#6b4d00; }
/* Input placeholder in light mode */
.smry-light-theme .smrySt-input::placeholder,
.smry-light-theme .smrySt-textarea::placeholder { color:rgba(26,14,0,.3); }

/* ── OVERLAY ── */
.smrySt-overlay {
  position:fixed;inset:0;z-index:1000000;
  background:var(--smry-overlay-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:none;align-items:flex-start;justify-content:center;
  padding:env(safe-area-inset-top,.25rem) 0 0;
  animation:smrySt-fadeIn .25s ease both;overflow-y:auto;box-sizing:border-box;
  -webkit-overflow-scrolling:touch;
}
.smrySt-overlay.active{display:flex;}

/* ── WINDOW ── */
.smrySt-win {
  background:linear-gradient(160deg,var(--smry-bg2) 0%,var(--smry-bg3) 60%,var(--smry-bg2) 100%);
  border:1.5px solid var(--smry-border);
  box-shadow:0 24px 64px rgba(10,4,0,.6),inset 0 1px 0 rgba(232,185,35,.08);
  width:100%;max-width:100%;height:100vh;max-height:100vh;
  display:flex;flex-direction:column;overflow:hidden;position:relative;
  box-sizing:border-box;margin:0 auto;
  animation:smrySt-slideUp .35s cubic-bezier(.22,.7,.36,1) both;
}
@media(min-width:981px){
  .smrySt-overlay{padding:env(safe-area-inset-top,.25rem) .25rem .25rem;}
  .smrySt-win{max-width:980px;height:calc(100vh - .5rem);max-height:calc(100vh - .5rem);}
}
.smrySt-win__bar {
  display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;
  background:rgba(10,4,0,.5);border-bottom:1.5px solid var(--smry-border);flex-shrink:0;min-height:46px;
}
.smrySt-win__logo {
  display:flex;align-items:center;gap:.45rem;flex:1;min-width:0;
}
.smrySt-win__logo-img { height:28px;object-fit:contain;flex-shrink:0; }
.smrySt-win__logo-icon {
  width:26px;height:26px;background:linear-gradient(135deg,var(--smry-gold-dim),var(--smry-gold));
  display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;
}
.smrySt-win__logo-text {
  font-family:'Playfair Display',serif;font-size:.88rem;font-weight:700;
  color:var(--smry-gold);letter-spacing:.05em;text-transform:uppercase;
}
.smrySt-win__role-badge {
  font-family:'Montserrat',sans-serif;font-size:.46rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:.2rem .5rem;
  background:var(--smry-gold-faint);border:1px solid var(--smry-border);color:var(--smry-gold);white-space:nowrap;
}
.smrySt-win__username {
  font-family:'Montserrat',sans-serif;font-size:.56rem;color:rgba(253,246,236,.35);
  margin-left:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;
}
.smrySt-win__close {
  background:var(--smry-gold-faint);border:1.5px solid var(--smry-border);color:var(--smry-gold);
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  font-size:.88rem;cursor:pointer;transition:all .2s;flex-shrink:0;
}
.smrySt-win__close:hover{background:rgba(204,26,26,.2);border-color:var(--smry-red);color:var(--smry-red);}

/* ── SIDEBAR + CONTENT ── */
.smrySt-win__body{display:flex;flex:1;overflow:hidden;min-height:0;}
.smrySt-win__sidebar{
  width:185px;flex-shrink:0;background:var(--smry-sidebar-bg);
  border-right:1.5px solid var(--smry-border-soft);
  display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:.4rem 0;
  scrollbar-width:none;
}
.smrySt-win__sidebar::-webkit-scrollbar{display:none;}
@media(max-width:680px){
  .smrySt-win__sidebar{width:100%;border-right:none;border-bottom:1.5px solid var(--smry-border-soft);flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.25rem .35rem;flex-shrink:0;height:auto;}
  .smrySt-win__body{flex-direction:column;}
}
.smrySt-win__content{
  flex:1;overflow-y:auto;overflow-x:hidden;padding:1.1rem .95rem 2rem;
  scrollbar-width:thin;scrollbar-color:rgba(232,185,35,.3) transparent;min-width:0;
}
.smrySt-win__content::-webkit-scrollbar{width:3px;}
.smrySt-win__content::-webkit-scrollbar-thumb{background:rgba(232,185,35,.3);}

/* ── NAV BUTTONS ── */
.smrySt-nav__btn{
  display:flex;align-items:center;gap:.45rem;padding:.58rem .85rem;
  background:none;border:none;color:var(--smry-text-faint);cursor:pointer;
  font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;transition:all .18s;
  text-align:left;white-space:nowrap;position:relative;width:100%;
}
.smrySt-nav__btn:hover{color:rgba(232,185,35,.8);background:rgba(232,185,35,.06);}
.smrySt-nav__btn.active{color:var(--smry-gold);background:rgba(232,185,35,.1);border-left:3px solid var(--smry-gold);}
@media(max-width:680px){
  .smrySt-nav__btn{padding:.42rem .55rem;border-left:none!important;border-bottom:2px solid transparent;width:auto;flex-shrink:0;}
  .smrySt-nav__btn.active{border-bottom-color:var(--smry-gold);}
}
.smrySt-nav__icon{font-size:.9rem;flex-shrink:0;}
.smrySt-nav__badge{
  position:absolute;top:.2rem;right:.35rem;background:var(--smry-red);color:#fff;
  font-size:.42rem;font-weight:700;min-width:14px;height:14px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;padding:0 2px;
  animation:smrySt-notifBadge 1s ease infinite;
}

/* ── GREETING BANNER ── */
.smrySt-greeting{
  padding:.7rem .9rem .6rem;background:rgba(232,185,35,.06);
  border-bottom:1.5px solid var(--smry-border-soft);
  animation:smrySt-greetIn .4s ease both;flex-shrink:0;
}
.smrySt-greeting__line1{
  font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--smry-gold);
}
.smrySt-greeting__line2{
  font-family:'Montserrat',sans-serif;font-size:.62rem;color:var(--smry-text-dim);margin-top:.15rem;
}

/* ── HEADINGS ── */
.smrySt-heading{font-family:'Playfair Display',serif;font-size:clamp(1.15rem,3vw,1.6rem);font-weight:700;color:var(--smry-text);margin:0 0 .18rem;}
.smrySt-subheading{font-family:'Cormorant Garamond',serif;font-size:.88rem;font-style:italic;color:rgba(232,185,35,.65);margin:0 0 1rem;}
.smrySt-section-label{font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--smry-gold-dim);margin-bottom:.75rem;padding-bottom:.3rem;border-bottom:1.5px solid var(--smry-border);}

/* ── FORM ── */
.smrySt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem .95rem;}
@media(max-width:560px){.smrySt-grid{grid-template-columns:1fr;}}
.smrySt-full{grid-column:1/-1;}
.smrySt-field{display:flex;flex-direction:column;gap:.28rem;}
.smrySt-label{font-family:'Montserrat',sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--smry-text-faint);}
.smrySt-label .req{color:var(--smry-red);margin-left:2px;}
.smrySt-input,.smrySt-select,.smrySt-textarea{
  background:var(--smry-input-bg);border:1.5px solid var(--smry-border);color:var(--smry-text);
  font-family:'Montserrat',sans-serif;font-size:.76rem;padding:.58rem .82rem;
  outline:none;transition:border-color .2s,box-shadow .2s;
  width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;
}
.smrySt-textarea{resize:vertical;min-height:68px;font-family:'Cormorant Garamond',serif;font-size:.86rem;}
.smrySt-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M5 7L0 0h10z' fill='%23E8B923'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - .7rem) center;padding-right:1.8rem;}
.smrySt-select option{background:#2a1005;color:#FDF6EC;}
.smrySt-input:focus,.smrySt-select:focus,.smrySt-textarea:focus{border-color:var(--smry-gold);box-shadow:0 0 0 3px rgba(232,185,35,.1);background:rgba(10,4,0,.8);}
.smrySt-input.err,.smrySt-select.err,.smrySt-textarea.err{border-color:var(--smry-red);box-shadow:0 0 0 3px rgba(204,26,26,.1);}

/* ── MULTI-SELECT CHIP LIST ── */
.smrySt-chips{display:flex;flex-wrap:wrap;gap:.3rem;padding:.4rem 0;}
.smrySt-chip{
  display:inline-flex;align-items:center;gap:.25rem;
  padding:.22rem .55rem;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;
  background:rgba(232,185,35,.08);border:1.5px solid rgba(232,185,35,.2);color:rgba(253,246,236,.5);
  cursor:pointer;transition:all .18s;user-select:none;
}
.smrySt-chip:hover{border-color:var(--smry-gold);color:var(--smry-text-dim);}
.smrySt-chip.selected{background:rgba(232,185,35,.18);border-color:var(--smry-gold);color:var(--smry-gold);}
.smrySt-chip.disabled{opacity:.35;cursor:not-allowed;}
.smrySt-chip-count{font-family:'Montserrat',sans-serif;font-size:.54rem;color:var(--smry-text-faint);margin-top:.25rem;}

/* ── BUTTONS ── */
.smrySt-btn{padding:.62rem 1.15rem;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;transition:all .22s;display:inline-flex;align-items:center;gap:.4rem;}
.smrySt-btn-primary{background:linear-gradient(135deg,var(--smry-gold-dim),var(--smry-gold));color:#2a1005;}
.smrySt-btn-primary:hover{box-shadow:0 5px 16px rgba(232,185,35,.35);transform:translateY(-2px);}
.smrySt-btn-danger{background:linear-gradient(135deg,#A31515,var(--smry-red));color:#FDF6EC;}
.smrySt-btn-danger:hover{box-shadow:0 5px 16px rgba(204,26,26,.35);transform:translateY(-2px);}
.smrySt-btn-ghost{background:transparent;border:1.5px solid var(--smry-border);color:var(--smry-text-dim);}
.smrySt-btn-ghost:hover{border-color:rgba(232,185,35,.5);color:var(--smry-text);}
.smrySt-btn-success{background:linear-gradient(135deg,#2e7d32,var(--smry-green));color:#fff;}
.smrySt-btn-sm{padding:.38rem .78rem;font-size:.53rem;letter-spacing:.1em;}
.smrySt-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;}
.smrySt-spinner-wrap{display:inline-block;width:12px;height:12px;border:2px solid rgba(58,31,10,.3);border-top-color:#2a1005;border-radius:50%;animation:smrySt-spin .6s linear infinite;}

/* ── AUTH ── */
.smrySt-auth{position:fixed;inset:0;z-index:1000001;background:linear-gradient(135deg,#1a0900 0%,#3d1a08 50%,#1a0900 100%);display:none;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding:2rem 1rem 3rem;animation:smrySt-fadeIn .3s ease both;}
.smrySt-auth.active{display:flex;}
.smrySt-auth__card{width:100%;max-width:420px;background:rgba(10,4,0,.55);border:1.5px solid rgba(232,185,35,.22);padding:1.8rem 1.8rem 1.5rem;animation:smrySt-dialogIn .35s cubic-bezier(.34,1.56,.64,1) both;}
.smrySt-auth__logo{text-align:center;margin-bottom:1.3rem;}
.smrySt-auth__logo img{max-height:54px;object-fit:contain;display:block;margin:0 auto;}
.smrySt-auth__logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#B8860B,#E8B923);margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;animation:smrySt-pulse 2.2s ease infinite;}
.smrySt-auth__title{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:#FDF6EC;text-align:center;margin:0 0 .2rem;}
.smrySt-auth__subtitle{font-family:'Cormorant Garamond',serif;font-size:.88rem;font-style:italic;color:rgba(232,185,35,.6);text-align:center;margin:0 0 1.2rem;}
.smrySt-auth__link{font-family:'Montserrat',sans-serif;font-size:.6rem;color:#B8860B;cursor:pointer;text-decoration:underline;font-weight:700;background:none;border:none;transition:color .18s;}
.smrySt-auth__link:hover{color:#E8B923;}
.smrySt-auth__footer{text-align:center;margin-top:.9rem;font-family:'Montserrat',sans-serif;font-size:.6rem;color:rgba(253,246,236,.35);}
.smrySt-auth__close{position:absolute;top:.9rem;right:.9rem;background:rgba(232,185,35,.1);border:1px solid rgba(232,185,35,.2);color:#E8B923;width:26px;height:26px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;}
.smrySt-auth__close:hover{background:rgba(204,26,26,.2);color:#CC1A1A;}

/* ── AVATAR ── */
.smrySt-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(232,185,35,.35);display:block;}
.smrySt-avatar-wrap{position:relative;display:inline-block;}
.smrySt-avatar-edit{position:absolute;bottom:2px;right:2px;background:#B8860B;border:none;color:#2a1005;width:20px;height:20px;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.smrySt-avatar-placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#B8860B,#E8B923);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:#2a1005;border:2px solid rgba(232,185,35,.35);flex-shrink:0;}

/* ── REGISTER/CALENDAR ── */
.smrySt-reg-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.22rem;margin:.65rem 0;}
.smrySt-reg-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:700;border:1px solid rgba(232,185,35,.1);}
.smrySt-reg-day.present{background:rgba(76,175,80,.2);color:#4CAF50;border-color:rgba(76,175,80,.3);}
.smrySt-reg-day.absent{background:rgba(204,26,26,.12);color:#CC1A1A;border-color:rgba(204,26,26,.2);}
.smrySt-reg-day.offday{background:rgba(232,185,35,.08);color:#B8860B;border-color:rgba(232,185,35,.15);}
.smrySt-reg-day.today{border:2px solid #E8B923;color:#E8B923;}
.smrySt-reg-day.future{opacity:.22;}
.smrySt-reg-day.header{background:none;border:none;color:rgba(232,185,35,.5);font-size:.48rem;}

/* ── NOTIFICATIONS ── */
.smrySt-notif{padding:.65rem .85rem;border-bottom:1px solid rgba(232,185,35,.07);display:flex;gap:.65rem;align-items:flex-start;transition:background .18s;}
.smrySt-notif:hover{background:rgba(232,185,35,.04);}
.smrySt-notif.unread{border-left:3px solid var(--smry-gold);background:rgba(232,185,35,.05);}
.smrySt-notif.error{border-left-color:var(--smry-red);}
.smrySt-notif__icon{font-size:.95rem;flex-shrink:0;margin-top:.1rem;}
.smrySt-notif__body{flex:1;min-width:0;}
.smrySt-notif__title{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:700;color:var(--smry-text);margin-bottom:.16rem;}
.smrySt-notif__text{font-family:'Montserrat',sans-serif;font-size:.62rem;color:var(--smry-text-dim);line-height:1.5;}
.smrySt-notif__time{font-family:'Montserrat',sans-serif;font-size:.49rem;color:var(--smry-text-faint);margin-top:.18rem;}
.smrySt-notif__actions{display:flex;gap:.3rem;margin-top:.3rem;}
.smrySt-notif__del{background:none;border:1px solid rgba(204,26,26,.25);color:rgba(204,26,26,.6);font-size:.5rem;padding:.15rem .4rem;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .18s;}
.smrySt-notif__del:hover{background:rgba(204,26,26,.12);color:#CC1A1A;}
.smrySt-notif__reply{background:none;border:1px solid rgba(232,185,35,.22);color:rgba(232,185,35,.6);font-size:.5rem;padding:.15rem .4rem;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .18s;}
.smrySt-notif__reply:hover{background:rgba(232,185,35,.08);color:var(--smry-gold);}

/* ── STAFF CARD ── */
.smrySt-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.82rem;}
.smrySt-staff-card{background:var(--smry-card-bg);border:1.5px solid var(--smry-border-soft);padding:.95rem;text-align:center;transition:all .22s;}
.smrySt-staff-card:hover{border-color:var(--smry-border);background:rgba(10,4,0,.7);transform:translateY(-3px);}
.smrySt-staff-card__name{font-family:'Playfair Display',serif;font-size:.86rem;font-weight:700;color:var(--smry-text);margin:.5rem 0 .16rem;}
.smrySt-staff-card__role{font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--smry-gold-dim);margin-bottom:.45rem;}
.smrySt-stars{display:flex;justify-content:center;gap:.13rem;margin:.35rem 0;}
.smrySt-star{font-size:.92rem;color:rgba(232,185,35,.2);cursor:pointer;transition:all .15s;}
.smrySt-star.filled,.smrySt-star:hover,.smrySt-star.hover{color:#E8B923;animation:smrySt-starPop .2s ease;}
.smrySt-star.readonly{cursor:default;}

/* ── TABLE ── */
.smrySt-table{width:100%;border-collapse:collapse;font-family:'Montserrat',sans-serif;font-size:.66rem;color:var(--smry-text-dim);}
.smrySt-table th{text-align:left;padding:.42rem .58rem;font-size:.46rem;letter-spacing:.15em;text-transform:uppercase;color:var(--smry-gold-dim);border-bottom:1.5px solid var(--smry-border);position:sticky;top:0;background:var(--smry-bg2);z-index:1;}
.smrySt-table td{padding:.52rem .58rem;border-bottom:1px solid rgba(232,185,35,.06);vertical-align:middle;}
.smrySt-table tr:hover td{background:rgba(232,185,35,.04);}
/* Table overflow wrapper — prevents horizontal scroll breaking the layout */
.smrySt-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.smrySt-table-wrap .smrySt-table{min-width:480px;}
@media(max-width:480px){
  .smrySt-table th,.smrySt-table td{padding:.38rem .42rem;font-size:.6rem;}
}

/* ── BADGES ── */
.smrySt-badge{display:inline-block;padding:.14rem .42rem;font-size:.44rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.smrySt-badge-green{background:rgba(76,175,80,.15);color:#4CAF50;border:1px solid rgba(76,175,80,.25);}
.smrySt-badge-red{background:rgba(204,26,26,.15);color:#CC1A1A;border:1px solid rgba(204,26,26,.25);}
.smrySt-badge-gold{background:rgba(232,185,35,.12);color:#E8B923;border:1px solid rgba(232,185,35,.25);}
.smrySt-badge-grey{background:rgba(255,255,255,.05);color:rgba(253,246,236,.4);border:1px solid rgba(255,255,255,.08);}
.smrySt-badge-blue{background:rgba(33,150,243,.12);color:#42A5F5;border:1px solid rgba(33,150,243,.25);}

/* ── STAT ── */
.smrySt-stat-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.smrySt-stat{flex:1;min-width:105px;background:var(--smry-card-bg);border:1.5px solid var(--smry-border-soft);padding:.7rem .85rem;}
.smrySt-stat__val{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:700;color:var(--smry-gold);}
.smrySt-stat__lbl{font-family:'Montserrat',sans-serif;font-size:.46rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--smry-text-faint);margin-top:.16rem;}

/* ── SKELETON ── */
.smrySt-skeleton{background:linear-gradient(90deg,rgba(232,185,35,.04) 0%,rgba(232,185,35,.1) 50%,rgba(232,185,35,.04) 100%);background-size:600px 100%;animation:smrySt-shimmer 1.4s infinite linear;}

/* ── MISC ── */
.smrySt-divider{height:1px;background:linear-gradient(90deg,transparent,var(--smry-border),transparent);margin:.9rem 0;}
.smrySt-empty{text-align:center;padding:2rem .9rem;}
.smrySt-empty__icon{font-size:1.9rem;opacity:.35;margin-bottom:.45rem;}
.smrySt-empty__text{font-family:'Cormorant Garamond',serif;font-size:.95rem;font-style:italic;color:var(--smry-text-faint);}

/* ── DIALOG ── */
.smrySt-dialog-overlay{position:fixed;inset:0;z-index:9999999;background:rgba(10,4,0,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:1rem;}
.smrySt-dialog-overlay.active{display:flex;}
.smrySt-dialog{background:linear-gradient(160deg,#2a1005,#3d1a08);border:1.5px solid rgba(232,185,35,.3);box-shadow:0 32px 80px rgba(10,4,0,.7);width:100%;max-width:420px;padding:1.5rem 1.3rem 1.3rem;animation:smrySt-dialogIn .28s cubic-bezier(.34,1.56,.64,1) both;max-height:90vh;overflow-y:auto;}
.smrySt-dialog__icon{width:42px;height:42px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:1.35rem;border:2px solid rgba(232,185,35,.28);background:rgba(232,185,35,.07);animation:smrySt-pulse 2s ease infinite;}
.smrySt-dialog__icon.d{border-color:rgba(204,26,26,.3);background:rgba(204,26,26,.07);animation:none;}
.smrySt-dialog__icon.s{border-color:rgba(76,175,80,.3);background:rgba(76,175,80,.07);animation:none;}
.smrySt-dialog__title{font-family:'Playfair Display',serif;font-size:1.08rem;font-weight:700;color:#FDF6EC;text-align:center;margin:0 0 .38rem;}
.smrySt-dialog__msg{font-family:'Montserrat',sans-serif;font-size:.7rem;color:rgba(253,246,236,.55);text-align:center;line-height:1.55;margin:0 0 1.1rem;white-space:pre-line;}
.smrySt-dialog__actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;}
.smrySt-dialog__btn{padding:.52rem 1.1rem;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s;flex:1;min-width:85px;max-width:145px;}
.smrySt-dialog__btn.p{background:linear-gradient(135deg,#B8860B,#E8B923);color:#2a1005;}
.smrySt-dialog__btn.p:hover{box-shadow:0 5px 14px rgba(232,185,35,.35);transform:translateY(-2px);}
.smrySt-dialog__btn.d{background:linear-gradient(135deg,#A31515,#CC1A1A);color:#FDF6EC;}
.smrySt-dialog__btn.d:hover{box-shadow:0 5px 14px rgba(204,26,26,.35);transform:translateY(-2px);}
.smrySt-dialog__btn.g{background:transparent;border:1.5px solid rgba(232,185,35,.22);color:rgba(253,246,236,.5);}
.smrySt-dialog__btn.g:hover{border-color:rgba(232,185,35,.5);color:#FDF6EC;}

/* ── TOAST ── */
.smrySt-toast-root{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:99999999;display:flex;flex-direction:column;align-items:center;gap:.32rem;pointer-events:none;width:min(380px,96vw);}
.smrySt-toast{display:flex;align-items:center;gap:.58rem;padding:.62rem .95rem;background:linear-gradient(135deg,#2a1005,#3d1a08);border-left:3px solid #E8B923;box-shadow:0 8px 22px rgba(10,4,0,.5);font-family:'Montserrat',sans-serif;font-size:.66rem;color:#FDF6EC;width:100%;pointer-events:auto;box-sizing:border-box;animation:smrySt-toastIn .3s cubic-bezier(.34,1.56,.64,1) both;}
.smrySt-toast.error{border-left-color:#CC1A1A;}
.smrySt-toast.success{border-left-color:#4CAF50;}
.smrySt-toast.out{animation:smrySt-toastOut .25s ease both;}

/* ── SWITCH ── */
.smrySt-switch-wrap{display:flex;align-items:center;gap:.45rem;padding:.42rem .85rem;margin-top:auto;}
.smrySt-switch-label{font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smry-text-faint);}
.smrySt-switch{position:relative;display:inline-block;width:36px;height:19px;}
.smrySt-switch input{opacity:0;width:0;height:0;}
.smrySt-switch-slider{position:absolute;inset:0;background:rgba(232,185,35,.15);border:1px solid rgba(232,185,35,.25);cursor:pointer;transition:.25s;}
.smrySt-switch-slider:before{content:'';position:absolute;height:13px;width:13px;left:2px;bottom:2px;background:#B8860B;transition:.25s;}
.smrySt-switch input:checked+.smrySt-switch-slider{background:rgba(232,185,35,.2);border-color:#E8B923;}
.smrySt-switch input:checked+.smrySt-switch-slider:before{transform:translateX(17px);background:#E8B923;}

/* ── MESSAGING ── */
.smrySt-msg-wrap{display:flex;flex-direction:column;max-height:400px;border:1.5px solid var(--smry-border);background:var(--smry-card-bg);}
.smrySt-msg-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.45rem;min-height:200px;scrollbar-width:thin;scrollbar-color:rgba(232,185,35,.2) transparent;}
.smrySt-msg-bubble{max-width:78%;padding:.52rem .75rem;font-family:'Montserrat',sans-serif;font-size:.68rem;line-height:1.5;animation:smrySt-msgSlide .2s ease;}
.smrySt-msg-bubble.sent{align-self:flex-end;background:linear-gradient(135deg,var(--smry-gold-dim),var(--smry-gold));color:#2a1005;}
.smrySt-msg-bubble.recv{align-self:flex-start;background:rgba(255,255,255,.08);color:var(--smry-text);border:1px solid var(--smry-border-soft);}
.smrySt-msg-bubble__time{font-size:.46rem;opacity:.6;margin-top:.22rem;}
.smrySt-msg-input-row{display:flex;gap:.38rem;padding:.55rem;border-top:1px solid var(--smry-border-soft);}
.smrySt-msg-input{flex:1;background:var(--smry-input-bg);border:1px solid var(--smry-border);color:var(--smry-text);font-family:'Montserrat',sans-serif;font-size:.73rem;padding:.48rem .72rem;outline:none;}
.smrySt-msg-input:focus{border-color:var(--smry-gold);}
.smrySt-msg-send{background:linear-gradient(135deg,var(--smry-gold-dim),var(--smry-gold));border:none;color:#2a1005;padding:.48rem .82rem;cursor:pointer;font-size:.88rem;flex-shrink:0;transition:opacity .18s;}
.smrySt-msg-send:hover{opacity:.85;}
.smrySt-msg-send:disabled{opacity:.4;cursor:not-allowed;}

/* ── ROOMS ── */
.smrySt-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.45rem;margin:.65rem 0;}
.smrySt-room-cell{padding:.45rem .28rem;text-align:center;cursor:pointer;border:1.5px solid var(--smry-border-soft);transition:all .18s;position:relative;}
.smrySt-room-cell:hover{border-color:var(--smry-border);transform:translateY(-1px);}
.smrySt-room-cell__num{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--smry-text);}
.smrySt-room-cell__type{font-family:'Montserrat',sans-serif;font-size:.4rem;letter-spacing:.1em;text-transform:uppercase;color:var(--smry-text-faint);margin-top:.12rem;}
.smrySt-room-cell__status{font-family:'Montserrat',sans-serif;font-size:.42rem;font-weight:700;text-transform:uppercase;margin-top:.22rem;padding:.1rem .28rem;display:inline-block;}
.smrySt-room-cell.available{background:rgba(76,175,80,.08);border-color:rgba(76,175,80,.2);}
.smrySt-room-cell.checked-in{background:rgba(33,150,243,.1);border-color:rgba(33,150,243,.25);}
.smrySt-room-cell.checked-out{background:rgba(232,185,35,.07);border-color:rgba(232,185,35,.18);}
.smrySt-room-cell.unavailable{background:rgba(204,26,26,.08);border-color:rgba(204,26,26,.2);}
.smrySt-room-cell.maintenance{border-color:rgba(255,152,0,.4);background:rgba(255,152,0,.08);}
.smrySt-room-cell__maint{position:absolute;top:2px;right:3px;font-size:.58rem;}

/* ── SETTINGS ── */
.smrySt-settings-row{display:flex;align-items:center;justify-content:space-between;padding:.72rem 0;border-bottom:1px solid var(--smry-border-soft);}
.smrySt-settings-label{font-family:'Montserrat',sans-serif;font-size:.7rem;color:var(--smry-text-dim);}
.smrySt-settings-desc{font-family:'Montserrat',sans-serif;font-size:.56rem;color:var(--smry-text-faint);margin-top:.14rem;}

/* ── BIRTHDAY BANNER ── */
.smrySt-bday-banner{background:linear-gradient(135deg,rgba(232,185,35,.12),rgba(232,185,35,.06));border:1.5px solid rgba(232,185,35,.3);padding:.7rem .9rem;margin-bottom:.9rem;display:flex;align-items:center;gap:.75rem;}
.smrySt-bday-banner__icon{font-size:1.5rem;flex-shrink:0;}
.smrySt-bday-banner__text{font-family:'Montserrat',sans-serif;font-size:.68rem;color:var(--smry-gold);}

/* ── PROFILE VIEW ── */
.smrySt-profile-info{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .85rem;}
@media(max-width:500px){.smrySt-profile-info{grid-template-columns:1fr;}}
.smrySt-profile-field{padding:.45rem 0;border-bottom:1px solid var(--smry-border-soft);}
.smrySt-profile-field__label{font-family:'Montserrat',sans-serif;font-size:.48rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--smry-text-faint);}
.smrySt-profile-field__val{font-family:'Montserrat',sans-serif;font-size:.7rem;color:var(--smry-text);margin-top:.18rem;}

/* ── ONLINE DOT ── */
.smrySt-online-dot{width:7px;height:7px;border-radius:50%;background:#4CAF50;display:inline-block;flex-shrink:0;}
.smrySt-online-dot.offline{background:rgba(255,255,255,.2);}

/* ── SALARY ALERT ── */
.smrySt-salary-late{background:rgba(204,26,26,.08);border:1px solid rgba(204,26,26,.25);padding:.5rem .8rem;font-family:'Montserrat',sans-serif;font-size:.65rem;color:#CC1A1A;margin-bottom:.6rem;}
.smrySt-salary-due{background:rgba(232,185,35,.07);border:1px solid rgba(232,185,35,.2);padding:.5rem .8rem;font-family:'Montserrat',sans-serif;font-size:.65rem;color:#B8860B;margin-bottom:.6rem;}

/* ── RESPONSIVE ── */
@media(max-width:480px){
  .smrySt-win{height:100vh;max-height:100vh;}
  .smrySt-win__content{padding:.85rem .65rem 2rem;}
  .smrySt-auth__card{padding:1.3rem 1rem;}
  .smrySt-dir-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));}
  .smrySt-room-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));}
  .smrySt-win__logo-text{font-size:.78rem;}
  .smrySt-win__role-badge{font-size:.42rem;padding:.16rem .38rem;}
  .smrySt-btn{padding:.5rem .8rem;font-size:.54rem;}
  .smrySt-heading{font-size:1.15rem;}
}
@media(max-width:360px){
  .smrySt-win__content{padding:.7rem .5rem 2rem;}
  .smrySt-win__bar{padding:.45rem .65rem;}
  .smrySt-win__username{display:none;}
  .smrySt-stat{min-width:80px;padding:.55rem .65rem;}
  .smrySt-stat__val{font-size:1.1rem;}
}

/* ── CLOCK IN/OUT ── */
.smrySt-clockrow{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.7rem;}
.smrySt-clock-status{font-family:'Montserrat',sans-serif;font-size:.65rem;padding:.28rem .65rem;border:1px solid;display:inline-block;}
.smrySt-clock-status.in{color:#4CAF50;border-color:rgba(76,175,80,.35);background:rgba(76,175,80,.08);}
.smrySt-clock-status.out{color:#B8860B;border-color:rgba(184,134,11,.35);background:rgba(184,134,11,.08);}

/* ── BEST STAFF / WARNING BANNER ── */
.smrySt-best-staff{background:linear-gradient(135deg,rgba(232,185,35,.14),rgba(232,185,35,.06));border:1.5px solid rgba(232,185,35,.35);padding:.75rem .9rem;margin-top:.9rem;}
.smrySt-best-staff__title{font-family:'Playfair Display',serif;font-size:.88rem;color:var(--smry-gold);margin-bottom:.5rem;}
.smrySt-best-staff__card{display:flex;align-items:center;gap:.7rem;padding:.4rem 0;}
.smrySt-warning-banner{background:rgba(204,26,26,.08);border:1.5px solid rgba(204,26,26,.28);padding:.65rem .9rem;margin-top:.8rem;font-family:'Montserrat',sans-serif;font-size:.65rem;color:#CC1A1A;line-height:1.55;}

/* ── INVENTORY / DEPT SALES ── */
.smrySt-inv-table{width:100%;border-collapse:collapse;font-family:'Montserrat',sans-serif;font-size:.65rem;margin-top:.6rem;}
.smrySt-inv-table th{font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smry-gold-dim);padding:.38rem .55rem;border-bottom:1px solid var(--smry-border);text-align:left;}
.smrySt-inv-table td{padding:.38rem .55rem;border-bottom:1px solid var(--smry-border-soft);color:var(--smry-text-dim);vertical-align:middle;}
.smrySt-inv-table tr:hover td{background:rgba(232,185,35,.03);}

/* ── ANALYSIS BOX ── */
.smrySt-analysis{background:rgba(10,4,0,.35);border:1px solid var(--smry-border-soft);padding:.75rem .9rem;margin-top:.9rem;}
.smrySt-analysis__title{font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--smry-gold-dim);margin-bottom:.45rem;}
.smrySt-analysis__row{display:flex;align-items:flex-start;gap:.45rem;padding:.28rem 0;border-bottom:1px solid var(--smry-border-soft);font-family:'Montserrat',sans-serif;font-size:.63rem;color:var(--smry-text-dim);}
.smrySt-analysis__icon{flex-shrink:0;font-size:.8rem;}
.smrySt-analysis.good{border-color:rgba(76,175,80,.3);}
.smrySt-analysis.warn{border-color:rgba(232,185,35,.3);}
.smrySt-analysis.bad{border-color:rgba(204,26,26,.3);}

/* ── SALARY CONFIRM BUTTONS ── */
.smrySt-sal-confirm{display:flex;gap:.38rem;flex-wrap:wrap;margin-top:.35rem;}
.smrySt-sal-recv{background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.35);color:#4CAF50;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .55rem;cursor:pointer;}
.smrySt-sal-await{background:rgba(204,26,26,.08);border:1px solid rgba(204,26,26,.28);color:#CC1A1A;font-family:'Montserrat',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .55rem;cursor:pointer;}
.smrySt-sal-recv:hover{background:rgba(76,175,80,.22);}
.smrySt-sal-await:hover{background:rgba(204,26,26,.18);}

/* ── NOTIFICATION BADGE COUNT ── */
/* Applied alongside smrySt-nav__badge — no extra visual rules needed here;
   the badge itself is fully styled by smrySt-nav__badge.
   This class is used as a JS selector hook to update the count. */
.smrySt-notif-badge-count { /* inherits smrySt-nav__badge styles */ }

/* ── DEPT SALES ANALYSIS BOX ── */
.smrySt-dept-analysis{background:rgba(10,4,0,.35);border:1px solid var(--smry-border-soft);padding:.75rem .9rem;margin-top:1.2rem;}
.smrySt-dept-analysis .smrySt-analysis__title{color:var(--smry-gold-dim);}

/* ── STORE INVENTORY ANALYSIS BOX ── */
.smrySt-store-analysis{background:rgba(10,4,0,.35);border:1px solid var(--smry-border-soft);padding:.75rem .9rem;margin-top:1.2rem;}
.smrySt-store-analysis .smrySt-analysis__title{color:var(--smry-gold-dim);}