@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-layout[b-wuvveqxx00] { --admin-bg: hsl(110 24% 97%); --admin-text: hsl(215 35% 15%); --admin-muted: hsl(215 14% 40%); --admin-border: hsl(108 24% 88%); --admin-green: hsl(95 60% 38%); background: var(--admin-bg); color: var(--admin-text); display: flex; min-height: 100vh; }
.admin-sidebar[b-wuvveqxx00] { background: #fff; border-right: 1px solid var(--admin-border); box-sizing: border-box; display: flex; flex-direction: column; flex: 0 0 256px; min-height: 100vh; padding: 24px 12px 16px; }
.admin-brand[b-wuvveqxx00] { align-items: center; display: flex; gap: 12px; padding: 0 12px 28px; }
.admin-brand img[b-wuvveqxx00], .admin-drawer-brand img[b-wuvveqxx00] { height: 44px; object-fit: contain; width: 44px; }
.admin-brand div[b-wuvveqxx00], .admin-drawer-brand div[b-wuvveqxx00] { display: grid; min-width: 0; }
.admin-brand strong[b-wuvveqxx00], .admin-drawer-brand strong[b-wuvveqxx00] { font-family: var(--bygsyn-heading-font); font-size: 1.03rem; }
.admin-brand span[b-wuvveqxx00], .admin-drawer-brand span[b-wuvveqxx00] { color: #81909f; font-size: .78rem; margin-top: 3px; }
.admin-sidebar-nav[b-wuvveqxx00], .admin-offcanvas-nav[b-wuvveqxx00] { display: grid; gap: 4px; }
.admin-sidebar-footer[b-wuvveqxx00], .admin-drawer-footer[b-wuvveqxx00] { align-items: center; border-top: 1px solid var(--admin-border); display: flex; gap: 10px; margin-top: auto; padding: 16px 8px 0; }
.admin-sidebar-footer[b-wuvveqxx00]  form, .admin-drawer-footer[b-wuvveqxx00]  form { margin-left: auto; }
.admin-main-content[b-wuvveqxx00] { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.admin-topbar[b-wuvveqxx00] { align-items: center; background: rgb(255 255 255 / 76%); border-bottom: 1px solid var(--admin-border); display: flex; justify-content: space-between; min-height: 64px; padding: 0 40px; }
.admin-topbar-left[b-wuvveqxx00] { align-items: center; display: flex; gap: 14px; min-width: 0; }
.admin-topbar-title[b-wuvveqxx00] { font-family: var(--bygsyn-heading-font); font-size: 1.35rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-topbar-platform[b-wuvveqxx00] { color: var(--admin-muted); font-size: .88rem; font-weight: 600; }
.admin-menu-toggle[b-wuvveqxx00], .admin-topbar-logo[b-wuvveqxx00], .admin-offcanvas[b-wuvveqxx00], .admin-mobile-navigation[b-wuvveqxx00], .admin-mobile-sheet[b-wuvveqxx00] { display: none; }
.admin-rail-toggle[b-wuvveqxx00] { align-items: center; background: transparent; border: 0; border-radius: 8px; color: var(--admin-muted); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; margin-left: -10px; width: 44px; }
.admin-rail-toggle:hover[b-wuvveqxx00] { background: hsl(110 20% 95%); color: var(--admin-text); }
.admin-rail-toggle:focus-visible[b-wuvveqxx00] { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }
.admin-rail-toggle[b-wuvveqxx00]  svg { height: 20px; width: 20px; }
.admin-rail-icon-expand[b-wuvveqxx00] { display: none; }
.admin-layout.is-compact .admin-rail-icon-expand[b-wuvveqxx00] { display: inline-flex; }
.admin-layout.is-compact .admin-rail-icon-collapse[b-wuvveqxx00] { display: none; }
.admin-content[b-wuvveqxx00] { flex: 1; min-width: 0; padding: 42px 40px 56px; }

.admin-layout.is-compact .admin-sidebar[b-wuvveqxx00] { flex-basis: 76px; padding-left: 10px; padding-right: 10px; }
.admin-layout.is-compact .admin-brand[b-wuvveqxx00] { justify-content: center; padding-left: 0; padding-right: 0; }
.admin-layout.is-compact .admin-brand div[b-wuvveqxx00], .admin-layout.is-compact .admin-sidebar-nav[b-wuvveqxx00]  .admin-nav-link span, .admin-layout.is-compact .admin-sidebar-footer[b-wuvveqxx00]  .admin-user-details { display: none; }
.admin-layout.is-compact .admin-sidebar-nav[b-wuvveqxx00]  .admin-nav-link { justify-content: center; overflow: hidden; padding-left: 0; padding-right: 0; }
.admin-layout.is-compact .admin-sidebar-footer[b-wuvveqxx00] { padding-left: 0; padding-right: 0; }
.admin-layout.is-compact .admin-sidebar-footer[b-wuvveqxx00]  .admin-user-footer { flex-direction: column; }
.admin-layout.is-compact .admin-sidebar-footer[b-wuvveqxx00]  form { margin-left: 0; }

@media (min-width: 1200px) and (max-width: 1439px) {
    .admin-sidebar[b-wuvveqxx00] { flex-basis: 76px; padding-left: 10px; padding-right: 10px; }
    .admin-brand[b-wuvveqxx00] { justify-content: center; padding-left: 0; padding-right: 0; }
    .admin-brand div[b-wuvveqxx00] { display: none; }
    .admin-sidebar-footer[b-wuvveqxx00] { flex-direction: column; padding-left: 0; padding-right: 0; }
    .admin-sidebar-footer[b-wuvveqxx00]  form { margin-left: 0; }
    .admin-rail-icon-expand[b-wuvveqxx00] { display: inline-flex; }
    .admin-rail-icon-collapse[b-wuvveqxx00] { display: none; }
    .admin-sidebar-nav[b-wuvveqxx00]  .admin-nav-link { justify-content: center; overflow: hidden; padding-left: 0; padding-right: 0; }
    .admin-sidebar-nav[b-wuvveqxx00]  .admin-nav-link span, .admin-sidebar-footer[b-wuvveqxx00]  .admin-user-details { display: none; }
    .admin-sidebar-footer[b-wuvveqxx00]  .admin-user-footer { flex-direction: column; }
    .admin-topbar[b-wuvveqxx00], .admin-content[b-wuvveqxx00] { padding-left: 32px; padding-right: 32px; }
    .admin-layout.is-expanded .admin-sidebar[b-wuvveqxx00] { flex-basis: 256px; padding-left: 12px; padding-right: 12px; }
    .admin-layout.is-expanded .admin-brand[b-wuvveqxx00] { justify-content: flex-start; padding-left: 12px; padding-right: 12px; }
    .admin-layout.is-expanded .admin-brand div[b-wuvveqxx00], .admin-layout.is-expanded .admin-sidebar-nav[b-wuvveqxx00]  .admin-nav-link span, .admin-layout.is-expanded .admin-sidebar-footer[b-wuvveqxx00]  .admin-user-details { display: flex; }
    .admin-layout.is-expanded .admin-brand div[b-wuvveqxx00] { display: grid; }
    .admin-layout.is-expanded .admin-sidebar-nav[b-wuvveqxx00]  .admin-nav-link { justify-content: flex-start; padding-left: 14px; padding-right: 14px; }
    .admin-layout.is-expanded .admin-sidebar-footer[b-wuvveqxx00] { padding-left: 8px; padding-right: 8px; }
    .admin-layout.is-expanded .admin-sidebar-footer[b-wuvveqxx00]  .admin-user-footer { flex-direction: row; }
    .admin-layout.is-expanded .admin-sidebar-footer[b-wuvveqxx00]  form { margin-left: auto; }
    .admin-layout.is-expanded .admin-rail-icon-expand[b-wuvveqxx00] { display: none; }
    .admin-layout.is-expanded .admin-rail-icon-collapse[b-wuvveqxx00] { display: inline-flex; }
}

@media (max-width: 1199px) {
    .admin-sidebar[b-wuvveqxx00] { display: none; }
    .admin-rail-toggle[b-wuvveqxx00] { display: none; }
    .admin-topbar[b-wuvveqxx00] { padding: 0 24px; }
    .admin-menu-toggle[b-wuvveqxx00] { align-items: center; background: transparent; border: 0; color: var(--admin-text); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; margin-left: -10px; width: 44px; }
    .admin-menu-toggle[b-wuvveqxx00]  svg { height: 20px; width: 20px; }
    .admin-offcanvas.is-open[b-wuvveqxx00], .admin-mobile-sheet.is-open[b-wuvveqxx00] { display: block; inset: 0; position: fixed; z-index: 50; }
    .admin-offcanvas-backdrop[b-wuvveqxx00] { background: rgb(14 25 48 / 35%); border: 0; cursor: pointer; inset: 0; position: absolute; width: 100%; }
    .admin-offcanvas-panel[b-wuvveqxx00] { background: #fff; box-shadow: 18px 0 36px rgb(10 19 39 / 16%); display: flex; flex-direction: column; height: 100%; max-width: 280px; padding: 18px 12px; position: relative; width: calc(100% - 40px); }
    .admin-offcanvas-header[b-wuvveqxx00] { align-items: center; display: flex; justify-content: space-between; padding: 4px 8px 22px; }
    .admin-offcanvas-header > button[b-wuvveqxx00] { align-items: center; background: transparent; border: 0; color: var(--admin-muted); cursor: pointer; display: flex; height: 44px; justify-content: center; width: 44px; }
    .admin-drawer-brand[b-wuvveqxx00] { align-items: center; display: flex; gap: 10px; }
    .admin-drawer-footer[b-wuvveqxx00] { margin-top: auto; }
    .admin-content[b-wuvveqxx00] { padding: 36px 24px 56px; }
}

@media (max-width: 599px) {
    .admin-content[b-wuvveqxx00] { padding: 28px 16px calc(84px + env(safe-area-inset-bottom)); }
    .admin-topbar[b-wuvveqxx00] { padding: 0 16px; }
    .admin-topbar-platform[b-wuvveqxx00] { display: none; }
    .admin-topbar-logo[b-wuvveqxx00] { border-radius: 9px; display: block; height: 40px; object-fit: contain; width: 40px; }
    .admin-topbar-title[b-wuvveqxx00] { font-size: 1.1rem; }
    .admin-mobile-navigation[b-wuvveqxx00] { background: #fff; border-top: 1px solid var(--admin-border); bottom: 0; box-sizing: border-box; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 64px; padding-bottom: env(safe-area-inset-bottom); position: fixed; inset-inline: 0; z-index: 40; }
    .admin-mobile-navigation[b-wuvveqxx00]  .admin-mobile-nav-link { align-items: center; background: transparent; border: 0; color: var(--admin-muted); cursor: pointer; display: flex; flex-direction: column; font: inherit; font-size: .58rem; font-weight: 700; gap: 4px; justify-content: center; min-width: 0; padding: 0; text-decoration: none; }
    .admin-mobile-navigation[b-wuvveqxx00]  .admin-mobile-nav-link-active { color: var(--admin-green); }
    .admin-mobile-navigation[b-wuvveqxx00]  .admin-mobile-nav-link svg { height: 21px; width: 21px; }
    .admin-mobile-sheet-panel[b-wuvveqxx00] { background: #fff; border-radius: 18px 18px 0 0; bottom: 0; padding: 18px 16px calc(24px + env(safe-area-inset-bottom)); position: absolute; width: 100%; }
}
/* /Components/Layout/AdminNavigation.razor.rz.scp.css */
.admin-navigation[b-pb10gwi90s] { display: grid; gap: 4px; }
.admin-navigation[b-pb10gwi90s]  .admin-nav-link { align-items: center; border-radius: 10px; color: #596b80; display: flex; font-size: .9rem; font-weight: 600; gap: 14px; min-height: 48px; padding: 0 14px; text-decoration: none; }
.admin-navigation[b-pb10gwi90s]  .admin-nav-link svg { flex: 0 0 21px; height: 21px; width: 21px; }
.admin-navigation[b-pb10gwi90s]  .admin-nav-link:hover { background: #f5f8f4; color: hsl(215 35% 15%); }
.admin-navigation[b-pb10gwi90s]  .admin-nav-link:focus-visible { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }
.admin-navigation[b-pb10gwi90s]  .admin-nav-link-active { background: hsl(95 45% 92%); color: hsl(95 60% 38%); }
/* /Components/Layout/AdminUserFooter.razor.rz.scp.css */
.admin-user-footer[b-t7jjxjctz4] { align-items: center; display: flex; gap: 10px; min-width: 0; width: 100%; }
.admin-user-footer[b-t7jjxjctz4]  .admin-user-avatar { align-items: center; background: hsl(95 45% 92%); border-radius: 999px; color: hsl(95 60% 38%); display: flex; flex: 0 0 36px; font-size: .76rem; font-weight: 700; height: 36px; justify-content: center; }
.admin-user-footer[b-t7jjxjctz4]  .admin-user-details { display: flex; flex-direction: column; min-width: 0; }
.admin-user-footer[b-t7jjxjctz4]  .admin-user-name { font-size: .82rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-footer[b-t7jjxjctz4]  .admin-user-role { color: hsl(215 14% 40%); font-size: .72rem; }
.admin-user-footer[b-t7jjxjctz4]  form { margin-left: auto; }
.admin-user-footer[b-t7jjxjctz4]  .admin-logout { align-items: center; background: transparent; border: 0; border-radius: 8px; color: #718096; cursor: pointer; display: inline-flex; height: 44px; justify-content: center; width: 44px; }
.admin-user-footer[b-t7jjxjctz4]  .admin-logout:hover { background: hsl(110 20% 95%); color: hsl(95 60% 38%); }
.admin-user-footer[b-t7jjxjctz4]  .admin-logout:focus-visible { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }
.admin-user-footer[b-t7jjxjctz4]  .admin-logout svg { height: 18px; width: 18px; }
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.auth-layout[b-8c2ur0l7rv] {
    min-height: 100vh;
    overflow-x: hidden;
    padding: 8px;
    background: hsl(110 24% 97%);
}

@media (max-width: 599px) {
    .auth-layout[b-8c2ur0l7rv] { padding: 6px; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.bygsyn-app-layout[b-zf9286ach1] { --bygsyn-sidebar-bg: #ffffff; --bygsyn-sidebar-text: hsl(215 18% 35%); --bygsyn-sidebar-muted: hsl(215 16% 48%); --bygsyn-sidebar-border: hsl(108 24% 88%); --bygsyn-sidebar-accent: hsl(108 28% 96%); --bygsyn-sidebar-active: hsl(102 45% 92%); --bygsyn-sidebar-active-text: hsl(95 60% 29%); --bygsyn-accent: hsl(95 60% 38%); --bygsyn-accent-light: hsl(95 60% 45%); --bygsyn-accent-dark: hsl(95 60% 29%); --bygsyn-content-bg: hsl(110 24% 97%); --bygsyn-border: hsl(108 24% 88%); --bygsyn-text: hsl(215 35% 15%); background: var(--bygsyn-content-bg); color: var(--bygsyn-text); display: flex; min-height: 100vh; }
.bygsyn-sidebar[b-zf9286ach1] { background: var(--bygsyn-sidebar-bg); box-sizing: border-box; color: var(--bygsyn-sidebar-text); display: flex; flex-direction: column; height: 100vh; inset: 0 auto 0 0; overflow-y: auto; position: fixed; width: var(--bygsyn-sidebar-width); z-index: 20; }
.bygsyn-sidebar-header[b-zf9286ach1] { align-items: center; border-bottom: 1px solid var(--bygsyn-sidebar-border); display: flex; gap: 13px; min-height: 92px; padding: 20px 18px 18px; }
.bygsyn-brand-mark[b-zf9286ach1], .bygsyn-drawer-brand img[b-zf9286ach1] { background: hsl(102 45% 92%); border-radius: 9px; display: grid; height: 40px; overflow: hidden; place-items: center; width: 40px; }
.bygsyn-brand-mark img[b-zf9286ach1], .bygsyn-drawer-brand img[b-zf9286ach1] { height: 100%; object-fit: cover; width: 100%; }
.bygsyn-brand-copy[b-zf9286ach1], .bygsyn-drawer-brand[b-zf9286ach1], .bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-user-details, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-user-details { display: flex; flex-direction: column; min-width: 0; }
.bygsyn-brand-name[b-zf9286ach1], .bygsyn-drawer-brand strong[b-zf9286ach1] { color: var(--bygsyn-text); display: block; font-family: var(--bygsyn-heading-font); font-size: .9rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bygsyn-brand-subtitle[b-zf9286ach1], .bygsyn-drawer-brand span[b-zf9286ach1], .bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-user-role, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-user-role { color: var(--bygsyn-sidebar-muted); font-size: .78rem; }
.bygsyn-sidebar-nav[b-zf9286ach1] { flex: 1; padding: 20px 12px; }
.bygsyn-nav-section[b-zf9286ach1], .bygsyn-offcanvas-nav[b-zf9286ach1] { display: flex; flex-direction: column; gap: 4px; }
.bygsyn-sidebar[b-zf9286ach1]  a.bygsyn-nav-link, .bygsyn-offcanvas[b-zf9286ach1]  a.bygsyn-nav-link, .bygsyn-mobile-sheet[b-zf9286ach1]  a.bygsyn-nav-link { align-items: center; border-radius: 9px; color: var(--bygsyn-sidebar-text); display: flex; font-size: .875rem; font-weight: 600; gap: 12px; min-height: 44px; padding: 0 12px; text-decoration: none; }
.bygsyn-sidebar[b-zf9286ach1]  a.bygsyn-nav-link-active, .bygsyn-offcanvas[b-zf9286ach1]  a.bygsyn-nav-link-active, .bygsyn-mobile-sheet[b-zf9286ach1]  a.bygsyn-nav-link-active { background: var(--bygsyn-sidebar-active); color: var(--bygsyn-sidebar-active-text); }
.bygsyn-nav-icon[b-zf9286ach1] { flex: 0 0 20px; height: 20px; width: 20px; }
.bygsyn-sidebar-footer[b-zf9286ach1], .bygsyn-drawer-footer[b-zf9286ach1] { align-items: center; border-top: 1px solid var(--bygsyn-sidebar-border); display: flex; gap: 12px; padding: 16px 14px; }
.bygsyn-sidebar-footer[b-zf9286ach1]  form, .bygsyn-drawer-footer[b-zf9286ach1]  form { margin-left: auto; }
.bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-user-avatar, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-user-avatar { align-items: center; background: hsl(102 45% 92%); border: 1px solid hsl(108 24% 88%); border-radius: 999px; color: var(--bygsyn-sidebar-active-text); display: flex; flex: 0 0 36px; font-size: .76rem; font-weight: 700; height: 36px; justify-content: center; }
.bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-user-name, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-user-name { color: var(--bygsyn-text); font-size: .88rem; font-weight: 700; }
.bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-logout, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-logout { align-items: center; background: transparent; border: 0; color: var(--bygsyn-muted); cursor: pointer; display: inline-flex; font: inherit; gap: 8px; justify-content: center; min-height: 44px; min-width: 44px; padding: 0 10px; }
.bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-logout:hover, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-logout:hover { color: var(--bygsyn-sidebar-active); }
.bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-logout span, .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-logout span { display: none; }
.bygsyn-main-content[b-zf9286ach1] { display: flex; flex: 1; flex-direction: column; margin-left: var(--bygsyn-sidebar-width); min-width: 0; }
.bygsyn-topbar[b-zf9286ach1] { align-items: center; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background: var(--bygsyn-topbar-bg); border-bottom: 1px solid var(--bygsyn-border); display: flex; justify-content: space-between; min-height: var(--bygsyn-topbar-height); padding: 0 40px; }
.bygsyn-topbar-left[b-zf9286ach1] { align-items: center; display: flex; gap: 12px; min-width: 0; }
.bygsyn-topbar-title[b-zf9286ach1] { color: var(--bygsyn-text); font-family: var(--bygsyn-heading-font); font-size: 1.32rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bygsyn-topbar-organization[b-zf9286ach1] { color: var(--bygsyn-muted); font-size: .9rem; font-weight: 600; }
.bygsyn-topbar-logo[b-zf9286ach1], .bygsyn-menu-toggle[b-zf9286ach1], .bygsyn-offcanvas[b-zf9286ach1], .bygsyn-mobile-navigation[b-zf9286ach1], .bygsyn-mobile-sheet[b-zf9286ach1] { display: none; }
.bygsyn-content[b-zf9286ach1] { background: var(--bygsyn-content-bg); flex: 1; padding: 42px 0 48px; }

@media (min-width: 1200px) and (max-width: 1439px) {
    .bygsyn-sidebar[b-zf9286ach1] { width: 76px; }
    .bygsyn-main-content[b-zf9286ach1] { margin-left: 76px; }
    .bygsyn-sidebar-header[b-zf9286ach1] { justify-content: center; padding-left: 8px; padding-right: 8px; }
    .bygsyn-sidebar-footer[b-zf9286ach1] { align-items: center; flex-direction: column; gap: 6px; justify-content: center; padding: 14px 8px 16px; }
    .bygsyn-brand-copy[b-zf9286ach1], .bygsyn-sidebar[b-zf9286ach1]  .bygsyn-nav-link span:last-child, .bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-user-details { display: none; }
    .bygsyn-sidebar-nav[b-zf9286ach1] { padding-left: 10px; padding-right: 10px; }
    .bygsyn-sidebar[b-zf9286ach1]  a.bygsyn-nav-link { justify-content: center; padding: 0; }
    .bygsyn-sidebar-footer[b-zf9286ach1]  form { display: block; margin-left: 0; }
    .bygsyn-sidebar-footer[b-zf9286ach1]  .bygsyn-logout { padding: 0; }
    .bygsyn-topbar[b-zf9286ach1] { padding-left: 32px; padding-right: 32px; }
    .bygsyn-content[b-zf9286ach1] { padding-top: 32px; }
}

@media (max-width: 1199px) {
    .bygsyn-sidebar[b-zf9286ach1] { display: none; }
    .bygsyn-main-content[b-zf9286ach1] { margin-left: 0; }
    .bygsyn-topbar[b-zf9286ach1] { min-height: 64px; padding: 0 24px; }
    .bygsyn-content[b-zf9286ach1] { padding-bottom: 48px; }
    .bygsyn-menu-toggle[b-zf9286ach1] { align-items: center; background: transparent; border: 0; color: var(--bygsyn-text); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; margin-left: -10px; width: 44px; }
    .bygsyn-topbar-icon[b-zf9286ach1] { height: 20px; width: 20px; }
    .bygsyn-offcanvas.is-open[b-zf9286ach1] { display: block; inset: 0; position: fixed; z-index: 50; }
    .bygsyn-offcanvas-backdrop[b-zf9286ach1], .bygsyn-mobile-sheet-backdrop[b-zf9286ach1] { background: rgba(14,25,48,.52); border: 0; cursor: pointer; inset: 0; position: absolute; width: 100%; }
    .bygsyn-offcanvas-panel[b-zf9286ach1] { background: var(--bygsyn-sidebar-bg); box-shadow: 18px 0 36px rgba(10,19,39,.22); display: flex; flex-direction: column; height: 100%; max-width: 280px; padding: 16px 12px; position: relative; width: calc(100% - 40px); }
    .bygsyn-offcanvas-header[b-zf9286ach1], .bygsyn-mobile-sheet-header[b-zf9286ach1] { align-items: center; display: flex; justify-content: space-between; padding: 4px 8px 16px; }
.bygsyn-offcanvas-header button[b-zf9286ach1], .bygsyn-mobile-sheet-header button[b-zf9286ach1] { align-items: center; background: transparent; border: 0; color: var(--bygsyn-text); cursor: pointer; display: flex; height: 44px; justify-content: center; width: 44px; }
    .bygsyn-drawer-brand[b-zf9286ach1] { align-items: center; flex-direction: row; gap: 10px; }
    .bygsyn-drawer-footer[b-zf9286ach1] { margin-top: auto; }
    .bygsyn-drawer-footer[b-zf9286ach1]  .bygsyn-logout span { display: inline; }
}

@media (max-width: 599px) {
    .bygsyn-content[b-zf9286ach1] { padding: 24px 16px calc(84px + env(safe-area-inset-bottom)); }
    .bygsyn-menu-toggle[b-zf9286ach1], .bygsyn-topbar-organization[b-zf9286ach1] { display: none; }
    .bygsyn-topbar[b-zf9286ach1] { padding: 0 16px; }
    .bygsyn-topbar-logo[b-zf9286ach1] { border-radius: 10px; display: block; height: 40px; object-fit: cover; width: 40px; }
    .bygsyn-topbar-title[b-zf9286ach1] { font-size: 1.1rem; }
    .bygsyn-mobile-navigation[b-zf9286ach1] { background: var(--bygsyn-topbar-bg); border-top: 1px solid var(--bygsyn-border); bottom: 0; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); min-height: 64px; padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; inset-inline: 0; position: fixed; z-index: 40; }
    .bygsyn-mobile-navigation[b-zf9286ach1]  .bygsyn-mobile-nav-link { align-items: center; background: transparent; border: 0; color: var(--bygsyn-muted); cursor: pointer; display: flex; flex-direction: column; font: inherit; font-size: .65rem; font-weight: 700; gap: 4px; justify-content: center; padding: 0; text-decoration: none; }
    .bygsyn-mobile-navigation[b-zf9286ach1]  .bygsyn-mobile-nav-link-active { color: var(--bygsyn-accent-dark); }
    .bygsyn-mobile-navigation[b-zf9286ach1]  svg { height: 22px; width: 22px; }
    .bygsyn-mobile-sheet.is-open[b-zf9286ach1] { display: block; inset: 0; position: fixed; z-index: 50; }
    .bygsyn-mobile-sheet-panel[b-zf9286ach1] { background: var(--bygsyn-sidebar-bg); border-radius: 20px 20px 0 0; bottom: 0; color: var(--bygsyn-sidebar-text); padding: 18px 16px calc(24px + env(safe-area-inset-bottom)); position: absolute; width: 100%; }
}

@media (min-width: 600px) and (max-width: 899px) {
    .bygsyn-content[b-zf9286ach1] { padding-left: 20px; padding-right: 20px; }
}

@media (min-width: 1440px) {
    .bygsyn-topbar[b-zf9286ach1] { padding-left: 40px; padding-right: 40px; }
    .bygsyn-content[b-zf9286ach1] { padding-top: 40px; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-w6zr3fbxyn],
.components-reconnect-repeated-attempt-visible[b-w6zr3fbxyn],
.components-reconnect-failed-visible[b-w6zr3fbxyn],
.components-pause-visible[b-w6zr3fbxyn],
.components-resume-failed-visible[b-w6zr3fbxyn],
.components-rejoining-animation[b-w6zr3fbxyn] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-retrying[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-failed[b-w6zr3fbxyn],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-w6zr3fbxyn] {
    display: block;
}


#components-reconnect-modal[b-w6zr3fbxyn] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-w6zr3fbxyn 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-w6zr3fbxyn 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-w6zr3fbxyn 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-w6zr3fbxyn]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-w6zr3fbxyn 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-w6zr3fbxyn {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-w6zr3fbxyn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-w6zr3fbxyn {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-w6zr3fbxyn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-w6zr3fbxyn] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-w6zr3fbxyn] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-w6zr3fbxyn] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-w6zr3fbxyn] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-w6zr3fbxyn] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-w6zr3fbxyn] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-w6zr3fbxyn 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-w6zr3fbxyn] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-w6zr3fbxyn {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AcceptInvitation.razor.rz.scp.css */
.accept-page[b-rwc5b6czty] { align-items: center; background: hsl(95 25% 97%); color: hsl(215 35% 15%); display: grid; gap: 26px; justify-items: center; min-height: 100vh; padding: 32px 20px; }
.accept-brand[b-rwc5b6czty] { align-items: center; display: flex; gap: 11px; }
.accept-brand img[b-rwc5b6czty] { height: 42px; object-fit: contain; width: 42px; }
.accept-brand div[b-rwc5b6czty] { display: grid; }
.accept-brand strong[b-rwc5b6czty] { font-family: var(--bygsyn-heading-font); font-size: 1.18rem; }
.accept-brand span[b-rwc5b6czty] { color: hsl(215 14% 42%); font-size: .76rem; }
.accept-card[b-rwc5b6czty] { background: #fff; border: 1px solid hsl(108 24% 87%); border-radius: 16px; box-shadow: 0 20px 60px rgb(15 23 42 / .1); padding: clamp(24px, 5vw, 40px); width: min(100%, 520px); }
.accept-card > header p[b-rwc5b6czty] { color: hsl(95 58% 34%); font-size: .74rem; font-weight: 800; letter-spacing: .08em; margin: 0 0 7px; text-transform: uppercase; }
.accept-card > header h1[b-rwc5b6czty] { font-family: var(--bygsyn-heading-font); font-size: clamp(1.65rem, 4vw, 2rem); letter-spacing: -.035em; margin: 0; }
.accept-card > header > span[b-rwc5b6czty] { color: hsl(215 14% 40%); display: block; line-height: 1.55; margin-top: 9px; }
.accept-details[b-rwc5b6czty] { background: hsl(95 30% 97%); border: 1px solid hsl(108 24% 88%); border-radius: 11px; display: grid; gap: 10px; margin: 24px 0; padding: 16px; }
.accept-details > div[b-rwc5b6czty] { align-items: baseline; display: flex; gap: 16px; justify-content: space-between; }
.accept-details dt[b-rwc5b6czty] { color: hsl(215 14% 42%); font-size: .78rem; font-weight: 700; }
.accept-details dd[b-rwc5b6czty] { font-size: .86rem; margin: 0; overflow-wrap: anywhere; text-align: right; }
.accept-card[b-rwc5b6czty]  form { display: grid; gap: 18px; }
.accept-field[b-rwc5b6czty] { display: grid; gap: 8px; }
.accept-field label[b-rwc5b6czty] { font-size: .84rem; font-weight: 700; }
.accept-field > div[b-rwc5b6czty] { align-items: center; display: flex; position: relative; }
.accept-field > div[b-rwc5b6czty]  svg { color: hsl(215 14% 48%); height: 18px; left: 14px; position: absolute; width: 18px; }
.accept-field[b-rwc5b6czty]  input { border: 1px solid hsl(108 24% 84%); border-radius: 10px; box-sizing: border-box; font: 1rem var(--bygsyn-body-font); min-height: 50px; padding: 12px 14px 12px 42px; width: 100%; }
.accept-field[b-rwc5b6czty]  input:focus { border-color: hsl(95 55% 44%); box-shadow: 0 0 0 3px hsl(95 55% 44% / .16); outline: 0; }
.accept-field[b-rwc5b6czty]  .validation-message { color: #b42318; font-size: .78rem; }
.accept-primary[b-rwc5b6czty] { align-items: center; background: hsl(95 60% 38%); border: 1px solid hsl(95 60% 38%); border-radius: 10px; color: #fff; display: flex; font: 700 .92rem var(--bygsyn-body-font); gap: 9px; justify-content: center; min-height: 50px; padding: 0 18px; text-decoration: none; }
.accept-primary:disabled[b-rwc5b6czty] { cursor: wait; opacity: .65; }
.accept-primary[b-rwc5b6czty]  svg { height: 18px; width: 18px; }
.accept-error[b-rwc5b6czty] { align-items: flex-start; background: #fff1f0; border: 1px solid #fecdca; border-radius: 9px; color: #b42318; display: flex; gap: 9px; margin-bottom: 18px; padding: 12px; }
.accept-error[b-rwc5b6czty]  svg { flex: 0 0 18px; height: 18px; width: 18px; }
.accept-success[b-rwc5b6czty], .accept-invalid[b-rwc5b6czty], .accept-state[b-rwc5b6czty] { text-align: center; }
.accept-success[b-rwc5b6czty], .accept-invalid[b-rwc5b6czty] { display: grid; gap: 14px; justify-items: center; }
.accept-success > span[b-rwc5b6czty], .accept-invalid > span[b-rwc5b6czty] { align-items: center; border-radius: 50%; display: flex; height: 54px; justify-content: center; width: 54px; }
.accept-success > span[b-rwc5b6czty] { background: hsl(130 42% 90%); color: hsl(130 48% 27%); }
.accept-invalid > span[b-rwc5b6czty] { background: hsl(42 95% 91%); color: hsl(31 85% 31%); }
.accept-success[b-rwc5b6czty]  svg, .accept-invalid[b-rwc5b6czty]  svg { height: 26px; width: 26px; }
.accept-success h1[b-rwc5b6czty], .accept-invalid h1[b-rwc5b6czty] { font-family: var(--bygsyn-heading-font); margin: 0; }
.accept-success p[b-rwc5b6czty], .accept-invalid p[b-rwc5b6czty] { color: hsl(215 14% 40%); line-height: 1.55; margin: 0 0 6px; }
.accept-invalid a[b-rwc5b6czty] { color: hsl(95 60% 31%); font-weight: 700; }
@media (max-width: 599px) { .accept-page[b-rwc5b6czty] { align-content: start; padding: 24px 14px; } .accept-card[b-rwc5b6czty] { border-radius: 13px; } }
/* /Components/Pages/AccessDenied.razor.rz.scp.css */
.login-card[b-3ss22oawzx] {
    width: min(100%, 430px);
    padding: 2.5rem;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgb(0 0 0 / 28%);
}

.login-logo[b-3ss22oawzx] {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.login-card h1[b-3ss22oawzx] {
    margin: 1.25rem 0 .4rem;
    color: #0f1a24;
}
/* /Components/Pages/Admin/AdminAuditLog.razor.rz.scp.css */
.audit-page[b-rlz5zt64n9] { color: hsl(215 35% 15%); display: grid; gap: 20px; margin: 0 auto; max-width: 1500px; }.audit-header h1[b-rlz5zt64n9] { font-family: var(--bygsyn-heading-font); margin: 0; }.audit-header p[b-rlz5zt64n9], .audit-table small[b-rlz5zt64n9], .audit-card small[b-rlz5zt64n9], .audit-card span[b-rlz5zt64n9] { color: hsl(215 14% 42%); display: block; margin-top: 5px; }.audit-controls[b-rlz5zt64n9] { border-block: 1px solid hsl(108 24% 88%); display: flex; gap: 12px; padding: 16px 0; }.audit-search[b-rlz5zt64n9] { align-items: center; background: #fff; border: 1px solid hsl(108 24% 86%); border-radius: 10px; display: flex; flex: 1; gap: 10px; min-height: 46px; padding: 0 13px; }.audit-search input[b-rlz5zt64n9] { border: 0; font: inherit; min-width: 0; outline: 0; width: 100%; }.audit-quick-filters[b-rlz5zt64n9] { display: flex; gap: 6px; }.audit-quick-filters button[b-rlz5zt64n9], .audit-load-more[b-rlz5zt64n9], .audit-sheet button[b-rlz5zt64n9] { background: #fff; border: 1px solid hsl(108 24% 82%); border-radius: 9px; color: hsl(215 25% 25%); cursor: pointer; font: 700 .85rem var(--bygsyn-body-font); min-height: 44px; padding: 0 14px; }.audit-state[b-rlz5zt64n9], .audit-table-wrap[b-rlz5zt64n9] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; }.audit-state[b-rlz5zt64n9] { padding: 24px; }.audit-error[b-rlz5zt64n9] { color: hsl(2 65% 38%); }.audit-count[b-rlz5zt64n9] { margin: 0; }.audit-table[b-rlz5zt64n9] { border-collapse: collapse; width: 100%; }.audit-table th[b-rlz5zt64n9] { background: hsl(95 22% 97%); color: hsl(215 14% 42%); font-size: .7rem; padding: 12px 16px; text-align: left; }.audit-table td[b-rlz5zt64n9] { border-top: 1px solid hsl(108 24% 90%); padding: 13px 16px; vertical-align: top; }.audit-table tbody tr[b-rlz5zt64n9] { cursor: pointer; }.audit-table tbody tr:hover[b-rlz5zt64n9] { background: hsl(95 35% 98%); }.audit-pill[b-rlz5zt64n9] { background: hsl(95 42% 93%); border: 1px solid hsl(95 32% 80%); border-radius: 999px; color: hsl(95 60% 31%); display: inline-flex; font-size: .72rem; font-weight: 700; padding: 4px 8px; }.audit-mobile-list[b-rlz5zt64n9] { display: none; }.audit-load-more[b-rlz5zt64n9] { justify-self: center; }.audit-sheet-backdrop[b-rlz5zt64n9] { background: rgb(15 23 42 / .42); inset: 0; position: fixed; z-index: 90; }.audit-sheet[b-rlz5zt64n9] { background: hsl(95 22% 98%); box-shadow: -18px 0 48px rgb(15 23 42 / .24); inset: 0 0 0 auto; overflow-y: auto; position: fixed; width: min(100%, 640px); z-index: 91; }.audit-sheet header[b-rlz5zt64n9] { background: #fff; border-bottom: 1px solid hsl(108 24% 88%); display: flex; justify-content: space-between; padding: 24px; }.audit-sheet h2[b-rlz5zt64n9] { font-family: var(--bygsyn-heading-font); margin: 16px 0 6px; }.audit-sheet p[b-rlz5zt64n9] { color: hsl(215 14% 42%); margin: 0; }.audit-sheet-body[b-rlz5zt64n9] { display: grid; gap: 20px; padding: 24px; }.audit-detail-section h3[b-rlz5zt64n9] { margin: 0 0 10px; }.audit-detail-section dl[b-rlz5zt64n9] { background: #fff; border: 1px solid hsl(108 24% 86%); border-radius: 12px; margin: 0; padding: 4px 18px; }.audit-detail-section dl div[b-rlz5zt64n9] { align-items: baseline; border-top: 1px solid hsl(108 24% 90%); display: flex; gap: 16px; justify-content: space-between; padding: 13px 0; }.audit-detail-section dl div:first-child[b-rlz5zt64n9] { border-top: 0; }.audit-detail-section dt[b-rlz5zt64n9] { color: hsl(215 14% 42%); }.audit-detail-section dd[b-rlz5zt64n9] { margin: 0; overflow-wrap: anywhere; text-align: right; }
@media (max-width: 699px) { .audit-controls[b-rlz5zt64n9] { align-items: stretch; flex-direction: column; }.audit-quick-filters button[b-rlz5zt64n9] { flex: 1; }.audit-table-wrap[b-rlz5zt64n9] { display: none; }.audit-mobile-list[b-rlz5zt64n9] { display: grid; gap: 10px; }.audit-card[b-rlz5zt64n9] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; cursor: pointer; display: grid; gap: 4px; padding: 16px; position: relative; text-align: left; }.audit-card[b-rlz5zt64n9]  svg { position: absolute; right: 14px; top: calc(50% - 9px); }.audit-sheet[b-rlz5zt64n9] { width: 100%; }.audit-detail-section dl div[b-rlz5zt64n9] { align-items: flex-start; flex-direction: column; gap: 4px; }.audit-detail-section dd[b-rlz5zt64n9] { text-align: left; } }
/* /Components/Pages/Admin/AdminCustomerTypes.razor.rz.scp.css */
.customer-types-page[b-f6fcmrdr7h] { color: hsl(215 35% 15%); display: grid; gap: 28px; margin: 0 auto; max-width: 1600px; }
.customer-types-header[b-f6fcmrdr7h] { align-items: flex-start; display: flex; gap: 24px; justify-content: space-between; }
.customer-types-header h1[b-f6fcmrdr7h] { font-family: var(--bygsyn-heading-font); font-size: clamp(1.7rem, 2.4vw, 2.1rem); letter-spacing: -.035em; margin: 0; }
.customer-types-header p[b-f6fcmrdr7h] { color: hsl(215 14% 40%); margin: 7px 0 0; }
.customer-types-primary[b-f6fcmrdr7h], .customer-types-secondary[b-f6fcmrdr7h], .customer-types-danger[b-f6fcmrdr7h], .customer-type-action-button[b-f6fcmrdr7h] { align-items: center; appearance: none; border-radius: 9px; cursor: pointer; display: inline-flex; font: 700 .88rem var(--bygsyn-body-font); gap: 8px; justify-content: center; min-height: 44px; padding: 0 16px; }
.customer-types-primary[b-f6fcmrdr7h] { background: hsl(95 60% 38%); border: 1px solid hsl(95 60% 38%); color: #fff; }
.customer-types-secondary[b-f6fcmrdr7h], .customer-type-action-button[b-f6fcmrdr7h] { background: #fff; border: 1px solid hsl(108 24% 80%); color: hsl(215 25% 25%); }
.customer-types-danger[b-f6fcmrdr7h] { background: #c92a2a; border: 1px solid #c92a2a; color: #fff; }
.customer-types-primary:disabled[b-f6fcmrdr7h], .customer-types-secondary:disabled[b-f6fcmrdr7h], .customer-types-danger:disabled[b-f6fcmrdr7h], .customer-type-action-button:disabled[b-f6fcmrdr7h] { cursor: not-allowed; opacity: .55; }
.customer-types-primary[b-f6fcmrdr7h]  svg, .customer-types-danger[b-f6fcmrdr7h]  svg { height: 17px; width: 17px; }
.customer-types-panel[b-f6fcmrdr7h], .customer-types-state[b-f6fcmrdr7h] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; }
.customer-types-panel[b-f6fcmrdr7h] { overflow: hidden; }
.customer-types-state[b-f6fcmrdr7h] { color: hsl(215 14% 40%); padding: 28px; }
.customer-types-feedback[b-f6fcmrdr7h] { border: 1px solid; border-radius: 9px; padding: 12px 14px; }
.customer-types-feedback.is-success[b-f6fcmrdr7h] { background: hsl(95 45% 94%); border-color: hsl(95 42% 82%); color: hsl(95 65% 27%); }
.customer-types-feedback.is-error[b-f6fcmrdr7h] { background: #fff1f0; border-color: #fecdca; color: #b42318; }
.customer-types-table[b-f6fcmrdr7h] { border-collapse: collapse; table-layout: fixed; width: 100%; }
.customer-types-table th[b-f6fcmrdr7h] { background: hsl(110 20% 97%); border-bottom: 1px solid hsl(108 24% 88%); color: hsl(215 14% 40%); font-size: .7rem; letter-spacing: .06em; padding: 11px 24px; text-align: left; text-transform: uppercase; }
.customer-types-table td[b-f6fcmrdr7h] { border-bottom: 1px solid hsl(108 24% 91%); font-size: .86rem; padding: 14px 24px; vertical-align: middle; }
.customer-types-table tbody tr:last-child td[b-f6fcmrdr7h] { border-bottom: 0; }
.customer-types-table th:last-child[b-f6fcmrdr7h], .customer-types-table td:last-child[b-f6fcmrdr7h] { text-align: right; width: 320px; }
.customer-type-name[b-f6fcmrdr7h] { display: grid; gap: 4px; min-width: 0; }
.customer-type-name strong[b-f6fcmrdr7h], .customer-type-name span[b-f6fcmrdr7h] { overflow-wrap: anywhere; }
.customer-type-name span[b-f6fcmrdr7h] { color: hsl(215 14% 45%); font-size: .76rem; }
.customer-type-name code[b-f6fcmrdr7h] { color: hsl(215 16% 34%); font-size: .74rem; }
.customer-type-badge[b-f6fcmrdr7h] { border-radius: 999px; display: inline-flex; font-size: .74rem; font-weight: 700; padding: 5px 9px; white-space: nowrap; }
.customer-type-badge.is-active[b-f6fcmrdr7h] { background: hsl(130 42% 92%); color: hsl(130 48% 27%); }
.customer-type-badge.is-inactive[b-f6fcmrdr7h] { background: hsl(215 16% 93%); color: hsl(215 18% 35%); }
.customer-type-actions[b-f6fcmrdr7h] { align-items: center; display: flex; gap: 8px; justify-content: flex-end; }
.customer-type-icon-button[b-f6fcmrdr7h] { align-items: center; background: hsl(95 40% 95%); border: 1px solid hsl(95 30% 85%); border-radius: 8px; color: hsl(95 60% 32%); cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; width: 44px; }
.customer-type-icon-button.is-danger[b-f6fcmrdr7h] { background: #fff5f5; border-color: #ffc9c9; color: #c92a2a; }
.customer-type-icon-button[b-f6fcmrdr7h]  svg { height: 18px; width: 18px; }
.customer-types-mobile-list[b-f6fcmrdr7h] { display: none; }
.customer-type-backdrop[b-f6fcmrdr7h] { backdrop-filter: blur(3px); background: rgb(15 23 42 / .42); inset: 0; position: fixed; z-index: 90; }
.customer-type-sheet[b-f6fcmrdr7h] { background: #fff; box-shadow: -18px 0 48px rgb(15 23 42 / .24); inset: 0 0 0 auto; max-width: 576px; position: fixed; width: min(100%, 576px); z-index: 91; }
.customer-type-sheet form[b-f6fcmrdr7h], .customer-type-delete-layout[b-f6fcmrdr7h] { display: grid; grid-template-rows: auto 1fr auto; height: 100%; min-height: 0; }
.customer-type-sheet-header[b-f6fcmrdr7h], .customer-type-sheet-footer[b-f6fcmrdr7h] { background: #fff; padding: 24px; }
.customer-type-sheet-header[b-f6fcmrdr7h] { align-items: flex-start; border-bottom: 1px solid hsl(108 24% 88%); display: flex; gap: 16px; justify-content: space-between; }
.customer-type-sheet-header h2[b-f6fcmrdr7h] { font-family: var(--bygsyn-heading-font); font-size: 1.5rem; letter-spacing: -.03em; line-height: 1.2; margin: 0; }
.customer-type-sheet-header p[b-f6fcmrdr7h] { color: hsl(215 14% 40%); font-size: .9rem; line-height: 1.45; margin: 7px 0 0; }
.customer-type-close[b-f6fcmrdr7h] { align-items: center; background: transparent; border: 0; border-radius: 8px; cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; margin: -2px -8px 0 0; width: 44px; }
.customer-type-close[b-f6fcmrdr7h]  svg { height: 21px; width: 21px; }
.customer-type-sheet-body[b-f6fcmrdr7h] { background: hsl(95 22% 98%); min-height: 0; overflow-y: auto; padding: 24px; }
.customer-type-form-grid[b-f6fcmrdr7h] { display: grid; gap: 20px; }
.customer-type-field[b-f6fcmrdr7h] { display: grid; gap: 8px; }
.customer-type-field > span[b-f6fcmrdr7h] { align-items: center; color: hsl(215 20% 28%); display: inline-flex; font-size: .84rem; font-weight: 700; gap: 7px; }
.customer-type-field > span[b-f6fcmrdr7h]  svg { color: hsl(215 14% 48%); height: 16px; width: 16px; }
.customer-type-field small[b-f6fcmrdr7h] { color: hsl(215 14% 45%); font-size: .75rem; }
.customer-type-field[b-f6fcmrdr7h]  .customer-type-input { appearance: none; background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 10px; box-sizing: border-box; color: hsl(215 35% 15%); font: 1rem var(--bygsyn-body-font); min-height: 48px; padding: 12px 14px; width: 100%; }
.customer-type-field[b-f6fcmrdr7h]  .customer-type-input:focus { border-color: hsl(95 55% 44%); box-shadow: 0 0 0 3px hsl(95 55% 44% / .16); outline: 0; }
.customer-type-field[b-f6fcmrdr7h]  .customer-type-input:disabled { background: hsl(110 20% 96%); color: hsl(215 14% 50%); cursor: not-allowed; }
.customer-type-checkbox[b-f6fcmrdr7h] { align-items: center; display: flex; font-size: .88rem; font-weight: 700; gap: 10px; min-height: 44px; }
.customer-type-checkbox[b-f6fcmrdr7h]  input { accent-color: hsl(95 60% 38%); height: 20px; width: 20px; }
.customer-type-sheet-footer[b-f6fcmrdr7h] { align-items: center; border-top: 1px solid hsl(108 24% 88%); box-shadow: 0 -8px 18px rgb(15 23 42 / .04); display: flex; gap: 12px; justify-content: flex-end; }
.customer-type-warning[b-f6fcmrdr7h], .customer-type-danger[b-f6fcmrdr7h] { border: 1px solid; border-radius: 12px; display: flex; gap: 12px; padding: 18px; }
.customer-type-warning[b-f6fcmrdr7h] { background: #fff9db; border-color: #ffe066; color: #7c5d00; }
.customer-type-danger[b-f6fcmrdr7h] { background: #fff5f5; border-color: #ffa8a8; color: #b42318; }
.customer-type-warning[b-f6fcmrdr7h]  svg, .customer-type-danger[b-f6fcmrdr7h]  svg { flex: 0 0 20px; height: 20px; width: 20px; }
.customer-type-warning h3[b-f6fcmrdr7h], .customer-type-danger h3[b-f6fcmrdr7h] { font-size: 1rem; margin: 0; }
.customer-type-warning p[b-f6fcmrdr7h], .customer-type-danger p[b-f6fcmrdr7h] { line-height: 1.5; margin: 6px 0 0; }
.customer-types-primary:focus-visible[b-f6fcmrdr7h], .customer-types-secondary:focus-visible[b-f6fcmrdr7h], .customer-types-danger:focus-visible[b-f6fcmrdr7h], .customer-type-action-button:focus-visible[b-f6fcmrdr7h], .customer-type-icon-button:focus-visible[b-f6fcmrdr7h], .customer-type-close:focus-visible[b-f6fcmrdr7h] { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }

@media (max-width: 899px) {
    .customer-types-table th[b-f6fcmrdr7h], .customer-types-table td[b-f6fcmrdr7h] { padding-left: 16px; padding-right: 16px; }
    .customer-types-table th:last-child[b-f6fcmrdr7h], .customer-types-table td:last-child[b-f6fcmrdr7h] { width: 270px; }
}

@media (max-width: 799px) {
    .customer-types-table-wrap[b-f6fcmrdr7h] { display: none; }
    .customer-types-mobile-list[b-f6fcmrdr7h] { display: grid; }
    .customer-type-card[b-f6fcmrdr7h] { display: grid; gap: 16px; padding: 18px; }
    .customer-type-card + .customer-type-card[b-f6fcmrdr7h] { border-top: 1px solid hsl(108 24% 88%); }
    .customer-type-card-heading[b-f6fcmrdr7h] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
    .customer-type-card dl[b-f6fcmrdr7h] { display: grid; gap: 10px; margin: 0; }
    .customer-type-card dl > div[b-f6fcmrdr7h] { align-items: center; display: flex; justify-content: space-between; }
    .customer-type-card dt[b-f6fcmrdr7h] { color: hsl(215 14% 40%); font-size: .75rem; font-weight: 700; }
    .customer-type-card dd[b-f6fcmrdr7h] { margin: 0; }
    .customer-type-card .customer-type-actions[b-f6fcmrdr7h] { justify-content: flex-start; }
}

@media (max-width: 599px) {
    .customer-types-page[b-f6fcmrdr7h] { gap: 22px; }
    .customer-types-header[b-f6fcmrdr7h] { align-items: stretch; flex-direction: column; gap: 16px; }
    .customer-types-header .customer-types-primary[b-f6fcmrdr7h] { width: fit-content; }
    .customer-type-sheet[b-f6fcmrdr7h] { max-width: none; width: 100%; }
    .customer-type-sheet-header[b-f6fcmrdr7h], .customer-type-sheet-body[b-f6fcmrdr7h], .customer-type-sheet-footer[b-f6fcmrdr7h] { padding-left: 16px; padding-right: 16px; }
    .customer-type-sheet-footer[b-f6fcmrdr7h] { flex-wrap: wrap; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
    .customer-type-sheet-footer button[b-f6fcmrdr7h] { flex: 1 1 44%; }
    .customer-type-actions[b-f6fcmrdr7h] { flex-wrap: wrap; }
    .customer-type-action-button[b-f6fcmrdr7h] { flex: 1 1 auto; }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.platform-dashboard[b-sqexy6h04z] { margin: 0 auto; max-width: 1640px; }
.platform-dashboard-header[b-sqexy6h04z] { margin-bottom: 28px; }
.platform-dashboard-header h1[b-sqexy6h04z] { color: var(--admin-text, #192232); font-family: var(--bygsyn-heading-font); font-size: 2rem; letter-spacing: -.04em; margin: 0 0 6px; }
.platform-dashboard-header p[b-sqexy6h04z] { color: var(--admin-muted, #586273); font-size: 1rem; margin: 0; }
.platform-state[b-sqexy6h04z] { background: #fff; border: 1px solid var(--admin-border, #dbe8d8); border-radius: 12px; color: var(--admin-muted, #586273); padding: 28px; }
.platform-state-error[b-sqexy6h04z] { background: #fff1f2; border-color: #fecdd3; color: #9f1239; }
.platform-stat-grid[b-sqexy6h04z] { display: grid; gap: 16px; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 30px; }
.platform-panel-grid[b-sqexy6h04z] { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.platform-panel[b-sqexy6h04z] { background: #fff; border: 1px solid var(--admin-border, #dbe8d8); border-radius: 12px; min-height: 270px; padding: 24px; }
.platform-panel-header[b-sqexy6h04z] { align-items: center; display: flex; margin-bottom: 28px; }
.platform-panel-header div[b-sqexy6h04z] { align-items: center; display: flex; gap: 10px; }
.platform-panel-header[b-sqexy6h04z]  svg { color: var(--admin-green, #4e9b27); height: 20px; width: 20px; }
.platform-panel-header h2[b-sqexy6h04z] { font-family: var(--bygsyn-heading-font); font-size: 1.05rem; margin: 0; }
.platform-bars[b-sqexy6h04z] { display: grid; gap: 18px; }
.platform-bar-row[b-sqexy6h04z] { display: grid; gap: 8px; }
.platform-bar-label[b-sqexy6h04z] { color: var(--admin-text, #192232); display: flex; font-size: .9rem; justify-content: space-between; gap: 16px; }
.platform-bar-label span:last-child[b-sqexy6h04z] { color: var(--admin-muted, #586273); white-space: nowrap; }
.platform-bar-track[b-sqexy6h04z] { background: #eff4ef; border-radius: 999px; height: 8px; overflow: hidden; }
.platform-bar-fill[b-sqexy6h04z] { border-radius: inherit; display: block; height: 100%; min-width: 0; }
.platform-bar-fill-green[b-sqexy6h04z] { background: var(--admin-green, #4e9b27); }
.platform-bar-fill-blue[b-sqexy6h04z] { background: var(--bygsyn-info, #1376ec); }
.platform-empty[b-sqexy6h04z] { color: var(--admin-muted, #586273); margin: 0; padding: 18px 0; }
.platform-panel-link[b-sqexy6h04z] { align-items: center; background: transparent; border-radius: 8px; color: var(--admin-green, #4e9b27); display: inline-flex; font-size: .9rem; font-weight: 700; gap: 7px; margin-top: 28px; min-height: 44px; padding: 8px 10px; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.platform-panel-link:visited[b-sqexy6h04z] { color: var(--admin-green, #4e9b27); }
.platform-panel-link[b-sqexy6h04z]  svg { height: 16px; width: 16px; }
.platform-panel-link:hover[b-sqexy6h04z] { background: #eef8ea; color: var(--admin-green-dark, #36751b); }
.platform-panel-link:hover[b-sqexy6h04z]  svg { transform: translateX(2px); }
.platform-panel-link:focus-visible[b-sqexy6h04z] { background: #eef8ea; box-shadow: 0 0 0 3px rgb(78 155 39 / .24); outline: 2px solid var(--admin-green, #4e9b27); outline-offset: 2px; }

@media (max-width: 1199px) { .platform-stat-grid[b-sqexy6h04z] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 899px) { .platform-stat-grid[b-sqexy6h04z] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .platform-panel-grid[b-sqexy6h04z] { grid-template-columns: 1fr; } }
@media (max-width: 599px) { .platform-dashboard-header h1[b-sqexy6h04z] { font-size: 1.65rem; } .platform-stat-grid[b-sqexy6h04z] { gap: 12px; } .platform-panel[b-sqexy6h04z] { padding: 20px; } }
/* /Components/Pages/Admin/AdminMessages.razor.rz.scp.css */
.admin-messages-page[b-ebe3816jp4]{display:grid;gap:24px;margin:0 auto;max-width:1400px}.admin-messages-page header h1[b-ebe3816jp4],.admin-messages-title h2[b-ebe3816jp4]{font-family:var(--bygsyn-heading-font);margin:0}.admin-messages-page header p[b-ebe3816jp4]{color:var(--bygsyn-muted);margin:6px 0 0}.admin-messages-grid[b-ebe3816jp4]{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-messages-card[b-ebe3816jp4]{background:#fff;border:1px solid var(--bygsyn-border);border-radius:12px;padding:24px}.admin-messages-title[b-ebe3816jp4]{align-items:center;display:flex;gap:10px;margin-bottom:20px}.admin-messages-title svg[b-ebe3816jp4]{color:var(--bygsyn-accent-dark);height:20px;width:20px}.admin-message-field[b-ebe3816jp4]{display:grid;gap:7px;margin-top:16px}.admin-message-field label[b-ebe3816jp4]{font-size:.86rem;font-weight:700}.admin-message-field[b-ebe3816jp4]  input,.admin-message-field select[b-ebe3816jp4],.admin-message-field[b-ebe3816jp4]  textarea{background:#fff;border:1px solid var(--bygsyn-border);border-radius:10px;box-sizing:border-box;font:1rem var(--bygsyn-body-font);min-height:48px;padding:12px;width:100%}.admin-message-field[b-ebe3816jp4]  textarea{min-height:160px;resize:vertical}.admin-message-field[b-ebe3816jp4]  input:focus,.admin-message-field select:focus[b-ebe3816jp4],.admin-message-field[b-ebe3816jp4]  textarea:focus{border-color:var(--bygsyn-accent);box-shadow:0 0 0 3px rgb(86 204 42 / .16);outline:0}.admin-message-send[b-ebe3816jp4]{align-items:center;background:var(--bygsyn-accent);border:0;border-radius:10px;color:var(--bygsyn-sidebar-active-text);cursor:pointer;display:flex;font:700 .9rem var(--bygsyn-body-font);gap:8px;justify-content:center;margin-top:20px;min-height:48px;width:100%}.admin-message-send:disabled[b-ebe3816jp4]{cursor:wait;opacity:.55}.admin-message-success[b-ebe3816jp4],.admin-message-error[b-ebe3816jp4]{border-radius:9px;margin-bottom:16px;padding:12px}.admin-message-success[b-ebe3816jp4]{background:#eaf7e6;color:#286b18}.admin-message-error[b-ebe3816jp4]{background:#fff1f0;color:#b42318}.admin-message-list[b-ebe3816jp4]{display:grid;gap:12px}.admin-message-list article[b-ebe3816jp4]{border:1px solid var(--bygsyn-border);border-radius:10px;padding:16px}.admin-message-list article div[b-ebe3816jp4]{color:var(--bygsyn-muted);display:flex;font-size:.8rem;justify-content:space-between;gap:10px}.admin-message-list h3[b-ebe3816jp4]{margin:10px 0 6px}.admin-message-list p[b-ebe3816jp4]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.admin-message-empty[b-ebe3816jp4],.admin-message-help[b-ebe3816jp4]{color:var(--bygsyn-muted)}.admin-message-email-option[b-ebe3816jp4]{align-items:center;display:flex;gap:10px;margin-top:16px}.admin-message-email-option input[b-ebe3816jp4]{height:20px;width:20px}.admin-message-email-option label[b-ebe3816jp4]{margin:0}.admin-message-field small[b-ebe3816jp4]{color:var(--bygsyn-muted);display:block;margin-top:6px}@media(max-width:899px){.admin-messages-grid[b-ebe3816jp4]{grid-template-columns:1fr}}@media(max-width:599px){.admin-messages-card[b-ebe3816jp4]{padding:18px}.admin-message-list article div[b-ebe3816jp4]{align-items:flex-start;flex-direction:column;gap:3px}}
/* /Components/Pages/Admin/AdminOrganizations.razor.rz.scp.css */
.organizations-page[b-6evkmq83e4] { color: hsl(215 35% 15%); display: grid; gap: 28px; margin: 0 auto; max-width: 1600px; }
.organizations-header[b-6evkmq83e4] { align-items: flex-start; display: flex; gap: 24px; justify-content: space-between; }
.organizations-header h1[b-6evkmq83e4] { font-family: var(--bygsyn-heading-font); font-size: clamp(1.7rem, 2.4vw, 2.1rem); letter-spacing: -.035em; margin: 0; }
.organizations-header p[b-6evkmq83e4] { color: hsl(215 14% 40%); margin: 7px 0 0; }
.organizations-primary-button[b-6evkmq83e4], .organizations-secondary-button[b-6evkmq83e4] { align-items: center; appearance: none; border-radius: 9px; cursor: pointer; display: inline-flex; font: 700 .88rem var(--bygsyn-body-font); gap: 8px; justify-content: center; line-height: 1.2; min-height: 48px; padding: 0 18px; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.organizations-primary-button[b-6evkmq83e4] { background: hsl(95 60% 38%); border: 1px solid hsl(95 60% 38%); color: #fff; }
.organizations-secondary-button[b-6evkmq83e4] { background: #fff; border: 1px solid hsl(108 24% 80%); color: hsl(215 25% 25%); }
.organizations-secondary-button:visited[b-6evkmq83e4] { color: hsl(215 25% 25%); }
.organizations-secondary-button:hover[b-6evkmq83e4] { background: hsl(95 45% 96%); border-color: hsl(95 38% 72%); color: hsl(95 55% 27%); }
.organizations-primary-button:disabled[b-6evkmq83e4], .organizations-secondary-button:disabled[b-6evkmq83e4] { cursor: wait; opacity: .6; }
.organizations-primary-button[b-6evkmq83e4]  svg { height: 17px; width: 17px; }
.organizations-panel[b-6evkmq83e4], .organizations-state[b-6evkmq83e4] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; }
.organizations-panel[b-6evkmq83e4] { overflow: hidden; }
.organizations-panel-header[b-6evkmq83e4] { align-items: center; display: flex; gap: 12px; padding: 22px 24px; }
.organizations-panel-header h2[b-6evkmq83e4] { font-family: var(--bygsyn-heading-font); font-size: 1.08rem; margin: 0; }
.organizations-panel-icon[b-6evkmq83e4] { align-items: center; background: hsl(95 45% 92%); border-radius: 10px; color: hsl(95 60% 38%); display: flex; justify-content: center; }
.organizations-panel-icon[b-6evkmq83e4] { height: 42px; width: 42px; }
.organizations-panel-icon[b-6evkmq83e4]  svg { height: 21px; width: 21px; }
.organizations-state[b-6evkmq83e4], .organizations-empty[b-6evkmq83e4] { color: hsl(215 14% 40%); padding: 26px; }
.organizations-empty[b-6evkmq83e4] { border-top: 1px solid hsl(108 24% 88%); }
.organizations-feedback[b-6evkmq83e4] { border: 1px solid; border-radius: 9px; padding: 12px 14px; }
.organizations-feedback-success[b-6evkmq83e4] { background: hsl(95 45% 94%); border-color: hsl(95 42% 82%); color: hsl(95 65% 27%); }
.organizations-feedback-error[b-6evkmq83e4] { background: #fff1f0; border-color: #fecdca; color: #b42318; }
.organizations-table[b-6evkmq83e4] { border-collapse: collapse; table-layout: fixed; width: 100%; }
.organizations-table th[b-6evkmq83e4] { background: hsl(110 20% 97%); border-bottom: 1px solid hsl(108 24% 88%); color: hsl(215 14% 40%); font-size: .7rem; letter-spacing: .06em; padding: 11px 24px; text-align: left; }
.organizations-table td[b-6evkmq83e4] { border-bottom: 1px solid hsl(108 24% 91%); font-size: .86rem; padding: 14px 24px; vertical-align: middle; }
.organization-editable-row[b-6evkmq83e4] { cursor: pointer; }
.organizations-table tbody tr:hover[b-6evkmq83e4] { background: hsl(95 35% 98%); }
.organization-editable-row:focus-visible[b-6evkmq83e4] { outline: 2px solid hsl(212 85% 50%); outline-offset: -2px; }
.organization-name[b-6evkmq83e4] { display: grid; gap: 3px; min-width: 0; }
.organization-name strong[b-6evkmq83e4], .organization-name span[b-6evkmq83e4] { overflow-wrap: anywhere; }
.organization-name span[b-6evkmq83e4] { color: hsl(215 14% 45%); font-size: .75rem; }
.organization-users[b-6evkmq83e4] { align-items: center; display: inline-flex; gap: 7px; white-space: nowrap; }
.organization-users[b-6evkmq83e4]  svg { color: hsl(215 14% 45%); height: 17px; width: 17px; }
.organization-users-link[b-6evkmq83e4] { border-radius: 8px; color: hsl(95 60% 31%); font-weight: 700; min-height: 44px; padding: 0 10px; text-decoration: none; }
.organization-users-link:hover[b-6evkmq83e4] { background: hsl(95 45% 94%); }
.organization-status[b-6evkmq83e4] { border-radius: 999px; display: inline-flex; font-size: .74rem; font-weight: 700; padding: 5px 9px; white-space: nowrap; }
.organization-status-trial[b-6evkmq83e4] { background: hsl(212 80% 94%); color: hsl(212 70% 35%); }
.organization-status-active[b-6evkmq83e4] { background: hsl(130 42% 92%); color: hsl(130 48% 27%); }
.organization-status-pastdue[b-6evkmq83e4] { background: hsl(42 95% 91%); color: hsl(31 85% 31%); }
.organization-status-canceled[b-6evkmq83e4] { background: hsl(215 16% 93%); color: hsl(215 18% 35%); }
.organization-status-suspended[b-6evkmq83e4] { background: hsl(2 72% 94%); color: hsl(2 65% 38%); }
.organization-actions[b-6evkmq83e4] { text-align: right; width: 52px; }
.organization-edit-button[b-6evkmq83e4] { align-items: center; background: hsl(95 40% 95%); border: 1px solid hsl(95 30% 85%); border-radius: 8px; color: hsl(95 60% 32%); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; width: 44px; }
.organization-edit-button:hover[b-6evkmq83e4] { background: hsl(95 45% 91%); }
.organization-edit-button[b-6evkmq83e4]  svg { height: 18px; width: 18px; }
.organizations-mobile-list[b-6evkmq83e4] { display: none; }
.organization-mobile-card-heading[b-6evkmq83e4] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.organization-sheet-backdrop[b-6evkmq83e4] { backdrop-filter: blur(3px); background: rgb(15 23 42 / .42); inset: 0; position: fixed; z-index: 90; }
.organization-sheet[b-6evkmq83e4] { background: #fff; box-shadow: -18px 0 48px rgb(15 23 42 / .24); display: grid; inset: 0 0 0 auto; max-width: 576px; position: fixed; width: min(100%, 576px); z-index: 91; }
.organization-sheet form[b-6evkmq83e4] { display: grid; grid-template-rows: auto 1fr auto; min-height: 0; }
.organization-sheet-header[b-6evkmq83e4], .organization-sheet-footer[b-6evkmq83e4] { background: #fff; padding: 24px; }
.organization-sheet-header[b-6evkmq83e4] { align-items: flex-start; border-bottom: 1px solid hsl(108 24% 88%); display: flex; gap: 16px; justify-content: space-between; }
.organization-sheet-header h2[b-6evkmq83e4] { font-family: var(--bygsyn-heading-font); font-size: 1.5rem; letter-spacing: -.03em; line-height: 1.2; margin: 0; }
.organization-sheet-header p[b-6evkmq83e4] { color: hsl(215 14% 40%); font-size: .9rem; line-height: 1.45; margin: 7px 0 0; max-width: 390px; }
.organization-close-button[b-6evkmq83e4] { align-items: center; background: transparent; border: 0; border-radius: 8px; cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; margin: -2px -8px 0 0; width: 44px; }
.organization-close-button[b-6evkmq83e4]  svg { height: 21px; width: 21px; }
.organization-sheet-body[b-6evkmq83e4] { background: hsl(95 22% 98%); display: grid; gap: 18px; min-height: 0; overflow-y: auto; padding: 24px; }
.organization-form-grid[b-6evkmq83e4] { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.organization-field[b-6evkmq83e4] { display: grid; gap: 8px; min-width: 0; }
.organization-field-full[b-6evkmq83e4] { grid-column: 1 / -1; }
.organization-field label[b-6evkmq83e4] { color: hsl(215 20% 28%); font-size: .84rem; font-weight: 700; }
.organization-label-content[b-6evkmq83e4] { align-items: center; display: inline-flex; gap: 7px; }
.organization-label-content[b-6evkmq83e4]  svg { color: hsl(215 14% 48%); height: 16px; width: 16px; }
.organization-required-mark[b-6evkmq83e4] { color: #b42318; }
.organization-field[b-6evkmq83e4]  .organization-input, .organization-field[b-6evkmq83e4]  .organization-textarea { appearance: none; background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 10px; box-sizing: border-box; color: hsl(215 35% 15%); font: 1rem var(--bygsyn-body-font); min-height: 48px; padding: 12px 14px; width: 100%; }
.organization-field[b-6evkmq83e4]  select.organization-input { background-image: linear-gradient(45deg, transparent 50%, hsl(215 14% 45%) 50%), linear-gradient(135deg, hsl(215 14% 45%) 50%, transparent 50%); background-position: calc(100% - 17px) 21px, calc(100% - 12px) 21px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; padding-right: 38px; }
.organization-field[b-6evkmq83e4]  .organization-input::placeholder, .organization-field[b-6evkmq83e4]  .organization-textarea::placeholder { color: hsl(215 14% 56%); opacity: 1; }
.organization-field[b-6evkmq83e4]  .organization-input:focus, .organization-field[b-6evkmq83e4]  .organization-textarea:focus { border-color: hsl(95 55% 44%); box-shadow: 0 0 0 3px hsl(95 55% 44% / .16); outline: 0; }
.organization-field[b-6evkmq83e4]  .organization-input:disabled, .organization-field[b-6evkmq83e4]  .organization-textarea:disabled { background: hsl(110 20% 96%); color: hsl(215 14% 50%); cursor: wait; opacity: .82; }
.organization-field[b-6evkmq83e4]  .organization-textarea { min-height: 96px; resize: none; }
.organization-sheet-footer[b-6evkmq83e4] { align-items: center; border-top: 1px solid hsl(108 24% 88%); box-shadow: 0 -8px 18px rgb(15 23 42 / .04); display: flex; gap: 12px; justify-content: flex-end; padding: 20px 24px; }
.organization-manage-users[b-6evkmq83e4] { background: hsl(95 32% 98%); color: hsl(215 25% 25%); margin-right: auto; }
.organization-manage-users:visited[b-6evkmq83e4] { color: hsl(215 25% 25%); }
.organization-manage-users:hover[b-6evkmq83e4] { background: hsl(95 45% 94%); color: hsl(95 55% 27%); }
.organization-manage-users[b-6evkmq83e4]  svg { height: 17px; width: 17px; }
.organization-edit-button:focus-visible[b-6evkmq83e4], .organization-close-button:focus-visible[b-6evkmq83e4], .organization-field[b-6evkmq83e4]  .organization-input:focus-visible, .organization-field[b-6evkmq83e4]  .organization-textarea:focus-visible, .organizations-primary-button:focus-visible[b-6evkmq83e4], .organizations-secondary-button:focus-visible[b-6evkmq83e4] { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }

@media (max-width: 899px) { .organizations-table th[b-6evkmq83e4], .organizations-table td[b-6evkmq83e4] { padding-left: 16px; padding-right: 16px; } }
@media (max-width: 599px) {
    .organizations-page[b-6evkmq83e4] { gap: 22px; }
    .organizations-header[b-6evkmq83e4] { align-items: stretch; flex-direction: column; gap: 16px; }
    .organizations-header .organizations-primary-button[b-6evkmq83e4] { width: fit-content; }
    .organizations-table-wrap[b-6evkmq83e4] { display: none; }
    .organizations-mobile-list[b-6evkmq83e4] { border-top: 1px solid hsl(108 24% 88%); display: grid; }
    .organization-mobile-card[b-6evkmq83e4] { display: grid; gap: 16px; padding: 18px 16px; }
    .organization-mobile-card + .organization-mobile-card[b-6evkmq83e4] { border-top: 1px solid hsl(108 24% 88%); }
    .organization-mobile-card dl[b-6evkmq83e4] { display: grid; gap: 11px; margin: 0; }
    .organization-mobile-card dl > div[b-6evkmq83e4] { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
    .organization-mobile-card dt[b-6evkmq83e4] { color: hsl(215 14% 40%); font-size: .72rem; font-weight: 700; }
    .organization-mobile-card dd[b-6evkmq83e4] { margin: 0; text-align: right; }
    .organization-sheet[b-6evkmq83e4] { max-width: none; width: 100%; }
    .organization-sheet-header[b-6evkmq83e4], .organization-sheet-footer[b-6evkmq83e4], .organization-sheet-body[b-6evkmq83e4] { padding-left: 16px; padding-right: 16px; }
    .organization-sheet-body[b-6evkmq83e4] { padding-bottom: 20px; padding-top: 20px; }
    .organization-form-grid[b-6evkmq83e4] { gap: 18px; grid-template-columns: 1fr; }
    .organization-field-full[b-6evkmq83e4] { grid-column: auto; }
    .organization-sheet-footer[b-6evkmq83e4] { flex-wrap: wrap; }
    .organization-sheet-footer button[b-6evkmq83e4], .organization-sheet-footer .organization-manage-users[b-6evkmq83e4] { flex: 1 1 44%; }
    .organization-sheet-footer .organization-manage-users[b-6evkmq83e4] { order: 3; }
}
/* /Components/Pages/Admin/AdminPlans.razor.rz.scp.css */
.plans-page[b-dylhgl22rn] { color: hsl(215 35% 15%); display: grid; gap: 16px; margin: 0 auto; max-width: 1600px; }
.plans-header[b-dylhgl22rn] { align-items: flex-start; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 6px; }
.plans-header h1[b-dylhgl22rn] { font-family: var(--bygsyn-heading-font); font-size: clamp(1.7rem, 2.4vw, 2.1rem); letter-spacing: -.035em; margin: 0; }
.plans-header p[b-dylhgl22rn] { color: hsl(215 14% 40%); margin: 7px 0 0; }
.plans-primary-button[b-dylhgl22rn], .plans-secondary-button[b-dylhgl22rn], .plan-info-button[b-dylhgl22rn] { align-items: center; border-radius: 9px; cursor: pointer; display: inline-flex; font: 600 .88rem var(--bygsyn-body-font); justify-content: center; }
.plans-primary-button[b-dylhgl22rn], .plans-secondary-button[b-dylhgl22rn] { min-height: 44px; }
.plans-primary-button[b-dylhgl22rn] { background: hsl(95 60% 38%); border: 1px solid hsl(95 60% 38%); color: #fff; gap: 8px; padding: 0 16px; }
.plans-primary-button[b-dylhgl22rn]  svg { height: 17px; width: 17px; }
.plans-secondary-button[b-dylhgl22rn] { background: #fff; border: 1px solid hsl(108 24% 88%); color: hsl(215 35% 15%); padding: 0 16px; }
.plans-primary-button:hover[b-dylhgl22rn] { filter: brightness(1.05); }
.plans-secondary-button:hover[b-dylhgl22rn] { background: hsl(110 20% 95%); }
.plans-primary-button:focus-visible[b-dylhgl22rn], .plans-secondary-button:focus-visible[b-dylhgl22rn], .plan-info-button:focus-visible[b-dylhgl22rn], .plans-page[b-dylhgl22rn]  .plan-input:focus-visible, .plans-page[b-dylhgl22rn]  .plan-textarea:focus-visible { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }
button:disabled[b-dylhgl22rn] { cursor: not-allowed; opacity: .62; }
.plan-card[b-dylhgl22rn], .plans-state[b-dylhgl22rn] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; }
.plan-card[b-dylhgl22rn] { padding: 20px; }
.plan-card-header[b-dylhgl22rn] { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 18px; }
.plan-card-identity[b-dylhgl22rn] { align-items: center; display: flex; gap: 12px; min-width: 0; }
.plan-package-icon[b-dylhgl22rn] { align-items: center; background: hsl(95 45% 92%); border-radius: 10px; color: hsl(95 60% 38%); display: flex; flex: 0 0 42px; height: 42px; justify-content: center; }
.plan-package-icon[b-dylhgl22rn]  svg { height: 21px; width: 21px; }
.plan-card h2[b-dylhgl22rn] { font-family: var(--bygsyn-heading-font); font-size: 1.05rem; margin: 0; }
.plan-meta[b-dylhgl22rn] { align-items: center; color: hsl(215 14% 40%); display: flex; flex-wrap: wrap; font-size: .78rem; gap: 6px; margin-top: 3px; }
.plan-meta code[b-dylhgl22rn] { font-size: .72rem; font-weight: 700; }
.plan-meta code[b-dylhgl22rn]::after { content: '·'; margin-left: 6px; }
.plan-editor-grid[b-dylhgl22rn] { display: grid; gap: 16px 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plan-field[b-dylhgl22rn] { display: grid; gap: 6px; min-width: 0; }
.plan-field-full[b-dylhgl22rn] { grid-column: 1 / -1; }
.plan-field label[b-dylhgl22rn] { color: hsl(215 14% 40%); font-size: .74rem; font-weight: 600; }
.plan-label-row[b-dylhgl22rn], .plan-checkbox-row[b-dylhgl22rn] { align-items: center; display: flex; gap: 4px; min-height: 32px; position: relative; width: fit-content; }
.plan-info-button[b-dylhgl22rn] { background: transparent; border: 0; color: hsl(215 14% 40%); height: 32px; padding: 0; width: 32px; }
.plan-info-button:hover[b-dylhgl22rn] { background: hsl(110 20% 95%); color: hsl(95 60% 38%); }
.plan-info-button[b-dylhgl22rn]  svg { height: 15px; width: 15px; }
.plan-help-popover[b-dylhgl22rn] { background: hsl(215 35% 15%); border-radius: 8px; box-shadow: 0 8px 24px rgb(15 23 42 / 18%); color: #fff; font-size: .74rem; font-weight: 400; left: 0; line-height: 1.45; max-width: min(320px, calc(100vw - 48px)); padding: 9px 11px; position: absolute; top: calc(100% + 3px); width: max-content; z-index: 20; }
.plans-page[b-dylhgl22rn]  .plan-input, .plans-page[b-dylhgl22rn]  .plan-textarea { background: hsl(110 20% 98%); border: 1px solid hsl(108 24% 88%); border-radius: 9px; box-sizing: border-box; color: hsl(215 35% 15%); font: .88rem var(--bygsyn-body-font); min-height: 44px; padding: 9px 11px; width: 100%; }
.plans-page[b-dylhgl22rn]  .plan-input:disabled { color: hsl(215 14% 40%); opacity: .82; }
.plans-page[b-dylhgl22rn]  .plan-textarea { min-height: 102px; resize: vertical; }
.plan-checkbox-field[b-dylhgl22rn] { min-width: 0; }
.plan-checkbox-row[b-dylhgl22rn] { min-height: 44px; }
.plan-checkbox[b-dylhgl22rn] { align-items: center; display: inline-flex; font-size: .84rem; gap: 8px; min-height: 44px; width: fit-content; }
.plan-checkbox[b-dylhgl22rn]  input { height: 18px; width: 18px; }
.plan-card-actions[b-dylhgl22rn] { display: flex; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.plans-state[b-dylhgl22rn] { color: hsl(215 14% 40%); padding: 24px; }
.plans-feedback[b-dylhgl22rn] { border-radius: 9px; font-size: .84rem; margin-bottom: 14px; padding: 10px 12px; }
.plans-feedback-success[b-dylhgl22rn] { background: hsl(95 45% 94%); border: 1px solid hsl(95 42% 82%); color: hsl(95 65% 27%); }
.plans-feedback-error[b-dylhgl22rn] { background: #fff1f0; border: 1px solid #fecdca; color: #b42318; }

@media (max-width: 899px) { .plan-editor-grid[b-dylhgl22rn] { grid-template-columns: 1fr; } .plan-field-full[b-dylhgl22rn] { grid-column: auto; } }
@media (max-width: 599px) { .plans-header[b-dylhgl22rn] { align-items: stretch; flex-direction: column; gap: 16px; } .plans-header .plans-primary-button[b-dylhgl22rn] { width: 100%; } .plan-card[b-dylhgl22rn] { padding: 16px; } .plan-card-actions[b-dylhgl22rn] { flex-direction: column-reverse; } .plan-card-actions button[b-dylhgl22rn] { width: 100%; } .plan-meta code[b-dylhgl22rn]::after { display: none; } }
/* /Components/Pages/Admin/AdminSubscriptions.razor.rz.scp.css */
.subscriptions-page[b-fl6rn8ru7r] { color: hsl(215 35% 15%); display: grid; gap: 28px; margin: 0 auto; max-width: 1600px; }
.subscriptions-header[b-fl6rn8ru7r] { align-items: flex-start; display: flex; gap: 24px; justify-content: space-between; }
.subscriptions-header h1[b-fl6rn8ru7r] { font-family: var(--bygsyn-heading-font); font-size: clamp(1.7rem, 2.4vw, 2.1rem); letter-spacing: -.035em; margin: 0; }
.subscriptions-header p[b-fl6rn8ru7r] { color: hsl(215 14% 40%); margin: 7px 0 0; }
.subscriptions-header[b-fl6rn8ru7r]  .subscriptions-edit-plans { align-items: center; background: hsl(95 60% 38%); border: 1px solid hsl(95 60% 38%); border-radius: 9px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: .88rem; font-weight: 700; gap: 8px; min-height: 44px; padding: 0 16px; text-decoration: none; }
.subscriptions-header[b-fl6rn8ru7r]  .subscriptions-edit-plans:hover { filter: brightness(1.05); }
.subscriptions-header[b-fl6rn8ru7r]  .subscriptions-edit-plans:focus-visible, .subscription-select:focus-visible[b-fl6rn8ru7r] { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }
.subscriptions-header[b-fl6rn8ru7r]  .subscriptions-edit-plans svg { height: 17px; width: 17px; }
.subscription-plan-grid[b-fl6rn8ru7r] { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.subscription-plan-card[b-fl6rn8ru7r], .subscription-panel[b-fl6rn8ru7r], .subscriptions-state[b-fl6rn8ru7r] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; }
.subscription-plan-card[b-fl6rn8ru7r] { display: flex; flex-direction: column; min-height: 210px; padding: 22px; }
.subscription-plan-card-top[b-fl6rn8ru7r] { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; }
.subscription-plan-card h2[b-fl6rn8ru7r] { font-family: var(--bygsyn-heading-font); font-size: 1.15rem; margin: 0; }
.subscription-plan-card-top p[b-fl6rn8ru7r] { color: hsl(95 60% 32%); font-size: 1.08rem; font-weight: 750; margin: 6px 0 0; }
.subscription-plan-card-top > span[b-fl6rn8ru7r] { background: hsl(110 20% 95%); border-radius: 999px; color: hsl(215 14% 40%); font-size: .74rem; font-weight: 650; padding: 6px 9px; white-space: nowrap; }
.subscription-plan-limits[b-fl6rn8ru7r] { display: grid; gap: 10px; list-style: none; margin: 22px 0 0; padding: 0; }
.subscription-plan-limits li[b-fl6rn8ru7r] { align-items: flex-start; color: hsl(215 18% 30%); display: flex; font-size: .86rem; gap: 9px; line-height: 1.4; }
.subscription-plan-limits[b-fl6rn8ru7r]  svg { color: hsl(95 60% 38%); flex: 0 0 16px; height: 16px; margin-top: 1px; width: 16px; }
.subscriptions-state[b-fl6rn8ru7r] { color: hsl(215 14% 40%); padding: 26px; }
.subscriptions-error[b-fl6rn8ru7r], .subscription-feedback-error[b-fl6rn8ru7r] { background: #fff1f0; border-color: #fecdca; color: #b42318; }
.subscription-panel[b-fl6rn8ru7r] { overflow: hidden; }
.subscription-panel-header[b-fl6rn8ru7r] { align-items: center; display: flex; gap: 12px; padding: 22px 24px; }
.subscription-panel-icon[b-fl6rn8ru7r] { align-items: center; background: hsl(95 45% 92%); border-radius: 10px; color: hsl(95 60% 38%); display: flex; flex: 0 0 42px; height: 42px; justify-content: center; }
.subscription-panel-icon[b-fl6rn8ru7r]  svg { height: 21px; width: 21px; }
.subscription-panel-header h2[b-fl6rn8ru7r] { font-family: var(--bygsyn-heading-font); font-size: 1.08rem; margin: 0; }
.subscription-panel-header p[b-fl6rn8ru7r] { color: hsl(215 14% 40%); font-size: .84rem; margin: 4px 0 0; }
.subscription-table[b-fl6rn8ru7r] { border-collapse: collapse; table-layout: fixed; width: 100%; }
.subscription-table th[b-fl6rn8ru7r] { background: hsl(110 20% 97%); border-bottom: 1px solid hsl(108 24% 88%); color: hsl(215 14% 40%); font-size: .7rem; letter-spacing: .06em; padding: 11px 24px; text-align: left; }
.subscription-table td[b-fl6rn8ru7r] { border-bottom: 1px solid hsl(108 24% 91%); padding: 14px 24px; vertical-align: middle; }
.subscription-table tbody tr:last-child td[b-fl6rn8ru7r] { border-bottom: 0; }
.subscription-company[b-fl6rn8ru7r] { display: grid; gap: 3px; min-width: 0; }
.subscription-company strong[b-fl6rn8ru7r] { font-size: .88rem; overflow-wrap: anywhere; }
.subscription-company > span:not(.subscription-mobile-label)[b-fl6rn8ru7r] { color: hsl(215 14% 45%); font-size: .72rem; overflow-wrap: anywhere; }
.subscription-select[b-fl6rn8ru7r] { background: #fff; border: 1px solid hsl(108 24% 84%); border-radius: 8px; box-sizing: border-box; color: hsl(215 35% 15%); font: .84rem var(--bygsyn-body-font); min-height: 42px; padding: 8px 34px 8px 10px; width: min(100%, 260px); }
.subscription-select:disabled[b-fl6rn8ru7r] { cursor: wait; opacity: .65; }
.subscription-status-cell[b-fl6rn8ru7r] { align-items: center; display: flex; gap: 10px; }
.subscription-busy[b-fl6rn8ru7r] { color: hsl(215 14% 40%); font-size: .74rem; }
.subscription-feedback-row td[b-fl6rn8ru7r] { padding-bottom: 10px; padding-top: 0; }
.subscription-feedback[b-fl6rn8ru7r] { border: 1px solid; border-radius: 8px; font-size: .78rem; padding: 9px 11px; }
.subscription-feedback-success[b-fl6rn8ru7r] { background: hsl(95 45% 94%); border-color: hsl(95 42% 82%); color: hsl(95 65% 27%); }
.subscription-feedback-error[b-fl6rn8ru7r] { border-color: #fecdca; }
.subscription-empty[b-fl6rn8ru7r] { border-top: 1px solid hsl(108 24% 88%); color: hsl(215 14% 40%); padding: 26px 24px; }
.subscription-mobile-list[b-fl6rn8ru7r] { display: none; }
.subscription-mobile-label[b-fl6rn8ru7r] { color: hsl(215 14% 40%); font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

@media (max-width: 1199px) { .subscription-plan-grid[b-fl6rn8ru7r] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) { .subscription-table th[b-fl6rn8ru7r], .subscription-table td[b-fl6rn8ru7r] { padding-left: 16px; padding-right: 16px; } }
@media (max-width: 599px) {
    .subscriptions-page[b-fl6rn8ru7r] { gap: 22px; }
    .subscriptions-header[b-fl6rn8ru7r] { align-items: stretch; flex-direction: column; gap: 16px; }
    .subscriptions-header[b-fl6rn8ru7r]  .subscriptions-edit-plans { width: fit-content; }
    .subscription-plan-grid[b-fl6rn8ru7r] { grid-template-columns: 1fr; }
    .subscription-plan-card[b-fl6rn8ru7r] { min-height: 0; padding: 18px; }
    .subscription-panel-header[b-fl6rn8ru7r] { padding: 18px 16px; }
    .subscription-table-wrap[b-fl6rn8ru7r] { display: none; }
    .subscription-mobile-list[b-fl6rn8ru7r] { border-top: 1px solid hsl(108 24% 88%); display: grid; }
    .subscription-mobile-card[b-fl6rn8ru7r] { display: grid; gap: 14px; padding: 18px 16px; }
    .subscription-mobile-card + .subscription-mobile-card[b-fl6rn8ru7r] { border-top: 1px solid hsl(108 24% 88%); }
    .subscription-mobile-card > div:not(.subscription-company):not(.subscription-feedback)[b-fl6rn8ru7r] { display: grid; gap: 6px; }
    .subscription-mobile-card label[b-fl6rn8ru7r] { color: hsl(215 14% 40%); font-size: .74rem; font-weight: 650; }
    .subscription-select[b-fl6rn8ru7r] { min-height: 44px; width: 100%; }
}
/* /Components/Pages/Admin/AdminUsers.razor.rz.scp.css */
.users-page[b-8a9pf882tw] { color: hsl(215 35% 15%); display: grid; gap: 24px; margin: 0 auto; max-width: 1600px; }
.users-header[b-8a9pf882tw] { align-items: flex-start; display: flex; gap: 24px; justify-content: space-between; }
.users-header h1[b-8a9pf882tw] { font-family: var(--bygsyn-heading-font); font-size: clamp(1.7rem, 2.4vw, 2.1rem); letter-spacing: -.035em; margin: 0; }
.users-header p[b-8a9pf882tw] { color: hsl(215 14% 40%); margin: 7px 0 0; }
.users-primary-button[b-8a9pf882tw], .users-secondary-button[b-8a9pf882tw], .users-danger-button[b-8a9pf882tw] { align-items: center; border-radius: 9px; cursor: pointer; display: inline-flex; font: 700 .88rem var(--bygsyn-body-font); gap: 8px; justify-content: center; min-height: 48px; padding: 0 18px; }
.users-primary-button[b-8a9pf882tw] { background: hsl(95 60% 38%); border: 1px solid hsl(95 60% 38%); color: #fff; }
.users-secondary-button[b-8a9pf882tw] { background: #fff; border: 1px solid hsl(108 24% 80%); color: hsl(215 25% 25%); }
.users-danger-button[b-8a9pf882tw] { background: #fff; border: 1px solid hsl(2 60% 78%); color: hsl(2 65% 38%); }
.users-primary-button:disabled[b-8a9pf882tw], .users-secondary-button:disabled[b-8a9pf882tw], .users-danger-button:disabled[b-8a9pf882tw] { cursor: wait; opacity: .6; }
.users-primary-button[b-8a9pf882tw]  svg, .users-secondary-button[b-8a9pf882tw]  svg, .users-danger-button[b-8a9pf882tw]  svg { height: 17px; width: 17px; }
.users-filter-panel[b-8a9pf882tw] { align-items: end; background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; display: grid; gap: 16px; grid-template-columns: minmax(220px, 1.6fr) repeat(3, minmax(150px, 1fr)); padding: 18px; }
.users-search[b-8a9pf882tw] { align-items: center; display: flex; position: relative; }
.users-search[b-8a9pf882tw]  svg { color: hsl(215 14% 48%); height: 18px; left: 14px; position: absolute; width: 18px; }
.users-search[b-8a9pf882tw]  input { padding-left: 42px; }
.users-filter[b-8a9pf882tw] { display: grid; gap: 7px; }
.users-filter label[b-8a9pf882tw] { color: hsl(215 18% 32%); font-size: .76rem; font-weight: 700; }
.users-search[b-8a9pf882tw]  input, .users-filter[b-8a9pf882tw]  select { appearance: none; background: #fff; border: 1px solid hsl(108 24% 84%); border-radius: 9px; box-sizing: border-box; color: hsl(215 35% 15%); font: .88rem var(--bygsyn-body-font); min-height: 44px; padding: 10px 13px; width: 100%; }
.users-filter[b-8a9pf882tw]  select { background-image: linear-gradient(45deg, transparent 50%, hsl(215 14% 45%) 50%), linear-gradient(135deg, hsl(215 14% 45%) 50%, transparent 50%); background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; padding-right: 36px; }
.users-search[b-8a9pf882tw]  input:focus, .users-filter[b-8a9pf882tw]  select:focus, .user-field[b-8a9pf882tw]  input:focus, .user-field[b-8a9pf882tw]  select:focus { border-color: hsl(95 55% 44%); box-shadow: 0 0 0 3px hsl(95 55% 44% / .16); outline: 0; }
.users-seat-summary[b-8a9pf882tw] { align-items: center; background: hsl(95 45% 96%); border: 1px solid hsl(95 35% 82%); border-radius: 12px; display: flex; gap: 20px; justify-content: space-between; padding: 16px 18px; }
.users-seat-summary > div[b-8a9pf882tw] { align-items: center; display: flex; gap: 12px; }
.users-seat-summary > div > div[b-8a9pf882tw] { display: grid; gap: 3px; }
.users-seat-summary strong[b-8a9pf882tw] { font-family: var(--bygsyn-heading-font); }
.users-seat-summary span[b-8a9pf882tw] { color: hsl(215 14% 40%); font-size: .82rem; }
.users-seat-icon[b-8a9pf882tw] { align-items: center; background: #fff; border-radius: 9px; color: hsl(95 60% 35%) !important; display: flex; height: 40px; justify-content: center; width: 40px; }
.users-seat-icon[b-8a9pf882tw]  svg { height: 20px; width: 20px; }
.users-seat-summary p[b-8a9pf882tw] { color: hsl(31 85% 31%); font-size: .84rem; margin: 0; max-width: 580px; }
.users-seat-warning[b-8a9pf882tw] { background: hsl(42 95% 95%); border-color: hsl(42 75% 74%); }
.users-panel[b-8a9pf882tw], .users-state[b-8a9pf882tw] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 12px; }
.users-panel[b-8a9pf882tw] { overflow: hidden; }
.users-panel-header[b-8a9pf882tw] { padding: 19px 24px; }
.users-panel-header h2[b-8a9pf882tw] { font-family: var(--bygsyn-heading-font); font-size: 1.02rem; margin: 0; }
.users-state[b-8a9pf882tw], .users-empty[b-8a9pf882tw] { color: hsl(215 14% 40%); padding: 26px; }
.users-empty[b-8a9pf882tw] { border-top: 1px solid hsl(108 24% 88%); }
.users-feedback[b-8a9pf882tw] { border: 1px solid; border-radius: 9px; padding: 12px 14px; }
.users-feedback-success[b-8a9pf882tw] { background: hsl(95 45% 94%); border-color: hsl(95 42% 82%); color: hsl(95 65% 27%); }
.users-feedback-error[b-8a9pf882tw] { background: #fff1f0; border-color: #fecdca; color: #b42318; }
.users-feedback-warning[b-8a9pf882tw] { background: hsl(42 95% 92%); border-color: hsl(42 75% 74%); color: hsl(31 85% 31%); }
.users-table[b-8a9pf882tw] { border-collapse: collapse; table-layout: fixed; width: 100%; }
.users-table th[b-8a9pf882tw] { background: hsl(110 20% 97%); border-bottom: 1px solid hsl(108 24% 88%); color: hsl(215 14% 40%); font-size: .7rem; letter-spacing: .06em; padding: 11px 18px; text-align: left; }
.users-table th:first-child[b-8a9pf882tw] { width: 25%; }
.users-table td[b-8a9pf882tw] { border-bottom: 1px solid hsl(108 24% 91%); font-size: .84rem; padding: 13px 18px; vertical-align: middle; }
.users-table tbody tr:hover[b-8a9pf882tw] { background: hsl(95 35% 98%); }
.users-identity[b-8a9pf882tw] { align-items: center; display: flex; gap: 11px; min-width: 0; }
.users-identity > div[b-8a9pf882tw] { display: grid; gap: 3px; min-width: 0; }
.users-identity strong[b-8a9pf882tw], .users-identity span[b-8a9pf882tw] { overflow-wrap: anywhere; }
.users-identity > div span[b-8a9pf882tw] { color: hsl(215 14% 45%); font-size: .75rem; }
.users-avatar[b-8a9pf882tw] { align-items: center; background: hsl(95 40% 93%); border-radius: 50%; color: hsl(95 58% 34%); display: flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.users-avatar[b-8a9pf882tw]  svg { height: 18px; width: 18px; }
.user-status[b-8a9pf882tw] { border-radius: 999px; display: inline-flex; font-size: .72rem; font-weight: 700; padding: 5px 9px; white-space: nowrap; }
.user-status-active[b-8a9pf882tw] { background: hsl(130 42% 92%); color: hsl(130 48% 27%); }
.user-status-invited[b-8a9pf882tw] { background: hsl(212 80% 94%); color: hsl(212 70% 35%); }
.user-status-invitationexpired[b-8a9pf882tw], .user-status-locked[b-8a9pf882tw] { background: hsl(42 95% 91%); color: hsl(31 85% 31%); }
.user-status-disabled[b-8a9pf882tw], .user-status-invitationrevoked[b-8a9pf882tw] { background: hsl(215 16% 93%); color: hsl(215 18% 35%); }
.users-actions[b-8a9pf882tw] { text-align: right; width: 54px; }
.users-icon-button[b-8a9pf882tw] { align-items: center; background: hsl(95 40% 95%); border: 1px solid hsl(95 30% 85%); border-radius: 8px; color: hsl(95 60% 32%); cursor: pointer; display: inline-flex; height: 44px; justify-content: center; width: 44px; }
.users-icon-button:hover[b-8a9pf882tw] { background: hsl(95 45% 91%); }
.users-icon-button[b-8a9pf882tw]  svg { height: 18px; width: 18px; }
.users-mobile-list[b-8a9pf882tw] { display: none; }
.user-sheet-backdrop[b-8a9pf882tw] { backdrop-filter: blur(3px); background: rgb(15 23 42 / .42); inset: 0; position: fixed; z-index: 90; }
.user-sheet[b-8a9pf882tw] { background: #fff; box-shadow: -18px 0 48px rgb(15 23 42 / .24); display: grid; grid-template-rows: auto 1fr auto; inset: 0 0 0 auto; max-width: 640px; position: fixed; width: min(100%, 640px); z-index: 91; }
.user-sheet[b-8a9pf882tw]  form { display: grid; grid-template-rows: auto 1fr auto; min-height: 0; }
.user-sheet-header[b-8a9pf882tw], .user-sheet-footer[b-8a9pf882tw] { background: #fff; padding: 24px; }
.user-sheet-header[b-8a9pf882tw] { align-items: flex-start; border-bottom: 1px solid hsl(108 24% 88%); display: flex; gap: 16px; justify-content: space-between; }
.user-sheet-header h2[b-8a9pf882tw] { font-family: var(--bygsyn-heading-font); font-size: 1.5rem; letter-spacing: -.03em; line-height: 1.2; margin: 0; }
.user-sheet-header-danger[b-8a9pf882tw] { border-bottom-color: hsl(2 60% 88%); }.user-sheet-header-danger .user-sheet-kicker[b-8a9pf882tw] { align-items: center; color: hsl(2 72% 43%); display: flex; font-size: 1.5rem; font-weight: 800; gap: 7px; letter-spacing: -.03em; line-height: 1.2; margin-bottom: 10px; text-transform: none; }.user-sheet-kicker[b-8a9pf882tw]  svg { height: 20px; width: 20px; }
.user-sheet-header p[b-8a9pf882tw] { color: hsl(215 14% 40%); font-size: .9rem; line-height: 1.45; margin: 7px 0 0; }
.users-close[b-8a9pf882tw] { background: transparent; border-color: transparent; color: hsl(215 25% 25%); flex: 0 0 44px; }
.user-sheet-body[b-8a9pf882tw] { background: hsl(95 22% 98%); display: grid; gap: 18px; min-height: 0; overflow-y: auto; padding: 24px; }
.user-form-grid[b-8a9pf882tw] { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.user-field[b-8a9pf882tw] { align-content: start; display: grid; gap: 8px; min-width: 0; }
.user-field-full[b-8a9pf882tw] { grid-column: 1 / -1; }
.user-field label[b-8a9pf882tw] { align-items: center; color: hsl(215 20% 28%); display: flex; font-size: .84rem; font-weight: 700; gap: 7px; }
.user-field label[b-8a9pf882tw]  svg { color: hsl(215 14% 48%); height: 16px; width: 16px; }
.user-field[b-8a9pf882tw]  input, .user-field[b-8a9pf882tw]  select, .invitation-link-row input[b-8a9pf882tw] { appearance: none; background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 10px; box-sizing: border-box; color: hsl(215 35% 15%); font: 1rem var(--bygsyn-body-font); min-height: 48px; padding: 12px 14px; width: 100%; }
.user-field[b-8a9pf882tw]  select { background-image: linear-gradient(45deg, transparent 50%, hsl(215 14% 45%) 50%), linear-gradient(135deg, hsl(215 14% 45%) 50%, transparent 50%); background-position: calc(100% - 17px) 21px, calc(100% - 12px) 21px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; padding-right: 38px; }
.user-field[b-8a9pf882tw]  input:read-only { background: hsl(110 20% 96%); color: hsl(215 14% 42%); }
.user-field small[b-8a9pf882tw] { color: hsl(215 14% 44%); line-height: 1.4; }
.invite-helper[b-8a9pf882tw] { align-items: flex-start; background: hsl(212 80% 96%); border: 1px solid hsl(212 55% 84%); border-radius: 10px; color: hsl(212 65% 30%); display: flex; font-size: .84rem; gap: 10px; line-height: 1.45; padding: 13px; }
.invite-helper[b-8a9pf882tw]  svg { flex: 0 0 18px; height: 18px; margin-top: 1px; width: 18px; }
.user-sheet-footer[b-8a9pf882tw] { align-items: center; border-top: 1px solid hsl(108 24% 88%); box-shadow: 0 -8px 18px rgb(15 23 42 / .04); display: flex; gap: 12px; justify-content: flex-end; padding: 20px 24px; }
.user-sheet-footer-actions[b-8a9pf882tw] { flex-wrap: nowrap; }.user-sheet-footer-actions > button[b-8a9pf882tw] { flex: 1 1 0; }
.delete-back-button[b-8a9pf882tw] { align-items: center; background: transparent; border: 0; color: hsl(215 25% 35%); cursor: pointer; display: inline-flex; font: 600 .9rem var(--bygsyn-body-font); gap: 8px; margin: 0 0 16px; min-height: 44px; padding: 0; }
.delete-back-button:hover[b-8a9pf882tw] { color: hsl(95 60% 32%); }
.delete-back-button[b-8a9pf882tw]  svg { height: 18px; width: 18px; }
.user-danger-zone[b-8a9pf882tw] { background: hsl(2 70% 97%); border: 1px solid hsl(2 65% 80%); border-radius: 12px; padding: 18px; }
.user-danger-zone-heading[b-8a9pf882tw] { align-items: center; color: hsl(2 72% 43%); display: flex; gap: 9px; }
.user-danger-zone-heading[b-8a9pf882tw]  svg { height: 19px; width: 19px; }
.user-danger-zone h3[b-8a9pf882tw] { font-size: .98rem; margin: 0; }
.user-danger-zone p[b-8a9pf882tw] { color: hsl(2 45% 38%); line-height: 1.5; margin: 10px 0 16px; }
.user-danger-zone-action[b-8a9pf882tw] { background: hsl(2 72% 43%); border-color: hsl(2 72% 43%); color: #fff; }
.deletion-user-summary h3[b-8a9pf882tw] { align-items: center; color: hsl(215 25% 25%); display: flex; font-size: .98rem; gap: 8px; grid-column: 1 / -1; margin: 0 0 2px; }
.deletion-user-summary h3[b-8a9pf882tw]  svg { color: hsl(95 60% 35%); height: 18px; width: 18px; }
.deletion-case-blocker[b-8a9pf882tw] { align-items: flex-start; background: hsl(2 70% 97%); border: 1px solid hsl(2 65% 80%); border-radius: 12px; color: hsl(2 72% 43%); display: flex; gap: 12px; line-height: 1.45; padding: 16px; }
.deletion-case-blocker[b-8a9pf882tw] >  svg { flex: 0 0 19px; height: 19px; margin-top: 2px; width: 19px; }
.deletion-case-blocker strong[b-8a9pf882tw] { display: block; }
.deletion-case-blocker p[b-8a9pf882tw] { color: hsl(2 45% 38%); margin: 5px 0 14px; }
.deletion-case-blocker .users-secondary-button[b-8a9pf882tw] { color: hsl(2 72% 43%); border-color: hsl(2 60% 78%); }
.user-deletion-body[b-8a9pf882tw] { gap: 20px; }.deletion-user-summary[b-8a9pf882tw] { background: #fff; border: 1px solid hsl(108 24% 86%); border-radius: 12px; display: grid; gap: 15px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px; }.deletion-user-summary div[b-8a9pf882tw] { display: grid; gap: 4px; min-width: 0; }.deletion-user-summary span[b-8a9pf882tw] { color: hsl(215 14% 45%); font-size: .75rem; }.deletion-user-summary strong[b-8a9pf882tw] { overflow-wrap: anywhere; }.deletion-warning[b-8a9pf882tw] { align-items: flex-start; background: hsl(2 70% 97%); border: 1px solid hsl(2 65% 80%); border-radius: 12px; color: hsl(2 70% 38%); display: flex; gap: 12px; line-height: 1.45; padding: 16px; }.deletion-warning[b-8a9pf882tw]  svg { flex: 0 0 19px; height: 19px; margin-top: 2px; width: 19px; }.deletion-warning strong[b-8a9pf882tw] { display: block; }.deletion-warning p[b-8a9pf882tw] { color: hsl(2 45% 38%); margin: 5px 0 0; }.deletion-history[b-8a9pf882tw] { background: hsl(95 32% 97%); border: 1px solid hsl(95 30% 84%); border-radius: 12px; padding: 16px 18px; }.deletion-history h3[b-8a9pf882tw] { font-size: .95rem; margin: 0 0 10px; }.deletion-history p[b-8a9pf882tw] { align-items: flex-start; color: hsl(215 18% 38%); display: flex; gap: 9px; line-height: 1.4; margin: 7px 0 0; }.deletion-history[b-8a9pf882tw]  svg { color: hsl(95 58% 35%); flex: 0 0 17px; height: 17px; margin-top: 2px; width: 17px; }.deletion-summary[b-8a9pf882tw] { background: #fff; border: 1px solid hsl(108 24% 88%); border-radius: 10px; padding: 14px 16px; }
.invitation-success[b-8a9pf882tw] { align-content: start; text-align: left; }
.invitation-success-icon[b-8a9pf882tw] { align-items: center; background: hsl(130 42% 90%); border-radius: 50%; color: hsl(130 48% 27%); display: flex; height: 50px; justify-content: center; width: 50px; }
.invitation-success-icon[b-8a9pf882tw]  svg { height: 24px; width: 24px; }
.invitation-success h3[b-8a9pf882tw], .invitation-success p[b-8a9pf882tw], .invitation-success dl[b-8a9pf882tw] { margin: 0; }
.invitation-success p[b-8a9pf882tw] { color: hsl(215 14% 40%); line-height: 1.55; }
.invitation-success dl > div[b-8a9pf882tw] { display: flex; gap: 18px; justify-content: space-between; }
.invitation-success dt[b-8a9pf882tw] { color: hsl(215 14% 40%); }
.invitation-success dd[b-8a9pf882tw] { margin: 0; }
.invitation-success > label[b-8a9pf882tw] { font-size: .84rem; font-weight: 700; }
.invitation-link-row[b-8a9pf882tw] { align-items: stretch; display: flex; gap: 10px; }
.invitation-link-row input[b-8a9pf882tw] { font-size: .78rem; min-width: 0; }
.copy-status[b-8a9pf882tw] { color: hsl(95 60% 30%); font-size: .82rem; }
.users-icon-button:focus-visible[b-8a9pf882tw], .users-primary-button:focus-visible[b-8a9pf882tw], .users-secondary-button:focus-visible[b-8a9pf882tw], .users-danger-button:focus-visible[b-8a9pf882tw] { outline: 2px solid hsl(212 85% 50%); outline-offset: 2px; }

@media (max-width: 1199px) { .users-filter-panel[b-8a9pf882tw] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) { .users-table th[b-8a9pf882tw], .users-table td[b-8a9pf882tw] { padding-left: 12px; padding-right: 12px; } .users-table th:nth-child(5)[b-8a9pf882tw], .users-table td:nth-child(5)[b-8a9pf882tw] { display: none; } }
@media (max-width: 599px) {
    .users-page[b-8a9pf882tw] { gap: 20px; }
    .users-header[b-8a9pf882tw] { align-items: stretch; flex-direction: column; gap: 16px; }
    .users-header .users-primary-button[b-8a9pf882tw] { width: fit-content; }
    .users-filter-panel[b-8a9pf882tw] { grid-template-columns: 1fr; }
    .users-seat-summary[b-8a9pf882tw] { align-items: flex-start; flex-direction: column; }
    .users-table-wrap[b-8a9pf882tw] { display: none; }
    .users-mobile-list[b-8a9pf882tw] { border-top: 1px solid hsl(108 24% 88%); display: grid; }
    .users-card[b-8a9pf882tw] { display: grid; gap: 15px; padding: 17px 16px; }
    .users-card + .users-card[b-8a9pf882tw] { border-top: 1px solid hsl(108 24% 88%); }
    .users-card header[b-8a9pf882tw] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
    .users-card dl[b-8a9pf882tw] { display: grid; gap: 10px; margin: 0; }
    .users-card dl > div[b-8a9pf882tw] { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
    .users-card dt[b-8a9pf882tw] { color: hsl(215 14% 40%); font-size: .72rem; font-weight: 700; }
    .users-card dd[b-8a9pf882tw] { margin: 0; text-align: right; }
    .user-sheet[b-8a9pf882tw] { max-width: none; width: 100%; }
    .user-sheet-header[b-8a9pf882tw], .user-sheet-footer[b-8a9pf882tw], .user-sheet-body[b-8a9pf882tw] { padding-left: 16px; padding-right: 16px; }
    .user-form-grid[b-8a9pf882tw] { grid-template-columns: 1fr; }
    .user-field-full[b-8a9pf882tw] { grid-column: auto; }
    .user-sheet-footer > button[b-8a9pf882tw] { flex: 1 1 42%; }
    .user-sheet-footer-actions[b-8a9pf882tw] { flex-wrap: wrap; }.user-sheet-footer-actions > button[b-8a9pf882tw] { flex: 1 1 42%; }.deletion-user-summary[b-8a9pf882tw] { grid-template-columns: 1fr; }
    .invitation-link-row[b-8a9pf882tw] { flex-direction: column; }
}
/* /Components/Pages/Admin/PlatformStatCard.razor.rz.scp.css */
.platform-stat-card[b-2lmh5vwjck] { background: #fff; border: 1px solid var(--admin-border, #dbe8d8); border-radius: 12px; min-width: 0; padding: 20px; }
.platform-stat-card[b-2lmh5vwjck]  svg { color: var(--admin-muted, #586273); height: 20px; margin-bottom: 12px; width: 20px; }
.platform-stat-card span[b-2lmh5vwjck] { color: var(--admin-muted, #586273); display: block; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.platform-stat-card strong[b-2lmh5vwjck] { color: var(--admin-text, #192232); display: block; font-family: var(--bygsyn-heading-font); font-size: 1.7rem; font-weight: 600; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 599px) {
    .platform-stat-card[b-2lmh5vwjck] { padding: 16px; }
    .platform-stat-card strong[b-2lmh5vwjck] { font-size: 1.4rem; }
}
/* /Components/Pages/Customers.razor.rz.scp.css */
.customers-page[b-chv2zupmpd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 40px 40px;
}

.customers-header[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.customers-header h1[b-chv2zupmpd] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.2;
    margin: 0;
}

.customers-header p[b-chv2zupmpd] {
    color: var(--bygsyn-muted);
    font-size: .9rem;
    margin: 4px 0 0;
}

.customers-success-toast[b-chv2zupmpd] {
    align-items: center;
    background: #fff;
    border: 1px solid #b9dca9;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgb(15 26 36 / .14);
    color: #285d19;
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    gap: 10px;
    max-width: min(360px, calc(100vw - 32px));
    padding: 12px 12px 12px 14px;
    position: fixed;
    right: 24px;
    top: 24px;
    z-index: 60;
}

.customers-success-icon[b-chv2zupmpd] {
    align-items: center;
    background: #edf7e8;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.customers-success-toast > span:nth-child(2)[b-chv2zupmpd] {
    flex: 1;
}

.customers-success-toast button[b-chv2zupmpd] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #5f6c7d;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.customers-success-toast button:hover[b-chv2zupmpd] {
    background: #f0f5ed;
    color: #2f3847;
}

.customers-toolbar[b-chv2zupmpd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.customers-toolbar-row[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.customers-filter-row[b-chv2zupmpd] {
    display: flex;
}

.customers-search[b-chv2zupmpd] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--bygsyn-border);
    border-radius: 10px;
    color: #758195;
    display: flex;
    flex: 1;
    gap: 10px;
    min-height: 44px;
    padding: 0 14px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.customers-search:focus-within[b-chv2zupmpd] {
    border-color: #6fb84e;
    box-shadow: 0 0 0 3px rgb(86 168 48 / .16);
}

.customers-search > .customers-inline-icon[b-chv2zupmpd] {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
}

.customers-search-input[b-chv2zupmpd] {
    background: transparent;
    border: 0;
    color: var(--bygsyn-text);
    font: .9rem var(--bygsyn-body-font);
    min-width: 0;
    outline: 0;
    width: 100%;
}

.customers-search-input[b-chv2zupmpd]::placeholder {
    color: #929dac;
    opacity: 1;
}

.customers-chip-row[b-chv2zupmpd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.customers-chip[b-chv2zupmpd],
.customers-view-button[b-chv2zupmpd] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font: 700 .78rem var(--bygsyn-body-font);
    gap: 6px;
    justify-content: center;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
}

.customers-chip[b-chv2zupmpd] {
    background: #fff;
    border: 1px solid var(--bygsyn-border);
    border-radius: 999px;
    color: #647084;
    min-height: 32px;
    padding: 0 12px;
}

.customers-chip:hover[b-chv2zupmpd] {
    border-color: #72b956;
    color: #34751f;
}

.customers-chip.is-active[b-chv2zupmpd] {
    background: #4b9828;
    border-color: #4b9828;
    color: #fff;
}

.customers-view-switch[b-chv2zupmpd] {
    align-items: center;
    background: #eef2ed;
    border: 1px solid #dfe6dd;
    border-radius: 10px;
    display: flex;
    flex: 0 0 auto;
    gap: 2px;
    min-height: 44px;
    padding: 4px;
}

.customers-view-button[b-chv2zupmpd] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #687386;
    min-height: 34px;
    padding: 0 12px;
}

.customers-view-button:hover[b-chv2zupmpd] {
    color: #354052;
}

.customers-view-button.is-active[b-chv2zupmpd] {
    background: #fff;
    border-color: #d8e0d5;
    box-shadow: 0 1px 3px rgb(15 26 36 / .1);
    color: var(--bygsyn-text);
}

.customers-surface[b-chv2zupmpd],
.customers-list-surface[b-chv2zupmpd],
.customers-compact-surface[b-chv2zupmpd],
.customers-card[b-chv2zupmpd] {
    background: var(--bygsyn-card-bg);
    border: 1px solid var(--bygsyn-border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgb(15 26 36 / .035);
}

.customers-card-grid[b-chv2zupmpd] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customers-card[b-chv2zupmpd] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    min-height: 272px;
    padding: 20px;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.customers-card:hover[b-chv2zupmpd] {
    border-color: rgb(75 152 40 / .42);
    box-shadow: 0 8px 20px rgb(15 26 36 / .07);
    transform: translateY(-1px);
}

.customers-card-header[b-chv2zupmpd] {
    align-items: flex-start;
    display: grid;
    gap: 14px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
}

.customers-view-hero[b-chv2zupmpd] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
}

.customers-card-heading[b-chv2zupmpd],
.customers-list-main > div[b-chv2zupmpd] {
    min-width: 0;
}

.customers-card-heading h2[b-chv2zupmpd],
.customers-list-main h2[b-chv2zupmpd],
.customers-view-hero h3[b-chv2zupmpd] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    overflow-wrap: anywhere;
}

.customers-list-contact[b-chv2zupmpd] {
    color: #758195;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.4;
}

.customers-card-heading p[b-chv2zupmpd],
.customers-list-main p[b-chv2zupmpd],
.customers-view-hero p[b-chv2zupmpd] {
    color: var(--bygsyn-muted);
    font-size: .82rem;
    margin: 4px 0 0;
}

.customers-type-badge[b-chv2zupmpd] {
    background: #f0f4ef;
    border: 1px solid #dce6d8;
    border-radius: 999px;
    color: #596579;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customers-initials[b-chv2zupmpd] {
    align-items: center;
    background: #edf7e8;
    border-radius: 999px;
    color: #448d29;
    display: inline-flex;
    flex: 0 0 48px;
    font-size: .86rem;
    font-weight: 800;
    height: 48px;
    justify-content: center;
    text-transform: uppercase;
    width: 48px;
}

.customers-initials-small[b-chv2zupmpd] {
    flex-basis: 48px;
    height: 48px;
    width: 48px;
}

.customers-card-details[b-chv2zupmpd] {
    display: grid;
    gap: 10px;
    margin: 20px 0;
}

.customers-card-details div[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.customers-card-details dt[b-chv2zupmpd] {
    align-items: center;
    color: #738094;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0;
    gap: 6px;
    margin: 0;
}

.customers-card-details dt .customers-inline-icon[b-chv2zupmpd] {
    height: 16px;
    width: 16px;
}

.customers-card-details dd[b-chv2zupmpd] {
    color: #596579;
    font-size: .86rem;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.customers-card-actions[b-chv2zupmpd] {
    align-items: center;
    border-top: 1px solid var(--bygsyn-border);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
}

.customers-card-actions > span[b-chv2zupmpd] {
    color: #687386;
    font-size: .78rem;
    font-weight: 500;
}

.customers-list-surface[b-chv2zupmpd] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.customers-list-row[b-chv2zupmpd] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--bygsyn-border);
    cursor: pointer;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 96px;
    padding: 16px 18px;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

.customers-list-row:hover[b-chv2zupmpd],
.customers-compact-table tbody tr:hover[b-chv2zupmpd] {
    background: #f9fcf7;
}

.customers-list-row:last-child[b-chv2zupmpd] {
    border-bottom: 0;
}

.customers-list-main[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    gap: 16px;
    min-width: 0;
}

.customers-card-actions[b-chv2zupmpd]  .customer-overview-actions,
.customers-list-row[b-chv2zupmpd]  .customer-overview-actions {
    justify-self: end;
}

.customers-list-heading[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 10px;
    margin-bottom: 2px;
}

.customers-list-heading .customers-type-badge[b-chv2zupmpd] {
    font-size: .7rem;
    padding: 4px 9px;
}

.customers-list-main p[b-chv2zupmpd] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 6px;
}

.customers-list-main p span[b-chv2zupmpd] {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    min-width: 0;
}

.customers-compact-surface[b-chv2zupmpd] {
    overflow: hidden;
}

.customers-compact-table[b-chv2zupmpd] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 0;
    width: 100%;
}

.customers-compact-table th[b-chv2zupmpd],
.customers-compact-table td[b-chv2zupmpd] {
    border-bottom: 1px solid var(--bygsyn-border);
    color: #596579;
    font-size: .84rem;
    padding: 11px 14px;
    text-align: left;
    white-space: nowrap;
}

.customers-compact-table th[b-chv2zupmpd] {
    background: #f7faf5;
    color: #6f7b8c;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.customers-compact-table tbody tr[b-chv2zupmpd] {
    cursor: pointer;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

.customers-compact-table tbody tr:last-child td[b-chv2zupmpd] {
    border-bottom: 0;
}

.customers-compact-customer[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.customers-compact-customer strong[b-chv2zupmpd] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: .86rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customers-compact-customer .customers-type-badge[b-chv2zupmpd] {
    flex: 0 1 auto;
    font-size: .68rem;
    padding: 3px 8px;
}

.customers-compact-actions[b-chv2zupmpd] {
    width: 190px;
}

.customers-primary-button[b-chv2zupmpd],
.customers-secondary-button[b-chv2zupmpd],
.customers-primary-link[b-chv2zupmpd] {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font: 700 .88rem var(--bygsyn-body-font);
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
}

.customers-panel-footer .customers-primary-button[b-chv2zupmpd],
.customers-panel-footer .customers-secondary-button[b-chv2zupmpd] {
    min-height: 48px;
    padding-inline: 22px;
}

.customers-primary-button[b-chv2zupmpd],
.customers-primary-link[b-chv2zupmpd] {
    background: #4b9828;
    border: 1px solid #4b9828;
    color: #fff;
}

.customers-primary-button:hover[b-chv2zupmpd],
.customers-primary-link:hover[b-chv2zupmpd] {
    background: #408322;
    border-color: #408322;
}

.customers-primary-button:disabled[b-chv2zupmpd] {
    cursor: wait;
    opacity: .55;
}

.customers-secondary-button[b-chv2zupmpd] {
    background: #fff;
    border: 1px solid var(--bygsyn-border);
    color: var(--bygsyn-text);
}

.customers-secondary-button:hover[b-chv2zupmpd] {
    background: #f7faf5;
    border-color: #cbd7c7;
}

.customers-inline-icon[b-chv2zupmpd] {
    height: 16px;
    width: 16px;
}

.customers-empty[b-chv2zupmpd] {
    align-items: center;
    border-style: dashed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 340px;
    padding: 48px;
    text-align: center;
}

.customers-empty-icon[b-chv2zupmpd] {
    align-items: center;
    background: #edf7e8;
    border-radius: 999px;
    color: #4b9828;
    display: inline-flex;
    height: 56px;
    justify-content: center;
    margin-bottom: 16px;
    width: 56px;
}

.customers-empty-icon .customers-inline-icon[b-chv2zupmpd] {
    height: 28px;
    width: 28px;
}

.customers-empty-copy[b-chv2zupmpd] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 7px;
    max-width: 400px;
}

.customers-empty-copy strong[b-chv2zupmpd] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: 1.125rem;
    font-weight: 600;
}

.customers-empty-copy span[b-chv2zupmpd] {
    color: var(--bygsyn-muted);
    font-size: .9rem;
    line-height: 1.5;
}

.customers-empty .customers-primary-button[b-chv2zupmpd] {
    margin-top: 20px;
}

.customers-overlay[b-chv2zupmpd] {
    align-items: stretch;
    background: rgb(15 23 42 / .52);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    position: fixed;
    z-index: 40;
}

.customers-panel[b-chv2zupmpd] {
    background: #f8faf7;
    border-left: 1px solid var(--bygsyn-border);
    box-shadow: -20px 0 48px rgb(15 23 42 / .2);
    display: flex;
    flex-direction: column;
    height: 100dvh;
    max-width: 576px;
    min-height: 0;
    width: min(100%, 576px);
}

.customers-panel-header[b-chv2zupmpd] {
    align-items: flex-start;
    background: #fff;
    border-bottom: 1px solid var(--bygsyn-border);
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    padding: 24px 32px;
}

.customers-panel-header > div[b-chv2zupmpd] {
    min-width: 0;
}

.customers-panel-header h2[b-chv2zupmpd] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.2;
    margin: 0;
}

.customers-panel-header p[b-chv2zupmpd] {
    color: var(--bygsyn-muted);
    font-size: .875rem;
    line-height: 1.5;
    margin: 6px 0 0;
}

.customers-panel-close[b-chv2zupmpd] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 9px;
    color: #718094;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.customers-panel-close:hover[b-chv2zupmpd] {
    background: #f0f4ef;
    color: #354052;
}

.customers-panel[b-chv2zupmpd]  .customers-panel-form {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.customers-panel-body[b-chv2zupmpd] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    min-height: 0;
    overflow-y: auto;
    padding: 24px 32px;
}

.customers-panel-footer[b-chv2zupmpd] {
    align-items: center;
    background: #fff;
    border-top: 1px solid var(--bygsyn-border);
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: flex-end;
    padding: 20px 32px max(20px, env(safe-area-inset-bottom));
}

.customers-form-grid[b-chv2zupmpd] {
    display: grid;
    gap: 20px 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customers-form-grid label[b-chv2zupmpd] {
    color: #2f3847;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 600;
    gap: 8px;
    min-width: 0;
}

.customers-field-label[b-chv2zupmpd] {
    align-items: center;
    color: #3f4b5b;
    display: inline-flex;
    gap: 8px;
}

.customers-field-label .customers-inline-icon[b-chv2zupmpd] {
    color: #748196;
    flex: 0 0 16px;
}

.customers-form-grid[b-chv2zupmpd]  .customers-input,
.customers-form-grid[b-chv2zupmpd]  .customers-textarea,
.customers-form-grid[b-chv2zupmpd]  .customers-select {
    appearance: none;
    background: #fff;
    border: 1px solid var(--bygsyn-border);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--bygsyn-text);
    font: 1rem var(--bygsyn-body-font);
    min-height: 48px;
    outline: 0;
    padding: 12px 14px;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
    width: 100%;
}

.customers-form-grid[b-chv2zupmpd]  .customers-input::placeholder,
.customers-form-grid[b-chv2zupmpd]  .customers-textarea::placeholder {
    color: #929dac;
    opacity: 1;
}

.customers-form-grid[b-chv2zupmpd]  .customers-input:hover,
.customers-form-grid[b-chv2zupmpd]  .customers-textarea:hover,
.customers-form-grid[b-chv2zupmpd]  .customers-select:hover {
    border-color: #c6d2c2;
}

.customers-form-grid[b-chv2zupmpd]  .customers-input:focus,
.customers-form-grid[b-chv2zupmpd]  .customers-textarea:focus,
.customers-form-grid[b-chv2zupmpd]  .customers-select:focus {
    border-color: #6fb84e;
    box-shadow: 0 0 0 3px rgb(86 168 48 / .16);
}

.customers-form-grid[b-chv2zupmpd]  .customers-input.invalid,
.customers-form-grid[b-chv2zupmpd]  .customers-textarea.invalid,
.customers-form-grid[b-chv2zupmpd]  .customers-select.invalid {
    border-color: #d96b70;
}

.customers-form-grid[b-chv2zupmpd]  .customers-textarea {
    line-height: 1.5;
    min-height: 108px;
    resize: vertical;
}

.customers-select-wrap[b-chv2zupmpd] {
    display: block;
    position: relative;
}

.customers-select-wrap[b-chv2zupmpd]  .customers-select {
    padding-right: 44px;
}

.customers-select-icon[b-chv2zupmpd] {
    color: #738094;
    height: 18px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}

.customers-form-grid[b-chv2zupmpd]  .validation-message {
    color: #b4232d;
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.35;
}

.customers-span-2[b-chv2zupmpd] {
    grid-column: span 2;
}

.customers-alert[b-chv2zupmpd] {
    border-radius: 10px;
    padding: 12px 14px;
}

.customers-alert-error[b-chv2zupmpd] {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #9f1239;
}

.customers-alert-warning[b-chv2zupmpd] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.customers-muted[b-chv2zupmpd] {
    color: var(--bygsyn-muted);
    margin: 0;
}

.customers-card:focus-visible[b-chv2zupmpd],
.customers-list-row:focus-visible[b-chv2zupmpd],
.customers-compact-table tbody tr:focus-visible[b-chv2zupmpd],
.customers-panel-close:focus-visible[b-chv2zupmpd],
.customers-primary-button:focus-visible[b-chv2zupmpd],
.customers-secondary-button:focus-visible[b-chv2zupmpd],
.customers-view-button:focus-visible[b-chv2zupmpd],
.customers-chip:focus-visible[b-chv2zupmpd],
.customers-search-input:focus-visible[b-chv2zupmpd] {
    outline: 2px solid #67ad48;
    outline-offset: 2px;
}

.customers-header h1:focus-visible[b-chv2zupmpd],
.customers-success-toast button:focus-visible[b-chv2zupmpd] {
    outline: 2px solid #67ad48;
    outline-offset: 2px;
}

.customers-card.is-highlighted[b-chv2zupmpd],
.customers-list-row.is-highlighted[b-chv2zupmpd],
.customers-compact-table tbody tr.is-highlighted[b-chv2zupmpd] {
    animation: customers-saved-highlight-b-chv2zupmpd 1800ms ease-out;
}

@keyframes customers-saved-highlight-b-chv2zupmpd {
    0%, 45% {
        background: #f0faeb;
        box-shadow: 0 0 0 3px rgb(86 168 48 / .2);
    }

    100% {
        background: #fff;
        box-shadow: none;
    }
}

@media (max-width: 1439px) {
    .customers-page[b-chv2zupmpd] {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 1279px) {
    .customers-card-grid[b-chv2zupmpd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .customers-page[b-chv2zupmpd] {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 899px) {
    .customers-page[b-chv2zupmpd] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .customers-toolbar-row[b-chv2zupmpd] {
        align-items: stretch;
        flex-direction: column;
    }

    .customers-view-switch[b-chv2zupmpd] {
        align-self: flex-start;
    }

    .customers-compact-view-button[b-chv2zupmpd] {
        display: none;
    }

    .customers-list-row[b-chv2zupmpd] {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .customers-list-row[b-chv2zupmpd]  .customer-overview-actions {
        justify-self: end;
    }

    .customers-compact-table[b-chv2zupmpd] {
        table-layout: fixed;
    }

    .customers-compact-table th[b-chv2zupmpd],
    .customers-compact-table td[b-chv2zupmpd] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .customers-compact-table th:nth-child(2)[b-chv2zupmpd],
    .customers-compact-table td:nth-child(2)[b-chv2zupmpd],
    .customers-compact-table th:nth-child(3)[b-chv2zupmpd],
    .customers-compact-table td:nth-child(3)[b-chv2zupmpd],
    .customers-compact-table th:nth-child(4)[b-chv2zupmpd],
    .customers-compact-table td:nth-child(4)[b-chv2zupmpd] {
        display: none;
    }
}

@media (max-width: 767px) {
    .customers-card-grid[b-chv2zupmpd] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 599px) {
    .customers-page[b-chv2zupmpd] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .customers-header[b-chv2zupmpd] {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
    }

    .customers-header .customers-primary-button[b-chv2zupmpd] {
        width: 100%;
    }

    .customers-view-switch[b-chv2zupmpd] {
        align-self: stretch;
        width: 100%;
    }

    .customers-view-button[b-chv2zupmpd] {
        flex: 1 1 0;
    }

    .customers-card[b-chv2zupmpd] {
        padding: 18px;
    }

    .customers-card-actions[b-chv2zupmpd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .customers-list-main[b-chv2zupmpd] {
        align-items: flex-start;
    }

    .customers-card-header[b-chv2zupmpd] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .customers-card-header .customers-type-badge[b-chv2zupmpd] {
        grid-column: 2;
    }

    .customers-card-actions[b-chv2zupmpd]  .customer-overview-actions {
        align-self: flex-end;
    }

    .customers-empty[b-chv2zupmpd] {
        min-height: 300px;
        padding: 40px 20px;
    }

    .customers-compact-table th:nth-child(5)[b-chv2zupmpd],
    .customers-compact-table td:nth-child(5)[b-chv2zupmpd] {
        display: none;
    }

    .customers-compact-table th[b-chv2zupmpd],
    .customers-compact-table td[b-chv2zupmpd] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .customers-compact-actions[b-chv2zupmpd] {
        padding-left: 4px;
        padding-right: 4px;
        width: 186px;
    }

    .customers-panel[b-chv2zupmpd] {
        border-left: 0;
        max-width: none;
        width: 100%;
    }

    .customers-panel-header[b-chv2zupmpd] {
        padding: 20px;
    }

    .customers-panel-header h2[b-chv2zupmpd] {
        font-size: 1.35rem;
    }

    .customers-panel-body[b-chv2zupmpd] {
        padding: 20px;
    }

    .customers-panel-footer[b-chv2zupmpd] {
        flex-wrap: wrap;
        padding: 16px 20px max(16px, env(safe-area-inset-bottom));
    }

    .customers-success-toast[b-chv2zupmpd] {
        left: 16px;
        right: 16px;
        top: 16px;
    }

    .customers-form-grid[b-chv2zupmpd] {
        grid-template-columns: 1fr;
    }

    .customers-span-2[b-chv2zupmpd] {
        grid-column: span 1;
    }

    .customers-panel-footer .customers-primary-button[b-chv2zupmpd],
    .customers-panel-footer .customers-secondary-button[b-chv2zupmpd] {
        flex: 1 1 140px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .customers-card[b-chv2zupmpd],
    .customers-chip[b-chv2zupmpd],
    .customers-primary-button[b-chv2zupmpd],
    .customers-primary-link[b-chv2zupmpd],
    .customers-search[b-chv2zupmpd],
    .customers-secondary-button[b-chv2zupmpd],
    .customers-view-button[b-chv2zupmpd] {
        transition: none;
    }

    .customers-card.is-highlighted[b-chv2zupmpd],
    .customers-list-row.is-highlighted[b-chv2zupmpd],
    .customers-compact-table tbody tr.is-highlighted[b-chv2zupmpd] {
        animation: none;
        background: #f0faeb;
        box-shadow: 0 0 0 2px rgb(86 168 48 / .18);
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-snykweshr0] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 40px;
}

.dashboard-date-line[b-snykweshr0] {
    color: var(--bygsyn-muted);
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: -18px;
    text-transform: capitalize;
}

.dashboard-hero[b-snykweshr0] {
    align-items: flex-start;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.dashboard-hero-copy h1[b-snykweshr0] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.16;
    margin: 0 0 6px;
}

.dashboard-hero-copy p[b-snykweshr0],
.dashboard-panel-header p[b-snykweshr0] {
    color: var(--bygsyn-muted);
    font-size: 0.875rem;
    margin: 0;
}

.dashboard-hero-actions[b-snykweshr0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    padding-top: 30px;
}

.dashboard-action-link[b-snykweshr0],
.dashboard-text-link[b-snykweshr0],
.dashboard-quick-action[b-snykweshr0],
.dashboard-tomorrow-link[b-snykweshr0],
.dashboard-case-row[b-snykweshr0] {
    text-decoration: none;
}

.dashboard-action-link[b-snykweshr0] {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    min-height: 42px;
    padding: 0 18px;
}

.dashboard-button-icon[b-snykweshr0],
.dashboard-link-icon[b-snykweshr0],
.dashboard-kicker-icon[b-snykweshr0] {
    flex: 0 0 auto;
}

.dashboard-button-icon[b-snykweshr0] {
    height: 16px;
    width: 16px;
}

.dashboard-link-icon[b-snykweshr0],
.dashboard-kicker-icon[b-snykweshr0] {
    color: currentColor;
    height: 16px;
    width: 16px;
}

.dashboard-action-link-primary[b-snykweshr0] {
    background: var(--bygsyn-accent);
    color: #ffffff;
}

.dashboard-action-link-secondary[b-snykweshr0] {
    background: #ffffff;
    border: 1px solid var(--bygsyn-border);
    color: var(--bygsyn-text);
}

.dashboard-summary-grid[b-snykweshr0] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-summary-card[b-snykweshr0],
.dashboard-panel[b-snykweshr0] {
    background: var(--bygsyn-card-bg);
    border: 1px solid var(--bygsyn-border);
    border-radius: 12px;
    box-shadow: var(--bygsyn-card-shadow);
}

.dashboard-summary-card[b-snykweshr0] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 132px;
    padding: 20px 20px 18px;
}

.dashboard-summary-card strong[b-snykweshr0] {
    color: var(--bygsyn-text);
    display: block;
    font-family: var(--bygsyn-heading-font);
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.1;
}

.dashboard-summary-card div > span[b-snykweshr0] {
    color: var(--bygsyn-muted);
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 4px;
}

.dashboard-summary-icon[b-snykweshr0],
.dashboard-quick-icon[b-snykweshr0] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
}

.dashboard-summary-icon[b-snykweshr0] {
    background: transparent;
    color: var(--bygsyn-accent-dark);
    height: 30px;
    width: 30px;
}

.dashboard-card-icon[b-snykweshr0] {
    color: currentColor;
    height: 24px;
    width: 24px;
}

.dashboard-trend-icon[b-snykweshr0] {
    color: var(--bygsyn-accent-dark);
    height: 16px;
    width: 16px;
}

.dashboard-summary-icon-calendar[b-snykweshr0] {
    color: var(--bygsyn-info);
}

.dashboard-summary-icon-drafts[b-snykweshr0] {
    color: var(--bygsyn-warning);
}

.dashboard-summary-icon-done[b-snykweshr0] {
    color: var(--bygsyn-accent-dark);
}

.dashboard-content-grid[b-snykweshr0] {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
}

.dashboard-panel[b-snykweshr0] {
    overflow: hidden;
}

.dashboard-state-panel[b-snykweshr0],
.dashboard-empty[b-snykweshr0] {
    color: var(--bygsyn-muted);
    padding: 28px 24px;
}

.dashboard-panel-header[b-snykweshr0] {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 22px 24px 18px;
}

.dashboard-panel-header h2[b-snykweshr0] {
    color: var(--bygsyn-text);
    font-family: var(--bygsyn-heading-font);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 4px;
}

.dashboard-text-link[b-snykweshr0] {
    align-items: center;
    color: var(--bygsyn-accent-dark);
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 700;
    gap: 6px;
    white-space: nowrap;
}

.dashboard-case-list[b-snykweshr0] {
    display: flex;
    flex-direction: column;
}

.dashboard-case-row[b-snykweshr0] {
    align-items: center;
    border-top: 1px solid var(--bygsyn-border);
    border-radius: 0;
    color: var(--bygsyn-text);
    display: grid;
    gap: 14px;
    grid-template-columns: 42px minmax(0, 1fr) 132px;
    min-height: 80px;
    padding: 0 24px;
}

.dashboard-case-row:hover[b-snykweshr0] {
    background: rgba(238, 242, 247, 0.78);
}

.dashboard-case-icon[b-snykweshr0] {
    align-items: center;
    background: transparent;
    border-radius: 10px;
    color: var(--bygsyn-accent-dark);
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.dashboard-case-icon-svg[b-snykweshr0] {
    color: currentColor;
    height: 18px;
    width: 18px;
}

.dashboard-case-main[b-snykweshr0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.dashboard-case-schedule[b-snykweshr0] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-case-number[b-snykweshr0] {
    color: var(--bygsyn-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.dashboard-case-title[b-snykweshr0],
.dashboard-case-customer[b-snykweshr0],
.dashboard-case-date[b-snykweshr0],
.dashboard-case-type[b-snykweshr0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-case-customer[b-snykweshr0],
.dashboard-case-date[b-snykweshr0],
.dashboard-case-type[b-snykweshr0] {
    color: var(--bygsyn-muted);
    font-size: 0.86rem;
}

.dashboard-case-title[b-snykweshr0] {
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-status-pill[b-snykweshr0] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    justify-content: flex-start;
    margin-top: 2px;
    width: fit-content;
    padding: 4px 10px;
    text-transform: uppercase;
}

.dashboard-status-inprogress[b-snykweshr0],
.dashboard-status-completed[b-snykweshr0] {
    background: #ddf8d5;
    color: #286b18;
}

.dashboard-status-planned[b-snykweshr0] {
    background: #e4efff;
    color: #285a9c;
}

.dashboard-status-awaiting[b-snykweshr0] {
    background: #fff1c9;
    color: #8a5a00;
}

.dashboard-status-draft[b-snykweshr0] {
    background: #f0eee9;
    color: #746f65;
}

.dashboard-side-stack[b-snykweshr0] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.dashboard-platform-messages .dashboard-panel-header > svg[b-snykweshr0]{color:var(--bygsyn-accent-dark);height:20px;width:20px}.dashboard-platform-message-list[b-snykweshr0]{display:grid;gap:10px;padding:0 20px 20px}.dashboard-platform-message-list article[b-snykweshr0]{border-top:1px solid var(--bygsyn-border);padding:12px 0 0}.dashboard-platform-message-list h3[b-snykweshr0]{font-size:.9rem;margin:0 0 5px}.dashboard-platform-message-list p[b-snykweshr0]{font-size:.84rem;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.dashboard-platform-message-list time[b-snykweshr0]{color:var(--bygsyn-muted);display:block;font-size:.75rem;margin-top:8px}

.dashboard-quick-panel[b-snykweshr0] {
    padding-bottom: 18px;
}

.dashboard-quick-actions[b-snykweshr0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 24px 8px;
}

.dashboard-quick-action[b-snykweshr0] {
    align-items: center;
    border-radius: 10px;
    color: var(--bygsyn-text);
    display: flex;
    font-size: 0.9rem;
    font-weight: 600;
    gap: 14px;
    min-height: 56px;
    padding: 0;
}

.dashboard-quick-action:hover[b-snykweshr0] {
    background: rgba(238, 242, 247, 0.78);
}

.dashboard-quick-icon[b-snykweshr0] {
    background: transparent;
    color: var(--bygsyn-accent-dark);
    height: 24px;
    width: 24px;
}

.dashboard-quick-icon-svg[b-snykweshr0] {
    color: currentColor;
    height: 18px;
    width: 18px;
}

.dashboard-quick-arrow[b-snykweshr0] {
    color: var(--bygsyn-muted);
    height: 18px;
    margin-left: auto;
    width: 18px;
}

.dashboard-tomorrow-panel[b-snykweshr0] {
    background: var(--bygsyn-card-bg);
    border: 1px solid var(--bygsyn-border);
    border-radius: 12px;
    box-shadow: var(--bygsyn-card-shadow);
    color: var(--bygsyn-text);
    padding: 24px;
}

.dashboard-tomorrow-kicker[b-snykweshr0] {
    align-items: center;
    background: var(--bygsyn-sidebar-active);
    border-radius: 999px;
    color: var(--bygsyn-sidebar-active-text);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 6px;
    margin-bottom: 18px;
    padding: 6px 12px;
    text-transform: uppercase;
}

.dashboard-tomorrow-panel h2[b-snykweshr0] {
    font-size: 1.18rem;
    font-weight: 700;
    margin: 0 0 12px;
}

.dashboard-tomorrow-panel p[b-snykweshr0] {
    color: var(--bygsyn-muted);
    margin: 0 0 7px;
}

.dashboard-tomorrow-link[b-snykweshr0] {
    align-items: center;
    background: var(--bygsyn-sidebar-active);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--bygsyn-sidebar-active-text);
    display: flex;
    font-size: 0.9rem;
    font-weight: 700;
    gap: 6px;
    justify-content: center;
    margin-top: 20px;
    max-width: 100%;
    min-height: 44px;
    padding: 0 14px;
    width: 100%;
}

@media (max-width: 1199px) {
    .dashboard-page[b-snykweshr0] {
        padding: 0;
    }

    .dashboard-summary-grid[b-snykweshr0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-content-grid[b-snykweshr0] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .dashboard-side-stack[b-snykweshr0] {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .dashboard-page[b-snykweshr0] {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1200px) {
    .dashboard-empty[b-snykweshr0] {
        align-items: center;
        display: flex;
        min-height: 264px;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .dashboard-page[b-snykweshr0] {
        gap: 24px;
    }

    .dashboard-hero-copy h1[b-snykweshr0] {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 4px;
    }

    .dashboard-date-line[b-snykweshr0] {
        font-size: 0.8125rem;
    }

    .dashboard-summary-grid[b-snykweshr0] {
        gap: 12px;
    }

    .dashboard-summary-card[b-snykweshr0] {
        gap: 10px;
        min-height: 0;
        padding: 16px;
    }

    .dashboard-summary-card strong[b-snykweshr0] {
        font-size: 1.5rem;
    }

    .dashboard-summary-card div > span[b-snykweshr0] {
        font-size: 0.8125rem;
        line-height: 1.25;
    }

    .dashboard-summary-icon[b-snykweshr0] {
        height: 24px;
        width: 24px;
    }

    .dashboard-card-icon[b-snykweshr0] {
        height: 20px;
        width: 20px;
    }
}

@media (max-width: 599px) {
    .dashboard-page[b-snykweshr0] {
        gap: 24px;
        padding: 0;
    }

    .dashboard-date-line[b-snykweshr0] {
        margin-bottom: -8px;
    }

    .dashboard-hero[b-snykweshr0] {
        flex-direction: column;
    }

    .dashboard-hero-actions[b-snykweshr0] {
        justify-content: flex-start;
    }

    .dashboard-hero-copy h1[b-snykweshr0] {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 4px;
    }

    .dashboard-date-line[b-snykweshr0] {
        font-size: 0.8125rem;
    }

    .dashboard-hero-copy p[b-snykweshr0],
    .dashboard-panel-header p[b-snykweshr0] {
        font-size: 0.875rem;
        line-height: 1.4;
        max-width: 34rem;
    }

    .dashboard-summary-grid[b-snykweshr0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .dashboard-summary-card[b-snykweshr0] {
        gap: 10px;
        min-height: 0;
        padding: 16px;
    }

    .dashboard-summary-card strong[b-snykweshr0] {
        font-size: 1.5rem;
    }

    .dashboard-summary-card div > span[b-snykweshr0] {
        font-size: 0.8125rem;
        line-height: 1.25;
    }

    .dashboard-summary-icon[b-snykweshr0] {
        height: 24px;
        width: 24px;
    }

    .dashboard-card-icon[b-snykweshr0] {
        height: 20px;
        width: 20px;
    }

    .dashboard-case-row[b-snykweshr0] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .dashboard-case-schedule[b-snykweshr0] {
        align-items: flex-start;
        grid-column: 2;
    }
}

@media (max-width: 340px) {
    .dashboard-summary-grid[b-snykweshr0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-panel[b-0jahmuiq8u] {
    --login-background: hsl(110 24% 97%);
    --login-foreground: hsl(215 35% 15%);
    --login-muted: hsl(215 14% 40%);
    --login-border: hsl(108 24% 88%);
    --login-green: hsl(95 60% 38%);
    --login-blue: hsl(212 85% 50%);
    --login-brand: hsl(99 16% 25%);
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    min-height: calc(100vh - 16px);
    overflow: hidden;
    border: 1px solid var(--login-border);
    border-radius: 8px;
    background: var(--login-background);
    box-shadow: 0 2px 10px rgb(26 54 35 / 5%);
}
.login-brand[b-0jahmuiq8u] { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; overflow: hidden; padding: 48px 56px; color: hsl(95 20% 96%); background-color: var(--login-brand); background-image: radial-gradient(circle at 42% 32%, rgb(222 240 207 / 8%), transparent 32%), linear-gradient(rgb(218 239 204 / 8%) 1px, transparent 1px), linear-gradient(90deg, rgb(218 239 204 / 8%) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; }
.login-brand-header[b-0jahmuiq8u] { align-items: center; display: flex; gap: 20px; }
.login-brand-logo[b-0jahmuiq8u] { align-items: center; background: #fff; border-radius: 16px; display: grid; flex: 0 0 104px; height: 104px; justify-content: center; width: 104px; }
.login-brand-logo img[b-0jahmuiq8u] { height: 84px; object-fit: contain; width: 84px; }
.login-brand-header strong[b-0jahmuiq8u] { display: block; font-family: var(--bygsyn-heading-font); font-size: 1.5rem; }
.login-brand-header span[b-0jahmuiq8u] { color: rgb(235 244 232 / 72%); display: block; font-size: 1rem; margin-top: 3px; }
.login-brand-copy[b-0jahmuiq8u] { max-width: 510px; }
.login-brand-copy p[b-0jahmuiq8u] { color: rgb(235 244 232 / 76%); font-size: .9rem; font-weight: 600; margin: 0 0 14px; }
.login-brand-copy h2[b-0jahmuiq8u] { font-family: var(--bygsyn-heading-font); font-size: clamp(2.3rem, 4vw, 3rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.08; margin: 0 0 18px; }
.login-brand-copy > span[b-0jahmuiq8u] { color: rgb(235 244 232 / 74%); display: block; font-size: 1rem; line-height: 1.55; max-width: 420px; }
.login-benefits[b-0jahmuiq8u] { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 26px; }
.login-benefits span[b-0jahmuiq8u] { align-items: center; color: rgb(235 244 232 / 86%); display: inline-flex; font-size: .86rem; gap: 7px; }
.login-benefits[b-0jahmuiq8u]  svg { color: rgb(213 240 193 / 86%); height: 16px; width: 16px; }
.login-brand-copyright[b-0jahmuiq8u] { color: rgb(235 244 232 / 58%); font-size: .78rem; }
.login-content[b-0jahmuiq8u] { align-self: center; justify-self: center; max-width: 560px; min-width: 0; padding: 64px; width: 100%; box-sizing: border-box; }
.login-heading[b-0jahmuiq8u] { margin-bottom: 2.25rem; }
.login-heading-accent[b-0jahmuiq8u] { display: flex; gap: 8px; margin-bottom: 22px; }
.login-heading-accent span[b-0jahmuiq8u] { border-radius: 999px; display: block; height: 6px; width: 40px; }
.login-heading-accent span:first-child[b-0jahmuiq8u] { background: var(--login-green); }
.login-heading-accent span:last-child[b-0jahmuiq8u] { background: var(--login-blue); width: 20px; }
.login-heading h1[b-0jahmuiq8u] { color: var(--login-foreground); font-family: var(--bygsyn-heading-font); font-size: clamp(2.25rem, 4vw, 3rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.1; margin: 0; }
.login-heading p[b-0jahmuiq8u] { color: var(--login-muted); font-size: .95rem; line-height: 1.5; margin: .7rem 0 0; }
.login-error[b-0jahmuiq8u] { align-items: center; background: #fff1f2; border: 1px solid #fecdd3; border-radius: 8px; color: #9f1239; display: flex; font-size: .88rem; gap: .65rem; margin: 0 0 1.25rem; padding: .8rem .95rem; }
.login-error[b-0jahmuiq8u]  svg { flex: 0 0 auto; height: 1.15rem; width: 1.15rem; }
.login-field[b-0jahmuiq8u] { display: grid; gap: .55rem; margin: 0 0 1.2rem; }
.login-field label[b-0jahmuiq8u] { color: var(--login-muted); font-size: .72rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.login-input-wrap[b-0jahmuiq8u] { align-items: center; background: #fff; border: 1px solid var(--login-border); border-radius: 8px; display: flex; min-height: 48px; transition: border-color 150ms ease, box-shadow 150ms ease; }
.login-input-wrap:focus-within[b-0jahmuiq8u] { border-color: var(--login-blue); box-shadow: 0 0 0 3px rgb(20 118 236 / 15%); }
.login-input-wrap[b-0jahmuiq8u]  svg { color: var(--login-muted); flex: 0 0 auto; height: 16px; margin-left: .9rem; width: 16px; }
.login-input-wrap[b-0jahmuiq8u]  .login-input { background: transparent; border: 0; color: var(--login-foreground); font: inherit; min-height: 46px; min-width: 0; outline: 0; padding: .7rem .9rem .7rem .7rem; width: 100%; }
.login-input-wrap[b-0jahmuiq8u]  .login-input::placeholder { color: #9aa4ae; }
.login-validation[b-0jahmuiq8u] { color: #b42318; font-size: .82rem; margin: -.1rem 0 0; }
.login-submit[b-0jahmuiq8u] { align-items: center; background: var(--login-green); border: 0; border-radius: 8px; box-shadow: 0 8px 18px rgb(79 151 38 / 22%); color: #fff; cursor: pointer; display: inline-flex; font: 600 .95rem var(--bygsyn-body-font); justify-content: center; min-height: 48px; transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease; width: 100%; }
.login-submit[b-0jahmuiq8u]  svg { height: 16px; margin-left: 9px; width: 16px; }
.login-submit:hover[b-0jahmuiq8u] { filter: brightness(1.05); box-shadow: 0 10px 22px rgb(79 151 38 / 28%); }
.login-submit:active[b-0jahmuiq8u] { transform: translateY(1px); }
.login-submit:focus-visible[b-0jahmuiq8u], .development-login-button:focus-visible[b-0jahmuiq8u] { outline: 2px solid var(--login-blue); outline-offset: 3px; }
.login-submit:disabled[b-0jahmuiq8u] { cursor: wait; opacity: .78; }
.development-login[b-0jahmuiq8u] { margin-top: 1.55rem; }
.development-login-title[b-0jahmuiq8u] { align-items: center; color: #7c8792; display: grid; font-size: .68rem; gap: .7rem; grid-template-columns: 1fr auto 1fr; letter-spacing: .035em; text-transform: uppercase; }
.development-login-title span[b-0jahmuiq8u] { background: var(--login-border); height: 1px; }
.development-login-actions[b-0jahmuiq8u] { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
.development-login-button[b-0jahmuiq8u] { align-items: center; background: #fff; border: 1px solid var(--login-border); border-radius: 8px; color: var(--login-foreground); cursor: pointer; display: inline-flex; font: 600 .86rem var(--bygsyn-body-font); gap: .5rem; justify-content: center; min-height: 48px; }
.development-login-button[b-0jahmuiq8u]  svg { color: var(--login-green); height: 16px; width: 16px; }
.development-login-button:last-child[b-0jahmuiq8u]  svg { color: var(--login-blue); }
.development-login-button:hover[b-0jahmuiq8u] { background: #f9fcf8; border-color: #c7dec0; }
.login-footer[b-0jahmuiq8u] { color: #7c8792; font-size: .76rem; margin-top: 2rem; text-align: center; }
@media (max-width: 1199px) { .login-panel[b-0jahmuiq8u] { grid-template-columns: 1fr; min-height: 0; } .login-brand[b-0jahmuiq8u] { min-height: 320px; padding: 40px; } .login-brand-header[b-0jahmuiq8u] { gap: 16px; } .login-brand-logo[b-0jahmuiq8u] { border-radius: 14px; flex-basis: 88px; height: 88px; width: 88px; } .login-brand-logo img[b-0jahmuiq8u] { height: 72px; width: 72px; } .login-brand-header strong[b-0jahmuiq8u] { font-size: 1.35rem; } .login-brand-header span[b-0jahmuiq8u] { font-size: .95rem; } .login-brand-copy[b-0jahmuiq8u] { margin-top: 48px; } .login-brand-copyright[b-0jahmuiq8u] { display: none; } .login-content[b-0jahmuiq8u] { max-width: 500px; padding: 48px 40px; } .login-footer[b-0jahmuiq8u] { display: block; } }
@media (min-width: 1200px) { .login-footer[b-0jahmuiq8u] { display: none; } }
@media (max-width: 599px) { .login-panel[b-0jahmuiq8u] { display: flex; flex-direction: column; } .login-brand[b-0jahmuiq8u] { min-height: 260px; padding: 24px; } .login-brand-header[b-0jahmuiq8u] { gap: 12px; } .login-brand-logo[b-0jahmuiq8u] { border-radius: 12px; flex-basis: 64px; height: 64px; width: 64px; } .login-brand-logo img[b-0jahmuiq8u] { height: 52px; width: 52px; } .login-brand-header strong[b-0jahmuiq8u] { font-size: 1.25rem; } .login-brand-header span[b-0jahmuiq8u] { font-size: .85rem; } .login-brand-copy[b-0jahmuiq8u] { margin-top: 34px; } .login-brand-copy h2[b-0jahmuiq8u] { font-size: 2.15rem; } .login-brand-copy > span[b-0jahmuiq8u] { font-size: .9rem; } .login-benefits[b-0jahmuiq8u] { display: none; } .login-content[b-0jahmuiq8u] { padding: 36px 20px 24px; } .login-heading h1[b-0jahmuiq8u] { font-size: 2.2rem; } .development-login-actions[b-0jahmuiq8u] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .login-input-wrap[b-0jahmuiq8u], .login-submit[b-0jahmuiq8u] { transition: none; } }
/* /Components/Pages/Users.razor.rz.scp.css */
.users-toolbar[b-o1bu7zb2oy] { grid-template-columns: minmax(240px, 1fr) minmax(170px, 220px) minmax(170px, 220px); }

.users-table-surface[b-o1bu7zb2oy] {
    background: #fff;
    border: 1px solid hsl(108 24% 88%);
    border-radius: 12px;
    overflow: hidden;
}

.users-table[b-o1bu7zb2oy] { border-collapse: collapse; width: 100%; }
.users-table th[b-o1bu7zb2oy] { background: hsl(98 24% 98%); color: hsl(215 14% 40%); font-size: .76rem; letter-spacing: .04em; padding: 12px 20px; text-align: left; text-transform: uppercase; }
.users-table td[b-o1bu7zb2oy] { border-top: 1px solid hsl(108 24% 88%); padding: 16px 20px; vertical-align: middle; }
.users-table td:last-child[b-o1bu7zb2oy] { text-align: right; }

.users-identity[b-o1bu7zb2oy] { align-items: center; display: flex; gap: 12px; min-width: 0; }
.users-identity > span:last-child[b-o1bu7zb2oy] { display: grid; gap: 3px; min-width: 0; }
.users-identity strong[b-o1bu7zb2oy],
.users-identity small[b-o1bu7zb2oy] { overflow-wrap: anywhere; }
.users-identity small[b-o1bu7zb2oy] { color: hsl(215 14% 40%); font-size: .84rem; }
.users-avatar[b-o1bu7zb2oy] { align-items: center; background: hsl(98 45% 94%); border-radius: 50%; color: hsl(99 65% 31%); display: inline-flex; flex: 0 0 40px; font-size: .78rem; font-weight: 800; height: 40px; justify-content: center; }

.users-delete-button[b-o1bu7zb2oy],
.users-danger-primary[b-o1bu7zb2oy] {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font: 700 .88rem var(--bygsyn-body-font);
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 16px;
}

.users-delete-button[b-o1bu7zb2oy] { background: #fff; border: 1px solid hsl(2 70% 82%); color: hsl(2 67% 42%); }
.users-danger-primary[b-o1bu7zb2oy] { background: hsl(2 76% 52%); border: 1px solid hsl(2 76% 52%); color: #fff; }
.users-danger-primary:disabled[b-o1bu7zb2oy] { background: hsl(2 69% 75%); border-color: hsl(2 69% 75%); cursor: not-allowed; }
.users-mobile-list[b-o1bu7zb2oy] { display: none; gap: 14px; }

.delete-sheet-header[b-o1bu7zb2oy] {
    align-items: flex-start;
    border-bottom: 1px solid hsl(108 24% 88%);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 24px;
}

.delete-sheet-header > div[b-o1bu7zb2oy] { display: grid; gap: 12px; }
.delete-sheet-header h2[b-o1bu7zb2oy] { align-items: center; color: hsl(2 76% 48%); display: flex; font: 700 1.6rem/1.2 var(--bygsyn-heading-font); gap: 10px; margin: 0; }
.delete-sheet-header p[b-o1bu7zb2oy] { color: hsl(215 14% 40%); margin: -4px 0 0; }
.delete-back-link[b-o1bu7zb2oy] { align-items: center; background: transparent; border: 0; color: hsl(215 20% 34%); cursor: pointer; display: inline-flex; font: 600 .92rem var(--bygsyn-body-font); gap: 8px; min-height: 44px; padding: 0; width: fit-content; }
.delete-sheet-body[b-o1bu7zb2oy] { align-content: start; }

.delete-info-card[b-o1bu7zb2oy],
.delete-history[b-o1bu7zb2oy],
.delete-warning[b-o1bu7zb2oy] {
    background: #fff;
    border: 1px solid hsl(108 24% 88%);
    border-radius: 12px;
    padding: 18px 20px;
}

.delete-info-card h3[b-o1bu7zb2oy],
.delete-history h3[b-o1bu7zb2oy],
.delete-warning h3[b-o1bu7zb2oy] { margin: 0; }
.delete-info-card h3[b-o1bu7zb2oy] { align-items: center; display: flex; gap: 9px; }
.delete-info-card h3 svg[b-o1bu7zb2oy] { color: hsl(99 61% 38%); }
.delete-info-card dl[b-o1bu7zb2oy] { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 18px 0 0; }
.delete-info-card dl div[b-o1bu7zb2oy] { display: grid; gap: 4px; }
.delete-info-card dt[b-o1bu7zb2oy] { color: hsl(215 14% 40%); font-size: .82rem; }
.delete-info-card dd[b-o1bu7zb2oy] { font-weight: 650; margin: 0; overflow-wrap: anywhere; }

.delete-warning[b-o1bu7zb2oy] { align-items: flex-start; background: hsl(2 85% 97%); border-color: hsl(2 76% 72%); color: hsl(2 76% 48%); display: flex; gap: 13px; }
.delete-warning > svg[b-o1bu7zb2oy] { flex: 0 0 20px; margin-top: 2px; }
.delete-warning > div[b-o1bu7zb2oy] { display: grid; gap: 7px; }
.delete-warning p[b-o1bu7zb2oy] { line-height: 1.5; margin: 0; }
.delete-warning .company-secondary-button[b-o1bu7zb2oy] { margin-top: 6px; width: fit-content; }

.delete-history[b-o1bu7zb2oy] { background: hsl(98 34% 98%); display: grid; gap: 13px; }
.delete-history p[b-o1bu7zb2oy] { align-items: flex-start; color: hsl(215 14% 40%); display: flex; gap: 11px; line-height: 1.45; margin: 0; }
.delete-history p svg[b-o1bu7zb2oy] { color: hsl(99 61% 38%); flex: 0 0 19px; margin-top: 2px; }

@media (max-width: 899px) {
    .users-toolbar[b-o1bu7zb2oy] { grid-template-columns: 1fr 1fr; }
    .users-table-surface[b-o1bu7zb2oy] { display: none; }
    .users-mobile-list[b-o1bu7zb2oy] { display: grid; }
}

@media (max-width: 599px) {
    .users-toolbar[b-o1bu7zb2oy] { grid-template-columns: 1fr; }
    .delete-sheet-header[b-o1bu7zb2oy] { padding-left: 16px; padding-right: 16px; }
    .delete-info-card dl[b-o1bu7zb2oy] { grid-template-columns: 1fr; }
    .users-delete-button[b-o1bu7zb2oy] { width: 100%; }
}
/* /Components/Shared/CompanyWorkspace.razor.rz.scp.css */
.company-workspace-root[b-yvfeaz1o0m] {
    --company-border: hsl(108 24% 88%);
    --company-green: hsl(99 61% 38%);
    --company-green-dark: hsl(99 65% 31%);
    --company-green-soft: hsl(98 45% 94%);
    --company-ink: hsl(215 38% 14%);
    --company-muted: hsl(215 14% 40%);
    color: var(--company-ink);
    font-family: var(--bygsyn-body-font);
}

.company-workspace-root[b-yvfeaz1o0m]  .company-page {
    display: grid;
    gap: 24px;
    margin: 0 auto;
    max-width: 1600px;
    padding: 8px 0 40px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-page-header {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-page-heading {
    display: grid;
    gap: 6px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-page-heading h1,
.company-workspace-root[b-yvfeaz1o0m]  .company-page-heading p,
.company-workspace-root[b-yvfeaz1o0m]  .company-card h2,
.company-workspace-root[b-yvfeaz1o0m]  .company-card h3 {
    margin: 0;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-page-heading h1 {
    font: 700 clamp(1.65rem, 2vw, 2rem)/1.15 var(--bygsyn-heading-font);
    letter-spacing: -.025em;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-page-heading p,
.company-workspace-root[b-yvfeaz1o0m]  .company-muted {
    color: var(--company-muted);
}

.company-workspace-root[b-yvfeaz1o0m]  .company-primary-button,
.company-workspace-root[b-yvfeaz1o0m]  .company-secondary-button,
.company-workspace-root[b-yvfeaz1o0m]  .company-icon-button,
.company-workspace-root[b-yvfeaz1o0m]  .company-view-button,
.company-workspace-root[b-yvfeaz1o0m]  .company-chip {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font: 700 .9rem/1 var(--bygsyn-body-font);
    justify-content: center;
    min-height: 44px;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-primary-button {
    background: var(--company-green);
    border: 1px solid var(--company-green);
    color: #fff;
    gap: 8px;
    padding: 0 18px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-primary-button:hover { background: var(--company-green-dark); }

.company-workspace-root[b-yvfeaz1o0m]  .company-secondary-button {
    background: #fff;
    border: 1px solid var(--company-border);
    color: var(--company-ink);
    gap: 8px;
    padding: 0 16px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-secondary-button:hover,
.company-workspace-root[b-yvfeaz1o0m]  .company-view-button:hover,
.company-workspace-root[b-yvfeaz1o0m]  .company-chip:hover { border-color: hsl(99 42% 67%); }

.company-workspace-root[b-yvfeaz1o0m]  .company-icon-button {
    background: transparent;
    border: 0;
    color: var(--company-muted);
    padding: 0;
    width: 44px;
}

.company-workspace-root[b-yvfeaz1o0m]  button:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-toolbar {
    align-items: center;
    border-bottom: 1px solid var(--company-border);
    border-top: 1px solid var(--company-border);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(240px, 1fr) auto auto;
    padding: 16px 0;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-search {
    align-items: center;
    display: flex;
    position: relative;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-search > svg {
    color: var(--company-muted);
    height: 18px;
    left: 15px;
    pointer-events: none;
    position: absolute;
    width: 18px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-search input,
.company-workspace-root[b-yvfeaz1o0m]  .company-filter-select {
    background: #fff;
    border: 1px solid var(--company-border);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--company-ink);
    font: 500 .95rem var(--bygsyn-body-font);
    min-height: 48px;
    width: 100%;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-search input { padding: 0 16px 0 44px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-filter-select { min-width: 190px; padding: 0 38px 0 14px; }

.company-workspace-root[b-yvfeaz1o0m]  .company-view-switch {
    background: #fff;
    border: 1px solid var(--company-border);
    border-radius: 11px;
    display: flex;
    padding: 3px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-view-button {
    background: transparent;
    border: 0;
    color: var(--company-muted);
    gap: 7px;
    min-height: 40px;
    padding: 0 13px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-view-button.is-active {
    background: var(--company-green-soft);
    color: var(--company-green-dark);
}

.company-workspace-root[b-yvfeaz1o0m]  .company-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-chip {
    background: #fff;
    border: 1px solid var(--company-border);
    color: var(--company-muted);
    min-height: 40px;
    padding: 0 14px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-chip.is-active {
    background: var(--company-green-soft);
    border-color: hsl(99 38% 76%);
    color: var(--company-green-dark);
}

.company-workspace-root[b-yvfeaz1o0m]  .company-results-meta {
    align-items: center;
    color: var(--company-muted);
    display: flex;
    font-size: .9rem;
    justify-content: space-between;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-card-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.company-workspace-root[b-yvfeaz1o0m]  .company-card,
.company-workspace-root[b-yvfeaz1o0m]  .company-list,
.company-workspace-root[b-yvfeaz1o0m]  .company-state {
    background: #fff;
    border: 1px solid var(--company-border);
    border-radius: 12px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-card {
    display: grid;
    gap: 18px;
    min-width: 0;
    padding: 20px;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-card-top,
.company-workspace-root[b-yvfeaz1o0m]  .company-card-actions,
.company-workspace-root[b-yvfeaz1o0m]  .company-list-row {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-card-title { display: grid; gap: 4px; min-width: 0; }
.company-workspace-root[b-yvfeaz1o0m]  .company-card-title h2 { font: 700 1.05rem/1.35 var(--bygsyn-heading-font); overflow-wrap: anywhere; }
.company-workspace-root[b-yvfeaz1o0m]  .company-card-title span { color: var(--company-muted); font-size: .88rem; }

.company-workspace-root[b-yvfeaz1o0m]  .company-facts {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-workspace-root[b-yvfeaz1o0m]  .company-fact { display: grid; gap: 3px; min-width: 0; }
.company-workspace-root[b-yvfeaz1o0m]  .company-fact span { color: var(--company-muted); font-size: .8rem; }
.company-workspace-root[b-yvfeaz1o0m]  .company-fact strong { font-size: .92rem; font-weight: 650; overflow-wrap: anywhere; }
.company-workspace-root[b-yvfeaz1o0m]  .company-card-actions { border-top: 1px solid var(--company-border); padding-top: 16px; }

.company-workspace-root[b-yvfeaz1o0m]  .company-list { overflow: hidden; }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-row { min-height: 82px; padding: 16px 20px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-row + .company-list-row { border-top: 1px solid var(--company-border); }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-main { display: grid; flex: 1; gap: 5px; min-width: 0; }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-main strong { overflow-wrap: anywhere; }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-main span { color: var(--company-muted); font-size: .88rem; }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-facts { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(100px, 1fr)); width: min(48%, 620px); }
.company-workspace-root[b-yvfeaz1o0m]  .company-list-actions { display: flex; gap: 8px; }

.company-workspace-root[b-yvfeaz1o0m]  .company-badge {
    align-items: center;
    background: var(--company-green-soft);
    border: 1px solid hsl(99 38% 79%);
    border-radius: 999px;
    color: var(--company-green-dark);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    min-height: 27px;
    padding: 0 10px;
    width: fit-content;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-badge.is-muted { background: hsl(215 20% 95%); border-color: hsl(215 18% 87%); color: hsl(215 18% 38%); }
.company-workspace-root[b-yvfeaz1o0m]  .company-badge.is-blue { background: hsl(210 90% 96%); border-color: hsl(210 85% 85%); color: hsl(210 78% 39%); }
.company-workspace-root[b-yvfeaz1o0m]  .company-badge.is-amber { background: hsl(42 95% 94%); border-color: hsl(42 75% 78%); color: hsl(31 83% 34%); }
.company-workspace-root[b-yvfeaz1o0m]  .company-badge.is-dark { background: hsl(104 47% 89%); border-color: hsl(104 39% 70%); color: hsl(104 69% 24%); }

.company-workspace-root[b-yvfeaz1o0m]  .company-state {
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 56px 24px;
    text-align: center;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-state svg { color: var(--company-green); height: 30px; width: 30px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-state h2,
.company-workspace-root[b-yvfeaz1o0m]  .company-state p { margin: 0; }
.company-workspace-root[b-yvfeaz1o0m]  .company-state p { color: var(--company-muted); max-width: 560px; }

.company-workspace-root[b-yvfeaz1o0m]  .company-alert { border: 1px solid; border-radius: 10px; padding: 13px 16px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-alert-error { background: hsl(2 85% 97%); border-color: hsl(2 76% 83%); color: hsl(2 65% 38%); }
.company-workspace-root[b-yvfeaz1o0m]  .company-alert-success { background: var(--company-green-soft); border-color: hsl(99 38% 76%); color: var(--company-green-dark); }

.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-backdrop {
    backdrop-filter: blur(3px);
    background: rgb(15 23 42 / .42);
    inset: 0;
    position: fixed;
    z-index: 90;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-sheet {
    background: #fff;
    box-shadow: -18px 0 48px rgb(15 23 42 / .24);
    inset: 0 0 0 auto;
    max-width: 576px;
    position: fixed;
    width: min(100%, 576px);
    z-index: 91;
}

.company-workspace-root[b-yvfeaz1o0m]  .company-sheet form { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; height: 100%; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header,
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-footer { background: #fff; padding: 24px 32px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header { align-items: flex-start; border-bottom: 1px solid var(--company-border); display: flex; gap: 20px; justify-content: space-between; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header > div { display: grid; gap: 6px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header h2,
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header p { margin: 0; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header h2 { font: 700 1.45rem/1.2 var(--bygsyn-heading-font); }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header p { color: var(--company-muted); }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-body { align-content: start; background: hsl(98 24% 98%); display: grid; gap: 18px; min-height: 0; overflow-y: auto; padding: 24px 32px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-footer { border-top: 1px solid var(--company-border); display: flex; gap: 12px; justify-content: flex-end; }
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-footer .company-primary-button,
.company-workspace-root[b-yvfeaz1o0m]  .company-sheet-footer .company-secondary-button { min-height: 48px; }

.company-workspace-root[b-yvfeaz1o0m]  .company-form-grid { align-content: start; display: grid; gap: 18px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.company-workspace-root[b-yvfeaz1o0m]  .company-field { display: grid; gap: 8px; min-width: 0; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field.is-wide { grid-column: 1 / -1; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field > span,
.company-workspace-root[b-yvfeaz1o0m]  .company-field > label { font-size: .88rem; font-weight: 700; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field-label { align-items: center; display: flex; gap: 8px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field-label svg { color: hsl(211 16% 43%); height: 17px; width: 17px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field small { color: var(--company-muted); font-size: .8rem; line-height: 1.4; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field input,
.company-workspace-root[b-yvfeaz1o0m]  .company-field select,
.company-workspace-root[b-yvfeaz1o0m]  .company-field textarea {
    background: #fff;
    border: 1px solid var(--company-border);
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--company-ink);
    font: 500 .95rem var(--bygsyn-body-font);
    min-height: 48px;
    padding: 11px 13px;
    width: 100%;
}
.company-workspace-root[b-yvfeaz1o0m]  .company-field input:not([type="date"]),
.company-workspace-root[b-yvfeaz1o0m]  .company-field select { height: 48px; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field input::placeholder,
.company-workspace-root[b-yvfeaz1o0m]  .company-field textarea::placeholder { color: hsl(215 15% 63%); opacity: 1; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field input:hover,
.company-workspace-root[b-yvfeaz1o0m]  .company-field select:hover,
.company-workspace-root[b-yvfeaz1o0m]  .company-field textarea:hover { border-color: hsl(101 25% 72%); }
.company-workspace-root[b-yvfeaz1o0m]  .company-field select:disabled { background: hsl(98 15% 96%); color: hsl(215 14% 55%); cursor: not-allowed; }
.company-workspace-root[b-yvfeaz1o0m]  .company-field textarea { min-height: 116px; resize: vertical; }
.company-workspace-root[b-yvfeaz1o0m]  .validation-message { color: hsl(2 65% 38%); font-size: .82rem; }

.company-workspace-root[b-yvfeaz1o0m]  input:focus-visible,
.company-workspace-root[b-yvfeaz1o0m]  select:focus-visible,
.company-workspace-root[b-yvfeaz1o0m]  textarea:focus-visible,
.company-workspace-root[b-yvfeaz1o0m]  button:focus-visible,
.company-workspace-root[b-yvfeaz1o0m]  a:focus-visible {
    outline: 3px solid hsl(99 61% 38% / .28);
    outline-offset: 2px;
}

@media (max-width: 1199px) {
    .company-workspace-root[b-yvfeaz1o0m]  .company-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .company-workspace-root[b-yvfeaz1o0m]  .company-list-facts { width: min(52%, 520px); }
}

@media (max-width: 899px) {
    .company-workspace-root[b-yvfeaz1o0m]  .company-toolbar { grid-template-columns: 1fr auto; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-search { grid-column: 1 / -1; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-list-facts { display: none; }
}

@media (max-width: 767px) {
    .company-workspace-root[b-yvfeaz1o0m]  .company-page { gap: 20px; padding-bottom: 24px; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-page-header { align-items: stretch; flex-direction: column; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-page-header .company-primary-button { width: 100%; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-card-grid { grid-template-columns: 1fr; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-toolbar { grid-template-columns: 1fr; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-search { grid-column: auto; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-filter-select { min-width: 0; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-view-switch { width: 100%; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-view-button { flex: 1; }
}

@media (max-width: 599px) {
    .company-workspace-root[b-yvfeaz1o0m]  .company-sheet { max-width: none; width: 100%; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-sheet-header,
    .company-workspace-root[b-yvfeaz1o0m]  .company-sheet-body,
    .company-workspace-root[b-yvfeaz1o0m]  .company-sheet-footer { padding-left: 16px; padding-right: 16px; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-sheet-footer > * { flex: 1; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-form-grid { grid-template-columns: 1fr; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-field.is-wide { grid-column: auto; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-list-row { align-items: flex-start; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-list-actions { flex-direction: column; }
    .company-workspace-root[b-yvfeaz1o0m]  .company-list-actions .company-secondary-button { min-height: 40px; padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .company-workspace-root[b-yvfeaz1o0m]  * { scroll-behavior: auto; transition: none; }
}
/* /Components/Shared/CustomerOverviewActions.razor.rz.scp.css */
.customer-overview-actions[b-rnyqkhg65m] {
    align-items: center;
    background: #f7faf5;
    border: 1px solid #dce6d8;
    border-radius: 11px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 2px;
    padding: 2px;
}

.customer-overview-action[b-rnyqkhg65m] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #667487;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 44px;
    font-size: 17px;
    height: 44px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: background-color 150ms ease, box-shadow 150ms ease, color 150ms ease, transform 150ms ease;
    width: 44px;
}

.customer-overview-action:hover[b-rnyqkhg65m] {
    background: #fff;
    box-shadow: 0 2px 8px rgb(15 26 36 / .08);
    color: #397d23;
    transform: translateY(-1px);
}

.customer-overview-action:active[b-rnyqkhg65m] {
    background: #e8f3e3;
    box-shadow: none;
    transform: translateY(0);
}

.customer-overview-action.is-map[b-rnyqkhg65m] {
    color: #397d23;
}

.customer-overview-action.is-edit[b-rnyqkhg65m] {
    background: #edf7e8;
    color: #397d23;
}

.customer-overview-action.is-edit:hover[b-rnyqkhg65m] {
    background: #dff0d7;
}

.customer-overview-action:focus-visible[b-rnyqkhg65m] {
    outline: 2px solid #67ad48;
    outline-offset: 2px;
}

.customer-overview-action-icon[b-rnyqkhg65m] {
    height: 17px;
    width: 17px;
}

@media (prefers-reduced-motion: reduce) {
    .customer-overview-action[b-rnyqkhg65m] {
        transition: none;
    }

    .customer-overview-action:hover[b-rnyqkhg65m] {
        transform: none;
    }
}