@import '_content/AppMain.Components/AppMain.Components.q7heys2iui.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Pages/Admin/Shared/ListPendingSCSUsers.razor.rz.scp.css */
.progress[b-buk8kygg3p],
.progress .progress-bar[b-buk8kygg3p] {
  height: 12px !important; }
/* /Pages/Admin/Shared/ListPendingVendorUsers.razor.rz.scp.css */
.progress[b-oi9kvl0hwh],
.progress .progress-bar[b-oi9kvl0hwh] {
  height: 12px !important; }
/* /Pages/Admin/Shared/ListRoles.razor.rz.scp.css */
/* Container and Layout */
.role-mgmt-container[b-98s29ettu5] {
    display: flex;
    height: 75vh;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    border: 1px solid #eef0f2;
}

/* Sidebar Styling */
.role-mgmt-sidebar[b-98s29ettu5] {
    width: 320px;
    border-right: 1px solid #eef0f2;
    background: #fcfdfe;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.role-mgmt-sidebar__header[b-98s29ettu5] {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f3f5;
    position: sticky;
    top: 0;
    background: #fcfdfe;
    z-index: 2;
}

.role-mgmt-sidebar__title[b-98s29ettu5] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
}

.role-mgmt-add-btn[b-98s29ettu5] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #136285;
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.role-mgmt-add-btn:hover[b-98s29ettu5] {
    background: #0d4a66;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(19, 98, 133, 0.3);
}

.role-mgmt-sidebar__search[b-98s29ettu5] {
    padding: 1rem 1.25rem;
    position: sticky;
    top: 72px; /* Header height offset */
    background: #fcfdfe;
    z-index: 1;
    border-bottom: 1px solid #f1f3f5;
}

.role-mgmt-search-wrap[b-98s29ettu5] {
    position: relative;
    width: 100%;
}

.role-mgmt-search-icon[b-98s29ettu5] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #a0aec0;
    font-size: 0.9rem;
}

.role-mgmt-search-input[b-98s29ettu5] {
    width: 100%;
    padding: 0.6rem 0.6rem 0.6rem 2.4rem;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #fff;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s;
}

.role-mgmt-search-input:focus[b-98s29ettu5] {
    border-color: #136285;
}

/* Branch Groups */
.role-mgmt-branch-group[b-98s29ettu5] {
    padding: 0.5rem 0;
}

.role-mgmt-branch-label[b-98s29ettu5] {
    padding: 0.5rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #718096;
    letter-spacing: 0.05em;
}

/* Role Item Styling */
.role-mgmt-role-item[b-98s29ettu5] {
    padding: 0.75rem 1.25rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

.role-mgmt-role-item:hover[b-98s29ettu5] {
    background: #f7fafc;
}

.role-mgmt-role-item--active[b-98s29ettu5] {
    background: #ebf8ff;
    border-left: 4px solid #136285;
}

.role-mgmt-role-item__icon[b-98s29ettu5] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: #4a5568;
    font-size: 1rem;
}

.role-mgmt-role-item--active .role-mgmt-role-item__icon[b-98s29ettu5] {
    background: #136285;
    color: #fff;
}

.role-mgmt-role-item__info[b-98s29ettu5] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.role-mgmt-role-item__label[b-98s29ettu5] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
}

.role-mgmt-role-item__badge[b-98s29ettu5] {
    padding: 0.1em 0.5em;
    font-size: 0.75rem;
    border-radius: 4px;
    width: fit-content;
}

.role-mgmt-role-item__badge--system[b-98s29ettu5] {
    background: #edf2f7;
    color: #4a5568;
}

.role-mgmt-role-item__arrow[b-98s29ettu5] {
    color: #cbd5e0;
    font-size: 0.8rem;
    margin-left: 8px;
}

/* Detail Panel Styling */
.role-mgmt-detail[b-98s29ettu5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow-y: auto;
}

.role-mgmt-detail__empty[b-98s29ettu5] {
    margin: auto;
    text-align: center;
    padding: 3rem;
    color: #a0aec0;
}

.role-mgmt-detail__empty-icon[b-98s29ettu5] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    color: #edf2f7;
}

.role-mgmt-detail__content[b-98s29ettu5] {
    padding: 2rem;
}

.role-mgmt-detail__header[b-98s29ettu5] {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    border-bottom: 2px solid #f7fafc;
    padding-bottom: 1.5rem;
}

.role-mgmt-detail__icon-wrap[b-98s29ettu5] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: #136285;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin-right: 1.25rem;
    box-shadow: 0 4px 12px rgba(19, 98, 133, 0.2);
}

.role-mgmt-detail__title-block[b-98s29ettu5] {
    flex: 1;
}

.role-mgmt-detail__title[b-98s29ettu5] {
    font-weight: 800;
    font-size: 1.5rem;
    color: #1a202c;
    margin-bottom: 0.25rem;
}

.role-mgmt-detail__meta[b-98s29ettu5] {
    display: flex;
    gap: 0.75rem;
}

.role-mgmt-meta-badge[b-98s29ettu5] {
    padding: 0.25rem 0.75rem;
    border-radius: 99px;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.role-mgmt-meta-badge--scs[b-98s29ettu5] { background: #e6fffa; color: #319795; }
.role-mgmt-meta-badge--vnd[b-98s29ettu5] { background: #fffaf0; color: #dd6b20; }
.role-mgmt-meta-badge--client[b-98s29ettu5] { background: #ebf8ff; color: #3182ce; }
.role-mgmt-meta-badge--system[b-98s29ettu5] { background: #fdf2f2; color: #c53030; }
.role-mgmt-meta-badge--custom[b-98s29ettu5] { background: #f0fdf4; color: #166534; }

.role-mgmt-delete-btn[b-98s29ettu5] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fff0f0;
    color: #e53e3e;
    border: 1px solid #fed7d7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.2s;
}

.role-mgmt-delete-btn:hover[b-98s29ettu5] {
    background: #e53e3e;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(229, 62, 62, 0.2);
}

/* Detail Sections */
.role-mgmt-detail__section[b-98s29ettu5] {
    margin-bottom: 2.5rem;
}

.role-mgmt-section-title[b-98s29ettu5] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
}

.role-mgmt-perm-count[b-98s29ettu5] {
    margin-left: 1rem;
    font-size: 0.8rem;
    font-weight: 400;
    color: #718096;
}

.role-mgmt-fields-grid[b-98s29ettu5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 12px;
}

.role-mgmt-field--full[b-98s29ettu5] { grid-column: span 2; }

.role-mgmt-field__label[b-98s29ettu5] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #718096;
    margin-bottom: 0.5rem;
    display: block;
}

.role-mgmt-field__value[b-98s29ettu5] {
    font-weight: 500;
    color: #2d3748;
}

.role-mgmt-field__value--code[b-98s29ettu5] {
    font-family: 'Courier New', Courier, monospace;
    background: #edf2f7;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

/* Permissions Grid */
.role-mgmt-perm-grid[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.role-mgmt-perm-group__title[b-98s29ettu5] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #4a5568;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #edf2f7;
    margin-bottom: 1rem;
}

.role-mgmt-perm-row[b-98s29ettu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #fff;
    border: 1px solid #f1f5f9;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    transition: transform 0.2s;
}

.role-mgmt-perm-row:hover[b-98s29ettu5] {
    transform: translateX(4px);
    border-color: #e2e8f0;
}

.role-mgmt-perm-info[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
}

.role-mgmt-perm-name[b-98s29ettu5] {
    font-weight: 600;
    color: #2d3748;
}

.role-mgmt-perm-desc[b-98s29ettu5] {
    font-size: 0.85rem;
    color: #718096;
}

/* Custom Toggle Switch */
.role-mgmt-toggle[b-98s29ettu5] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.role-mgmt-toggle input[b-98s29ettu5] { opacity: 0; width: 0; height: 0; }

.role-mgmt-toggle__slider[b-98s29ettu5] {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #cbd5e0;
    transition: .4s;
    border-radius: 34px;
}

.role-mgmt-toggle__slider[b-98s29ettu5]:before {
    position: absolute;
    content: "";
    height: 18px; width: 18px;
    left: 3px; bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.role-mgmt-toggle input:checked + .role-mgmt-toggle__slider[b-98s29ettu5] { background-color: #136285; }
.role-mgmt-toggle input:checked + .role-mgmt-toggle__slider[b-98s29ettu5]:before { transform: translateX(20px); }

.role-mgmt-system-note[b-98s29ettu5] {
    background: #ebf8ff;
    color: #2c5282;
    padding: 1rem;
    border-radius: 10px;
    font-size: 0.9rem;
}

.role-mgmt-sidebar__scroll-content[b-98s29ettu5] {
    flex: 1;
    overflow-y: auto;
}

/* Read-only permission row (system roles) */
.role-mgmt-perm-row--readonly[b-98s29ettu5] {
    background: #f8fafc;
    opacity: 0.85;
}

.role-mgmt-perm-row--readonly:hover[b-98s29ettu5] {
    transform: none;
    border-color: #f1f5f9;
}

/* Permission status badge (enabled/disabled read-only display) */
.role-mgmt-perm-status[b-98s29ettu5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.25rem 0.65rem;
    border-radius: 99px;
    white-space: nowrap;
}

.role-mgmt-perm-status--on[b-98s29ettu5] {
    background: #f0fdf4;
    color: #166534;
}

.role-mgmt-perm-status--off[b-98s29ettu5] {
    background: #f1f5f9;
    color: #94a3b8;
}

/* Hierarchical Action Styles */
.role-mgmt-perm-row--action[b-98s29ettu5] {
    margin-left: 2rem;
    margin-top: -0.5rem;
    background: rgba(248, 250, 252, 0.5);
    border-style: dashed;
    border-left: 3px solid #cbd5e0;
}

.role-mgmt-perm-row--action .role-mgmt-perm-name[b-98s29ettu5] {
    font-size: 0.85rem;
    font-weight: 500;
}

.role-mgmt-toggle--disabled[b-98s29ettu5] {
    opacity: 0.4;
    cursor: not-allowed;
}

.role-mgmt-toggle--disabled .role-mgmt-toggle__slider[b-98s29ettu5] {
    cursor: not-allowed;
}

/* /Pages/Admin/Shared/ListUsers.razor.rz.scp.css */
.progress[b-h0tit237xk],
.progress .progress-bar[b-h0tit237xk] {
  height: 12px !important; }
/* /Pages/Domain/Forms/FundingCommitment/ReviewScreen/FundingCommitmentFormReviewScreen.razor.rz.scp.css */
.editable-field[b-9by1iuy59g] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1rem;
  position: relative;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: box-shadow 0.2s ease;
}

  .editable-field:hover[b-9by1iuy59g] {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

.editable-label[b-9by1iuy59g] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.25rem;
}

.editable-value[b-9by1iuy59g] {
  font-size: 1rem;
  font-weight: 500;
  color: #212529;
  word-wrap: break-word;
}

.editable-icon[b-9by1iuy59g] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  color: #6c757d;
}

.editable-field:hover .editable-icon[b-9by1iuy59g] {
  opacity: 1;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormMCCSSPlanRestricted.razor.rz.scp.css */
.k-dialog[b-ynhiidkfwv] {
  max-width: 700px;
  max-height: 930px;
}

.k-dialog-content[b-ynhiidkfwv] {
  overflow-y: auto; 
}
/* /Pages/Domain/Profiles/ClientProfile.razor.rz.scp.css */
/* ==============================
   🔧 Fix Notification Rules Table Alignment
   ============================== */

/* Normalize header & body cell height and padding */
.table thead th[b-vwp918uo7d],
.table tbody td[b-vwp918uo7d] {
  vertical-align: middle !important;
  text-align: center;
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
  height: 56px; /* lock uniform row height */
}

/* Left align the first column text only */
.table th:first-child[b-vwp918uo7d],
.table td:first-child[b-vwp918uo7d] {
  text-align: left !important;
  padding-left: 1.5rem !important;
}

/* Force equal width for icon/toggle columns */
.table th:not(:first-child)[b-vwp918uo7d],
.table td:not(:first-child)[b-vwp918uo7d] {
  width: 110px;
}

/* Center icons and toggles perfectly */
.table thead i[b-vwp918uo7d],
.table tbody .app-toggle[b-vwp918uo7d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px; /* normalizes bell/envelope/chat bubble to match toggle vertical center */
}

/* Prevent header icons from "floating" higher due to font metrics */
.table thead i[b-vwp918uo7d] {
  line-height: 1 !important;
  position: relative;
  top: 2px; /* fine-tune downward alignment */
}

/* Optional: make header row slightly tighter visually */
.table thead.bg-light th[b-vwp918uo7d] {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
}
/* /Pages/Domain/Profiles/ISWProfile.razor.rz.scp.css */
@media (min-width: 768px) {
  .app-user-card[b-3osaf5gybz] {
    margin-top: 80px !important;
  }
}
/* /Pages/Domain/RoleManagement/AppPageRoleManagement.razor.rz.scp.css */
.role-mgmt-page-header[b-rjn1m9386s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    border: 1px solid #eef0f2;
}

.role-mgmt-page-header__text[b-rjn1m9386s] {
    display: flex;
    flex-direction: column;
}

.role-mgmt-page-header__text span[b-rjn1m9386s] {
    font-size: 1.25rem;
    font-weight: 800;
    color: #1a202c;
}

.role-mgmt-page-header__text small[b-rjn1m9386s] {
    color: #a0aec0;
    font-size: 0.9rem;
}

.role-mgmt-create-btn[b-rjn1m9386s] {
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #136285 0%, #0d4a66 100%);
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    border: none;
    display: flex;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(19, 98, 133, 0.3);
}

.role-mgmt-create-btn:hover[b-rjn1m9386s] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(19, 98, 133, 0.4);
    filter: brightness(1.1);
}

.font-monospace[b-rjn1m9386s] {
    font-family: 'Courier New', Courier, monospace;
}

/* Dialog Styling */
.required[b-rjn1m9386s]:after {
    content: " *";
    color: #e53e3e;
}

.form-label[b-rjn1m9386s] {
    font-weight: 700;
    font-size: 0.85rem;
    color: #4a5568;
    margin-bottom: 0.5rem;
}

.form-control-sm[b-rjn1m9386s] {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    padding: 0.6rem 0.75rem;
    transition: all 0.2s;
}

.form-control-sm:focus[b-rjn1m9386s] {
    border-color: #136285;
    box-shadow: 0 0 0 3px rgba(19, 98, 133, 0.1);
}
/* /Pages/Domain/Shared/NotificationCenterTab.razor.rz.scp.css */
/* Notification Settings Table */
.notification-table[b-v009ai4r3r] {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background-color: #fff;
}

  .notification-table thead th[b-v009ai4r3r] {
    background-color: #e0e0e0;
    color: #333;
    font-weight: 600;
    padding: 12px 16px;
    vertical-align: middle;
  }

  .notification-table th:first-child[b-v009ai4r3r] {
    text-align: left;
    border-top-left-radius: 4px;
  }

  .notification-table th:last-child[b-v009ai4r3r] {
    border-top-right-radius: 4px;
  }

  .notification-table td[b-v009ai4r3r] {
    padding: 14px 16px;
    vertical-align: middle;
    font-size: 0.95rem;
    border-top: none;
  }

  .notification-table i[b-v009ai4r3r] {
    font-size: 1.2rem;
    color: #1976d2;
  }

  .notification-table td.text-center[b-v009ai4r3r] {
    text-align: center;
  }

  .notification-table .app-toggle[b-v009ai4r3r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
  }

  /* Optional hover styling */
  .notification-table tbody tr:hover[b-v009ai4r3r] {
    background-color: #f9f9f9;
  }

  .notification-table th[b-v009ai4r3r],
  .notification-table td[b-v009ai4r3r] {
    vertical-align: middle !important;
  }

  .notification-table th[b-v009ai4r3r] {
    font-weight: 600;
    background-color: #e0e0e0;
    color: #333;
  }

  .notification-table thead th[b-v009ai4r3r] {
    background-color: transparent !important;
    border-bottom: 0px #f0f0f0; /* clean divider line */
    font-weight: 600;
    color: #444;
    vertical-align: middle;
  }

  .notification-table thead i[b-v009ai4r3r] {
    color: rgba(0,0,0,0.54); /* subtle grey icons */
  }

  .notification-table td[b-v009ai4r3r],
  .notification-table th[b-v009ai4r3r] {
    vertical-align: middle !important;
  }
/* /Pages/Shared/Components/AppBootstrapToggle.razor.rz.scp.css */
.custom-control[b-f9iq30yaib] {
  margin: 0;
  cursor: pointer;
}

.custom-switch .custom-control-label[b-f9iq30yaib]::before {
  background-color: #ccc;
  border: none;
  box-shadow: inset 0 0 0 1px #aaa;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label[b-f9iq30yaib]::before {
  background-color: #1976d2;
}

.custom-switch .custom-control-input:focus ~ .custom-control-label[b-f9iq30yaib]::before {
  box-shadow: 0 0 0 0.2rem rgba(25,118,210,.25);
}

.custom-control-input[b-f9iq30yaib] {
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* /Pages/Shared/Components/AppEditableField.razor.rz.scp.css */
.editable-field[b-tui21llan8] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1rem;
  position: relative;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: box-shadow 0.2s ease;
}

  .editable-field:hover[b-tui21llan8] {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

.editable-label[b-tui21llan8] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.25rem;
}

.editable-value[b-tui21llan8] {
  font-size: 1rem;
  font-weight: 500;
  color: #212529;
  word-wrap: break-word;
}

.editable-icon[b-tui21llan8] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  color: #6c757d;
}

.editable-field:hover .editable-icon[b-tui21llan8] {
  opacity: 1;
}
/* /Pages/Shared/Components/AppNotification.razor.rz.scp.css */
/* ── Top bar trigger (bell + label) ───────────────────────────────────── */
.app-top-nav-notif .app-top-nav-notif__trigger[b-zody50s63q] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.65rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #495057;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.app-top-nav-notif .app-top-nav-notif__trigger:hover[b-zody50s63q],
.app-top-nav-notif .app-top-nav-notif__trigger:focus[b-zody50s63q] {
  background-color: rgba(19, 98, 133, 0.08);
  color: #136285;
}

.app-top-nav-notif__icon-wrap[b-zody50s63q] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: linear-gradient(145deg, #f0f4f8 0%, #e8eef4 100%);
  border: 1px solid #e2e8f0;
  flex-shrink: 0;
}

.app-top-nav-notif__bell[b-zody50s63q] {
  font-size: 1rem;
  color: #136285;
  opacity: 0.92;
}

.app-top-nav-notif__label[b-zody50s63q] {
  letter-spacing: 0.01em;
  color: #5c636a;
}

.app-top-nav-notif .app-top-nav-notif__trigger:hover .app-top-nav-notif__label[b-zody50s63q] {
  color: #136285;
}

/* Badge on bell */
.app-top-nav-notif__badge[b-zody50s63q] {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.28rem;
  font-size: 0.65rem;
  line-height: 1.1rem;
  font-weight: 700;
  border: 2px solid #fff;
  background: #dc3545;
  color: #fff;
}

/* Bootstrap caret: align with label */
.app-top-nav-notif .dropdown-toggle[b-zody50s63q]::after {
  margin-left: 0.2rem;
  vertical-align: 0.15em;
  opacity: 0.65;
}

/* Base container */
.notif-menu[b-zody50s63q] {
  border: 0;
  border-radius: .75rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  padding: 0;
  min-width: 280px; /* ensure it doesn't collapse */
  max-width: 90vw; /* never overflow viewport */
}

/* Mobile (phones) - full width dropdown */
@media (max-width: 767.98px) {
  .notif-menu[b-zody50s63q] {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
}

/* Tablet/Desktop */
@media (min-width: 768px) {
  .notif-menu[b-zody50s63q] {
    width: 380px !important;
    right: 0 !important;
    left: auto !important;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .notif-menu[b-zody50s63q] {
    width: 420px !important;
  }
}

/* Scrollable body */
.notif-scroll[b-zody50s63q] {
  max-height: 280px;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .notif-scroll[b-zody50s63q] {
    max-height: 420px;
  }
}

/* Header */
.notif-header h5[b-zody50s63q] {
  font-weight: 600;
  letter-spacing: .2px;
}

.notif-header a[b-zody50s63q] {
  text-transform: uppercase;
}

  .notif-header a:hover[b-zody50s63q] {
    background-color: transparent !important;
    color: #a71d2a !important;
  }

/* Items */
.notif-item[b-zody50s63q] {
  transition: background-color .15s ease, transform .05s ease;
  white-space: normal;
}

  .notif-item:hover[b-zody50s63q] {
    background-color: #f8f9fa !important;
  }

.notif-icon[b-zody50s63q] {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f6fb;
  color: #495057;
  flex: 0 0 36px;
  font-size: 15px;
}

.notif-title[b-zody50s63q] {
  font-size: .95rem;
  line-height: 1.25rem;
  color: #212529;
}

.notif-time[b-zody50s63q] {
  display: block;
  margin-top: .15rem;
}

/* Footer */
.notif-footer[b-zody50s63q] {
  border-top: 1px solid rgba(0,0,0,.05);
}

/* Keep Clear All as text-only hover (no teal bg) */
.dropdown-menu.notif-menu .notif-header a:hover[b-zody50s63q],
.dropdown-menu.notif-menu .notif-header a:focus[b-zody50s63q] {
  background-color: transparent !important;
  color: #a71d2a !important; /* pick your hover color */
}

/* Force notification item hover background (no teal) */
.dropdown-menu.notif-menu .dropdown-item.notif-item:hover[b-zody50s63q],
.dropdown-menu.notif-menu .dropdown-item.notif-item:focus[b-zody50s63q] {
  background-color: #f8f9fa !important; /* or your blue: #136285 */
  color: inherit; /* or #fff if using blue */
}

  .dropdown-menu.notif-menu .dropdown-item.notif-item:hover i[b-zody50s63q],
  .dropdown-menu.notif-menu .dropdown-item.notif-item:hover .notif-time[b-zody50s63q] {
    color: inherit;
  }

/* Clear All: text-only hover (no teal background) */
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu.notif-menu .notif-header a:hover[b-zody50s63q] {
  background-color: transparent !important;
  color: #a71d2a !important; /* pick your hover color */
}

/* Notification items: keep your intended hover background (no teal) */
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu.notif-menu a.dropdown-item.notif-item:hover[b-zody50s63q],
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu.notif-menu a.dropdown-item.notif-item:focus[b-zody50s63q] {
  background-color: #f8f9fa !important; /* or your blue, e.g., #136285 */
  color: inherit !important; /* use #fff if you choose a dark blue */
}

@media (max-width: 767.98px) {
  .notif-menu[b-zody50s63q] {
    position: fixed !important; /* pin to viewport */
    top: 56px; /* height of navbar (adjust if yours is taller) */
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: auto;
    max-height: calc(100vh - 56px); /* prevent overflow */
    margin: 0;
    border-radius: 0; /* edge-to-edge */
    box-shadow: none; /* optional: remove shadow */
    z-index: 1050; /* stay above navbar */
  }

  .notif-scroll[b-zody50s63q] {
    max-height: calc(100vh - 260px); /* leave room for header/footer */
  }
}
/* /Pages/Shared/Components/AppRoleBadge.razor.rz.scp.css */
/* Current role chip — readable label + formatted role name */
.app-role-badge-shell[b-v24rfvf9gk] {
  display: inline-flex;
  align-items: stretch;
  max-width: min(280px, 42vw);
  padding: 0.2rem 0.65rem 0.2rem 0.2rem;
  border-radius: 0.65rem;
  background: linear-gradient(145deg, #f8fafc 0%, #eef2f6 55%, #e8edf2 100%);
  border: 1px solid #d8dee6;
  box-shadow: 0 1px 3px rgba(19, 98, 133, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  gap: 0.45rem;
  cursor: default;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.app-role-badge-shell:hover[b-v24rfvf9gk] {
  border-color: rgba(19, 98, 133, 0.35);
  box-shadow: 0 3px 10px rgba(19, 98, 133, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.app-role-badge-shell__icon[b-v24rfvf9gk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  min-width: 2.1rem;
  border-radius: 0.5rem;
  background: linear-gradient(160deg, #136285 0%, #0f4d63 100%);
  color: #fff;
  font-size: 0.95rem;
  box-shadow: 0 1px 4px rgba(19, 98, 133, 0.35);
}

.app-role-badge-shell__meta[b-v24rfvf9gk] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  text-align: left;
  line-height: 1.15;
}

.app-role-badge-shell__eyebrow[b-v24rfvf9gk] {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6c757d;
}

.app-role-badge-shell__name[b-v24rfvf9gk] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #212529;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 575.98px) {
  .app-role-badge-shell__eyebrow[b-v24rfvf9gk] {
    display: none;
  }

  .app-role-badge-shell[b-v24rfvf9gk] {
    max-width: 46vw;
    padding-inline: 0.35rem;
  }
}
/* /Pages/Shared/Components/AppSearch.razor.rz.scp.css */
/* Desktop default */
.app-search[b-r8d3ht6jzv] {
  position: relative;
}

.app-search-box[b-r8d3ht6jzv] {
  position: relative;
  width: 180px;
  transition: width 0.3s ease;
}

  .app-search-box:focus-within[b-r8d3ht6jzv] {
    width: 350px;
  }

.app-search-input[b-r8d3ht6jzv] {
  padding-left: 32px;
  border: 1px solid #136285;
  box-shadow: none !important;
}

  .app-search-input:focus[b-r8d3ht6jzv] {
    border-color: #136285;
    outline: none;
    box-shadow: none !important;
  }

.app-search-icon[b-r8d3ht6jzv] {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #666;
  pointer-events: none;
}

/* Mobile toggle */
.app-search-toggle[b-r8d3ht6jzv] {
  font-size: 1.0rem;
  cursor: pointer;
}

/* Mobile hidden by default */
@media (max-width: 576px) {
  .app-search-box[b-r8d3ht6jzv] {
    display: none;
    width: 100% !important;
    margin-left: 10px;
  }

    .app-search-box.show[b-r8d3ht6jzv] {
      display: block;
    }
  /* Remove double icons on mobile */
  .app-search-icon[b-r8d3ht6jzv] {
    display: none;
  }

  .app-search-input[b-r8d3ht6jzv] {
    padding-left: 10px;
  }
}
/* /Pages/Shared/MainLayout.razor.rz.scp.css */
/* Right-side header: notifications + role + profile */
.top-nav-toolbar[b-93s4dl9pn2] {
  gap: 0.2rem;
  padding: 0.25rem 0.4rem 0.25rem 0.5rem;
  margin-left: auto !important;
  flex-wrap: nowrap;
  align-items: center;
  border-radius: 0.55rem;
  background: linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%);
  border: 1px solid #e1e5e9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 4px rgba(19, 98, 133, 0.07);
}

.top-nav-toolbar .nav-item[b-93s4dl9pn2] {
  display: flex;
  align-items: center;
}

.top-nav-toolbar__role[b-93s4dl9pn2] {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

.top-nav-toolbar__user[b-93s4dl9pn2]  .nav-link {
  padding: 0.25rem 0.35rem;
  border-radius: 0.45rem;
  transition: background-color 0.15s ease;
}

.top-nav-toolbar__user[b-93s4dl9pn2]  .nav-link:hover {
  background-color: rgba(19, 98, 133, 0.08);
}

@media (max-width: 767.98px) {
  .top-nav-toolbar[b-93s4dl9pn2] {
    padding: 0.2rem 0.25rem;
    gap: 0.05rem;
  }
}

.main-logo-wrap[b-93s4dl9pn2] {
  width: 100px;
}

.main-nav-title[b-93s4dl9pn2] {
  padding-top: 0;
  padding-left: 1rem;
  margin: 0;
}

@media (min-width: 1440px) {
  .main-nav-title-wrap[b-93s4dl9pn2] {
    margin-right: auto !important;
  }
  .main-nav-title-wrap .main-nav-title-logo[b-93s4dl9pn2] {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .main-nav-title-logo-hide[b-93s4dl9pn2] {
    display: none !important;
  }
}
@media (max-width: 1439px) {
  .main-nav-title-wrap[b-93s4dl9pn2] {
    margin: auto !important;
  }
}
/* /Pages/Shared/UpdateAvailableDetector/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-q2933jgf00] {
  position: relative;
  top: 0;
  padding: 1rem 1.5rem;
  width: 100%;
  animation: fadein-b-q2933jgf00 1s ease-out;
  z-index: 10000 !important;
}

@keyframes fadein-b-q2933jgf00 {
  from {
    right: -100%;
  }
  to {
    right: 2rem;
  }
}
/* /Pages/User/Profile.razor.rz.scp.css */
/* Portal theme (matches app-bg-dark / app-bg-light) */
.my-profile[b-7zn7lcvd9d] {
  margin-bottom: 0.25rem;
}

.my-profile__intro[b-7zn7lcvd9d] {
  font-size: 0.875rem;
  line-height: 1.55;
  margin: 0 0 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e9ecef;
}

.my-profile__accent[b-7zn7lcvd9d] {
  height: 4px;
  border-radius: 2px;
  margin-bottom: 1.25rem;
  background: linear-gradient(90deg, #2c3a8b 0%, #136285 100%);
}

.my-profile__grid[b-7zn7lcvd9d] {
  margin-left: 0;
  margin-right: 0;
}

.my-profile__identity-panel[b-7zn7lcvd9d] {
  height: 100%;
  min-height: 100%;
  padding: 1.25rem 1.35rem;
  background: linear-gradient(165deg, rgba(44, 58, 139, 0.07) 0%, #fff 52%, #fafbfc 100%);
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  box-shadow: 0 2px 14px rgba(44, 58, 139, 0.08);
}

.my-profile__account-wrap[b-7zn7lcvd9d] {
  height: 100%;
}

.my-profile__section-title[b-7zn7lcvd9d] {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #6c757d;
  margin: 0 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9ecef;
  position: relative;
}
.my-profile__section-title[b-7zn7lcvd9d]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 2.75rem;
  height: 2px;
  border-radius: 1px;
  background: linear-gradient(90deg, #2c3a8b, #136285);
}

.my-profile__actions[b-7zn7lcvd9d] {
  margin-top: 1.5rem;
  padding-top: 1.1rem;
  border-top: 1px solid #e9ecef;
}

/* Native label + input (label always above value) */
.my-profile__native-field .form-label[b-7zn7lcvd9d] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #343a40;
  margin-bottom: 0.35rem;
}

.my-profile__native-field .form-control[b-7zn7lcvd9d] {
  width: 100%;
}

.my-profile__input-readonly:disabled[b-7zn7lcvd9d],
.my-profile__input-readonly[disabled][b-7zn7lcvd9d] {
  background-color: #f1f3f5;
  color: #495057;
  border-color: #dee2e6;
  cursor: not-allowed;
  opacity: 1;
}

/* Card body spacing (child component) */
.my-profile__account-wrap[b-7zn7lcvd9d]  .card {
  border-color: #dee2e6;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
  border-radius: 0.5rem;
  overflow: hidden;
}

.my-profile__account-wrap[b-7zn7lcvd9d]  .card-header {
  background: linear-gradient(135deg, #f8f9fa 0%, #eef1f5 100%);
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  color: #212529;
}

.my-profile__account-wrap[b-7zn7lcvd9d]  .my-profile__card-body.card-body {
  padding: 1.35rem 1.5rem 1.5rem;
}

@media (min-width: 768px) {
  .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card {
    margin-top: 80px !important;
  }
}

/*# sourceMappingURL=Profile.razor.css.map */