::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.dashed-pill { background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23475569FF' stroke-width='1' stroke-dasharray='4%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); }
/* =========================================================================
   Mobile-First Layout Ordering
   ========================================================================= */

/* On mobile viewports, pull the main data content to the top */
main {
    order: 1;
}

/* Push the filters and presets container below the main content */
aside {
    order: 2;
}

/* Desktop layout overrides: Restore natural side-by-side ordering */
@media (min-width: 1024px) {
    aside {
        order: 1;
    }
    main {
        order: 2;
    }
}