/* /Components/StudentClassPicker.razor.rz.scp.css */
.card.is-selected[b-6llen0jybe] {
  background: linear-gradient(180deg, lch(86.3% 72.47 143.84 / 0.733), rgba(64, 247, 195, 0.894));
  border-color: rgba(37, 44, 54, 0.35) !important;
}

.card.is-selected .card-title[b-6llen0jybe] {
  color: rgba(5, 46, 8, 0.95);
}

.card-body2[b-6llen0jybe]{
 background: linear-gradient(180deg, rgba(49, 237, 131, 0.843), rgba(139, 195, 49, 0.883));
  color: rgb(39, 43, 42);
}

.card[b-6llen0jybe] {
  background: linear-gradient(180deg, rgba(218, 150, 25, 0.08), rgba(93, 137, 204, 0.03));
  border-color: rgba(13,110,253,0.35) !important;
}

.offcanvas-body[b-6llen0jybe] {
  background: linear-gradient(180deg, rgba(251, 226, 179, 0.86), rgba(175, 198, 233, 0.849));
  border-color: rgba(13,110,253,0.35) !important;
}


.modal.show:nth-of-type(2)[b-6llen0jybe] { z-index: 1065; }
.modal-backdrop.show:nth-of-type(2)[b-6llen0jybe] { z-index: 1060; }

.big-check[b-6llen0jybe] {
    /* width: 28rem !important; */
    height: 4rem !important;
    margin-top: 0; /* Aligns it better with text */
    border: 2px solid #0d6efd !important; /* Uses Bootstrap Primary color */
    transition: transform 0.2s ease;
}

.big-check:active[b-6llen0jybe] {
    transform: scale(0.9); /* Squish effect when tapped on S24 */
}

.big-check:checked[b-6llen0jybe] {
    background-color: #0d6efd;
}

.custom-warning-badge[b-6llen0jybe] {
    background-color: #fff3cd !important; /* Light yellow background */
    color: #856404 !important;           /* Dark brown/yellow text */
    border: 1px solid #ffeeba;
    padding: 1rem;
    font-size: 1rem;
    white-space: normal;                 /* Ensures text wraps */
    display: block;                      /* Full width on mobile */
    text-align: left;
    border-radius: 0.5rem;
}

/* On larger screens, don't let it take the whole row */
@media (min-width: 768px) {
    .custom-warning-badge[b-6llen0jybe] {
        display: inline-block;
        width: auto;
    }
}

/* Smoothly animate the dropdown list appearing */
.animate-fade-in[b-6llen0jybe] {
    animation: slideDown-b-6llen0jybe 0.25s ease-out;
}

@keyframes slideDown-b-6llen0jybe {
    from { opacity: 0; transform: translateY(-15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Make the dropdown trigger feel interactive */
.fancy-select-trigger:active[b-6llen0jybe] {
    transform: scale(0.98);
}

.dropdown-menu[b-6llen0jybe] {
    max-height: 300px;
    overflow-y: auto;
}

* Force the container to never wrap */
.s24-tight-group[b-6llen0jybe] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
}

/* Give the dropdown the remaining space */
.s24-dropdown-flex[b-6llen0jybe] {
    flex: 1 1 auto !important;
    min-width: 0; /* Critical: allows the button to shrink if needed */
}

/* Ensure AM/PM buttons don't shrink or grow */
.btn-fixed-width[b-6llen0jybe] {
    flex: 0 0 auto !important; 
    width: 60px; /* Fixed width for consistency */
    padding: 0.5rem 0 !important;
    text-align: center;
}

.fancy-select-trigger span[b-6llen0jybe] {
    display: inline-block;
    vertical-align: middle; /* Forces the span to the middle of the line-height */
    margin-top: 1px;       /* Manual "nudge" if the font itself is top-heavy */
}

/* /Components/StudentForm.razor.rz.scp.css */
.required-asterisk[b-pde3690qt6]::after

{
    content: " *";
    color: #dc3545; /* Bootstrap danger red */
    font-weight: 700;
}
 
    /* Required asterisk */
    .required-asterisk[b-pde3690qt6]::after {
        content: " *";
        color: #dc3545;
        font-weight: 700;
    }

    /* Tooltip wrapper */
    .tooltip-wrap[b-pde3690qt6] {
        position: relative;
        display: inline-block;
        cursor: help;
        line-height: 1;
    }

    /* Tooltip bubble */
    .tooltip-bubble[b-pde3690qt6] {
        position: absolute;
        left: 50%;
        bottom: 130%;
        transform: translateX(-50%);
        width: max-content;
        max-width: 320px;
        background: rgba(33, 37, 41, 0.95); /* Bootstrap dark-ish */
        color: #fff;
        padding: .5rem .65rem;
        border-radius: .75rem;
        font-size: .875rem;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

        opacity: 0;
        visibility: hidden;
        transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
        transform: translateX(-50%) translateY(4px);
        z-index: 1200;
    }

    /* Little arrow */
    .tooltip-bubble[b-pde3690qt6]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 7px;
        border-style: solid;
        border-color: rgba(33, 37, 41, 0.95) transparent transparent transparent;
    }

    /* Show on hover or focus */
    .tooltip-wrap:hover .tooltip-bubble[b-pde3690qt6],
    .tooltip-wrap:focus .tooltip-bubble[b-pde3690qt6] {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
 
    #parentConsent + label[b-pde3690qt6] {
    font-size: 1rem; /* Tiny bit smaller to help it fit */
    line-height: 1.2;
}
/* /Layout/TopNavFooter.razor.rz.scp.css */

.footerStyle[b-2azusdzli2]{
    background-color: var(--cf-theme-850);    
}
.footerStyle a[b-2azusdzli2]{
    color: var(--cf-theme-200);
}

.footerStyle a:hover[b-2azusdzli2]{
    color: var(--cf-theme-core);  
}   

.bi[b-2azusdzli2] {
    font-size: 1.5rem;
    padding-inline-start: .5rem;
}
/* /Layout/TopNavLayout.razor.rz.scp.css */
/* /Layout/TopNavMenu.razor.rz.scp.css */
.navStyle[b-fb0t99ndh7] {
    background-color: var(--cf-theme-850); /* Applies a theme-specific background color */
}

.nav-item[b-fb0t99ndh7] {
    --bs-navbar-hover-color: var(--cf-theme-400); /* Sets hover color for navbar items */
    --bs-nav-link-hover-color: var(--cf-theme-400); /* Sets hover color for nav links */
}

.dropdown-menu[b-fb0t99ndh7] {
    background-color: var(--cf-theme-900); /* Sets a custom background color for the dropdown menu */
}

.dropdown:has(.nav-link.active) .dropdown-toggle[b-fb0t99ndh7] {
    color: var(--bs-navbar-active-color); /* Changes color of dropdown toggle when an item is active */
}
/* /Pages/Checkout.razor.rz.scp.css */
/* Checkout.razor.css */

/* Rounded look */
.card[b-mxowz9o2cw], .btn[b-mxowz9o2cw] { border-radius: 1rem; }

/* Sticky footer summary on mobile */
.sticky-summary[b-mxowz9o2cw] {
  position: sticky;
  bottom: 0;
  z-index: 1030;
  box-shadow: 0 -4px 12px rgba(0,0,0,.06);
}

/* Section wrappers */
.section-card[b-mxowz9o2cw] { border: 0; overflow: hidden; }

/* Student Classes — primary */
.section-student .card-header[b-mxowz9o2cw] {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
  border-bottom: 1px solid var(--bs-primary-border-subtle);
}
.section-student .card-body[b-mxowz9o2cw] { background: rgba(233, 117, 9, 0.914); }
.section-student .card-footer[b-mxowz9o2cw] {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
  border-top: 1px solid var(--bs-primary-border-subtle);
}
.section-student .badge[b-mxowz9o2cw] {
  background: var(--bs-warning-bg-subtle) !important;
  color: var(--bs-warning-text-emphasis);
}

ul.list-group > li.list-group-item:nth-child(odd)[b-mxowz9o2cw] {
    background-color: rgba(212, 242, 195, 0.914); /* light gray */
}

ul.list-group > li.list-group-item:nth-child(even)[b-mxowz9o2cw] {
    background-color: var(--bs-white);
}

/* Volunteer / Service — warning */
.section-service .card-header[b-mxowz9o2cw] {
  background: var(--bs-warning-bg-subtle);
  color: var(--bs-warning-text-emphasis);
  border-bottom: 1px solid var(--bs-warning-border-subtle);
}
.section-service .card-body[b-mxowz9o2cw] { background: rgba(236, 209, 185, 0.914); }
.section-service .form-check[b-mxowz9o2cw] {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-warning-border-subtle);
}
.section-service .badge[b-mxowz9o2cw] {
  background: var(--bs-warning-bg-subtle) !important;
  color: var(--bs-warning-text-emphasis);
}
.section-service .form-check:hover[b-mxowz9o2cw] {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bs-warning), transparent 85%);
}

/* MOU — success */
.section-mou .card-header[b-mxowz9o2cw] {
  background: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
  border-bottom: 1px solid var(--bs-success-border-subtle);
}
.section-mou .card-body[b-mxowz9o2cw] { background: var(--bs-body-bg); }

/* Summary — success */
.section-summary .card-header[b-mxowz9o2cw] {
  background: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
  border-bottom: 1px solid var(--bs-success-border-subtle);
}
.section-summary .card-body[b-mxowz9o2cw] { background: var(--bs-body-bg); }
.section-summary .card-footer[b-mxowz9o2cw] {
  background: var(--bs-success-bg-subtle);
  border-top: 1px solid var(--bs-success-border-subtle);
}
.summary-total[b-mxowz9o2cw] { font-size: 1.1rem; }

/* Accessibility focus ring */
.form-check-input:focus[b-mxowz9o2cw], .btn:focus[b-mxowz9o2cw] {
  box-shadow: 0 0 0 .25rem rgba(233, 117, 9, 0.914);
}
/* /Pages/Home.razor.rz.scp.css */

.vibrant-bg[b-4ebgrblmv0] {
    min-height: calc(100vh - 2rem);
    background-repeat: no-repeat;
    background-position: 50% 75%;;
    background-size: cover;
    
    /* 1. Name of animation
       2. Duration (5 seconds)
       3. 'forwards' ensures it stays on the last image
    */
    animation: swapOnce-b-4ebgrblmv0 5s forwards;
}

@keyframes swapOnce-b-4ebgrblmv0 {
    0% {
        background-image: url('images/School-50A.jpg');
    }
    99% {
        background-image: url('images/School-50A.jpg');
    }
    100% {
        background-image: url('images/School-50B.jpg');
    }
}
@media (max-width: 768px) {
    .vibrant-bg[b-4ebgrblmv0] {
        background-size: contain; 
        background-position: 50% 75%;        
       background-color: #f8f9fa; /* Sets a solid color for the empty space below */
    }
}


.title[b-4ebgrblmv0]{
    font-family: var(--cf-title-font);
    font-size: 3rem;
    color: var(--cf-title-color);
    line-height: 3rem;
}

.subTitle[b-4ebgrblmv0]{
    font-size: 1rem;
    font-family: var(--cf-body-font);
}

.devicons[b-4ebgrblmv0] {
    font-size: 2rem;
}

@media (min-width: 992px) {
    .title[b-4ebgrblmv0] {
        font-size: 3.5rem;
        line-height: 3rem;
    }

    .subTitle[b-4ebgrblmv0] {
        font-size: 1.5rem;
    }

    .devicons[b-4ebgrblmv0] {
        font-size: 2.5rem;
    }
}

.btn-outline-success[b-4ebgrblmv0] {
    background-color: rgba(255, 255, 255, 0.8); /* Slight white tint */
    border-width: 2px;
}

.btn-outline-success:hover[b-4ebgrblmv0] {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

.fullscreen-fix[b-4ebgrblmv0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    margin: 0 !important;
    padding: 0 !important;
}

.fullscreen-fix .modal-dialog[b-4ebgrblmv0] {
    margin: 0;
    max-width: 100%;
    height: 100%;
}

.fullscreen-fix .modal-content[b-4ebgrblmv0] {
    height: 100%;
    border-radius: 0;
}

.modal-70[b-4ebgrblmv0] {
    position: fixed;
    top: 0%;
    left: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 85);
    overflow-y: auto;
    margin: 0 !important;
    padding: 0 !important;
}

.modal-70 .modal-dialog[b-4ebgrblmv0] {
    margin: 0;
    max-width: 100%;
    height: 100%;
}

.modal-70 .modal-content[b-4ebgrblmv0] {
    height: 100%;
    border-radius: 0;
}

/* /Pages/Login.razor.rz.scp.css */


.vibrant-bg[b-p1jlzr7l1w] {
    min-height: calc(100vh - 2rem);
    background-repeat: no-repeat;
    /* background-position: center; */
      background-position: 50% 75%;;

    background-size: cover;
    
    /* 1. Name of animation
       2. Duration (5 seconds)
       3. 'forwards' ensures it stays on the last image
    */
    animation: swapOnce-b-p1jlzr7l1w 5s forwards;
}

@keyframes swapOnce-b-p1jlzr7l1w {
    0% {
        background-image: url('images/School-50A.jpg');
    }
    99% {
        background-image: url('images/School-50A.jpg');
    }
    100% {
        background-image: url('images/School-50B.jpg');
    }
}
@media (max-width: 768px) {
    .vibrant-bg[b-p1jlzr7l1w] {
        background-size: contain; 
        background-position: 50% 75%;        
       background-color: #f8f9fa; /* Sets a solid color for the empty space below */
    }
}

/* Base style for all login buttons */
.btn-login[b-p1jlzr7l1w] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    font-weight: 500;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    border: none;
    color: white !important;
}

.btn-login:hover[b-p1jlzr7l1w] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.btn-login:active[b-p1jlzr7l1w] {
    transform: translateY(0);
}

/* Brand Specific Colors */
.btn-google[b-p1jlzr7l1w] {
    background-color: #DB4437; /* Google Red */
}

.btn-yahoo[b-p1jlzr7l1w] {
    background-color: #6001d2; /* Yahoo Purple */
}

.btn-microsoft[b-p1jlzr7l1w] {
    background-color: #00a4ef; /* Microsoft Blue */
}

/* Font Awesome Icon Spacing */
.btn-login i[b-p1jlzr7l1w] {
    font-size: 1.2rem;
}
/* /Pages/PaymentHistory.razor.rz.scp.css */

/* Make modal cover the entire viewport */
.modal-dialog[b-4v6d5kohnx] {
    max-width: 100%;
    margin: 0;
    height: 100%;
}

.modal-content[b-4v6d5kohnx] {
    height: 100%;
    border-radius: 0; /* Remove rounded corners */
}

.modal-body[b-4v6d5kohnx] {
    overflow-y: auto; /* Scroll if content is taller than viewport */
}

/* By Gemini 2/24/ Force hide backdrops when the modal class isn't present on the body */
body:not(.modal-open) .modal-backdrop[b-4v6d5kohnx] {
    display: none !important;
}
/* Sometimes Bootstrap forgets to remove the class, so we force it */
.modal-backdrop.show[b-4v6d5kohnx] {
    opacity: .5;
}
/* /Pages/Students.razor.rz.scp.css */
/* Vibrant app background */
.vibrant-bg[b-bvvk1bazzr] {
  min-height: calc(100vh - 2rem);
   background: url(images/School-50B.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* ===== Zebra striping ===== */
.students-responsive .student-shell:nth-child(odd) .student-header[b-bvvk1bazzr] {
  background-color: var(--bs-body-bg);
}

.students-responsive .student-shell:nth-child(even) .student-header[b-bvvk1bazzr] {
  background-color: rgba(13, 110, 253, 0.04); /* light tint (Bootstrap primary-ish) */
}

/* Mobile-first: card look */
.students-responsive .student-shell[b-bvvk1bazzr] {
  border-radius: 1rem;
  margin-bottom: .75rem;
  overflow: hidden;
  box-shadow: 0 .25rem .75rem rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.08);
}

.students-responsive .student-header[b-bvvk1bazzr] {
  cursor: pointer;
  background: var(--bs-body-bg);
}

/* Desktop (md+): flatten into list-group rows */
@media (min-width: 768px) {
  .students-responsive .student-shell[b-bvvk1bazzr] {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
    border: 0;
  }

  .students-responsive .student-shell.list-group-item[b-bvvk1bazzr] {
    border: 1px solid var(--bs-list-group-border-color);
    border-radius: 0;
  }

  .students-responsive .student-shell + .student-shell[b-bvvk1bazzr] {
    margin-top: -1px; /* continuous list borders */
  }
}


/* ===== Desktop hover highlight ===== */
.students-responsive .student-header[b-bvvk1bazzr] {
  transition: background-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .students-responsive .student-shell:hover .student-header[b-bvvk1bazzr] {
    background-color: rgba(13, 110, 253, 0.10);
    box-shadow: inset 0 0 0 1px rgba(13, 110, 253, 0.35);
  }
}


/* ===== Touch press feedback (while finger down) ===== */
@media (hover: none) and (pointer: coarse) {
  .students-responsive .student-header:active[b-bvvk1bazzr] {
    background-color: rgba(13, 110, 253, 0.14);
    box-shadow: inset 0 0 0 2px rgba(13, 110, 253, 0.35);
  }
}


/* Make modal cover the entire viewport */
.modal-dialog[b-bvvk1bazzr] {
    max-width: 100%;
    margin: 0;
    height: 100%;
}

.modal-content[b-bvvk1bazzr] {
    height: 100%;
    border-radius: 0; /* Remove rounded corners */
}

.modal-body[b-bvvk1bazzr] {
    overflow-y: auto; /* Scroll if content is taller than viewport */
}

/* By Gemini 2/24/ Force hide backdrops when the modal class isn't present on the body */
body:not(.modal-open) .modal-backdrop[b-bvvk1bazzr] {
    display: none !important;
}
/* Sometimes Bootstrap forgets to remove the class, so we force it */
.modal-backdrop.show[b-bvvk1bazzr] {
    opacity: .5;
}

.hero[b-bvvk1bazzr] {
  border-radius: 1.5rem;
  background:
    radial-gradient(1000px circle at 15% 20%, rgba(255,255,255,0.18), transparent 40%),
    radial-gradient(900px circle at 85% 10%, rgba(255,255,255,0.12), transparent 35%),
    linear-gradient(135deg, #7c3aed 0%, #06b6d4 45%, #22c55e 100%);
  position: relative;
  overflow: hidden;
}

.hero[b-bvvk1bazzr]::after {
  content: "";
  position: absolute;
  inset: -60px;
  background: radial-gradient(circle at 30% 40%, rgba(255,255,255,0.22), transparent 45%);
  filter: blur(12px);
  animation: glow-b-bvvk1bazzr 8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes glow-b-bvvk1bazzr {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .85; }
  50% { transform: translate3d(20px,-10px,0) scale(1.05); opacity: 1; }
}

.hero-badge[b-bvvk1bazzr] {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.18);
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  backdrop-filter: blur(8px);
  position: relative;
  z-index: 1;
}

.hero-badge i[b-bvvk1bazzr] { font-size: 1.4rem; }

.hero-search .input-group-text[b-bvvk1bazzr],
.hero-search .form-control[b-bvvk1bazzr] {
  border: 0;
}

.hero-search .input-group-text[b-bvvk1bazzr] {
  background: rgba(255,255,255,0.18);
  color: #fff;
}

.hero-search .form-control[b-bvvk1bazzr] {
  background: rgba(255,255,255,0.16);
  color: #fff;
  backdrop-filter: blur(10px);
}

.hero-search .form-control[b-bvvk1bazzr]::placeholder { color: rgba(255,255,255,0.78); }

.hero-search .form-control:focus[b-bvvk1bazzr] {
  box-shadow: 0 0 0 .2rem rgba(255,255,255,0.25);
}

.pill[b-bvvk1bazzr] {
  display: inline-flex;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .2px;
  position: relative;
  z-index: 1;
}

.pill-hot[b-bvvk1bazzr] { background: rgba(255,255,255,0.16); color: #fff; }
.pill-cool[b-bvvk1bazzr] { background: rgba(255,255,255,0.14); color: #fff; }
.pill-fresh[b-bvvk1bazzr] { background: rgba(142, 6, 6, 0.877); color: #fff; }

.pill-cool[b-bvvk1bazzr] { background: rgba(255,255,255,0.14); color: #fff; }

.product-avatar[b-bvvk1bazzr] {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: #111827;
  background: linear-gradient(135deg, #fde68a 0%, #a7f3d0 40%, #93c5fd 100%);
  box-shadow: 0 14px 26px rgba(17,24,39,0.16);
  flex: 0 0 auto;
}

.actions .btn[b-bvvk1bazzr] { border-radius: .85rem; }
.actions .btn + .btn[b-bvvk1bazzr] { margin-left: .35rem; }

.row-lift[b-bvvk1bazzr] { transition: transform .18s ease, box-shadow .18s ease; }
.row-lift:hover[b-bvvk1bazzr] { transform: translateY(-2px); }

/* Stock chips */
.chip[b-bvvk1bazzr] {
  display: inline-flex;
  align-items: center;
  padding: .25rem .55rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 800;
  border: 1px solid rgba(0,0,0,0.05);
}

.chip-in[b-bvvk1bazzr]  { background: rgba(34,197,94,0.12); color: #15803d; }
.chip-low[b-bvvk1bazzr] { background: rgba(245,158,11,0.14); color: #b45309; }
.chip-out[b-bvvk1bazzr] { background: rgba(239,68,68,0.12); color: #b91c1c; }

/* Vibrant modals */
.modal-vibrant[b-bvvk1bazzr] { border-radius: 1.25rem; overflow: hidden; }
.modal-header-primary[b-bvvk1bazzr] { background: linear-gradient(135deg, #3b82f6, #7c3aed); color: #fff; }
.modal-header-info[b-bvvk1bazzr] { background: linear-gradient(135deg, #06b6d4, #22c55e); color: #fff; }
.modal-header-danger[b-bvvk1bazzr] { background: linear-gradient(135deg, #ef4444, #f97316); color: #fff; }

.mini-stat[b-bvvk1bazzr] {
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 1rem;
  padding: .75rem .85rem;
}

.mini-label[b-bvvk1bazzr] { font-size: .75rem; font-weight: 800; color: rgba(2,6,23,0.6); }
.mini-value[b-bvvk1bazzr] { font-size: 1rem; font-weight: 900; color: rgba(2,6,23,0.95); }

/* Skeleton */
.skeleton-line[b-bvvk1bazzr] {
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.10) 37%, rgba(0,0,0,0.06) 63%);
  background-size: 400% 100%;
  animation: shimmer-b-bvvk1bazzr 1.2s ease-in-out infinite;
  margin: .65rem 0;
}

@keyframes shimmer-b-bvvk1bazzr {
  0% { background-position: 100% 0; }
  100% { background-position: 0 0; }
}

/* Toasts */
.toast-stack[b-bvvk1bazzr] {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 1080;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: min(380px, calc(100vw - 32px));
}

.toast-card[b-bvvk1bazzr] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(15,23,42,0.10);
  box-shadow: 0 18px 40px rgba(2,6,23,0.12);
  backdrop-filter: blur(10px);
}

.toast-icon[b-bvvk1bazzr] {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: #fff;
}

.toast-title[b-bvvk1bazzr] { font-weight: 900; line-height: 1.1; }
.toast-msg[b-bvvk1bazzr] { font-size: .85rem; color: rgba(2,6,23,0.75); }

.toast-success .toast-icon[b-bvvk1bazzr] { background: linear-gradient(135deg, #22c55e, #06b6d4); }
.toast-info .toast-icon[b-bvvk1bazzr] { background: linear-gradient(135deg, #06b6d4, #3b82f6); }
.toast-danger .toast-icon[b-bvvk1bazzr] { background: linear-gradient(135deg, #ef4444, #f97316); }



/* Force-enable the bounce for this specific icon */
/* .bounce-icon {
  animation: bounce 1.25s ease-in-out infinite !important;
}


@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  30%      { transform: translateY(-6px); }
  60%      { transform: translateY(-2px); }
} */