/* _content/MQ.Blazor.Interface/Components/Accordions/AccordionView.razor.rz.scp.css */
.accordion-header-row[b-xew3fux266] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.accordion-header-row .accordion-button[b-xew3fux266] {
    flex: 1 1 auto;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.accordion-toolbar[b-xew3fux266] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.accordion-title[b-xew3fux266] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 auto;
}
/* _content/MQ.Blazor.Interface/Components/Badges/Badge.razor.rz.scp.css */
.badge-animate-bounce[b-l5xek54lsg]{
    animation: badge-bounce-b-l5xek54lsg 420ms ease;
}

.badge-animate-bounce-infinite[b-l5xek54lsg]{
    animation: badge-bounce-b-l5xek54lsg 900ms ease infinite;
}

.badge-animate-pulse[b-l5xek54lsg]{
    animation: badge-pulse-b-l5xek54lsg 900ms ease;
}

.badge-animate-pulse-infinite[b-l5xek54lsg]{
    animation: badge-pulse-b-l5xek54lsg 1200ms ease infinite;
}

@keyframes badge-bounce-b-l5xek54lsg{
    0%{ transform:scale(1); }
    35%{ transform:scale(1.12); }
    70%{ transform:scale(0.98); }
    100%{ transform:scale(1); }
}

@keyframes badge-pulse-b-l5xek54lsg{
    0%{ transform:scale(1); box-shadow:0 0 0 rgba(15,23,42,0.25); }
    50%{ transform:scale(1.06); box-shadow:0 0 0 6px rgba(15,23,42,0); }
    100%{ transform:scale(1); box-shadow:0 0 0 rgba(15,23,42,0); }
}
/* _content/MQ.Blazor.Interface/Components/Buttons/Button.razor.rz.scp.css */
.mq-btn[b-sofqmsk4bf] {
    position: relative;
    overflow: hidden;
    transition: transform 140ms ease;
}

.mq-btn:not(.disabled):not(:disabled):hover[b-sofqmsk4bf] {
    transform: scale(1.03);
}

.mq-btn.btn-sm:not(.disabled):not(:disabled):hover[b-sofqmsk4bf] {
    transform: scale(1.02);
}

.mq-btn[b-sofqmsk4bf]::after {
    content: "";
    position: absolute;
    inset: -40% 0;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: translateX(-120%);
    opacity: 0;
    pointer-events: none;
}

.mq-btn.mq-btn-shimmer[b-sofqmsk4bf]::after {
    opacity: 1;
    animation: mq-btn-shimmer-b-sofqmsk4bf 700ms ease;
}

.mq-btn.disabled[b-sofqmsk4bf]::after,
.mq-btn:disabled[b-sofqmsk4bf]::after {
    animation: none;
    opacity: 0;
}

@keyframes mq-btn-shimmer-b-sofqmsk4bf {
    from { transform: translateX(-120%); }
    to { transform: translateX(120%); }
}

@media (prefers-reduced-motion: reduce) {
    .mq-btn.mq-btn-shimmer[b-sofqmsk4bf]::after {
        animation: none;
        opacity: 0;
    }
}
/* _content/MQ.Blazor.Interface/Components/DetailsPanelView/DetailsPanelDetails.razor.rz.scp.css */
.details-panel-details[b-b55x0p0zyv]{
    background:#fff;
    border-left:1px solid rgba(0,0,0,.08);
    min-width:604px;
    min-height:0;
    height:100%;
}

.details-col[b-b55x0p0zyv]{
    min-height:0;
    height:100%;
}

.details-sticky[b-b55x0p0zyv]{
    z-index:5;
}
/* _content/MQ.Blazor.Interface/Components/DetailsPanelView/DetailsPanelMain.razor.rz.scp.css */
.details-panel-main[b-t8cxi0qne9]{
    background:#fff;
    min-height:0;
    height:100%;
}

.main-sticky[b-t8cxi0qne9]{
    z-index:5;
}

.details-panel-header-avatar[b-t8cxi0qne9]{
    width:40px;
    height:40px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    font-size:.85rem;
    background:#f1f5f9;
    color:#0f172a;
    flex:0 0 auto;
    overflow:hidden;
}

.details-panel-header[b-t8cxi0qne9]{
    display:flex;
    align-items:flex-start;
    gap:12px;
}

.details-panel-header-wrapper[b-t8cxi0qne9]{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.details-panel-header-text[b-t8cxi0qne9]{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.details-panel-header-title[b-t8cxi0qne9]{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.details-panel-header-chips[b-t8cxi0qne9]{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.details-panel-header-avatar img[b-t8cxi0qne9]{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

@media (max-width: 991px){
    .details-panel-header-avatar[b-t8cxi0qne9]{
        display:none;
    }
}
/* _content/MQ.Blazor.Interface/Components/DetailsPanelView/DetailsPanelSidebar.razor.rz.scp.css */
.details-panel .msgr-searchwrap[b-8zvkirh757]{
    position:relative;
    min-width:0;
}

.details-panel .msgr-search[b-8zvkirh757]{
    margin-top:3px;
    margin-bottom:2px;
    padding:.5rem .85rem .5rem 2.25rem;
    border-radius:4px;
    background:rgba(0,0,0,.05);
    border:none;
    font-size:14px;
}

.details-panel .msgr-search:focus[b-8zvkirh757]{
    background:#ffffff;
    box-shadow:0 0 0 0.1rem rgba(15,23,42,.08);
}

.details-panel .msgr-searchicon[b-8zvkirh757]{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(0,0,0,.45);
}

.details-panel-sidebar[b-8zvkirh757]{
    background:#fff;
    border-right:1px solid rgba(0,0,0,.08);
    min-width:var(--mq-details-sidebar-min-width);
    position:relative;
    min-height:0;
    height:100%;
}

.details-panel-resizer[b-8zvkirh757]{
    position:absolute;
    top:0;
    right:0;
    width:8px;
    height:100%;
    cursor:col-resize;
    background:transparent;
}

@media (max-width: 991px){
    .details-panel-resizer[b-8zvkirh757]{
        display:none;
    }
}

.sidebar-sticky[b-8zvkirh757]{
    z-index:5;
}
/* _content/MQ.Blazor.Interface/Components/DetailsPanelView/DetailsPanelSidebarListItem.razor.rz.scp.css */
/* _content/MQ.Blazor.Interface/Components/DetailsPanelView/DetailsPanelTransition.razor.rz.scp.css */
.details-transition[b-9k15gxqars] {
    position: relative;
    animation-duration: var(--details-transition-duration, 180ms);
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.details-transition-flex[b-9k15gxqars] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.details-transition-fixed[b-9k15gxqars] {
    flex: 0 0 auto;
}

.details-transition-overlay[b-9k15gxqars] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: rgba(255, 255, 255, 0.25);
}

.details-transition-overlay-anim[b-9k15gxqars] {
    opacity: 1;
    animation-duration: var(--details-transition-duration, 180ms);
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.details-transition-overlay-fade[b-9k15gxqars] {
    animation-name: details-transition-overlay-fade-b-9k15gxqars;
}

.details-transition-overlay-scale[b-9k15gxqars] {
    animation-name: details-transition-overlay-scale-b-9k15gxqars;
}

.details-transition-overlay-slide[b-9k15gxqars] {
    animation-name: details-transition-overlay-slide-right-b-9k15gxqars;
}

.details-transition-overlay-mix[b-9k15gxqars] {
    animation-name: details-transition-overlay-mix-right-b-9k15gxqars;
}

.details-transition-overlay-slide.details-transition-overlay-dir-left[b-9k15gxqars] {
    animation-name: details-transition-overlay-slide-left-b-9k15gxqars;
}

.details-transition-overlay-slide.details-transition-overlay-dir-right[b-9k15gxqars] {
    animation-name: details-transition-overlay-slide-right-b-9k15gxqars;
}

.details-transition-overlay-slide.details-transition-overlay-dir-up[b-9k15gxqars] {
    animation-name: details-transition-overlay-slide-up-b-9k15gxqars;
}

.details-transition-overlay-slide.details-transition-overlay-dir-down[b-9k15gxqars] {
    animation-name: details-transition-overlay-slide-down-b-9k15gxqars;
}

.details-transition-overlay-mix.details-transition-overlay-dir-left[b-9k15gxqars] {
    animation-name: details-transition-overlay-mix-left-b-9k15gxqars;
}

.details-transition-overlay-mix.details-transition-overlay-dir-right[b-9k15gxqars] {
    animation-name: details-transition-overlay-mix-right-b-9k15gxqars;
}

.details-transition-overlay-mix.details-transition-overlay-dir-up[b-9k15gxqars] {
    animation-name: details-transition-overlay-mix-up-b-9k15gxqars;
}

.details-transition-overlay-mix.details-transition-overlay-dir-down[b-9k15gxqars] {
    animation-name: details-transition-overlay-mix-down-b-9k15gxqars;
}

@keyframes details-transition-overlay-fade-b-9k15gxqars {
    from { opacity: 0; }
    to { opacity: 0.6; }
}

@keyframes details-transition-overlay-scale-b-9k15gxqars {
    from { opacity: 0; transform: scale(0.985); }
    to { opacity: 0.6; transform: scale(1); }
}

@keyframes details-transition-overlay-slide-right-b-9k15gxqars {
    from { opacity: 0; transform: translateX(var(--details-transition-slide-x, 10px)); }
    to { opacity: 0.6; transform: translateX(0); }
}

@keyframes details-transition-overlay-slide-left-b-9k15gxqars {
    from { opacity: 0; transform: translateX(calc(var(--details-transition-slide-x, 10px) * -1)); }
    to { opacity: 0.6; transform: translateX(0); }
}

@keyframes details-transition-overlay-slide-up-b-9k15gxqars {
    from { opacity: 0; transform: translateY(calc(var(--details-transition-slide-y, 8px) * -1)); }
    to { opacity: 0.6; transform: translateY(0); }
}

@keyframes details-transition-overlay-slide-down-b-9k15gxqars {
    from { opacity: 0; transform: translateY(var(--details-transition-slide-y, 8px)); }
    to { opacity: 0.6; transform: translateY(0); }
}

@keyframes details-transition-overlay-mix-right-b-9k15gxqars {
    from { opacity: 0; transform: translateX(var(--details-transition-slide-x, 6px)) scale(0.985); }
    to { opacity: 0.6; transform: translateX(0) scale(1); }
}

@keyframes details-transition-overlay-mix-left-b-9k15gxqars {
    from { opacity: 0; transform: translateX(calc(var(--details-transition-slide-x, 6px) * -1)) scale(0.985); }
    to { opacity: 0.6; transform: translateX(0) scale(1); }
}

@keyframes details-transition-overlay-mix-up-b-9k15gxqars {
    from { opacity: 0; transform: translateY(calc(var(--details-transition-slide-y, 5px) * -1)) scale(0.985); }
    to { opacity: 0.6; transform: translateY(0) scale(1); }
}

@keyframes details-transition-overlay-mix-down-b-9k15gxqars {
    from { opacity: 0; transform: translateY(var(--details-transition-slide-y, 5px)) scale(0.985); }
    to { opacity: 0.6; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .details-transition[b-9k15gxqars] {
        animation: none;
    }

    .details-transition-overlay-anim[b-9k15gxqars] {
        animation: none;
        opacity: 0;
    }
}

.details-transition-self-anim[b-9k15gxqars] {
    animation-duration: var(--details-transition-duration, 180ms);
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.details-transition-self-fade[b-9k15gxqars] {
    animation-name: details-transition-self-fade-b-9k15gxqars;
}

.details-transition-self-scale[b-9k15gxqars] {
    animation-name: details-transition-self-scale-b-9k15gxqars;
}

.details-transition-self-slide[b-9k15gxqars] {
    animation-name: details-transition-self-slide-right-b-9k15gxqars;
}

.details-transition-self-mix[b-9k15gxqars] {
    animation-name: details-transition-self-mix-right-b-9k15gxqars;
}

.details-transition-self-slide.details-transition-self-dir-left[b-9k15gxqars] {
    animation-name: details-transition-self-slide-left-b-9k15gxqars;
}

.details-transition-self-slide.details-transition-self-dir-right[b-9k15gxqars] {
    animation-name: details-transition-self-slide-right-b-9k15gxqars;
}

.details-transition-self-slide.details-transition-self-dir-up[b-9k15gxqars] {
    animation-name: details-transition-self-slide-up-b-9k15gxqars;
}

.details-transition-self-slide.details-transition-self-dir-down[b-9k15gxqars] {
    animation-name: details-transition-self-slide-down-b-9k15gxqars;
}

.details-transition-self-mix.details-transition-self-dir-left[b-9k15gxqars] {
    animation-name: details-transition-self-mix-left-b-9k15gxqars;
}

.details-transition-self-mix.details-transition-self-dir-right[b-9k15gxqars] {
    animation-name: details-transition-self-mix-right-b-9k15gxqars;
}

.details-transition-self-mix.details-transition-self-dir-up[b-9k15gxqars] {
    animation-name: details-transition-self-mix-up-b-9k15gxqars;
}

.details-transition-self-mix.details-transition-self-dir-down[b-9k15gxqars] {
    animation-name: details-transition-self-mix-down-b-9k15gxqars;
}

@keyframes details-transition-self-fade-b-9k15gxqars {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes details-transition-self-scale-b-9k15gxqars {
    from { opacity: 0; transform: scale(0.985); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes details-transition-self-slide-right-b-9k15gxqars {
    from { opacity: 0; transform: translateX(var(--details-transition-slide-x, 10px)); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes details-transition-self-slide-left-b-9k15gxqars {
    from { opacity: 0; transform: translateX(calc(var(--details-transition-slide-x, 10px) * -1)); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes details-transition-self-slide-up-b-9k15gxqars {
    from { opacity: 0; transform: translateY(calc(var(--details-transition-slide-y, 8px) * -1)); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes details-transition-self-slide-down-b-9k15gxqars {
    from { opacity: 0; transform: translateY(var(--details-transition-slide-y, 8px)); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes details-transition-self-mix-right-b-9k15gxqars {
    from { opacity: 0; transform: translateX(var(--details-transition-slide-x, 6px)) scale(0.985); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes details-transition-self-mix-left-b-9k15gxqars {
    from { opacity: 0; transform: translateX(calc(var(--details-transition-slide-x, 6px) * -1)) scale(0.985); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes details-transition-self-mix-up-b-9k15gxqars {
    from { opacity: 0; transform: translateY(calc(var(--details-transition-slide-y, 5px) * -1)) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes details-transition-self-mix-down-b-9k15gxqars {
    from { opacity: 0; transform: translateY(var(--details-transition-slide-y, 5px)) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
/* _content/MQ.Blazor.Interface/Components/DetailsPanelView/DetailsPanelView.razor.rz.scp.css */
.details-panel[b-1x3airdhyd] { min-height: 0; }
.details-panel[b-1x3airdhyd] { --mq-details-topbar-height: var(--mq-topbar-height, 65px); }
.details-panel[b-1x3airdhyd] { height: calc(var(--mq-viewport-height, 100dvh) - var(--mq-details-topbar-height)) !important; }
.details-panel[b-1x3airdhyd] { min-height: calc(var(--mq-viewport-height, 100dvh) - var(--mq-details-topbar-height)); }
.details-panel[b-1x3airdhyd] { max-height: calc(var(--mq-viewport-height, 100dvh) - var(--mq-details-topbar-height)); }
.details-panel[b-1x3airdhyd] { overflow: hidden; }
.details-panel .details-panel-shell[b-1x3airdhyd] { min-height: 0; height: 100%; overflow: hidden; }

.details-panel[b-1x3airdhyd] { --mq-details-sidebar-width: 260px; --mq-details-sidebar-min-width: 260px; --mq-details-sidebar-max-width: 520px; }

.details-panel[b-1x3airdhyd]  .list-item { margin-bottom: 2px; position: relative; overflow: hidden; max-height: 200px; transition: background-color 160ms ease, transform 160ms ease, opacity 200ms ease, max-height 220ms ease, margin-bottom 220ms ease, padding-top 220ms ease, padding-bottom 220ms ease; transform-origin: center; }
.details-panel[b-1x3airdhyd]  .list-item::after { content: ""; position: absolute; inset: -60% 0; background: linear-gradient(120deg, transparent, rgba(255,255,255,.18), transparent); transform: translateX(-140%); opacity: 0; pointer-events: none; }
.details-panel[b-1x3airdhyd]  .list-item.selected { background: rgba(13,110,253,.10); border-radius: 4px; transform: scale(1); }
.details-panel[b-1x3airdhyd]  .list-item.selected::after { opacity: 1; animation: details-sidebar-shimmer-b-1x3airdhyd 700ms ease; }
.details-panel[b-1x3airdhyd]  .list-item:not(.selected) { transform: scale(0.975); }
.details-panel[b-1x3airdhyd]  .list-item.is-hidden { opacity: 0; transform: scale(0.96); max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; pointer-events: none; }

@keyframes details-sidebar-shimmer-b-1x3airdhyd { from { transform: translateX(-140%); } to { transform: translateX(140%); } }

.details-panel[b-1x3airdhyd]  .task-row:hover { background: rgba(0,0,0,.03); }
.details-panel[b-1x3airdhyd]  .list-item:not(.selected):hover { background: rgba(15,23,42,.04); border-radius: 4px; transform: scale(0.985); }
.details-panel[b-1x3airdhyd]  .task-title.done { text-decoration: line-through; color:#6c757d; }
.details-panel[b-1x3airdhyd]  .chip { font-size:.75rem; padding:.18rem .45rem; border-radius:999px; background: rgba(0,0,0,.06); }
.details-panel[b-1x3airdhyd]  .truncate-1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.details-panel[b-1x3airdhyd]  .clickable { cursor:pointer; }



@media (min-width: 992px) {
  .details-panel .details-panel-shell[b-1x3airdhyd] { flex-wrap: nowrap; }
  .details-panel .sidebar[b-1x3airdhyd] { flex: 0 0 var(--mq-details-sidebar-width); width: var(--mq-details-sidebar-width); max-width: var(--mq-details-sidebar-max-width); }
}

body.details-panel-resizing[b-1x3airdhyd] {
  cursor: col-resize;
  user-select: none;
}

.details-panel[b-1x3airdhyd]  .todo-add-form { display:flex; gap:.5rem; align-items:center; }
.details-panel[b-1x3airdhyd]  .todo-add-form > button.btn-primary { width:42px; min-width:42px; padding-left:0; padding-right:0; }

.details-panel[b-1x3airdhyd]  .list-avatar {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  object-fit: cover;
  flex: 0 0 auto;
}

.details-panel[b-1x3airdhyd]  .list-avatar-square {
  border-radius: 0;
}

.details-panel[b-1x3airdhyd]  .tag-swatch {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15);
  display: inline-block;
  flex: 0 0 auto;
}

.details-panel[b-1x3airdhyd]  .step-item { user-select: none; }
.details-panel[b-1x3airdhyd]  .step-grip { cursor: grab; padding: 0 .25rem; }

/* ensure task details doesn't overflow off the right */
.details-panel[b-1x3airdhyd]  .details-scroll { min-width: 0; }
.details-panel[b-1x3airdhyd]  .details-body {
  padding: 1rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
}

.details-panel[b-1x3airdhyd]  .disabled-chip { opacity: .55; pointer-events: none; }

@media (max-width: 991px) {
  .details-panel.details-panel-mobile[b-1x3airdhyd] {
    min-height: calc(var(--mq-viewport-height, 100dvh) - var(--mq-details-topbar-height));
    height: calc(var(--mq-viewport-height, 100dvh) - var(--mq-details-topbar-height));
  }

  .details-panel.details-panel-mobile .details-panel-shell[b-1x3airdhyd] {
    min-height: 0;
    height: 100%;
  }

  .details-panel.details-panel-mobile .details-panel-shell[b-1x3airdhyd] {
    position: relative;
    overflow: hidden;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-sidebar,
  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-main,
  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-details {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: var(--mq-viewport-height, 100dvh);
    width: min(86vw, var(--mq-details-sidebar-width));
    max-width: 90vw;
    transform: translateX(-100%);
    transition: transform 240ms ease;
    z-index: 1045;
    background: #fff;
    box-shadow: 18px 0 40px rgba(15, 23, 42, 0.18);
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-main,
  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-details {
    position: relative;
    inset: auto;
    width: 100%;
    z-index: 1;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-details {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: var(--mq-viewport-height, 100dvh);
    width: min(90vw, 420px);
    max-width: 90vw;
    transform: translateX(100%);
    transition: transform 240ms ease;
    z-index: 1046;
    background: #fff;
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.18);
  }

  .details-panel.details-panel-mobile.details-panel-mobile-details-drawer[b-1x3airdhyd]  .details-panel-details {
    transform: translateX(0);
  }

  .details-panel.details-panel-mobile.details-panel-mobile-details[b-1x3airdhyd]  .details-panel-sidebar {
    transform: translateX(-100%);
  }

  .details-panel.details-panel-mobile.details-panel-mobile-details[b-1x3airdhyd]  .details-panel-main {
    transform: none;
  }

  .details-panel.details-panel-mobile.details-panel-mobile-sidebar[b-1x3airdhyd]  .details-panel-sidebar {
    transform: translateX(0);
  }

  .details-panel.details-panel-mobile .details-panel-search[b-1x3airdhyd] {
    display: none;
  }

  .details-panel.details-panel-mobile main[b-1x3airdhyd],
  .details-panel.details-panel-mobile[b-1x3airdhyd]  .pane,
  .details-panel.details-panel-mobile[b-1x3airdhyd]  .sidebar {
    max-height: 100% !important;
    min-height: 0 !important;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-main .flex-grow-1,
  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-details .details-scroll {
    overflow: visible;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-mobile-back {
    display: inline-flex;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-sidebar {
    max-height: 100% !important;
    min-height: 0 !important;
  }

  .details-panel.details-panel-mobile[b-1x3airdhyd]  .details-panel-sidebar .p-2.flex-grow-1 {
    padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
  }
}

.details-panel[b-1x3airdhyd]  .details-panel-mobile-back {
  display: none;
}

@media (max-width: 991px) {
  .details-panel.details-panel-mobile.details-panel-mobile-sidebar[b-1x3airdhyd]  .details-panel-mobile-back {
    display: none !important;
  }

  .details-panel.details-panel-mobile.details-panel-mobile-details[b-1x3airdhyd]  .details-panel-mobile-back {
    display: inline-flex !important;
  }
}

.details-panel-mobile-scrim[b-1x3airdhyd] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease;
  z-index: 1040;
}

.details-panel-mobile-scrim.open[b-1x3airdhyd] {
  opacity: 1;
  pointer-events: auto;
}

.details-panel[b-1x3airdhyd]  .details-panel-header-avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: .85rem;
  background: #f1f5f9;
  color: #0f172a;
  flex: 0 0 auto;
  overflow: hidden;
}

.details-panel[b-1x3airdhyd]  .details-panel-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.details-panel[b-1x3airdhyd]  .details-panel-header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.details-panel[b-1x3airdhyd]  .details-panel-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.details-panel[b-1x3airdhyd]  .details-panel-header-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.details-panel[b-1x3airdhyd]  .details-panel-header-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.details-panel[b-1x3airdhyd]  .details-panel-header-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 991px) {
  .details-panel[b-1x3airdhyd]  .details-panel-header-avatar {
    display: none;
  }
}
/* _content/MQ.Blazor.Interface/Components/DragDrop/DragDropZone.razor.rz.scp.css */
.drag-drop-zone[b-1n56qlmhp6] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.drag-drop-between[b-1n56qlmhp6] {
    position: relative;
}

.drag-drop-between[b-1n56qlmhp6]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 2px dotted var(--mq-primary, #0d6efd);
    opacity: 0;
}

.drag-drop-between.is-active[b-1n56qlmhp6]::after {
    opacity: 1;
}

.drag-drop-item[b-1n56qlmhp6] {
    position: relative;
}

.drag-drop-item.is-drop-into[b-1n56qlmhp6] {
    outline: 2px dotted var(--mq-primary, #0d6efd);
    outline-offset: -2px;
}
/* _content/MQ.Blazor.Interface/Components/DraggablePanel/DraggablePanel.razor.rz.scp.css */
.draggable-panel[b-19662mhgo5] {
    position: fixed;
    left: 10vw;
    top: calc(var(--mq-topbar-height, 61px) + 5vh);
    width: 80vw;
    height: 80vh;
    min-width: var(--mq-panel-min-width, 340px);
    min-height: var(--mq-panel-min-height, 260px);
    max-width: var(--mq-panel-max-width, 96vw);
    max-height: var(--mq-panel-max-height, calc(100vh - var(--mq-topbar-height, 61px) - 16px));
    background: rgba(10, 10, 10, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.60);
    overflow: hidden;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(12px);
    transition: left 180ms ease, top 180ms ease, width 180ms ease, height 180ms ease, border-radius 180ms ease, box-shadow 180ms ease;
    will-change: left, top, width, height;
}

.draggable-panel.is-fullscreen[b-19662mhgo5] {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    min-width: 0;
    min-height: 0;
    border-radius: 0;
    box-shadow: none;
}

.draggable-panel.is-fullscreen[b-19662mhgo5] {
    transition: none;
}

.draggable-panel.is-interacting[b-19662mhgo5] {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .draggable-panel[b-19662mhgo5] {
        transition: none;
    }
}

.draggable-panel-hidden[b-19662mhgo5] {
    display: none;
}

.draggable-panel.is-collapsed[b-19662mhgo5] {
    width: min(320px, calc(100vw - 32px));
    height: 260px;
    min-width: 260px;
    min-height: 220px;
}

.draggable-resize-handle[b-19662mhgo5] {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 2050;
    pointer-events: auto;
    touch-action: none;
}

.draggable-resize-nw[b-19662mhgo5] { left: 0; top: 0; cursor: nwse-resize; }
.draggable-resize-ne[b-19662mhgo5] { right: 0; top: 0; cursor: nesw-resize; }
.draggable-resize-sw[b-19662mhgo5] { left: 0; bottom: 0; cursor: nesw-resize; }
.draggable-resize-se[b-19662mhgo5] { right: 0; bottom: 0; cursor: nwse-resize; }

.draggable-panel-bar[b-19662mhgo5] {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 10px 0 14px;
    background: rgba(20, 20, 20, 0.78);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    cursor: default;
    user-select: none;
}

.draggable-panel.is-movable .draggable-panel-bar[b-19662mhgo5] {
    cursor: grab;
}

.draggable-panel.is-collapsed .draggable-panel-bar[b-19662mhgo5] {
    padding: 0 8px;
}

.draggable-panel.is-movable .draggable-panel-bar:active[b-19662mhgo5] {
    cursor: grabbing;
}

.draggable-panel-title[b-19662mhgo5] {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.draggable-panel.is-collapsed .draggable-panel-title[b-19662mhgo5] {
    font-size: 13px;
}

.draggable-panel-bar-actions[b-19662mhgo5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.draggable-panel-stage[b-19662mhgo5] {
    position: relative;
    flex: 1;
    background: #000;
    overflow: hidden;
}

.draggable-panel-toolbar[b-19662mhgo5] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(20, 20, 20, 0.78);
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    width: 100%;
}

.draggable-panel.is-collapsed .draggable-panel-toolbar[b-19662mhgo5] {
    padding: 8px 10px;
    justify-content: stretch;
}
/* _content/MQ.Blazor.Interface/Components/Dropdowns/MQDropdown.razor.rz.scp.css */
.mq-dropdown[b-oia395o6yc] {
    position: relative;
    display: inline-flex;
}

.mq-dropdown-toggle[b-oia395o6yc] {
    color: #ffffff !important;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.07) !important;
    border-radius: 4px;
    padding: 6px 12px !important;
    position: relative;
    overflow: hidden;
    transition: transform 140ms ease;
    white-space: nowrap;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.mq-dropdown-toggle[b-oia395o6yc]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        160px circle at var(--spot-x, 50%) var(--spot-y, 50%),
        rgba(255, 255, 255, 0.28),
        rgba(255, 255, 255, 0) 65%
    );
    opacity: 0;
    transition: opacity 140ms ease;
    pointer-events: none;
}

.mq-dropdown-toggle:hover[b-oia395o6yc],
.mq-dropdown.show > .mq-dropdown-toggle[b-oia395o6yc] {
    background-color: rgba(255, 255, 255, 0.18);
}

.mq-dropdown-toggle:hover[b-oia395o6yc] {
    transform: scale(1.03);
}

.mq-dropdown-toggle.nav-spotlight-active[b-oia395o6yc]::before {
    opacity: 1;
}

.mq-dropdown-menu[b-oia395o6yc],
.mq-dropdown-menu.dropdown-menu[b-oia395o6yc] {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    padding: 0.375rem;
    border-radius: 4px;
    margin-top: 0;
    --bs-dropdown-spacer: 0;
    --bs-dropdown-bg: #ffffff;
    --bs-dropdown-link-color: #0f172a;
    --bs-dropdown-link-hover-color: #0f172a;
    --bs-dropdown-link-active-color: #0f172a;
    --bs-dropdown-link-disabled-color: #94a3b8;
    transform-origin: top center;
    color: #0f172a !important;
}

.mq-dropdown-menu[b-oia395o6yc] {
    opacity: 0;
    transition: opacity 320ms ease;
}

.mq-dropdown-menu.show[b-oia395o6yc] {
    opacity: 1;
}

.mq-dropdown-menu.mq-dropdown-closing[b-oia395o6yc] {
    opacity: 0;
}

.mq-dropdown-menu[b-oia395o6yc]  > * {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 360ms ease, transform 400ms ease;
}

.mq-dropdown-menu.show.nav-dropdown-open[b-oia395o6yc]  > * {
    opacity: 1;
    transform: translateY(0);
}

.mq-dropdown-menu.mq-dropdown-closing[b-oia395o6yc]  > * {
    opacity: 0;
    transform: translateY(-6px);
}

:global(.mq-dropdown-menu > *)[b-oia395o6yc] {
    opacity: 0;
}

:global(.mq-dropdown-menu.show.nav-dropdown-open > *)[b-oia395o6yc] {
    opacity: 1;
}

:global(.mq-dropdown-menu.mq-dropdown-closing > *)[b-oia395o6yc] {
    opacity: 0;
}

.mq-dropdown-menu.nav-dropdown-caret[b-oia395o6yc]::before {
    content: "";
    position: absolute;
    top: -9px;
    left: var(--mq-dropdown-caret-left, 24px);
    transform: translateX(-50%);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffffff;
    filter: none;
    pointer-events: none;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-toggle {
    color: var(--bs-dropdown-link-color) !important;
    background-color: rgba(15, 23, 42, 0.02);
    border-radius: 4px;
    padding: 5px 10px;
    margin: 2px 0;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    overflow: hidden;
    transition: transform 140ms ease;
}

:global(.mq-dropdown-menu .dropdown-item)[b-oia395o6yc],
:global(.mq-dropdown-menu .dropdown-toggle)[b-oia395o6yc] {
    color: #0f172a !important;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        140px circle at var(--spot-x, 50%) var(--spot-y, 50%),
        rgba(13, 110, 253, 0.14),
        rgba(13, 110, 253, 0) 70%
    );
    opacity: 0;
    transition: opacity 140ms ease;
    pointer-events: none;
    z-index: 0;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item > * {
    position: relative;
    z-index: 1;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item.nav-spotlight-active::before {
    opacity: 1;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item:hover,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-toggle:hover,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item:focus,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-toggle:focus {
    background-color: rgba(13, 110, 253, 0.10);
    color: #0f172a;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item.active,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-toggle.active {
    background-color: rgba(13, 110, 253, 0.10);
    color: #0f172a;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item:not(.disabled):hover {
    transform: scale(1.02);
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item.active,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-item:active,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-toggle.show {
    background-color: rgba(15, 23, 42, 0.18);
    color: #0f172a;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-header {
    color: rgba(15, 23, 42, 0.75);
    padding: 4px 10px;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-divider {
    border-top: 1px solid rgba(15, 23, 42, 0.12);
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu {
    position: relative;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    right: -12px;
    pointer-events: auto;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu:focus-within > .dropdown-menu,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu.show > .dropdown-menu,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu:hover > .dropdown-menu {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu > .dropdown-menu {
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% + 6px);
    margin-left: 0;
    z-index: 1100;
    opacity: 0;
    transform: translateX(-8px);
    pointer-events: none;
    transition: opacity 160ms ease, transform 200ms ease;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu > .dropdown-toggle {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    gap: 8px;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu > .dropdown-toggle::after {
    margin-left: auto;
    border-top: 0.35em solid transparent !important;
    border-bottom: 0.35em solid transparent !important;
    border-left: 0.35em solid currentColor !important;
    border-right: 0 !important;
    transform: rotate(0deg);
    transition: transform 180ms ease;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu:hover > .dropdown-toggle::after,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu:focus-within > .dropdown-toggle::after,
.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu.show > .dropdown-toggle::after {
    transform: rotate(180deg);
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu.submenu-left > .dropdown-menu {
    right: calc(100% + 6px);
    left: auto;
    margin-right: 0;
    transform: translateX(8px);
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu.submenu-left::after {
    right: auto;
    left: -12px;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu > .dropdown-menu::before {
    content: "";
    position: absolute;
    top: 14px;
    left: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #ffffff;
    pointer-events: none;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu.submenu-left > .dropdown-menu::before {
    left: auto;
    right: -6px;
    border-right: 0;
    border-left: 6px solid #ffffff;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu > .dropdown-menu::after {
    content: "";
    position: absolute;
    top: 14px;
    left: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid rgba(15, 23, 42, 0.08);
    pointer-events: none;
    z-index: -1;
}

.mq-dropdown-menu[b-oia395o6yc]  .dropdown-submenu.submenu-left > .dropdown-menu::after {
    left: auto;
    right: -7px;
    border-right: 0;
    border-left: 7px solid rgba(15, 23, 42, 0.08);
}
/* _content/MQ.Blazor.Interface/Components/Kanban/Kanban.razor.rz.scp.css */
.kanban-board[b-wsl2phzrrb] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    overflow-x: auto;
    align-items: stretch;
    scroll-snap-type: x proximity;
    height: 100%;
}

.kanban-board[b-wsl2phzrrb]::-webkit-scrollbar {
    height: 10px;
}

.kanban-board[b-wsl2phzrrb]::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.2);
    border-radius: 999px;
}

.kanban-empty[b-wsl2phzrrb] {
    padding: 1rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.95rem;
}
/* _content/MQ.Blazor.Interface/Components/Kanban/KanbanCard.razor.rz.scp.css */
.kanban-card[b-ye2kpvosck] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
    transition: transform 120ms ease, box-shadow 120ms ease;
    cursor: grab;
}

.kanban-card:active[b-ye2kpvosck] {
    cursor: grabbing;
}

.kanban-card:hover[b-ye2kpvosck] {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.12);
}

.kanban-card.is-dragging[b-ye2kpvosck] {
    opacity: 0.55;
}

.kanban-card-title-row[b-ye2kpvosck] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.2rem;
}

.kanban-card-title[b-ye2kpvosck] {
    font-weight: 600;
    color: #111827;
}

.kanban-card-subtitle[b-ye2kpvosck] {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 0.4rem;
}

.kanban-card-labels[b-ye2kpvosck] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.5rem;
}

.kanban-card-description[b-ye2kpvosck] {
    font-size: 0.9rem;
    color: #4b5563;
}

.kanban-card-footer[b-ye2kpvosck] {
    color: #6b7280;
}
/* _content/MQ.Blazor.Interface/Components/Kanban/KanbanColumn.razor.rz.scp.css */
.kanban-column[b-bgiw7a2owj] {
    flex: 0 0 var(--mq-kanban-column-width, 322px);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fb;
    border-radius: 12px;
    border-top: 3px solid var(--mq-kanban-column-accent, #0d6efd);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
    scroll-snap-align: start;
    height: 100%;
    align-self: stretch;
    min-height: 0;
}

.kanban-column-header[b-bgiw7a2owj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 600;
    color: #1f2937;
}

.kanban-column-title[b-bgiw7a2owj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.kanban-column-subtitle[b-bgiw7a2owj] {
    color: #6b7280;
    font-size: 0.8rem;
}

.kanban-column-wip[b-bgiw7a2owj] {
    background: rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
    font-size: 0.75rem;
    color: #111827;
}

.kanban-column-body[b-bgiw7a2owj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.25rem;
    flex: 1 1 auto;
    min-height: 0;
    max-height: var(--mq-kanban-column-height, 70vh);
}

.kanban-column-body[b-bgiw7a2owj]::-webkit-scrollbar {
    width: 8px;
}

.kanban-column-body[b-bgiw7a2owj]::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, 0.15);
    border-radius: 999px;
}

.kanban-column-empty[b-bgiw7a2owj] {
    padding: 0.5rem;
    color: #9ca3af;
    font-size: 0.85rem;
}

.kanban-drop-slot[b-bgiw7a2owj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kanban-column-load-more[b-bgiw7a2owj] {
    display: flex;
    justify-content: center;
    padding: 0.25rem 0 0.5rem;
}
/* _content/MQ.Blazor.Interface/Components/Layout/BareGuestLayout.razor.rz.scp.css */
.mq-bare-guest-layout[b-q8sohf1rfu] {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    background: linear-gradient(135deg, #b7c3ff, #e0f2ff, #ffffff);
    background-size: 300% 300%;
    animation: mqBareGuestBgMove-b-q8sohf1rfu 20s ease infinite;
    color: #0b0c10;
}

@keyframes mqBareGuestBgMove-b-q8sohf1rfu {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/LightboxHost.razor.rz.scp.css */
.lightbox-backdrop[b-z7j3qbvwy0] {
    position: fixed;
    inset: 0;
    background: rgba(15, 17, 22, 0.94);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.lightbox-shell[b-z7j3qbvwy0] {
    background: transparent;
    border-radius: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-shadow: none;
    outline: none;
}

.lightbox-header[b-z7j3qbvwy0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #f8f9fb;
}

.lightbox-title[b-z7j3qbvwy0] {
    font-weight: 600;
    color: #1f2937;
}

.lightbox-body[b-z7j3qbvwy0] {
    flex: 1 1 auto;
    background: transparent;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .lightbox-header[b-z7j3qbvwy0] {
        padding: 12px 16px;
    }

    .lightbox-body[b-z7j3qbvwy0] {
        padding: 12px;
    }
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxAudioView.razor.rz.scp.css */
.lightbox-media-view[b-hmxotsrd3n] {
    width: 100%;
    max-width: 720px;
    display: grid;
    gap: 16px;
    color: #ffffff;
}

.lightbox-media-cover[b-hmxotsrd3n] {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 12px;
    background: #1f2937;
}

.lightbox-media-details[b-hmxotsrd3n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lightbox-media-controls[b-hmxotsrd3n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lightbox-media-controls input[type="range"][b-hmxotsrd3n] {
    flex: 1 1 auto;
}

.lightbox-media-time[b-hmxotsrd3n] {
    font-size: 0.85rem;
    color: #cbd5f5;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxCsvView.razor.rz.scp.css */
.lightbox-data-view[b-hsu91u5zlh] {
    width: 100%;
    height: 100%;
    background: rgba(15, 17, 22, 0.55);
    border-radius: 12px;
    padding: 16px;
    overflow: auto;
}

.lightbox-data-table[b-hsu91u5zlh] {
    margin: 0;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxHtmlView.razor.rz.scp.css */
.lightbox-html-view[b-u5vrqcgf1n] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.lightbox-html-view iframe[b-u5vrqcgf1n] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
    background: #ffffff;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxImageView.razor.rz.scp.css */
.lightbox-image-view[b-hxaeyys1s0] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 12px;
    outline: none;
}

.lightbox-image-stage[b-hxaeyys1s0] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 17, 22, 0.35);
    border-radius: 12px;
    padding: 20px;
}

.lightbox-image-stage img[b-hxaeyys1s0] {
    max-width: 100%;
    max-height: 60vh;
    object-fit: contain;
    border-radius: 8px;
}

.lightbox-nav[b-hxaeyys1s0] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-nav-prev[b-hxaeyys1s0] { left: 12px; }
.lightbox-nav-next[b-hxaeyys1s0] { right: 12px; }

.lightbox-image-caption[b-hxaeyys1s0] {
    color: #ffffff;
    text-align: center;
}

.lightbox-thumbnail-strip[b-hxaeyys1s0] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.lightbox-thumb[b-hxaeyys1s0] {
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 0;
    background: transparent;
}

.lightbox-thumb img[b-hxaeyys1s0] {
    width: 64px;
    height: 48px;
    object-fit: cover;
    border-radius: 6px;
}

.lightbox-thumb.active[b-hxaeyys1s0] {
    border-color: #6ea8fe;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxJsonView.razor.rz.scp.css */
.lightbox-data-view[b-vuhyrt7xvr] {
    width: 100%;
    height: 100%;
    background: rgba(15, 17, 22, 0.55);
    border-radius: 12px;
    padding: 16px;
    overflow: auto;
}

.lightbox-data-pre[b-vuhyrt7xvr] {
    margin: 0;
    white-space: pre-wrap;
    color: #e5e7eb;
    font-size: 0.9rem;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxOfficeViewerView.razor.rz.scp.css */
.lightbox-office-view[b-haudi332k5] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.lightbox-office-view iframe[b-haudi332k5] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
    background: #ffffff;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxPdfView.razor.rz.scp.css */
.lightbox-pdf-view[b-w6bjy55nbu] {
    width: 100%;
    height: 100%;
    background: transparent;
}

.lightbox-pdf-view iframe[b-w6bjy55nbu] {
    width: 100%;
    height: 70vh;
    border: none;
    background: #ffffff;
    border-radius: 12px;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxVideoView.razor.rz.scp.css */
.lightbox-video-view[b-fsh4ntkrwr] {
    width: 100%;
    max-width: 960px;
    display: grid;
    gap: 16px;
    color: #ffffff;
}

.lightbox-video-view video[b-fsh4ntkrwr] {
    width: 100%;
    max-height: 60vh;
    border-radius: 12px;
    background: transparent;
}

.lightbox-media-controls[b-fsh4ntkrwr] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lightbox-media-controls input[type="range"][b-fsh4ntkrwr] {
    flex: 1 1 auto;
}

.lightbox-media-time[b-fsh4ntkrwr] {
    font-size: 0.85rem;
    color: #cbd5f5;
}
/* _content/MQ.Blazor.Interface/Components/Lightbox/Views/LightboxYoutubeView.razor.rz.scp.css */
.lightbox-youtube-view[b-582ah0vef1] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox-youtube-view iframe[b-582ah0vef1] {
    width: min(1200px, 100%);
    height: min(675px, 100%);
    aspect-ratio: 16 / 9;
    border: none;
    border-radius: 12px;
    background: transparent;
}
/* _content/MQ.Blazor.Interface/Components/Navigation/Menus/MobileUserMenu.razor.rz.scp.css */
.mobile-user-menu[b-883sp8pev2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mobile-user-menu-list[b-883sp8pev2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mobile-user-menu-item[b-883sp8pev2] {
    display: block;
}

.mobile-user-menu-link[b-883sp8pev2] {
    width: 100%;
    border: 0;
    background: rgba(15, 23, 42, 0.07);
    color: inherit;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    transition: background-color 160ms ease;
}

.mobile-user-menu-link:hover[b-883sp8pev2],
.mobile-user-menu-link:focus[b-883sp8pev2],
.mobile-user-menu-link:focus-visible[b-883sp8pev2] {
    background: rgba(15, 23, 42, 0.18);
    color: #0f172a;
}

.mobile-user-menu-label[b-883sp8pev2] {
    flex: 1 1 auto;
    text-align: left;
    font-weight: 400;
}

.mobile-user-menu-caret[b-883sp8pev2] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #64748b;
    transition: transform 180ms ease;
}

.mobile-user-menu-item.open > .mobile-user-menu-link .mobile-user-menu-caret[b-883sp8pev2] {
    transform: rotate(180deg);
}

.mobile-user-menu-sublist[b-883sp8pev2] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0 0 0 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    overflow: hidden;
    transition: max-height 220ms ease, opacity 180ms ease, transform 220ms ease;
}

.mobile-user-menu-sublist.open[b-883sp8pev2] {
    max-height: 600px;
    opacity: 1;
    transform: translateY(0);
}

.mobile-user-menu-header[b-883sp8pev2] {
    font-weight: 600;
    color: #475569;
    padding: 4px 8px;
}

.mobile-user-menu-divider[b-883sp8pev2] {
    height: 1px;
    background: rgba(15, 23, 42, 0.08);
    margin: 8px 0;
}
/* _content/MQ.Blazor.Interface/Components/Navigation/Menus/UserMenu.razor.rz.scp.css */
.app-badge[b-wvhsah0cy1] {
    position: absolute;
    top: 2px;
    right: -6px;
    font-size: 0.70rem;
    line-height: 1;
    padding: .25rem .4rem;
}

/* Avatar button */
.app-avatar[b-wvhsah0cy1] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.app-avatar img[b-wvhsah0cy1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.app-avatar-initials[b-wvhsah0cy1] {
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    font-size: 0.85rem;
}

.app-avatar-sm[b-wvhsah0cy1] {
    width: 32px;
    height: 32px;
    border-width: 1px;
}

/* Wider dropdown for notifications */
.app-dropdown-wide[b-wvhsah0cy1] {
    min-width: 360px;
}
@media (max-width: 420px) {
    .app-dropdown-wide[b-wvhsah0cy1] { min-width: 90vw; }
}

.user-menu-card[b-wvhsah0cy1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 5px 10px;
    margin: 4px 0;
    border-radius: 4px;
    border: 0;
    background: #f8fafc;
}

.user-menu-avatar[b-wvhsah0cy1] {
    width: 48px;
    height: 48px;
    box-shadow: none;
    flex: 0 0 auto;
}

.user-menu-meta[b-wvhsah0cy1] {
    min-width: 0;
}

.user-menu-name[b-wvhsah0cy1] {
    font-weight: 700;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu-email[b-wvhsah0cy1] {
    font-size: 0.85rem;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/MQ.Blazor.Interface/Components/Navigation/SiteNavigation.razor.rz.scp.css */
.nav-framework[b-g42e4vlths] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.nav-framework[b-g42e4vlths]  .nav-link,
.nav-framework[b-g42e4vlths]  .dropdown-toggle {
    color: #ffffff !important;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.07);
    border-radius: 4px;
    padding: 6px 12px;
    position: relative;
    overflow: hidden;
    transition: transform 140ms ease;
    white-space: nowrap;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
}

.nav-framework[b-g42e4vlths]  .nav-left,
.nav-framework[b-g42e4vlths]  .nav-right {
    flex-wrap: nowrap !important;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item {
    position: relative;
    overflow: hidden;
    transition: transform 140ms ease;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu {
    overflow: visible;
}

.nav-framework[b-g42e4vlths]  .nav-link:hover,
.nav-framework[b-g42e4vlths]  .nav-item.show > .nav-link {
    background-color: rgba(255, 255, 255, 0.18);
    border-radius: 4px;
}

.nav-framework[b-g42e4vlths]  .nav-link:not(.user-menu-toggle):not(.disabled):hover,
.nav-framework[b-g42e4vlths]  .dropdown-toggle:not(.user-menu-toggle):not(.disabled):hover {
    transform: scale(1.03);
}

.nav-framework[b-g42e4vlths]  .nav-right-link,
.nav-framework[b-g42e4vlths]  .nav-right-item > .nav-link,
.nav-framework[b-g42e4vlths]  .nav-right-item > .dropdown-toggle,
.nav-framework[b-g42e4vlths]  .nav-right-item > .nav-link.btn {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

.nav-framework[b-g42e4vlths]  .nav-right-link i,
.nav-framework[b-g42e4vlths]  .nav-right-item > .nav-link i,
.nav-framework[b-g42e4vlths]  .nav-right-item > .dropdown-toggle i,
.nav-framework[b-g42e4vlths]  .nav-right-item > .nav-link.btn i {
    margin-right: 0 !important;
    margin-left: 0.25rem;
}


.nav-framework[b-g42e4vlths]  .nav-caret-submenu {
    width: 0;
    height: 0;
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid currentColor;
    margin-right: 6px;
}


.nav-framework[b-g42e4vlths]  .nav-link.active,
.nav-framework[b-g42e4vlths]  .nav-item.show > .nav-link {
    background-color: rgba(255, 255, 255, 0.28);
}

.nav-framework[b-g42e4vlths]  .user-menu-toggle,
.nav-framework[b-g42e4vlths]  .user-menu-toggle:hover,
.nav-framework[b-g42e4vlths]  .user-menu-toggle:focus,
.nav-framework[b-g42e4vlths]  .user-menu-toggle:focus-visible,
.nav-framework[b-g42e4vlths]  .nav-item.show > .user-menu-toggle,
.nav-framework[b-g42e4vlths]  .user-menu-toggle.active {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.nav-framework[b-g42e4vlths]  .dropdown-toggle.show,
.nav-framework[b-g42e4vlths]  .nav-item.show > .dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.28);
}

.nav-framework[b-g42e4vlths]  .dropdown-toggle {
    cursor: pointer;
}

.nav-framework[b-g42e4vlths]  .nav-link::before,
.nav-framework[b-g42e4vlths]  .dropdown-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        160px circle at var(--spot-x, 50%) var(--spot-y, 50%),
        rgba(255, 255, 255, 0.28),
        rgba(255, 255, 255, 0) 65%
    );
    opacity: 0;
    transition: opacity 140ms ease;
    pointer-events: none;
}

.nav-framework[b-g42e4vlths]  .user-menu-toggle::before {
    display: none;
}

.nav-framework[b-g42e4vlths]  .user-menu-toggle .app-avatar {
    transition: box-shadow 160ms ease, border-color 160ms ease;
    border: 1px solid rgba(255, 255, 255, 0);
}

.nav-framework[b-g42e4vlths]  .user-menu-toggle:hover .app-avatar,
.nav-framework[b-g42e4vlths]  .user-menu-toggle:focus-visible .app-avatar {
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        140px circle at var(--spot-x, 50%) var(--spot-y, 50%),
        rgba(13, 110, 253, 0.14),
        rgba(13, 110, 253, 0) 70%
    );
    opacity: 0;
    transition: opacity 140ms ease;
    pointer-events: none;
    z-index: 0;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item > * {
    position: relative;
    z-index: 1;
}

.nav-framework[b-g42e4vlths]  .nav-link:hover::before,
.nav-framework[b-g42e4vlths]  .dropdown-toggle:hover::before,
.nav-framework[b-g42e4vlths]  .nav-link.nav-spotlight-active::before,
.nav-framework[b-g42e4vlths]  .dropdown-toggle.nav-spotlight-active::before {
    opacity: 1;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item:hover::before,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item.nav-spotlight-active::before {
    opacity: 1;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu {
    position: relative;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    right: -12px;
    pointer-events: auto;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu:focus-within > .dropdown-menu,
.nav-framework[b-g42e4vlths]  .dropdown-submenu.show > .dropdown-menu {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu:hover > .dropdown-menu {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu > .dropdown-menu {
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% + 6px);
    margin-left: 0;
    z-index: 1100;
    opacity: 0;
    transform: translateX(-8px);
    pointer-events: none;
    transition: opacity 160ms ease, transform 200ms ease;
}


.nav-framework[b-g42e4vlths]  .dropdown-submenu > .dropdown-toggle {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    gap: 8px;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu > .dropdown-toggle::after {
    margin-left: auto;
    border-top: 0.35em solid transparent !important;
    border-bottom: 0.35em solid transparent !important;
    border-left: 0.35em solid currentColor !important;
    border-right: 0 !important;
    transform: rotate(0deg);
    transition: transform 180ms ease;
}

.nav-framework[b-g42e4vlths]  .user-menu .dropdown-submenu > .dropdown-toggle::after {
    display: none;
}


.nav-framework[b-g42e4vlths]  .dropdown-submenu:hover > .dropdown-toggle::after,
.nav-framework[b-g42e4vlths]  .dropdown-submenu:focus-within > .dropdown-toggle::after,
.nav-framework[b-g42e4vlths]  .dropdown-submenu.show > .dropdown-toggle::after {
    transform: rotate(180deg);
}


.nav-framework[b-g42e4vlths]  .dropdown-submenu > .dropdown-toggle .nav-caret-submenu {
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid currentColor;
    border-right: 0;
    transition: transform 180ms ease;
    transform: rotate(0deg);
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu:hover > .dropdown-toggle .nav-caret-submenu,
.nav-framework[b-g42e4vlths]  .dropdown-submenu:focus-within > .dropdown-toggle .nav-caret-submenu,
.nav-framework[b-g42e4vlths]  .dropdown-submenu.show > .dropdown-toggle .nav-caret-submenu {
    transform: rotate(180deg);
}


.nav-framework[b-g42e4vlths]  .user-menu .dropdown-submenu > .dropdown-toggle .nav-caret-submenu {
    border-left: 0;
    border-right: 0.3em solid currentColor;
}

.nav-framework[b-g42e4vlths]  .user-menu .dropdown-submenu:hover > .dropdown-toggle .nav-caret-submenu,
.nav-framework[b-g42e4vlths]  .user-menu .dropdown-submenu:focus-within > .dropdown-toggle .nav-caret-submenu,
.nav-framework[b-g42e4vlths]  .user-menu .dropdown-submenu.show > .dropdown-toggle .nav-caret-submenu {
    transform: rotate(180deg);
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu:hover > .dropdown-toggle,
.nav-framework[b-g42e4vlths]  .dropdown-submenu:focus-within > .dropdown-toggle,
.nav-framework[b-g42e4vlths]  .dropdown-submenu.show > .dropdown-toggle {
    background-color: rgba(13, 110, 253, 0.10);
    color: #0f172a;
}


.nav-framework[b-g42e4vlths]  .dropdown-submenu.submenu-left > .dropdown-menu {
    right: calc(100% + 6px);
    left: auto;
    margin-right: 0;
    transform: translateX(8px);
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu.submenu-left::after {
    right: auto;
    left: -12px;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu > .dropdown-menu::before {
    content: "";
    position: absolute;
    top: 14px;
    left: -6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #ffffff;
    pointer-events: none;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu.submenu-left > .dropdown-menu::before {
    left: auto;
    right: -6px;
    border-right: 0;
    border-left: 6px solid #ffffff;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu > .dropdown-menu::after {
    content: "";
    position: absolute;
    top: 14px;
    left: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid rgba(15, 23, 42, 0.08);
    pointer-events: none;
    z-index: -1;
}

.nav-framework[b-g42e4vlths]  .dropdown-submenu.submenu-left > .dropdown-menu::after {
    left: auto;
    right: -7px;
    border-right: 0;
    border-left: 7px solid rgba(15, 23, 42, 0.08);
}

.nav-framework[b-g42e4vlths]  .dropdown-item-wrapper {
    list-style: none;
}

.nav-framework[b-g42e4vlths]  .nav-framework-mega {
    position: static !important;
}

.nav-framework[b-g42e4vlths]  .dropdown-mega-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0.875rem;
    margin-top: 1px;
}

@media (max-width: 991.98px) {
    .nav-framework[b-g42e4vlths] {
        display: none;
    }
}

.nav-framework[b-g42e4vlths]  .dropdown-mega-menu,
.nav-framework[b-g42e4vlths]  .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu {
    padding: 0.375rem;
    border-radius: 4px;
    margin-top: 0;
    --bs-dropdown-spacer: 0;
    transform-origin: top center;
}

.nav-framework[b-g42e4vlths]  .nav-item.dropdown > .dropdown-menu {
    margin-left: 2px;
    margin-top: 0;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu[data-bs-popper] {
    margin-top: 0;
}

.nav-framework[b-g42e4vlths]  .nav-item.dropdown > .dropdown-menu {
    opacity: 0;
    transition: opacity 320ms ease;
}

.nav-framework[b-g42e4vlths]  .nav-item.dropdown > .dropdown-menu.show {
    opacity: 1;
}

.nav-framework[b-g42e4vlths]  .nav-item.dropdown > .dropdown-menu > * {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 360ms ease, transform 400ms ease;
}

.nav-framework[b-g42e4vlths]  .nav-item.dropdown > .dropdown-menu.show.nav-dropdown-open > * {
    opacity: 1;
    transform: translateY(0);
}

.nav-framework[b-g42e4vlths]  .dropdown-menu.nav-dropdown-caret::before {
    content: "";
    position: absolute;
    top: -9px;
    left: var(--nav-caret-left, 24px);
    transform: translateX(-50%);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffffff;
    filter: none;
    pointer-events: none;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-toggle {
    color: #0f172a;
    background-color: rgba(15, 23, 42, 0.02);
    border-radius: 4px;
    padding: 5px 10px;
    margin: 2px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-framework[b-g42e4vlths]  .nav-right .dropdown-menu .dropdown-item,
.nav-framework[b-g42e4vlths]  .nav-right .dropdown-menu .dropdown-toggle {
    justify-content: flex-start;
}

.nav-framework[b-g42e4vlths]  .nav-right .dropdown-menu .nav-label {
    flex: 1 1 auto;
}

.nav-framework[b-g42e4vlths]  .nav-right .dropdown-menu .nav-icon {
    margin-left: auto;
    margin-right: 0 !important;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-toggle {
    color: #0f172a !important;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item:hover,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-toggle:hover,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item:focus,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-toggle:focus {
    background-color: rgba(13, 110, 253, 0.10);
    color: #0f172a;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item.active,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-toggle.active {
    background-color: rgba(13, 110, 253, 0.10);
    color: #0f172a;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item:not(.disabled):hover {
    transform: scale(1.02);
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item.active,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-item:active,
.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-toggle.show {
    background-color: rgba(15, 23, 42, 0.18);
    color: #0f172a;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-header {
    color: rgba(15, 23, 42, 0.75);
    padding: 4px 10px;
}

.nav-framework[b-g42e4vlths]  .dropdown-menu .dropdown-divider {
    border-top: 1px solid rgba(15, 23, 42, 0.12);
}

.nav-framework[b-g42e4vlths]  .nav-mega-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.nav-framework[b-g42e4vlths]  .nav-mega-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.25rem;
}

.nav-framework[b-g42e4vlths]  .nav-mega-column .dropdown-item {
    padding: 6px 12px;
}

.nav-framework[b-g42e4vlths]  .nav-mega-feature .nav-mega-card {
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    padding: 0.75rem;
    background: rgba(15, 23, 42, 0.03);
}
/* _content/MQ.Blazor.Interface/Components/Navigation/SiteNavigationMobile.razor.rz.scp.css */
.site-nav-mobile[b-94va86ivac] {
    display: none;
    position: relative;
    z-index: 1030;
    background: linear-gradient(90deg, var(--brand-c, #6f7bff), var(--brand-a, #7a5bff), var(--brand-b, #4aa3ff));
    color: #fff;
}

:global(body.mq-scroll-locked)[b-94va86ivac] {
    overflow: hidden;
}

.site-nav-mobile-bar[b-94va86ivac] {
    display: grid;
    grid-template-columns: 35px 1fr 35px;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    background: transparent;
    box-shadow: 0 17px 26px rgba(35, 58, 120, 0.19);
}

.mobile-nav-context-slot[b-94va86ivac] {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.mobile-nav-brand[b-94va86ivac] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-self: center;
}

.mobile-nav-context[b-94va86ivac] {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 0;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}

.mobile-nav-toggle[b-94va86ivac] {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 0;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    justify-self: end;
}

.mobile-nav-logo[b-94va86ivac] {
    height: 28px;
}

.mobile-nav-actions[b-94va86ivac] {
    list-style: none;
    margin: 0 0 0 auto;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.mobile-nav-drawer[b-94va86ivac] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(86vw, 320px);
    background: #ffffff;
    color: #0f172a;
    transform: translateX(100%);
    transition: transform 240ms ease;
    z-index: 1040;
    overflow: hidden;
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.18);
}

.mobile-nav-drawer.open[b-94va86ivac] {
    transform: translateX(0);
}

.mobile-nav-drawer.closed[b-94va86ivac] {
    transform: translateX(100%);
}

.mobile-nav-drawer-inner[b-94va86ivac] {
    height: 100%;
    overflow-y: auto;
    padding: 18px 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mobile-nav-drawer-inner.has-user-card[b-94va86ivac] {
    padding-top: 0;
    gap: 12px;
}

.mobile-nav-section-title[b-94va86ivac] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748b;
    margin-bottom: 8px;
}

.mobile-nav-user-card[b-94va86ivac] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    padding: 12px 16px;
    margin: 0 0 6px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    gap: 12px;
}

.mobile-nav-user-avatar[b-94va86ivac] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex: 0 0 auto;
    color: #ffffff;
}

.mobile-nav-user-avatar img[b-94va86ivac] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-nav-user-meta[b-94va86ivac] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mobile-nav-user-name[b-94va86ivac] {
    font-weight: 600;
    color: #0f172a;
}

.mobile-nav-user-email[b-94va86ivac] {
    font-size: 0.85rem;
    color: #64748b;
}

.mobile-nav-account-list[b-94va86ivac] {
    margin-top: 6px;
}

.site-nav-mobile[b-94va86ivac]  .mobile-nav-account-list .mobile-nav-item {
    display: block;
}

.site-nav-mobile[b-94va86ivac]  .mobile-nav-account-list .mobile-nav-link {
    width: 100%;
    border: 0;
    background: rgba(15, 23, 42, 0.07);
    color: inherit;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    transition: background-color 160ms ease;
}

.site-nav-mobile[b-94va86ivac]  .mobile-nav-account-list .mobile-nav-link:hover,
.site-nav-mobile[b-94va86ivac]  .mobile-nav-account-list .mobile-nav-link:focus,
.site-nav-mobile[b-94va86ivac]  .mobile-nav-account-list .mobile-nav-link:focus-visible {
    background: rgba(15, 23, 42, 0.18);
    color: #0f172a;
}

.site-nav-mobile[b-94va86ivac]  .mobile-nav-account-list .mobile-nav-label {
    flex: 1 1 auto;
    text-align: left;
    font-weight: 400;
}

.mobile-nav-list[b-94va86ivac] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2.5px;
}


.mobile-nav-scrim[b-94va86ivac] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
    z-index: 1035;
}

.mobile-nav-scrim.open[b-94va86ivac] {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 991.98px) {
    .site-nav-mobile[b-94va86ivac] {
        display: block;
    }
}
/* _content/MQ.Blazor.Interface/Components/Navigation/SiteNavigationMobileItem.razor.rz.scp.css */
.mobile-nav-item[b-34pbelxzvn] {
    display: block;
}

.mobile-nav-link[b-34pbelxzvn] {
    width: 100%;
    border: 0;
    background: rgba(15, 23, 42, 0.07);
    color: inherit;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    transition: background-color 160ms ease;
}

.mobile-nav-item.open > .mobile-nav-link[b-34pbelxzvn] {
    background: rgba(15, 23, 42, 0.28);
    color: #0f172a;
}

.mobile-nav-link:hover[b-34pbelxzvn],
.mobile-nav-link:focus[b-34pbelxzvn],
.mobile-nav-link:focus-visible[b-34pbelxzvn] {
    background: rgba(15, 23, 42, 0.18);
    color: #0f172a;
}

.mobile-nav-label[b-34pbelxzvn] {
    flex: 1 1 auto;
    text-align: left;
    font-weight: 400;
}

.mobile-nav-caret[b-34pbelxzvn] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #64748b;
    transition: transform 180ms ease;
}

.mobile-nav-item.open > .mobile-nav-link .mobile-nav-caret[b-34pbelxzvn] {
    transform: rotate(180deg);
}

.mobile-nav-sublist[b-34pbelxzvn] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0 0 0 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    overflow: hidden;
    transition: max-height 220ms ease, opacity 180ms ease, transform 220ms ease;
}

.mobile-nav-sublist.open[b-34pbelxzvn] {
    max-height: 600px;
    opacity: 1;
    transform: translateY(0);
}

.mobile-nav-divider[b-34pbelxzvn] {
    height: 1px;
    background: rgba(15, 23, 42, 0.08);
    margin: 8px 0;
}

.mobile-nav-header[b-34pbelxzvn] {
    font-weight: 700;
    color: #475569;
    padding: 4px 8px;
}

.mobile-nav-component[b-34pbelxzvn] {
    padding: 4px 8px;
}
/* _content/MQ.Blazor.Interface/Components/Tabs/ModelTabsView.razor.rz.scp.css */
.tabs-view[b-tv1j8ya7nt]{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.tabs-body[b-tv1j8ya7nt]{
    border:1px solid rgba(0,0,0,.05);
    border-radius:12px;
    background:#ffffff;
    padding:16px;
    box-shadow:0 10px 24px rgba(15,23,42,0.06);
}
/* _content/MQ.Blazor.Interface/Components/Tabs/TabsViewTabs.razor.rz.scp.css */
.tabs-header[b-i81rofl3zm]{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:nowrap;
    width:100%;
    position:relative;
}

.tabs-header-underline[b-i81rofl3zm]{
    padding-bottom:8px;
    align-items:flex-end;
}

.tabs-header-underline[b-i81rofl3zm]::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#e2e8f0;
    z-index:0;
}

.tabs-row-wrap[b-i81rofl3zm]{
    flex:1 1 auto;
    min-width:0;
    position:relative;
}

.tabs-row-scroll[b-i81rofl3zm]{
    overflow-x:auto;
    overflow-y:visible;
    padding-bottom:12px;
    padding-inline:2px;
    margin-bottom:-12px;
    scrollbar-gutter: stable;
    scrollbar-width:thin;
    scrollbar-color: rgba(15,23,42,.35) transparent;
}

.tabs-row-scroll[b-i81rofl3zm]::-webkit-scrollbar{
    height:8px;
}

.tabs-row-scroll[b-i81rofl3zm]::-webkit-scrollbar-track{
    background:transparent;
}

.tabs-row-scroll[b-i81rofl3zm]::-webkit-scrollbar-thumb{
    background-color: rgba(15,23,42,.25);
    border-radius:999px;
}

.tabs-row-scroll[b-i81rofl3zm]::-webkit-scrollbar-thumb:hover{
    background-color: rgba(15,23,42,.4);
}

.tabs-scroll-fade[b-i81rofl3zm]{
    position:absolute;
    top:0;
    width:24px;
    height:100%;
    pointer-events:none;
    z-index:2;
    display:none;
    background:linear-gradient(270deg, rgba(248,250,252,.98), rgba(248,250,252,0));
}

.tabs-scroll-fade-right[b-i81rofl3zm]{
    right:0;
    background:linear-gradient(270deg, rgba(248,250,252,.98), rgba(248,250,252,0));
}

.tabs-scroll-fade-left[b-i81rofl3zm]{
    left:0;
    background:linear-gradient(90deg, rgba(248,250,252,.98), rgba(248,250,252,0));
}

.tabs-row[b-i81rofl3zm]{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
    flex:1 1 auto;
    min-width:0;
}

.tabs-toolbar[b-i81rofl3zm]{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
    flex-wrap:nowrap;
    white-space:nowrap;
}

.tabs-toolbar-overflow-mobile[b-i81rofl3zm]{
    display:none;
}

@media (max-width: 991px){
    .tabs-toolbar-primary[b-i81rofl3zm]{
        display:none;
    }

    .tabs-toolbar-overflow-mobile[b-i81rofl3zm]{
        display:flex;
    }
}

.tabs-tab[b-i81rofl3zm]{
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex: 0 0 auto;
    border-radius:999px;
    border:1px solid #e2e8f0;
    color:#0f172a;
    background:#ffffff;
    padding:6px 14px;
    box-shadow:0 6px 18px rgba(15,23,42,0.06);
    cursor:pointer;
    white-space:nowrap;
}

.tabs-tab > *[b-i81rofl3zm]{
    position:relative;
    z-index:1;
}

.tabs-tab.tabs-tab-pills[b-i81rofl3zm]{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    z-index:0;
}

.tabs-tab.tabs-tab-pills[b-i81rofl3zm]::before{
    content:"";
    position:absolute;
    inset:0;
    background: color(srgb 0.26 0.26 0.26);
    border-radius:999px;
    transform-origin:center;
    transform:scaleX(0);
    opacity:0;
    z-index:0;
}

.tabs-tab.tabs-tab-pills[b-i81rofl3zm]  .tabs-tab-badge{
    position:relative;
    z-index:2;
}

.tabs-tab.tabs-tab-pills > *[b-i81rofl3zm]{
    position:relative;
    z-index:1;
}

.tabs-tab i[b-i81rofl3zm]{
    font-size:.9rem;
}

.tabs-tab.active[b-i81rofl3zm]{
    background:#0f172a;
    color:#ffffff;
    border-color:#0f172a;
}

.tabs-tab.tabs-tab-pills.active[b-i81rofl3zm]{
    background:transparent;
}

.tabs-tab.tabs-tab-pills.active[b-i81rofl3zm]::before{
    transform:scaleX(1);
    opacity:1;
}

.tabs-tab.tabs-tab-pills.tabs-tab-underline-entering[b-i81rofl3zm]{
    color:#ffffff;
    border-color:#0f172a;
    background:transparent;
}

.tabs-tab.tabs-tab-pills.tabs-tab-underline-leaving[b-i81rofl3zm]{
    color:#ffffff;
    border-color:#0f172a;
    background:transparent;
}

.tabs-tab.tabs-tab-pills:hover[b-i81rofl3zm]{
    transform:scale(1.02);
    transition:transform .18s ease;
}

.tabs-tab.tabs-tab-pills.active[b-i81rofl3zm]{
    transform:scale(1.03);
    transition:transform .18s ease;
}

.tabs-tab.tabs-tab-pills.tabs-tab-underline-entering[b-i81rofl3zm]::before{
    animation:tabs-pill-enter-b-i81rofl3zm .22s ease-out forwards;
}

.tabs-tab.tabs-tab-pills.tabs-tab-underline-leaving[b-i81rofl3zm]::before{
    opacity:1;
    animation:tabs-pill-leave-b-i81rofl3zm .22s ease-in forwards;
}

.tabs-tab.disabled[b-i81rofl3zm]{
    opacity:0.6;
    cursor:not-allowed;
}

.tabs-row.tabs-row-underline[b-i81rofl3zm]{
    gap:16px;
}

.tabs-tab.tabs-tab-underline[b-i81rofl3zm]{
    border:none;
    background:transparent;
    box-shadow:none;
    padding:6px 4px;
    border-radius:0;
    color:#64748b;
    position:relative;
    transition:color .18s ease;
}

.tabs-tab.tabs-tab-underline.active[b-i81rofl3zm]{
    color:#0f172a;
    border-color:transparent;
}

.tabs-tab.tabs-tab-underline span[b-i81rofl3zm]{
    display:inline-block;
    transition:transform .18s ease;
}

.tabs-tab.tabs-tab-underline:hover span[b-i81rofl3zm]{
    transform:scale(1.02);
}

.tabs-tab.tabs-tab-underline.active span[b-i81rofl3zm]{
    transform:scale(1.03);
}

.tabs-tab.tabs-tab-underline.active[b-i81rofl3zm]::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:2px;
    background:#0f172a;
    border-radius:999px;
    z-index:2;
}

.tabs-tab.tabs-tab-underline.tabs-tab-underline-entering[b-i81rofl3zm]::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:2px;
    background:#0f172a;
    border-radius:999px;
    z-index:2;
    transform-origin:center;
    transform:scaleX(0);
    animation:tabs-underline-enter-b-i81rofl3zm .22s ease-out forwards;
}

.tabs-tab.tabs-tab-underline.tabs-tab-underline-leaving[b-i81rofl3zm]::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-8px;
    height:2px;
    background:#0f172a;
    border-radius:999px;
    z-index:2;
    transform-origin:center;
    transform:scaleX(1);
    animation:tabs-underline-leave-b-i81rofl3zm .22s ease-in forwards;
}

@keyframes tabs-underline-enter-b-i81rofl3zm{
    from{ transform:scaleX(0); }
    to{ transform:scaleX(1); }
}

@keyframes tabs-underline-leave-b-i81rofl3zm{
    from{ transform:scaleX(1); }
    to{ transform:scaleX(0); }
}

@keyframes tabs-pill-enter-b-i81rofl3zm{
    from{ opacity:0; transform:scaleX(0); }
    to{ opacity:1; transform:scaleX(1); }
}

@keyframes tabs-pill-leave-b-i81rofl3zm{
    from{ opacity:1; transform:scaleX(1); }
    to{ opacity:0; transform:scaleX(1); }
}

.tabs-row.tabs-row-minimal[b-i81rofl3zm]{
    gap:6px;
}

.tabs-tab.tabs-tab-minimal[b-i81rofl3zm]{
    border:1px solid transparent;
    background:transparent;
    box-shadow:none;
    padding:4px 8px;
    color:#64748b;
    transition:color .2s ease, background-color .2s ease, border-color .2s ease;
}

.tabs-tab.tabs-tab-minimal.active[b-i81rofl3zm]{
    color:#0f172a;
    background:#f8fafc;
    border-color:#e2e8f0;
}

.tabs-tab.tabs-tab-minimal span[b-i81rofl3zm]{
    display:inline-block;
    transition:transform .18s ease;
}

.tabs-tab.tabs-tab-minimal:hover span[b-i81rofl3zm]{
    transform:scale(1.02);
}

.tabs-tab.tabs-tab-minimal.active span[b-i81rofl3zm]{
    transform:scale(1.03);
}
/* _content/MQ.Blazor.Interface/Components/Tabs/TabsViewTransition.razor.rz.scp.css */
.tabs-transition[b-0uxh8v36ia] {
    animation-duration: var(--tabs-transition-duration, 160ms);
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.tabs-transition-fade[b-0uxh8v36ia] {
    animation-name: tabs-transition-fade-b-0uxh8v36ia;
}

.tabs-transition-scale[b-0uxh8v36ia] {
    animation-name: tabs-transition-scale-b-0uxh8v36ia;
}

.tabs-transition-slide[b-0uxh8v36ia] {
    animation-name: tabs-transition-slide-right-b-0uxh8v36ia;
}

.tabs-transition-slide.tabs-transition-dir-left[b-0uxh8v36ia] {
    animation-name: tabs-transition-slide-left-b-0uxh8v36ia;
}

.tabs-transition-slide.tabs-transition-dir-right[b-0uxh8v36ia] {
    animation-name: tabs-transition-slide-right-b-0uxh8v36ia;
}

.tabs-transition-slide.tabs-transition-dir-up[b-0uxh8v36ia] {
    animation-name: tabs-transition-slide-up-b-0uxh8v36ia;
}

.tabs-transition-slide.tabs-transition-dir-down[b-0uxh8v36ia] {
    animation-name: tabs-transition-slide-down-b-0uxh8v36ia;
}

@keyframes tabs-transition-fade-b-0uxh8v36ia {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes tabs-transition-scale-b-0uxh8v36ia {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes tabs-transition-slide-right-b-0uxh8v36ia {
    from { opacity: 0; transform: translateX(12px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes tabs-transition-slide-left-b-0uxh8v36ia {
    from { opacity: 0; transform: translateX(-12px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes tabs-transition-slide-up-b-0uxh8v36ia {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes tabs-transition-slide-down-b-0uxh8v36ia {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .tabs-transition[b-0uxh8v36ia] {
        animation: none;
    }
}
/* _content/MQ.Blazor.Interface/CssTestPage.razor.rz.scp.css */
.csstest-wrapper[b-z8vrq0gho3] {
    display: grid;
    gap: 18px;
    max-width: 820px;
    padding: 28px;
}

.csstest-hero[b-z8vrq0gho3] {
    border-radius: 18px;
    padding: 18px;
    color: #ffffff;
    background: conic-gradient(from 210deg, #ec4899, #f59e0b, #22c55e, #38bdf8, #8b5cf6, #ec4899);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.25);
    animation: csstest-glow-b-z8vrq0gho3 2.2s ease-in-out infinite;
}

.csstest-hero-title[b-z8vrq0gho3] {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.csstest-hero-sub[b-z8vrq0gho3] {
    margin-top: 6px;
    font-weight: 600;
    opacity: 0.9;
}

.csstest-card[b-z8vrq0gho3] {
    border: 2px solid #0ea5e9;
    border-radius: 16px;
    padding: 18px;
    background: linear-gradient(135deg, #fef9c3 0%, #fda4af 100%);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.csstest-title[b-z8vrq0gho3] {
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.csstest-body[b-z8vrq0gho3] {
    margin-top: 8px;
    color: #0f172a;
    font-weight: 600;
}

.csstest-strip[b-z8vrq0gho3] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 999px;
    background: #0f172a;
    border: 2px solid #22d3ee;
}

.csstest-dot[b-z8vrq0gho3] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #38bdf8;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.8);
    animation: csstest-pulse-b-z8vrq0gho3 1.4s ease-in-out infinite;
}

.csstest-dot:nth-child(2)[b-z8vrq0gho3] { animation-delay: 0.15s; background: #f472b6; }
.csstest-dot:nth-child(3)[b-z8vrq0gho3] { animation-delay: 0.3s; background: #facc15; }
.csstest-dot:nth-child(4)[b-z8vrq0gho3] { animation-delay: 0.45s; background: #4ade80; }

.csstest-banner[b-z8vrq0gho3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #1d4ed8;
    color: #ffffff;
    border: 2px dashed #f97316;
    font-weight: 700;
}

.csstest-badge[b-z8vrq0gho3] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #f97316;
    color: #ffffff;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
}

.csstest-grid[b-z8vrq0gho3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(80px, 1fr));
    gap: 10px;
}

.csstest-grid-item[b-z8vrq0gho3] {
    border-radius: 12px;
    padding: 18px 12px;
    text-align: center;
    font-weight: 800;
    color: #0f172a;
    background: linear-gradient(135deg, #a5b4fc 0%, #f0abfc 100%);
    border: 2px solid #111827;
}

.csstest-grid-item:nth-child(2n)[b-z8vrq0gho3] {
    background: linear-gradient(135deg, #6ee7b7 0%, #fcd34d 100%);
}

.csstest-signal[b-z8vrq0gho3] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    border-radius: 12px;
    background: #111827;
    color: #fbbf24;
    font-weight: 800;
    letter-spacing: 0.04em;
    animation: csstest-signal-b-z8vrq0gho3 1s steps(2, end) infinite;
}

@keyframes csstest-glow-b-z8vrq0gho3 {
    0%, 100% { filter: saturate(1); transform: translateY(0); }
    50% { filter: saturate(1.3); transform: translateY(-2px); }
}

@keyframes csstest-pulse-b-z8vrq0gho3 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.3); }
}

@keyframes csstest-signal-b-z8vrq0gho3 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.2; }
}

.csstest-kanban-section[b-z8vrq0gho3] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    padding: 18px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.csstest-kanban-heading[b-z8vrq0gho3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1rem;
}

.csstest-kanban-title[b-z8vrq0gho3] {
    font-weight: 700;
    font-size: 1rem;
}

.csstest-kanban-subtitle[b-z8vrq0gho3] {
    font-size: 0.85rem;
    color: #475569;
}

.csstest-kanban-frame[b-z8vrq0gho3] {
    min-height: 360px;
}