/* =========================================================
   CraftGrid One — subtle Indian tricolour header accent
   Static CSS only; no animation, images, or JavaScript.
   ========================================================= */
.craftgrid-authenticated-shell .craftgrid-topbar {
    position: relative;
    isolation: isolate;
    border-bottom: 0 !important;
}

/* Match the mockup: a slim, integrated saffron–ivory–green ribbon. */
.craftgrid-authenticated-shell .craftgrid-topbar::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset-inline: 0;
    bottom: 0;
    height: 4px;
    pointer-events: none;
    background: linear-gradient(90deg,
        #f28b45 0%,
        #f6a66f 18%,
        #fffaf2 48%,
        #f8fff9 53%,
        #8ed8b1 78%,
        #19a968 100%);
}

@media (max-width: 575.98px) {
    .craftgrid-authenticated-shell .craftgrid-topbar::after {
        height: 3px;
    }
}
