/* _content/Kanbadger.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
/* ========== Development environment indicator (auth pages) ========== */
.dev-environment-banner[b-y7hkcci40m] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: var(--kb-dev-banner-height, 1.75rem);
    padding: 0.2rem 0.75rem;
    color: #fef3c7;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #78350f 0%, #b45309 35%, #d97706 50%, #b45309 65%, #78350f 100%);
    border-bottom: 1px solid #451a03;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    pointer-events: none;
}

.dev-environment-banner__stripe[b-y7hkcci40m] {
    position: absolute;
    inset: 0;
    opacity: 0.35;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 4px,
        rgba(0, 0, 0, 0.12) 4px,
        rgba(0, 0, 0, 0.12) 8px
    );
    pointer-events: none;
}

.dev-environment-banner__label[b-y7hkcci40m] {
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.auth-layout--dev-environment[b-y7hkcci40m] {
    --kb-dev-banner-height: 1.75rem;
    padding-top: var(--kb-dev-banner-height);
}
/* _content/Kanbadger.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ========== Development environment indicator ========== */
.dev-environment-banner[b-dtl7yradyd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: var(--kb-dev-banner-height, 1.75rem);
    padding: 0.2rem 0.75rem;
    color: #fef3c7;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #78350f 0%, #b45309 35%, #d97706 50%, #b45309 65%, #78350f 100%);
    border-bottom: 1px solid #451a03;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
    pointer-events: none;
}

.dev-environment-banner__stripe[b-dtl7yradyd] {
    position: absolute;
    inset: 0;
    opacity: 0.35;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 4px,
        rgba(0, 0, 0, 0.12) 4px,
        rgba(0, 0, 0, 0.12) 8px
    );
    pointer-events: none;
}

.dev-environment-banner__label[b-dtl7yradyd] {
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.page--dev-environment[b-dtl7yradyd] {
    --kb-dev-banner-height: 1.75rem;
    padding-top: var(--kb-dev-banner-height);
}

.page[b-dtl7yradyd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-dtl7yradyd] {
    flex: 1;
}

.sidebar[b-dtl7yradyd] {
    background: linear-gradient(180deg, var(--kb-primary) 0%, var(--kb-primary-dark) 100%);
}

.top-row[b-dtl7yradyd] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.top-row-left[b-dtl7yradyd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1;
}

.top-row-right[b-dtl7yradyd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.top-row-greeting[b-dtl7yradyd] {
    font-size: var(--kb-font-size-sm, 13px);
    color: #555;
}

/* Ícone de logout (seta saindo do retângulo) no top-row */
.top-row-logout[b-dtl7yradyd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem;
    border-radius: var(--kb-border-radius, 4px);
    color: var(--kb-primary);
}

.top-row-logout:hover[b-dtl7yradyd] {
    background: rgba(21, 94, 143, 0.08);
}

/* Ícone logout (seta saindo do retângulo) */
.top-row-logout-icon[b-dtl7yradyd] {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23155E8F' viewBox='0 0 16 16'%3E%3Cpath d='M10.146 11.354a.5.5 0 0 0 .708-.708L9.207 9h4.543a.5.5 0 0 0 0-1H9.207l1.647-1.646a.5.5 0 0 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708z'/%3E%3Cpath d='M4.5 2A1.5 1.5 0 0 0 3 3.5v9A1.5 1.5 0 0 0 4.5 14h3a.5.5 0 0 0 0-1h-3A.5.5 0 0 1 4 12.5v-9A.5.5 0 0 1 4.5 3h3a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E") no-repeat center / contain;
}

    .top-row[b-dtl7yradyd]  a, .top-row[b-dtl7yradyd]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-dtl7yradyd]  a:hover, .top-row[b-dtl7yradyd]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-dtl7yradyd]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Checkbox que controla o menu mobile (oculto) */
.nav-toggler-checkbox[b-dtl7yradyd] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Botão hambúrguer no top-row - só em tela pequena */
.nav-open-btn[b-dtl7yradyd] {
    display: none;
    cursor: pointer;
    padding: 0.5rem;
    margin: 0 -0.5rem 0 0;
    border-radius: 4px;
}

.nav-open-btn-icon[b-dtl7yradyd] {
    display: block;
    width: 1.5rem;
    height: 1.25rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23155E8F' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem;
}

.nav-open-btn:hover .nav-open-btn-icon[b-dtl7yradyd] {
    opacity: 0.8;
}

@media (max-width: 640.98px) {
    .nav-open-btn[b-dtl7yradyd] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar[b-dtl7yradyd] {
        position: fixed;
        left: 0;
        top: 0;
        width: 160px;
        max-width: 55vw;
        height: 100vh;
        min-height: 100vh;
        z-index: 1001;
        transform: translateX(-100%);
        transition: transform 0.25s ease-out;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);
    }

    .page--dev-environment .sidebar[b-dtl7yradyd] {
        top: var(--kb-dev-banner-height);
        height: calc(100vh - var(--kb-dev-banner-height));
        min-height: calc(100vh - var(--kb-dev-banner-height));
    }

    .nav-toggler-checkbox:checked ~ .sidebar[b-dtl7yradyd] {
        transform: translateX(0);
    }

    .sidebar-overlay[b-dtl7yradyd] {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 999;
        cursor: pointer;
    }

    .nav-toggler-checkbox:checked ~ .sidebar-overlay[b-dtl7yradyd] {
        display: block;
        animation: fadeIn-b-dtl7yradyd 0.2s ease-out;
    }

    .top-row[b-dtl7yradyd] {
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .top-row-left[b-dtl7yradyd] {
        min-width: 0;
        flex: 1;
        overflow: hidden;
    }

    .top-row-right[b-dtl7yradyd] {
        min-width: 0;
        flex-shrink: 1;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: 0.35rem;
    }

    .top-row-greeting[b-dtl7yradyd] {
        display: none;
    }

    .top-row[b-dtl7yradyd]  a, .top-row[b-dtl7yradyd]  .btn-link {
        margin-left: 0;
        flex-shrink: 0;
    }
}

@keyframes fadeIn-b-dtl7yradyd {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (min-width: 641px) {
    .page[b-dtl7yradyd] {
        flex-direction: row;
    }

    .sidebar[b-dtl7yradyd] {
        width: 100px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 50;
    }

    .page--dev-environment .sidebar[b-dtl7yradyd] {
        height: calc(100vh - var(--kb-dev-banner-height));
        min-height: calc(100vh - var(--kb-dev-banner-height));
        top: var(--kb-dev-banner-height);
    }

    .top-row[b-dtl7yradyd] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .page--dev-environment .top-row[b-dtl7yradyd] {
        top: var(--kb-dev-banner-height);
    }

    .top-row.auth[b-dtl7yradyd]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-dtl7yradyd], article[b-dtl7yradyd] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-dtl7yradyd] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-dtl7yradyd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Kanbadger.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-brand[b-pgw5y9lb5r] {
    font-size: 1.1rem;
}

.bi[b-pgw5y9lb5r] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0;
    top: 0;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-logout-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M10.146 11.354a.5.5 0 0 0 .708-.708L9.207 9h4.543a.5.5 0 0 0 0-1H9.207l1.647-1.646a.5.5 0 0 0-.708-.708l-2.5 2.5a.5.5 0 0 0 0 .708z'/%3E%3Cpath d='M4.5 2A1.5 1.5 0 0 0 3 3.5v9A1.5 1.5 0 0 0 4.5 14h3a.5.5 0 0 0 0-1h-3A.5.5 0 0 1 4 12.5v-9A.5.5 0 0 1 4.5 3h3a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-pgw5y9lb5r] {
    /* Prédio: telhado em triângulo + corpo retangular (não calendário) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 5.5L8 2l7 3.5V14H1V5.5z'/%3E%3C/svg%3E");
}

/* Documents: pilha de folhas + linhas (lê-se como “documentos”, distinto do backlog e de pastas) */
.bi-documents-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='6.25' y='0.75' width='8' height='10.25' rx='1' fill='white' opacity='0.38'/%3E%3Crect x='1.75' y='3.75' width='8' height='11' rx='1' fill='white'/%3E%3Crect x='3.25' y='6.5' width='5.2' height='1' rx='0.35' fill='%23155E8F' opacity='0.65'/%3E%3Crect x='3.25' y='8.45' width='5.2' height='1' rx='0.35' fill='%23155E8F' opacity='0.65'/%3E%3Crect x='3.25' y='10.35' width='3.8' height='1' rx='0.35' fill='%23155E8F' opacity='0.65'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bi-gear-fill-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
}

/* Backlog: lista de itens (três linhas) - ícone limpo e reconhecível */
.bi-card-checklist-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 3.5h12v1.2H2V3.5zm0 4h12v1.2H2V7.5zm0 4h8v1.2H2v-1.2z'/%3E%3C/svg%3E");
}

/* Panel: kanban board (three columns) */
.bi-kanban-nav-menu[b-pgw5y9lb5r] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V2zM2 7a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V7z'/%3E%3C/svg%3E");
}

.nav-item[b-pgw5y9lb5r] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-pgw5y9lb5r] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-pgw5y9lb5r] {
        padding-bottom: 1rem;
    }

    .nav-item[b-pgw5y9lb5r]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-tooltip-wrap[b-pgw5y9lb5r] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3rem;
    }

    .nav-tooltip-bubble[b-pgw5y9lb5r] {
        position: fixed;
        z-index: 9999;
        margin-left: 0;
        background: #fff;
        color: #155E8F;
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0.4rem 0.75rem;
        border-radius: 9999px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
        border: 2px solid #155E8F;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
    }

    .nav-tooltip-bubble.nav-tooltip-bubble-visible[b-pgw5y9lb5r] {
        opacity: 1;
        visibility: visible;
    }

.nav-item[b-pgw5y9lb5r]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-pgw5y9lb5r]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-pgw5y9lb5r] {
    display: block;
}

@media (min-width: 641px) {
    .nav-scrollable[b-pgw5y9lb5r] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        height: 100vh;
        overflow-y: auto;
    }
}
/* _content/Kanbadger.Web/Components/Pages/Backlog.razor.rz.scp.css */
.backlog-add-item-btn[b-bbyn0ejr3a] {
    padding: 0.35rem 0.65rem;
    font-size: 0.875rem;
}

/* Lists by status: full-width sections stacked vertically. Drag row to another section to change status. */
.backlog-by-status[b-bbyn0ejr3a] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.backlog-status-section[b-bbyn0ejr3a] {
    width: 100%;
}

.backlog-status-section-header[b-bbyn0ejr3a] {
    padding: 0.5rem 0.65rem;
    font-weight: 600;
    font-size: 0.9375rem;
    letter-spacing: 0.02em;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-bottom: none;
    border-radius: 0.25rem 0.25rem 0 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

/* New = neutral (unchanged) */
.backlog-status-section--new .backlog-status-section-header[b-bbyn0ejr3a] {
    background: var(--bs-secondary-bg-subtle, #e9ecef);
    color: var(--bs-body-color, #212529);
}

.backlog-status-section-body[b-bbyn0ejr3a] {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0 0 0.25rem 0.25rem;
    min-height: 2.5rem;
    transition: background-color 0.15s;
}

.backlog-status-section--new .backlog-status-section-body[b-bbyn0ejr3a] {
    background: var(--bs-body-bg, #fff);
}
.backlog-status-section--new .backlog-status-section-body.backlog-section-drop-over[b-bbyn0ejr3a] {
    background-color: var(--bs-secondary-bg-subtle, #e9ecef) !important;
}

.backlog-section-drop-over[b-bbyn0ejr3a] {
    background-color: var(--bs-primary-bg-subtle, #cfe2ff) !important;
}

/* Ready = soft green (match Panel) */
.backlog-status-section--ready .backlog-status-section-header[b-bbyn0ejr3a] {
    background: #8bc98b;
    color: #0d2e14;
    border-color: rgba(124, 184, 124, 0.5);
}
.backlog-status-section--ready .backlog-status-section-body[b-bbyn0ejr3a] {
    border-color: rgba(124, 184, 124, 0.5);
    background: rgba(124, 184, 124, 0.06);
}
.backlog-status-section--ready .backlog-status-section-body.backlog-section-drop-over[b-bbyn0ejr3a] {
    background-color: rgba(124, 184, 124, 0.12) !important;
}

/* In Progress = soft orange (match Panel) */
.backlog-status-section--inprogress .backlog-status-section-header[b-bbyn0ejr3a] {
    background: #d4a574;
    color: #2a1e14;
    border-color: rgba(212, 165, 116, 0.5);
}
.backlog-status-section--inprogress .backlog-status-section-body[b-bbyn0ejr3a] {
    border-color: rgba(212, 165, 116, 0.5);
    background: rgba(212, 165, 116, 0.06);
}
.backlog-status-section--inprogress .backlog-status-section-body.backlog-section-drop-over[b-bbyn0ejr3a] {
    background-color: rgba(212, 165, 116, 0.12) !important;
}

/* Completed = soft blue (match Panel) */
.backlog-status-section--completed .backlog-status-section-header[b-bbyn0ejr3a] {
    background: #7ba3d4;
    color: #0f2742;
    border-color: rgba(123, 163, 212, 0.5);
}
.backlog-status-section--completed .backlog-status-section-body[b-bbyn0ejr3a] {
    border-color: rgba(123, 163, 212, 0.5);
    background: rgba(123, 163, 212, 0.06);
}
.backlog-status-section--completed .backlog-status-section-body.backlog-section-drop-over[b-bbyn0ejr3a] {
    background-color: rgba(123, 163, 212, 0.12) !important;
}

.backlog-list-wrap[b-bbyn0ejr3a] {
    border: none;
    border-radius: 0;
    overflow: visible;
    width: 100%;
}

.backlog-table[b-bbyn0ejr3a] {
    margin-bottom: 0;
    font-size: 0.875rem;
    width: 100%;
}

.backlog-table thead th[b-bbyn0ejr3a] {
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.175));
}

.backlog-th-drag[b-bbyn0ejr3a] {
    width: 2rem;
    text-align: center;
}

.backlog-th-type[b-bbyn0ejr3a] {
    width: 2.5rem;
}

.backlog-th-name[b-bbyn0ejr3a] {
    min-width: 14rem;
}

.backlog-th-desc[b-bbyn0ejr3a] {
    min-width: 20rem;
}

.backlog-th-priority[b-bbyn0ejr3a],
.backlog-th-status[b-bbyn0ejr3a] {
    min-width: 7rem;
}

.backlog-th-points[b-bbyn0ejr3a] {
    font-weight: bold;
}

.backlog-th-actions[b-bbyn0ejr3a] {
    width: 2.5rem;
}

.backlog-row[b-bbyn0ejr3a] {
    cursor: grab;
}

.backlog-row:active[b-bbyn0ejr3a] {
    cursor: grabbing;
}

.backlog-row-dragging[b-bbyn0ejr3a] {
    opacity: 0.6;
}

.backlog-td-drag[b-bbyn0ejr3a] {
    vertical-align: middle;
    text-align: center;
}

.backlog-drag-handle[b-bbyn0ejr3a] {
    color: var(--bs-secondary, #6c757d);
    cursor: grab;
    user-select: none;
    font-size: 0.7rem;
}

.backlog-td-type[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-td-name[b-bbyn0ejr3a],
.backlog-td-desc[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-item-name[b-bbyn0ejr3a] {
    cursor: pointer;
    font-weight: bold;
}

.backlog-item-name:hover[b-bbyn0ejr3a] {
    text-decoration: underline;
}

.backlog-sprint-badge[b-bbyn0ejr3a] {
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0.28rem 0.5rem;
    border-radius: 999px;
    background-color: var(--bs-primary-bg-subtle, #cfe2ff);
    color: var(--bs-primary-text-emphasis, #084298);
    border: 1px solid rgba(var(--bs-primary-rgb, 13, 110, 253), 0.25);
}

.backlog-sprint-badge--planning[b-bbyn0ejr3a] {
    background-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.10);
    color: rgba(0, 0, 0, 0.70);
    border-color: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.22);
}

.backlog-sprint-badge--active[b-bbyn0ejr3a] {
    background-color: rgba(var(--bs-success-rgb, 25, 135, 84), 0.12);
    color: rgba(14, 74, 47, 0.95);
    border-color: rgba(var(--bs-success-rgb, 25, 135, 84), 0.25);
}

.backlog-sprint-badge--completed[b-bbyn0ejr3a] {
    background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.12);
    color: rgba(8, 66, 152, 0.95);
    border-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.26);
}

.backlog-sprint-badge--cancelled[b-bbyn0ejr3a] {
    background-color: rgba(0, 0, 0, 0.10);
    color: rgba(0, 0, 0, 0.80);
    border-color: rgba(0, 0, 0, 0.18);
}

.backlog-sprint-badge--link[b-bbyn0ejr3a] {
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.backlog-sprint-badge--link:hover[b-bbyn0ejr3a] {
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.backlog-td-priority[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-td-status[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-td-actions[b-bbyn0ejr3a] {
    vertical-align: middle;
    text-align: center;
}

.backlog-actions-menu[b-bbyn0ejr3a] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.backlog-actions-menu-btn[b-bbyn0ejr3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border: none;
    background: transparent;
    border-radius: 0.35rem;
    color: var(--bs-secondary, #6c757d);
    padding: 0;
    cursor: pointer;
}

.backlog-actions-menu-btn:hover[b-bbyn0ejr3a] {
    background: var(--bs-light, #f8f9fa);
    color: var(--bs-body-color, #212529);
}

.backlog-actions-menu-icon[b-bbyn0ejr3a] {
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4' r='1.25'/%3E%3Ccircle cx='8' cy='8' r='1.25'/%3E%3Ccircle cx='8' cy='12' r='1.25'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.backlog-actions-menu-pop[b-bbyn0ejr3a] {
    position: absolute;
    top: calc(100% + 0.2rem);
    right: 0;
    min-width: 9rem;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.35rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 0.25rem;
    z-index: 40;
}

.backlog-actions-menu-item[b-bbyn0ejr3a] {
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    border-radius: 0.3rem;
    padding: 0.45rem 0.65rem;
    font-size: 0.8rem;
    color: var(--bs-body-color, #212529);
    cursor: pointer;
}

.backlog-actions-menu-item:hover[b-bbyn0ejr3a] {
    background: var(--bs-light, #f8f9fa);
}

.backlog-actions-menu-item--danger:hover[b-bbyn0ejr3a] {
    color: #b91c1c;
    background: rgba(220, 53, 69, 0.08);
}

.backlog-add-placeholder-cell[b-bbyn0ejr3a] {
    padding: 0.6rem 0.75rem;
    text-align: center;
    color: var(--bs-secondary, #6c757d);
    font-size: 0.875rem;
}

.backlog-add-placeholder-cell:hover[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-add-placeholder-icon[b-bbyn0ejr3a] {
    font-size: 1.1rem;
    margin-right: 0.25rem;
}

/* Prioridade: bandeira preenchida (flag-fill) no trigger e no dropdown. Baixa=verde, Média=amarela, Alta=vermelha */
.backlog-priority-dropdown[b-bbyn0ejr3a] {
    position: relative;
    display: inline-block;
}

.backlog-priority-trigger[b-bbyn0ejr3a] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 6rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.25rem);
    background: var(--bs-body-bg, #fff);
    cursor: pointer;
    text-align: left;
}

.backlog-priority-trigger:hover[b-bbyn0ejr3a] {
    border-color: var(--bs-border-color-translucent, rgba(0,0,0,.175));
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-priority-flag[b-bbyn0ejr3a] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* flag-fill SVG – verde / amarelo / vermelho */
.backlog-priority-flag-low[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23198754' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-priority-flag-medium[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e6a800' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-priority-flag-high[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

/* Points (story points) dropdown and color bands */
.backlog-points-dropdown[b-bbyn0ejr3a] {
    position: relative;
    display: inline-block;
}

.backlog-points-trigger[b-bbyn0ejr3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.2rem 0.4rem;
    font-weight: bold;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.25rem);
    background: var(--bs-body-bg, #fff);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}

.backlog-points-trigger:hover[b-bbyn0ejr3a] {
    border-color: var(--bs-border-color-translucent, rgba(0,0,0,.175));
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-points-1-3[b-bbyn0ejr3a] { color: #198754; background-color: rgba(25, 135, 84, 0.15); }
.backlog-points-4-6[b-bbyn0ejr3a] { color: #b8860b; background-color: rgba(184, 134, 11, 0.2); }
.backlog-points-7[b-bbyn0ejr3a] { color: #fd7e14; background-color: rgba(253, 126, 20, 0.2); }
.backlog-points-8-10[b-bbyn0ejr3a] { color: #dc3545; background-color: rgba(220, 53, 69, 0.15); }

.backlog-points-menu[b-bbyn0ejr3a] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 6rem;
    margin-top: 0.15rem;
    padding: 0.2rem;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.25rem);
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.backlog-points-option[b-bbyn0ejr3a] {
    width: 100%;
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 0.2rem;
    background: transparent;
    font-size: 0.875rem;
    cursor: pointer;
    text-align: center;
}

.backlog-points-option:hover[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-points-dropdown-open-up .backlog-points-menu[b-bbyn0ejr3a] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.15rem;
}

.backlog-priority-menu[b-bbyn0ejr3a] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.15rem;
    padding: 0.2rem;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.25rem);
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.backlog-priority-option[b-bbyn0ejr3a] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 0.2rem;
    background: transparent;
    font-size: 0.875rem;
    cursor: pointer;
    text-align: left;
}

.backlog-priority-option:hover[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-priority-option .backlog-priority-flag[b-bbyn0ejr3a] {
    width: 1rem;
    height: 1rem;
}

/* Na linha de adicionar, menu abre para cima */
.backlog-priority-dropdown-open-up .backlog-priority-menu[b-bbyn0ejr3a] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.15rem;
}

/* Compatibilidade: select com bandeira (modal pode manter InputSelect com classe) */
.backlog-priority-select[b-bbyn0ejr3a] {
    padding-left: 1.75rem;
    background-repeat: no-repeat;
    background-position: left 0.35rem center;
    background-size: 1rem 1rem;
}

.backlog-priority-select-low[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23198754' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-priority-select-medium[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e6a800' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-priority-select-high[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-th-actions[b-bbyn0ejr3a] {
    width: 2.5rem;
}

.backlog-row[b-bbyn0ejr3a] {
    cursor: grab;
}

.backlog-row:active[b-bbyn0ejr3a] {
    cursor: grabbing;
}

.backlog-td-drag[b-bbyn0ejr3a] {
    vertical-align: middle;
    text-align: center;
}

.backlog-drag-handle[b-bbyn0ejr3a] {
    color: var(--bs-secondary, #6c757d);
    cursor: grab;
    user-select: none;
    font-size: 0.7rem;
}

.backlog-td-type[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-type-icon[b-bbyn0ejr3a] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Bootstrap Icons: bug (inseto) – https://icons.getbootstrap.com/icons/bug/ */
.backlog-type-bug[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M4.355.522a.5.5 0 0 1 .623.333l.291.956A5 5 0 0 1 8 1c1.007 0 1.946.298 2.731.811l.29-.956a.5.5 0 1 1 .957.29l-.41 1.352A5 5 0 0 1 13 6h.5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 1 1 0v.5A1.5 1.5 0 0 1 13.5 7H13v1h1.5a.5.5 0 0 1 0 1H13v1h.5a1.5 1.5 0 0 1 1.5 1.5v.5a.5.5 0 1 1-1 0v-.5a.5.5 0 0 0-.5-.5H13a5 5 0 0 1-10 0h-.5a.5.5 0 0 0-.5.5v.5a.5.5 0 1 1-1 0v-.5A1.5 1.5 0 0 1 2.5 10H3V9H1.5a.5.5 0 0 1 0-1H3V7h-.5A1.5 1.5 0 0 1 1 5.5V5a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5H3c0-1.364.547-2.601 1.432-3.503l-.41-1.352a.5.5 0 0 1 .333-.623M4 7v4a4 4 0 0 0 3.5 3.97V7zm4.5 0v7.97A4 4 0 0 0 12 11V7zM12 6a4 4 0 0 0-1.334-2.982A3.98 3.98 0 0 0 8 2a3.98 3.98 0 0 0-2.667 1.018A4 4 0 0 0 4 6z'/%3E%3C/svg%3E");
}

/* Bootstrap Icons: flower1 (flor com pétalas) – https://icons.getbootstrap.com/icons/flower1/ */
.backlog-type-feature[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M6.174 1.184a2 2 0 0 1 3.652 0A2 2 0 0 1 12.99 3.01a2 2 0 0 1 1.826 3.164 2 2 0 0 1 0 3.652 2 2 0 0 1-1.826 3.164 2 2 0 0 1-3.164 1.826 2 2 0 0 1-3.652 0A2 2 0 0 1 3.01 12.99a2 2 0 0 1-1.826-3.164 2 2 0 0 1 0-3.652A2 2 0 0 1 3.01 3.01a2 2 0 0 1 3.164-1.826M8 1a1 1 0 0 0-.998 1.03l.01.091q.017.116.054.296c.049.241.122.542.213.887.182.688.428 1.513.676 2.314L8 5.762l.045-.144c.248-.8.494-1.626.676-2.314.091-.345.164-.646.213-.887a5 5 0 0 0 .064-.386L9 2a1 1 0 0 0-1-1M2 9l.03-.002.091-.01a5 5 0 0 0 .296-.054c.241-.049.542-.122.887-.213a61 61 0 0 0 2.314-.676L5.762 8l-.144-.045a61 61 0 0 0-2.314-.676 17 17 0 0 0-.887-.213 5 5 0 0 0-.386-.064L2 7a1 1 0 1 0 0 2m7 5-.002-.03a5 5 0 0 0-.064-.386 16 16 0 0 0-.213-.888 61 61 0 0 0-.676-2.314L8 10.238l-.045.144c-.248.8-.494 1.626-.676 2.314-.091.345-.164.646-.213.887a5 5 0 0 0-.064.386L7 14a1 1 0 1 0 2 0m-5.696-2.134.025-.017a5 5 0 0 0 .303-.248c.184-.164.408-.377.661-.629A61 61 0 0 0 5.96 9.23l.103-.111-.147.033a61 61 0 0 0-2.343.572c-.344.093-.64.18-.874.258a5 5 0 0 0-.367.138l-.027.014a1 1 0 1 0 1 1.732zM4.5 14.062a1 1 0 0 0 1.366-.366l.014-.027q.014-.03.036-.084a5 5 0 0 0 .102-.283c.078-.233.165-.53.258-.874a61 61 0 0 0 .572-2.343l.033-.147-.11.102a61 61 0 0 0-1.743 1.667 17 17 0 0 0-.629.66 5 5 0 0 0-.248.304l-.017.025a1 1 0 0 0 .366 1.366m9.196-8.196a1 1 0 0 0-1-1.732l-.025.017a5 5 0 0 0-.303.248 17 17 0 0 0-.661.629A61 61 0 0 0 10.04 6.77l-.102.111.147-.033a61 61 0 0 0 2.342-.572c.345-.093.642-.18.875-.258a5 5 0 0 0 .367-.138zM11.5 1.938a1 1 0 0 0-1.366.366l-.014.027q-.014.03-.036.084a5 5 0 0 0-.102.283c-.078.233-.165.53-.258.875a61 61 0 0 0-.572 2.342l-.033.147.11-.102a61 61 0 0 0 1.743-1.667c.252-.253.465-.477.629-.66a5 5 0 0 0 .248-.304l.017-.025a1 1 0 0 0-.366-1.366M14 9a1 1 0 0 0 0-2l-.03.002a5 5 0 0 0-.386.064c-.242.049-.543.122-.888.213-.688.182-1.513.428-2.314.676L10.238 8l.144.045c.8.248 1.626.494 2.314.676.345.091.646.164.887.213a5 5 0 0 0 .386.064zM1.938 4.5a1 1 0 0 0 .393 1.38l.084.035q.108.045.283.103c.233.078.53.165.874.258a61 61 0 0 0 2.343.572l.147.033-.103-.111a61 61 0 0 0-1.666-1.742 17 17 0 0 0-.66-.629 5 5 0 0 0-.304-.248l-.025-.017a1 1 0 0 0-1.366.366m2.196-1.196.017.025a5 5 0 0 0 .248.303c.164.184.377.408.629.661A61 61 0 0 0 6.77 5.96l.111.102-.033-.147a61 61 0 0 0-.572-2.342c-.093-.345-.18-.642-.258-.875a5 5 0 0 0-.138-.367l-.014-.027a1 1 0 1 0-1.732 1m9.928 8.196a1 1 0 0 0-.366-1.366l-.027-.014a5 5 0 0 0-.367-.138c-.233-.078-.53-.165-.875-.258a61 61 0 0 0-2.342-.572l-.147-.033.102.111a61 61 0 0 0 1.667 1.742c.253.252.477.465.66.629a5 5 0 0 0 .304.248l.025.017a1 1 0 0 0 1.366-.366m-3.928 2.196a1 1 0 0 0 1.732-1l-.017-.025a5 5 0 0 0-.248-.303 17 17 0 0 0-.629-.661A61 61 0 0 0 9.23 10.04l-.111-.102.033.147a61 61 0 0 0 .572 2.342c.093.345.18.642.258.875a5 5 0 0 0 .138.367zM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
}

/* Dropdown de tipo: botão mostra ícone selecionado; ao clicar abre menu com bug vermelho e flor amarela */
.backlog-type-dropdown[b-bbyn0ejr3a] {
    position: relative;
    display: inline-block;
}

.backlog-type-dropdown-trigger[b-bbyn0ejr3a] {
    width: 2.25rem;
    height: 2rem;
    padding: 0;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.25rem);
    background: var(--bs-body-bg, #fff);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.backlog-type-dropdown-trigger:hover[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
    border-color: var(--bs-border-color-translucent, rgba(0,0,0,.175));
}

.backlog-type-dropdown-trigger .backlog-type-icon[b-bbyn0ejr3a] {
    width: 1.35rem;
    height: 1.35rem;
}

.backlog-type-dropdown-menu[b-bbyn0ejr3a] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.15rem;
    padding: 0.2rem;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.25rem);
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

/* Na última linha (adicionar item), o menu abre para cima para não ser cortado */
.backlog-type-dropdown-open-up .backlog-type-dropdown-menu[b-bbyn0ejr3a] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.15rem;
}

.backlog-type-dropdown-item[b-bbyn0ejr3a] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 0.2rem;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.backlog-type-dropdown-item:hover[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-type-dropdown-item .backlog-type-icon[b-bbyn0ejr3a] {
    width: 1.4rem;
    height: 1.4rem;
}

/* Bootstrap Icons: gear (blue engine) */
.backlog-type-task-blue[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230d6efd' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/%3E%3C/svg%3E");
}

.backlog-type-bug-red[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M4.355.522a.5.5 0 0 1 .623.333l.291.956A5 5 0 0 1 8 1c1.007 0 1.946.298 2.731.811l.29-.956a.5.5 0 1 1 .957.29l-.41 1.352A5 5 0 0 1 13 6h.5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 1 1 0v.5A1.5 1.5 0 0 1 13.5 7H13v1h1.5a.5.5 0 0 1 0 1H13v1h.5a1.5 1.5 0 0 1 1.5 1.5v.5a.5.5 0 1 1-1 0v-.5a.5.5 0 0 0-.5-.5H13a5 5 0 0 1-10 0h-.5a.5.5 0 0 0-.5.5v.5a.5.5 0 1 1-1 0v-.5A1.5 1.5 0 0 1 2.5 10H3V9H1.5a.5.5 0 0 1 0-1H3V7h-.5A1.5 1.5 0 0 1 1 5.5V5a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5H3c0-1.364.547-2.601 1.432-3.503l-.41-1.352a.5.5 0 0 1 .333-.623M4 7v4a4 4 0 0 0 3.5 3.97V7zm4.5 0v7.97A4 4 0 0 0 12 11V7zM12 6a4 4 0 0 0-1.334-2.982A3.98 3.98 0 0 0 8 2a3.98 3.98 0 0 0-2.667 1.018A4 4 0 0 0 4 6z'/%3E%3C/svg%3E");
}

.backlog-type-feature-yellow[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e6a800' viewBox='0 0 16 16'%3E%3Cpath d='M6.174 1.184a2 2 0 0 1 3.652 0A2 2 0 0 1 12.99 3.01a2 2 0 0 1 1.826 3.164 2 2 0 0 1 0 3.652 2 2 0 0 1-1.826 3.164 2 2 0 0 1-3.164 1.826 2 2 0 0 1-3.652 0A2 2 0 0 1 3.01 12.99a2 2 0 0 1-1.826-3.164 2 2 0 0 1 0-3.652A2 2 0 0 1 3.01 3.01a2 2 0 0 1 3.164-1.826M8 1a1 1 0 0 0-.998 1.03l.01.091q.017.116.054.296c.049.241.122.542.213.887.182.688.428 1.513.676 2.314L8 5.762l.045-.144c.248-.8.494-1.626.676-2.314.091-.345.164-.646.213-.887a5 5 0 0 0 .064-.386L9 2a1 1 0 0 0-1-1M2 9l.03-.002.091-.01a5 5 0 0 0 .296-.054c.241-.049.542-.122.887-.213a61 61 0 0 0 2.314-.676L5.762 8l-.144-.045a61 61 0 0 0-2.314-.676 17 17 0 0 0-.887-.213 5 5 0 0 0-.386-.064L2 7a1 1 0 1 0 0 2m7 5-.002-.03a5 5 0 0 0-.064-.386 16 16 0 0 0-.213-.888 61 61 0 0 0-.676-2.314L8 10.238l-.045.144c-.248.8-.494 1.626-.676 2.314-.091.345-.164.646-.213.887a5 5 0 0 0-.064.386L7 14a1 1 0 1 0 2 0m-5.696-2.134.025-.017a5 5 0 0 0 .303-.248c.184-.164.408-.377.661-.629A61 61 0 0 0 5.96 9.23l.103-.111-.147.033a61 61 0 0 0-2.343.572c-.344.093-.64.18-.874.258a5 5 0 0 0-.367.138l-.027.014a1 1 0 1 0 1 1.732zM4.5 14.062a1 1 0 0 0 1.366-.366l.014-.027q.014-.03.036-.084a5 5 0 0 0 .102-.283c.078-.233.165-.53.258-.874a61 61 0 0 0 .572-2.343l.033-.147-.11.102a61 61 0 0 0-1.743 1.667 17 17 0 0 0-.629.66 5 5 0 0 0-.248.304l-.017.025a1 1 0 0 0 .366 1.366m9.196-8.196a1 1 0 0 0-1-1.732l-.025.017a5 5 0 0 0-.303.248 17 17 0 0 0-.661.629A61 61 0 0 0 10.04 6.77l-.102.111.147-.033a61 61 0 0 0 2.342-.572c.345-.093.642-.18.875-.258a5 5 0 0 0 .367-.138zM11.5 1.938a1 1 0 0 0-1.366.366l-.014.027q-.014.03-.036.084a5 5 0 0 0-.102.283c-.078.233-.165.53-.258.875a61 61 0 0 0-.572 2.342l-.033.147.11-.102a61 61 0 0 0 1.743-1.667c.252-.253.465-.477.629-.66a5 5 0 0 0 .248-.304l.017-.025a1 1 0 0 0-.366-1.366M14 9a1 1 0 0 0 0-2l-.03.002a5 5 0 0 0-.386.064c-.242.049-.543.122-.888.213-.688.182-1.513.428-2.314.676L10.238 8l.144.045c.8.248 1.626.494 2.314.676.345.091.646.164.887.213a5 5 0 0 0 .386.064zM1.938 4.5a1 1 0 0 0 .393 1.38l.084.035q.108.045.283.103c.233.078.53.165.874.258a61 61 0 0 0 2.343.572l.147.033-.103-.111a61 61 0 0 0-1.666-1.742 17 17 0 0 0-.66-.629 5 5 0 0 0-.304-.248l-.025-.017a1 1 0 0 0-1.366.366m2.196-1.196.017.025a5 5 0 0 0 .248.303c.164.184.377.408.629.661A61 61 0 0 0 6.77 5.96l.111.102-.033-.147a61 61 0 0 0-.572-2.342c-.093-.345-.18-.642-.258-.875a5 5 0 0 0-.138-.367l-.014-.027a1 1 0 1 0-1.732 1m9.928 8.196a1 1 0 0 0-.366-1.366l-.027-.014a5 5 0 0 0-.367-.138c-.233-.078-.53-.165-.875-.258a61 61 0 0 0-2.342-.572l-.147-.033.102.111a61 61 0 0 0 1.667 1.742c.253.252.477.465.66.629a5 5 0 0 0 .304.248l.025.017a1 1 0 0 0 1.366-.366m-3.928 2.196a1 1 0 0 0 1.732-1l-.017-.025a5 5 0 0 0-.248-.303 17 17 0 0 0-.629-.661A61 61 0 0 0 9.23 10.04l-.111-.102.033.147a61 61 0 0 0 .572 2.342c.093.345.18.642.258.875a5 5 0 0 0 .138.367zM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
}

.backlog-td-name[b-bbyn0ejr3a],
.backlog-td-desc[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-item-name[b-bbyn0ejr3a] {
    cursor: pointer;
    font-weight: bold;
}

.backlog-item-name:hover[b-bbyn0ejr3a] {
    text-decoration: underline;
}

.backlog-item-desc[b-bbyn0ejr3a] {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.backlog-item-desc:hover[b-bbyn0ejr3a] {
    text-decoration: underline;
}

.backlog-td-priority[b-bbyn0ejr3a],
.backlog-td-status[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-td-priority .form-select[b-bbyn0ejr3a],
.backlog-td-status .form-select[b-bbyn0ejr3a] {
    min-width: 5.5rem;
}

.backlog-td-actions[b-bbyn0ejr3a] {
    vertical-align: middle;
    text-align: center;
}

.backlog-inline-actions[b-bbyn0ejr3a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: flex-start;
}

.backlog-inline-actions .btn[b-bbyn0ejr3a] {
    min-width: 2.75rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.backlog-modal-footer[b-bbyn0ejr3a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
}

.backlog-modal-footer .btn[b-bbyn0ejr3a] {
    min-width: 3rem;
    padding: 0.3rem 0.55rem;
    font-size: 0.875rem;
}

.backlog-delete-icon[b-bbyn0ejr3a] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3V2h11v1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Linha "+ Adicionar" */
.backlog-row-add-placeholder[b-bbyn0ejr3a] {
    cursor: pointer;
    user-select: none;
}

.backlog-add-placeholder-cell[b-bbyn0ejr3a] {
    text-align: center;
    color: var(--bs-secondary, #6c757d);
    padding: 0.35rem 0.5rem !important;
    font-size: 0.875rem;
}

.backlog-row-add-placeholder:hover[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-row-add-placeholder:hover .backlog-add-placeholder-cell[b-bbyn0ejr3a] {
    color: var(--bs-primary, #0d6efd) !important;
}

.backlog-add-placeholder-icon[b-bbyn0ejr3a] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border: 1px dashed currentColor;
    border-radius: 0.2rem;
    margin-right: 0.35rem;
    vertical-align: middle;
    font-size: 0.875rem;
}

/* Formulário inline de novo item */
.backlog-row-inline-add[b-bbyn0ejr3a] {
    background-color: var(--bs-light, #f8f9fa);
}

.backlog-row-inline-add td[b-bbyn0ejr3a] {
    vertical-align: middle;
}

.backlog-row-inline-add-error td[b-bbyn0ejr3a] {
    padding-top: 0;
    padding-bottom: 0.25rem;
}

/* Rich text editor for backlog descriptions (Story 3.3) */
.backlog-richtext[b-bbyn0ejr3a] {
    width: 100%;
}

.backlog-richtext--inline .kb-richtext-editor[b-bbyn0ejr3a] {
    min-height: 90px;
}

.backlog-richtext--expanded .kb-richtext-editor[b-bbyn0ejr3a] {
    min-height: 260px;
}

.backlog-richtext-editor[b-bbyn0ejr3a] {
    min-height: 140px;
    border-radius: 0 0 0.25rem 0.25rem;
    font-size: 0.875rem;
}

.kb-richtext-toolbar[b-bbyn0ejr3a] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    flex-wrap: wrap;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-bottom: none;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 0.25rem 0.35rem;
}

.kb-richtext-btn[b-bbyn0ejr3a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border: none;
    background: transparent;
    border-radius: 4px;
    padding: 0;
    color: #495057;
    cursor: pointer;
}

.kb-richtext-btn:hover[b-bbyn0ejr3a] {
    background: var(--bs-light, #f8f9fa);
    color: #212529;
}

.kb-richtext-icon[b-bbyn0ejr3a] {
    display: block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.kb-richtext-icon--bold[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.767-1.018-2.98-2.674-2.98-1.767 0-2.98 1.002-3.226 2.55H4.627C4.923 4.259 6.07 3 8.016 3c2.34 0 3.855 1.18 4.064 3.055h-1.96c-.157-1.198-.962-2.004-2.104-2.004-1.307 0-2.168.963-2.168 2.335 0 1.369.861 2.335 2.168 2.335 1.142 0 1.947-.806 2.104-2.004h1.96c-.21 1.875-1.724 3.055-4.064 3.055z'/%3E%3C/svg%3E");
}

.kb-richtext-icon--italic[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H6.211l-.11.52c1.101.096 1.224.212 1.347.807l1.538 7.219c.123.595.246.71 1.347.806l.11.52H3.549l.11-.52c1.102-.096 1.224-.211 1.347-.806z'/%3E%3C/svg%3E");
}

.kb-richtext-icon--ul[b-bbyn0ejr3a] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.kb-richtext-toolbar-sep[b-bbyn0ejr3a] {
    width: 1px;
    height: 1.1rem;
    background: var(--bs-border-color, #dee2e6);
    margin: 0 0.2rem;
}

.kb-richtext-editor[b-bbyn0ejr3a] {
    border: 1px solid var(--bs-border-color, #dee2e6);
    padding: 0.6rem 0.75rem;
    background: var(--bs-body-bg, #fff);
    outline: none;
    line-height: 1.45;
}

.kb-richtext-editor:focus[b-bbyn0ejr3a] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.2);
}

.kb-richtext-footer[b-bbyn0ejr3a] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
    margin-top: 0.5rem;
}
/* _content/Kanbadger.Web/Components/Pages/Panel.razor.rz.scp.css */
/* ========== Panel redesign – design tokens ========== */
.panel-redesign[b-1o77ueykna] {
    --panel-bg: #ffffff;
    --panel-fill: #f9fafb;   /* subtle fill for hovers, toolbars, secondary areas */
    --panel-surface: #ffffff;
    --panel-border: #e5e7eb;
    --panel-text: #1a1d26;
    --panel-muted: #6b7280;
    --panel-accent: var(--kb-primary, #155E8F);
    --panel-accent-hover: var(--kb-primary-dark, #124a73);
    --panel-ready: #0d9488;
    --panel-ready-bg: rgba(13, 148, 136, 0.08);
    --panel-progress: #b45309;
    --panel-progress-bg: rgba(180, 83, 9, 0.08);
    --panel-done: #4f46e5;
    --panel-done-bg: rgba(79, 70, 229, 0.08);
    --panel-radius: 10px;
    --panel-radius-sm: 6px;
    --panel-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    --panel-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ========== Page layout ========== */
.panel-page.panel-redesign[b-1o77ueykna] {
    min-height: 100%;
    padding: 1.5rem 1.25rem 2rem;
    background: var(--panel-bg);
}

.panel-header[b-1o77ueykna] {
    margin-bottom: 1.5rem;
}

.panel-title[b-1o77ueykna] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--panel-text);
    letter-spacing: -0.02em;
    margin: 0 0 0.25rem 0;
}

.panel-context[b-1o77ueykna] {
    font-size: 0.875rem;
    color: var(--panel-muted);
    margin: 0;
}

.panel-context-sep[b-1o77ueykna] {
    opacity: 0.6;
    margin: 0 0.25rem;
}

.panel-main[b-1o77ueykna] {
    max-width: 1400px;
}

.panel-empty[b-1o77ueykna] {
    padding: 3rem 1.5rem;
    text-align: center;
    background: var(--panel-surface);
    border-radius: var(--panel-radius);
    border: 1px dashed var(--panel-border);
}

.panel-empty--sublist[b-1o77ueykna] {
    padding: 2rem;
}

.panel-empty-text[b-1o77ueykna] {
    margin: 0;
    color: var(--panel-muted);
    font-size: 0.9375rem;
}

/* ========== Alerts ========== */
.panel-alert[b-1o77ueykna] {
    padding: 0.75rem 1rem;
    border-radius: var(--panel-radius-sm);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.panel-alert--warning[b-1o77ueykna] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* ========== Board ========== */
.panel-board-wrap[b-1o77ueykna] {
    margin-top: 0.5rem;
}

.panel-board[b-1o77ueykna] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    min-height: 420px;
}

.panel-column[b-1o77ueykna] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--panel-surface);
    border-radius: var(--panel-radius);
    box-shadow: var(--panel-shadow);
    border: 1px solid var(--panel-border);
    overflow: hidden;
}

/* Ready column: allow "Add to Ready" popover to extend outside (popover is anchored to +). */
.panel-column.panel-column--ready[b-1o77ueykna] {
    overflow: visible;
}

.panel-column-header[b-1o77ueykna] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--panel-muted);
    border-bottom: 1px solid var(--panel-border);
}

.panel-column--ready .panel-column-header[b-1o77ueykna] {
    background: var(--panel-ready-bg);
    color: #0f766e;
}

.panel-column--inprogress .panel-column-header[b-1o77ueykna] {
    background: var(--panel-progress-bg);
    color: #92400e;
}

.panel-column--completed .panel-column-header[b-1o77ueykna] {
    background: var(--panel-done-bg);
    color: #4338ca;
}

.panel-column-body[b-1o77ueykna] {
    flex: 1;
    padding: 0.75rem;
    min-height: 10rem;
    transition: background-color 0.2s ease;
}

.panel-column--ready .panel-column-body.panel-column-drop-over[b-1o77ueykna] {
    background: rgba(13, 148, 136, 0.06);
}

.panel-column--inprogress .panel-column-body.panel-column-drop-over[b-1o77ueykna] {
    background: rgba(180, 83, 9, 0.06);
}

.panel-column--completed .panel-column-body.panel-column-drop-over[b-1o77ueykna] {
    background: rgba(79, 70, 229, 0.06);
}

/* ========== Cards ========== */
.panel-card[b-1o77ueykna] {
    padding: 0.75rem 0.875rem;
    margin-bottom: 0.5rem;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-sm);
    box-shadow: var(--panel-shadow);
    cursor: grab;
    font-size: 0.875rem;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.panel-card--task[b-1o77ueykna] {
    background: #f4fafd;
    border-color: #d8eaf5;
}

.panel-card--bug[b-1o77ueykna] {
    background: #fef6f6;
    border-color: #f5dede;
}

.panel-card--feature[b-1o77ueykna] {
    background: #fffdf5;
    border-color: #f2ead0;
}

.panel-card:hover[b-1o77ueykna] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
    border-color: #c7cdd8;
}

.panel-card:last-child[b-1o77ueykna] {
    margin-bottom: 0;
}

.panel-card:active[b-1o77ueykna] {
    cursor: grabbing;
}

.panel-card-dragging[b-1o77ueykna] {
    opacity: 0.7;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.panel-card-header[b-1o77ueykna] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.panel-card-type[b-1o77ueykna] {
    flex-shrink: 0;
}

.panel-card-points-wrap[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: 0.25rem;
}

.panel-card-points[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0.12rem 0.35rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 4px;
}

.panel-card-name[b-1o77ueykna] {
    font-weight: 600;
    color: var(--panel-text);
    margin-bottom: 0.3rem;
    word-break: break-word;
    line-height: 1.35;
}

.panel-card-desc[b-1o77ueykna] {
    margin-bottom: 0.35rem;
    font-size: 0.8125rem;
    color: var(--panel-muted);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.panel-card-desc--empty[b-1o77ueykna] {
    opacity: 0.8;
    font-style: italic;
}

.panel-card-desc-expanded[b-1o77ueykna] {
    margin-bottom: 0.4rem;
}

.panel-card-desc-expanded-label[b-1o77ueykna] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--panel-muted);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
}

.panel-card-desc-expanded-body[b-1o77ueykna] {
    font-size: 0.8125rem;
    color: var(--panel-text);
    line-height: 1.45;
    max-height: 10rem;
    overflow-y: auto;
    padding: 0.35rem 0.45rem;
    border-radius: var(--panel-radius-sm);
    background: var(--panel-fill);
    border: 1px solid var(--panel-border);
    word-break: break-word;
}

.panel-card-desc-expanded-body--html :first-child[b-1o77ueykna] {
    margin-top: 0;
}

.panel-card-desc-expanded-body--html :last-child[b-1o77ueykna] {
    margin-bottom: 0;
}

.panel-card-desc-expanded-body--html p[b-1o77ueykna] {
    margin: 0 0 0.45em 0;
}

.panel-card-desc-expanded-body--html ul[b-1o77ueykna],
.panel-card-desc-expanded-body--html ol[b-1o77ueykna] {
    margin: 0.35em 0;
    padding-left: 1.2rem;
}

.panel-card-desc-expanded-body--html li[b-1o77ueykna] {
    margin: 0.2em 0;
}

.panel-card-desc-expanded-body--html strong[b-1o77ueykna],
.panel-card-desc-expanded-body--html b[b-1o77ueykna] {
    font-weight: 600;
}

.panel-card-desc-expanded-body--html em[b-1o77ueykna],
.panel-card-desc-expanded-body--html i[b-1o77ueykna] {
    font-style: italic;
}

.panel-card-desc-expanded-body--html a[b-1o77ueykna] {
    color: var(--panel-ready, #22a054);
    text-decoration: underline;
}

.panel-card-desc-expanded-actions[b-1o77ueykna] {
    margin-top: 0.4rem;
}

.panel-card-edit[b-1o77ueykna] {
    margin-bottom: 0.4rem;
}

.panel-card-edit-label[b-1o77ueykna] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--panel-muted);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.panel-card-edit-textarea[b-1o77ueykna] {
    resize: vertical;
    min-height: 4.5rem;
    font-size: 0.8125rem;
}

.panel-card-edit-richtext[b-1o77ueykna] {
    min-height: 5rem;
    max-height: 12rem;
    overflow-y: auto;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.panel-card-edit-actions[b-1o77ueykna] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.35rem;
}

.panel-card-meta[b-1o77ueykna] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8125rem;
}

.panel-card-meta--timestamps[b-1o77ueykna] {
    margin-top: 0.2rem;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.panel-card-meta-label[b-1o77ueykna] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--panel-muted);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.panel-card-meta-value[b-1o77ueykna] {
    color: var(--panel-muted);
}

.panel-card-meta-sep[b-1o77ueykna] {
    opacity: 0.5;
}

.panel-card-menu[b-1o77ueykna] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}

.panel-card-menu-btn[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    background: transparent;
    border-radius: var(--panel-radius-sm);
    padding: 0;
    color: var(--panel-muted);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.panel-card-menu-btn:hover[b-1o77ueykna] {
    background: var(--panel-fill);
    color: var(--panel-text);
}

.panel-card-menu-icon[b-1o77ueykna] {
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='4' r='1.25'/%3E%3Ccircle cx='8' cy='8' r='1.25'/%3E%3Ccircle cx='8' cy='12' r='1.25'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.panel-card-menu-pop[b-1o77ueykna] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    min-width: 10rem;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-sm);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
    padding: 0.35rem;
    z-index: 25;
}

.panel-card-menu-pop .panel-actions-menu-item[b-1o77ueykna] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
}

/* ========= popped popovers for "Add to ready" & modal for Kanban create-in-Ready ========= */
@keyframes panelPopoverEnter-b-1o77ueykna {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes panelPopoverLeave-b-1o77ueykna {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(8px);
    }
}

@keyframes panelKbBackdropIn-b-1o77ueykna {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes panelKbBackdropOut-b-1o77ueykna {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes panelKbDialogIn-b-1o77ueykna {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(14px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes panelKbDialogOut-b-1o77ueykna {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    to {
        opacity: 0;
        transform: scale(0.96) translateY(10px);
    }
}

.panel-add-to-ready-wrap[b-1o77ueykna] {
    position: relative;
    padding: 0.5rem 0;
    border-top: 1px dashed var(--panel-border);
    margin-top: 0.35rem;
}

.panel-add-to-ready-backdrop[b-1o77ueykna] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.panel-add-to-ready-popover[b-1o77ueykna] {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 0.35rem;
    z-index: 1050;
    min-width: 280px;
    max-width: min(360px, calc(100vw - 1.25rem));
    max-height: min(75dvh, calc(100dvh - 1rem));
    display: flex;
    flex-direction: column;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: 0.75rem;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.panel-add-to-ready-popover--enter[b-1o77ueykna] {
    animation: panelPopoverEnter-b-1o77ueykna 0.24s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.panel-add-to-ready-popover--leave[b-1o77ueykna] {
    animation: panelPopoverLeave-b-1o77ueykna 0.2s ease forwards;
}

.panel-add-to-ready-popover--kanban[b-1o77ueykna] {
    min-width: 300px;
    max-width: min(400px, calc(100vw - 1.25rem));
}

.panel-add-to-ready-popover__header[b-1o77ueykna] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid var(--panel-border);
    background: var(--panel-fill);
    border-radius: 0.75rem 0.75rem 0 0;
}

.panel-add-to-ready-popover__title[b-1o77ueykna] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--panel-text);
}

.panel-add-to-ready-popover__close[b-1o77ueykna] {
    background: none;
    border: none;
    font-size: 1.25rem;
    line-height: 1;
    color: var(--panel-muted);
    cursor: pointer;
    padding: 0.15rem;
    border-radius: 0.35rem;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.panel-add-to-ready-popover__close:hover[b-1o77ueykna] {
    color: var(--panel-text);
    background: rgba(0, 0, 0, 0.05);
}

.panel-add-to-ready-popover__body[b-1o77ueykna] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.75rem 0.9rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.panel-add-to-ready-create-new[b-1o77ueykna] {
    margin-top: 0.65rem;
}

/* Kanban "Create in Ready" modal: backdrop sibling + animations + rounded shell */
.panel-kanban-create-modal.modal[b-1o77ueykna] {
    z-index: 1060;
    background: transparent !important;
    pointer-events: none;
}

.panel-kanban-create-modal .panel-kanban-create-modal__backdrop[b-1o77ueykna] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: auto;
    animation: panelKbBackdropIn-b-1o77ueykna 0.26s ease forwards;
}

.panel-kanban-create-modal.panel-kanban-create-modal--closing .panel-kanban-create-modal__backdrop[b-1o77ueykna] {
    animation: panelKbBackdropOut-b-1o77ueykna 0.24s ease forwards;
}

.panel-kanban-create-modal .modal-dialog[b-1o77ueykna] {
    pointer-events: auto;
    position: relative;
    z-index: 1;
    animation: panelKbDialogIn-b-1o77ueykna 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.panel-kanban-create-modal.panel-kanban-create-modal--closing .modal-dialog[b-1o77ueykna] {
    animation: panelKbDialogOut-b-1o77ueykna 0.24s ease forwards;
}

.panel-kanban-create-modal__content[b-1o77ueykna] {
    border-radius: 0.75rem !important;
    border: 1px solid var(--panel-border);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.panel-kanban-create-modal__header[b-1o77ueykna] {
    border-radius: 0.75rem 0.75rem 0 0;
}

.panel-kanban-create-modal__footer[b-1o77ueykna] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    border-radius: 0 0 0.75rem 0.75rem;
}

.panel-add-to-ready-btn[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px dashed var(--panel-border);
    background: var(--panel-fill);
    border-radius: var(--panel-radius-sm);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--panel-muted);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.panel-add-to-ready-btn:hover[b-1o77ueykna] {
    background: var(--panel-ready-bg);
    border-color: var(--panel-ready);
    color: var(--panel-ready);
}

.panel-add-to-ready-list[b-1o77ueykna] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.panel-add-to-ready-item[b-1o77ueykna] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--panel-border);
}

.panel-add-to-ready-item:last-child[b-1o77ueykna] {
    border-bottom: none;
}

.panel-add-to-ready-item-name[b-1o77ueykna] {
    flex: 1;
    font-size: 0.9rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-kanban-ready-section[b-1o77ueykna] {
    margin-bottom: 0.35rem;
}

.panel-kanban-ready-section__title[b-1o77ueykna] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--panel-muted);
    margin-bottom: 0.5rem;
}

.panel-kanban-quickcreate-types[b-1o77ueykna] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.panel-kanban-quickcreate-type[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-sm);
    background: var(--panel-fill);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.panel-kanban-quickcreate-type:hover[b-1o77ueykna] {
    border-color: var(--panel-ready);
    background: var(--panel-ready-bg);
}

.panel-kanban-quickcreate-type--selected[b-1o77ueykna] {
    border-color: var(--panel-ready);
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}

.panel-kanban-quickcreate-richtext[b-1o77ueykna] {
    min-height: 1.85rem;
    max-height: 3.25rem;
    overflow-y: auto;
    border-radius: 0 0 var(--panel-radius-sm) var(--panel-radius-sm);
}

/* ========== Sprint list ========== */
.panel-sprint-list-header[b-1o77ueykna] {
    margin-bottom: 1.25rem;
}

.panel-sprint-list[b-1o77ueykna] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.panel-sprint-tile.panel-sprint-row[b-1o77ueykna] {
    display: flex;
    align-items: stretch;
    padding: 1.1rem 1.25rem;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius);
    box-shadow: var(--panel-shadow);
    position: relative;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.panel-sprint-tile.panel-sprint-row:hover[b-1o77ueykna] {
    box-shadow: var(--panel-shadow-card);
    border-color: #c7cdd8;
}

.panel-sprint-row[b-1o77ueykna]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.panel-sprint-row--planning[b-1o77ueykna]::before {
    background: var(--panel-muted);
}

.panel-sprint-row--active[b-1o77ueykna]::before {
    background: var(--panel-ready);
}

.panel-sprint-row--completed[b-1o77ueykna]::before {
    background: var(--panel-done);
}

.panel-sprint-row--default[b-1o77ueykna]::before {
    background: var(--panel-border);
}

.panel-sprint-row__main[b-1o77ueykna] {
    min-width: 0;
    flex: 1;
}

.panel-sprint-row__title[b-1o77ueykna] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.4rem;
}

.panel-sprint-row__number[b-1o77ueykna] {
    font-weight: 700;
    letter-spacing: 0.02em;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: var(--panel-radius-sm);
    background: var(--panel-fill);
    color: var(--panel-muted);
    border: 1px solid var(--panel-border);
}

.panel-sprint-row__name[b-1o77ueykna] {
    font-weight: 600;
    color: var(--panel-text);
    font-size: 1rem;
}

.panel-sprint-row__chips[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.panel-sprint-row__status[b-1o77ueykna] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: var(--panel-radius-sm);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.panel-sprint-status--planning[b-1o77ueykna] {
    background: rgba(107, 114, 128, 0.12);
    color: var(--panel-muted);
}

.panel-sprint-status--active[b-1o77ueykna] {
    background: var(--panel-ready-bg);
    color: var(--panel-ready);
}

.panel-sprint-status--completed[b-1o77ueykna] {
    background: var(--panel-done-bg);
    color: var(--panel-done);
}

.panel-sprint-status--cancelled[b-1o77ueykna] {
    background: rgba(220, 38, 38, 0.1);
    color: #b91c1c;
}

.panel-sprint-status--default[b-1o77ueykna] {
    background: var(--panel-fill);
    color: var(--panel-muted);
}

.panel-sprint-row__meta[b-1o77ueykna] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    color: var(--panel-muted);
}

.panel-sprint-row__meta-sep[b-1o77ueykna] {
    opacity: 0.6;
}

.panel-sprint-row__goal[b-1o77ueykna] {
    margin-top: 0.4rem;
    font-size: 0.875rem;
    color: var(--panel-text);
    opacity: 0.9;
    max-width: 70ch;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ========== Sections (create, planning, review, retro) ========== */
.panel-section[b-1o77ueykna] {
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius);
    box-shadow: var(--panel-shadow);
    padding: 1.5rem 1.5rem 1.75rem;
    margin-bottom: 1rem;
}

.panel-section-title[b-1o77ueykna] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--panel-text);
    margin: 0 0 1.25rem 0;
}

.panel-section-head[b-1o77ueykna] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.panel-section-subtitle[b-1o77ueykna] {
    font-size: 0.875rem;
    color: var(--panel-muted);
    margin: 0 0 1rem 0;
}

.panel-section--review[b-1o77ueykna] {
    border-left: 4px solid #0d9488;
}

.panel-section--review .panel-section-subtitle[b-1o77ueykna] {
    color: #0f766e;
    font-weight: 600;
}

.panel-section--retro[b-1o77ueykna] {
    border-left: 4px solid #7c3aed;
}

.panel-section--retro .panel-section-subtitle[b-1o77ueykna] {
    color: #5b21b6;
    font-weight: 600;
}

.panel-section--form .form-label[b-1o77ueykna] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--panel-muted);
    margin-bottom: 0.35rem;
}

.panel-section--form .mb-2[b-1o77ueykna] {
    margin-bottom: 1.1rem;
}

.panel-section--form .form-control[b-1o77ueykna],
.panel-section--form .form-select[b-1o77ueykna] {
    border-radius: var(--panel-radius-sm);
    border-color: var(--panel-border);
}

.panel-section--form .form-control:focus[b-1o77ueykna],
.panel-section--form .form-select:focus[b-1o77ueykna] {
    border-color: var(--panel-accent);
    box-shadow: 0 0 0 3px rgba(21, 94, 143, 0.15);
}

.panel-sprint-detail-title[b-1o77ueykna] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--panel-text);
    margin: 0 0 0.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--panel-border);
}

.panel-section-head .panel-sprint-detail-title[b-1o77ueykna] {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* ========== Sprint detail bar (above board) ========== */
.panel-sprint-detail-bar[b-1o77ueykna] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius);
    margin-bottom: 1rem;
    border-left: 4px solid var(--panel-accent);
}

.panel-sprint-detail-title--inline[b-1o77ueykna] {
    padding: 0;
    border: none;
    font-size: 1.0625rem;
    font-weight: 600;
}

.panel-sprint-due[b-1o77ueykna] {
    font-size: 0.875rem;
    color: var(--panel-muted);
}

.panel-sprint-actions[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.panel-sprint-due-edit-wrap[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.panel-sprint-due-edit[b-1o77ueykna] {
    width: 10.5rem;
    padding: 0.4rem 0.6rem;
    font-size: 0.875rem;
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-sm);
    background: var(--panel-surface);
}

.panel-sprint-planning-actions[b-1o77ueykna] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
}

.panel-sprint-duration-unit[b-1o77ueykna] {
    box-sizing: border-box;
    height: 31px;
    min-height: 31px;
    padding: 0.25rem 2rem 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: var(--panel-radius-sm);
    border-color: var(--panel-border);
}

/* ========== Buttons ========== */
.panel-btn[b-1o77ueykna] {
    appearance: none;
    border-radius: var(--panel-radius-sm);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 0.45rem 0.9rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.panel-btn--primary[b-1o77ueykna] {
    background: var(--panel-accent);
    border: 1px solid var(--panel-accent);
    color: #fff;
}

.panel-btn--primary:hover[b-1o77ueykna] {
    background: var(--panel-accent-hover);
    border-color: var(--panel-accent-hover);
    color: #fff;
    box-shadow: 0 2px 8px rgba(21, 94, 143, 0.3);
}

.panel-btn--success[b-1o77ueykna] {
    background: var(--panel-ready);
    border: 1px solid var(--panel-ready);
    color: #fff;
}

.panel-btn--success:hover[b-1o77ueykna] {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.35);
}

.panel-btn--ghost[b-1o77ueykna] {
    background: transparent;
    border: 1px solid var(--panel-border);
    color: var(--panel-text);
}

.panel-btn--ghost:hover[b-1o77ueykna] {
    background: var(--panel-fill);
    border-color: #c7cdd8;
    color: var(--panel-text);
}

.panel-btn--ghost.panel-btn--danger:hover[b-1o77ueykna] {
    background: rgba(220, 38, 38, 0.08);
    border-color: #f87171;
    color: #b91c1c;
}

.panel-btn--sm[b-1o77ueykna] {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
}

.panel-btn--review[b-1o77ueykna] {
    background: rgba(13, 148, 136, 0.12);
    border: 1px solid rgba(13, 148, 136, 0.35);
    color: #0f766e;
}

.panel-btn--review:hover[b-1o77ueykna] {
    background: rgba(13, 148, 136, 0.2);
    border-color: #0d9488;
    color: #0d9488;
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.25);
}

.panel-btn--retro[b-1o77ueykna] {
    background: rgba(124, 58, 237, 0.12);
    border: 1px solid rgba(124, 58, 237, 0.35);
    color: #5b21b6;
}

.panel-btn--retro:hover[b-1o77ueykna] {
    background: rgba(124, 58, 237, 0.2);
    border-color: #7c3aed;
    color: #6d28d9;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
}

.panel-back-link[b-1o77ueykna] {
    appearance: none;
    background: transparent;
    border: 1px solid var(--panel-border);
    padding: 0.4rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--panel-accent);
    cursor: pointer;
    text-decoration: none;
    border-radius: var(--panel-radius-sm);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.panel-back-link:hover[b-1o77ueykna] {
    background: var(--panel-ready-bg);
    border-color: var(--panel-accent);
    color: var(--panel-accent);
    text-decoration: none;
}

.panel-back-link[b-1o77ueykna]::before {
    content: "← ";
    opacity: 0.9;
}

.panel-back-link--inline[b-1o77ueykna] {
    margin-left: 0.5rem;
}

/* ========== Actions menu (sprint bar dropdown) ========== */
.panel-actions-menu[b-1o77ueykna] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.panel-actions-menu-btn[b-1o77ueykna] {
    border: 1px solid var(--panel-border);
    background: var(--panel-surface);
    border-radius: var(--panel-radius-sm);
    padding: 0.35rem 0.7rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--panel-text);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.panel-actions-menu-btn:hover[b-1o77ueykna] {
    background: var(--panel-fill);
    border-color: #c7cdd8;
}

.panel-actions-menu-caret[b-1o77ueykna] {
    opacity: 0.7;
    margin-left: 0.25rem;
}

.panel-actions-menu-pop[b-1o77ueykna] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    min-width: 12rem;
    background: var(--panel-surface);
    border: 1px solid var(--panel-border);
    border-radius: var(--panel-radius-sm);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    padding: 0.35rem;
    z-index: 30;
}

.panel-actions-menu-item[b-1o77ueykna] {
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    border-radius: 0.35rem;
    padding: 0.5rem 0.7rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--panel-text);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.panel-actions-menu-item:hover[b-1o77ueykna] {
    background: var(--panel-fill);
    color: var(--panel-text);
}

.panel-actions-menu-item--danger:hover[b-1o77ueykna] {
    background: rgba(220, 38, 38, 0.08);
    color: #b91c1c;
}

.panel-actions-menu-item--success:hover[b-1o77ueykna] {
    background: var(--panel-ready-bg);
    color: var(--panel-ready);
}

/* ========== Sprint create table ========== */
.panel-section--form .border.rounded[b-1o77ueykna] {
    border-color: var(--panel-border) !important;
    border-radius: var(--panel-radius-sm) !important;
}

.panel-section--form .table[b-1o77ueykna] {
    font-size: 0.875rem;
}

.panel-section--form .table thead th[b-1o77ueykna] {
    font-weight: 600;
    color: var(--panel-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-color: var(--panel-border);
    background: var(--panel-fill);
}

.panel-section--form .table td[b-1o77ueykna] {
    border-color: var(--panel-border);
}

.panel-section--form .table-hover tbody tr:hover[b-1o77ueykna] {
    background: var(--panel-fill);
}

.sprint-select-th-check[b-1o77ueykna] { width: 2.5rem; }
.sprint-select-th-type[b-1o77ueykna] { width: 3rem; }
.sprint-select-th-name[b-1o77ueykna] { min-width: 10rem; }
.panel-sprint-item-name[b-1o77ueykna] { font-weight: 600; }
.sprint-select-th-desc[b-1o77ueykna] { min-width: 8rem; max-width: 14rem; }
.sprint-select-th-priority[b-1o77ueykna] { width: 6rem; }
.sprint-select-th-points[b-1o77ueykna] { width: 4rem; }
.sprint-select-row label.cursor-pointer[b-1o77ueykna] { cursor: pointer; }

/* ========== Type icons (match Backlog.razor.css – gear, bug, flower1) ========== */
.backlog-type-icon[b-1o77ueykna] {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Bootstrap Icons: gear – same as Backlog backlog-type-task-blue */
.backlog-type-task-blue[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230d6efd' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/%3E%3C/svg%3E");
}

/* Bootstrap Icons: bug – same paths/colors as Backlog backlog-type-bug-red */
.backlog-type-bug-red[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M4.355.522a.5.5 0 0 1 .623.333l.291.956A5 5 0 0 1 8 1c1.007 0 1.946.298 2.731.811l.29-.956a.5.5 0 1 1 .957.29l-.41 1.352A5 5 0 0 1 13 6h.5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 1 1 0v.5A1.5 1.5 0 0 1 13.5 7H13v1h1.5a.5.5 0 0 1 0 1H13v1h.5a1.5 1.5 0 0 1 1.5 1.5v.5a.5.5 0 1 1-1 0v-.5a.5.5 0 0 0-.5-.5H13a5 5 0 0 1-10 0h-.5a.5.5 0 0 0-.5.5v.5a.5.5 0 1 1-1 0v-.5A1.5 1.5 0 0 1 2.5 10H3V9H1.5a.5.5 0 0 1 0-1H3V7h-.5A1.5 1.5 0 0 1 1 5.5V5a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5H3c0-1.364.547-2.601 1.432-3.503l-.41-1.352a.5.5 0 0 1 .333-.623M4 7v4a4 4 0 0 0 3.5 3.97V7zm4.5 0v7.97A4 4 0 0 0 12 11V7zM12 6a4 4 0 0 0-1.334-2.982A3.98 3.98 0 0 0 8 2a3.98 3.98 0 0 0-2.667 1.018A4 4 0 0 0 4 6z'/%3E%3C/svg%3E");
}

/* Bootstrap Icons: flower1 – same as Backlog backlog-type-feature-yellow */
.backlog-type-feature-yellow[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e6a800' viewBox='0 0 16 16'%3E%3Cpath d='M6.174 1.184a2 2 0 0 1 3.652 0A2 2 0 0 1 12.99 3.01a2 2 0 0 1 1.826 3.164 2 2 0 0 1 0 3.652 2 2 0 0 1-1.826 3.164 2 2 0 0 1-3.164 1.826 2 2 0 0 1-3.652 0A2 2 0 0 1 3.01 12.99a2 2 0 0 1-1.826-3.164 2 2 0 0 1 0-3.652A2 2 0 0 1 3.01 3.01a2 2 0 0 1 3.164-1.826M8 1a1 1 0 0 0-.998 1.03l.01.091q.017.116.054.296c.049.241.122.542.213.887.182.688.428 1.513.676 2.314L8 5.762l.045-.144c.248-.8.494-1.626.676-2.314.091-.345.164-.646.213-.887a5 5 0 0 0 .064-.386L9 2a1 1 0 0 0-1-1M2 9l.03-.002.091-.01a5 5 0 0 0 .296-.054c.241-.049.542-.122.887-.213a61 61 0 0 0 2.314-.676L5.762 8l-.144-.045a61 61 0 0 0-2.314-.676 17 17 0 0 0-.887-.213 5 5 0 0 0-.386-.064L2 7a1 1 0 1 0 0 2m7 5-.002-.03a5 5 0 0 0-.064-.386 16 16 0 0 0-.213-.888 61 61 0 0 0-.676-2.314L8 10.238l-.045.144c-.248.8-.494 1.626-.676 2.314-.091.345-.164.646-.213.887a5 5 0 0 0-.064.386L7 14a1 1 0 1 0 2 0m-5.696-2.134.025-.017a5 5 0 0 0 .303-.248c.184-.164.408-.377.661-.629A61 61 0 0 0 5.96 9.23l.103-.111-.147.033a61 61 0 0 0-2.343.572c-.344.093-.64.18-.874.258a5 5 0 0 0-.367.138l-.027.014a1 1 0 1 0 1 1.732zM4.5 14.062a1 1 0 0 0 1.366-.366l.014-.027q.014-.03.036-.084a5 5 0 0 0 .102-.283c.078-.233.165-.53.258-.874a61 61 0 0 0 .572-2.343l.033-.147-.11.102a61 61 0 0 0-1.743 1.667 17 17 0 0 0-.629.66 5 5 0 0 0-.248.304l-.017.025a1 1 0 0 0 .366 1.366m9.196-8.196a1 1 0 0 0-1-1.732l-.025.017a5 5 0 0 0-.303.248 17 17 0 0 0-.661.629A61 61 0 0 0 10.04 6.77l-.102.111.147-.033a61 61 0 0 0 2.342-.572c.345-.093.642-.18.875-.258a5 5 0 0 0 .367-.138zM11.5 1.938a1 1 0 0 0-1.366.366l-.014.027q-.014.03-.036.084a5 5 0 0 0-.102.283c-.078.233-.165.53-.258.875a61 61 0 0 0-.572 2.342l-.033.147.11-.102a61 61 0 0 0 1.743-1.667c.252-.253.465-.477.629-.66a5 5 0 0 0 .248-.304l.017-.025a1 1 0 0 0-.366-1.366M14 9a1 1 0 0 0 0-2l-.03.002a5 5 0 0 0-.386.064c-.242.049-.543.122-.888.213-.688.182-1.513.428-2.314.676L10.238 8l.144.045c.8.248 1.626.494 2.314.676.345.091.646.164.887.213a5 5 0 0 0 .386.064zM1.938 4.5a1 1 0 0 0 .393 1.38l.084.035q.108.045.283.103c.233.078.53.165.874.258a61 61 0 0 0 2.343.572l.147.033-.103-.111a61 61 0 0 0-1.666-1.742 17 17 0 0 0-.66-.629 5 5 0 0 0-.304-.248l-.025-.017a1 1 0 0 0-1.366.366m2.196-1.196.017.025a5 5 0 0 0 .248.303c.164.184.377.408.629.661A61 61 0 0 0 6.77 5.96l.111.102-.033-.147a61 61 0 0 0-.572-2.342c-.093-.345-.18-.642-.258-.875a5 5 0 0 0-.138-.367l-.014-.027a1 1 0 1 0-1.732 1m9.928 8.196a1 1 0 0 0-.366-1.366l-.027-.014a5 5 0 0 0-.367-.138c-.233-.078-.53-.165-.875-.258a61 61 0 0 0-2.342-.572l-.147-.033.102.111a61 61 0 0 0 1.667 1.742c.253.252.477.465.66.629a5 5 0 0 0 .304.248l.025.017a1 1 0 0 0 1.366-.366m-3.928 2.196a1 1 0 0 0 1.732-1l-.017-.025a5 5 0 0 0-.248-.303 17 17 0 0 0-.629-.661A61 61 0 0 0 9.23 10.04l-.111-.102.033.147a61 61 0 0 0 .572 2.342c.093.345.18.642.258.875a5 5 0 0 0 .138.367zM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
}

.backlog-priority-flag[b-1o77ueykna] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.panel-card-meta .backlog-priority-flag[b-1o77ueykna] {
    width: 0.875rem;
    height: 0.875rem;
}

.backlog-priority-flag-low[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230d9488' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-priority-flag-medium[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23b45309' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-priority-flag-high[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2626' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.backlog-points-1-3[b-1o77ueykna] { color: #0d9488; background-color: var(--panel-ready-bg); }
.backlog-points-4-6[b-1o77ueykna] { color: #b45309; background-color: var(--panel-progress-bg); }
.backlog-points-7[b-1o77ueykna] { color: #ea580c; background-color: rgba(234, 88, 12, 0.12); }
.backlog-points-8-10[b-1o77ueykna] { color: #b91c1c; background-color: rgba(185, 28, 28, 0.1); }

.priority-low[b-1o77ueykna] { color: #0d9488; }
.priority-medium[b-1o77ueykna] { color: #b45309; }
.priority-high[b-1o77ueykna] { color: #b91c1c; }

/* ========== Rich text editor ========== */
.kb-richtext-toolbar[b-1o77ueykna] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    flex-wrap: wrap;
    background: var(--panel-fill);
    border: 1px solid var(--panel-border);
    border-bottom: none;
    border-radius: var(--panel-radius-sm) var(--panel-radius-sm) 0 0;
    padding: 0.3rem 0.4rem;
}

.kb-richtext-btn[b-1o77ueykna] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    border-radius: 4px;
    padding: 0;
    color: var(--panel-muted);
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.kb-richtext-btn:hover[b-1o77ueykna] {
    background: var(--panel-surface);
    color: var(--panel-text);
    box-shadow: var(--panel-shadow);
}

.kb-richtext-icon[b-1o77ueykna] {
    display: block;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.kb-richtext-icon--bold[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a1d26' viewBox='0 0 16 16'%3E%3Cpath d='M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.767-1.018-2.98-2.674-2.98-1.767 0-2.98 1.002-3.226 2.55H4.627C4.923 4.259 6.07 3 8.016 3c2.34 0 3.855 1.18 4.064 3.055h-1.96c-.157-1.198-.962-2.004-2.104-2.004-1.307 0-2.168.963-2.168 2.335 0 1.369.861 2.335 2.168 2.335 1.142 0 1.947-.806 2.104-2.004h1.96c-.21 1.875-1.724 3.055-4.064 3.055z'/%3E%3C/svg%3E");
}

.kb-richtext-icon--italic[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a1d26' viewBox='0 0 16 16'%3E%3Cpath d='M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H6.211l-.11.52c1.101.096 1.224.212 1.347.807l1.538 7.219c.123.595.246.71 1.347.806l.11.52H3.549l.11-.52c1.102-.096 1.224-.211 1.347-.806z'/%3E%3C/svg%3E");
}

.kb-richtext-icon--ul[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a1d26' viewBox='0 0 16 16'%3E%3Cpath d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.kb-richtext-icon--ol[b-1o77ueykna] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a1d26' viewBox='0 0 16 16'%3E%3Cpath d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 4.5 1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0-4 1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 7 1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
}

.kb-richtext-toolbar-sep[b-1o77ueykna] {
    width: 1px;
    height: 1.25rem;
    background: var(--panel-border);
    margin: 0 0.2rem;
}

.kb-richtext-editor[b-1o77ueykna] {
    min-height: 220px;
    border: 1px solid var(--panel-border);
    border-radius: 0 0 var(--panel-radius-sm) var(--panel-radius-sm);
    padding: 0.85rem 1rem;
    background: var(--panel-surface);
    outline: none;
    font-size: 0.9375rem;
    line-height: 1.55;
}

.kb-richtext-editor:focus[b-1o77ueykna] {
    border-color: var(--panel-accent);
    box-shadow: 0 0 0 3px rgba(21, 94, 143, 0.15);
}

.kb-richtext-footer[b-1o77ueykna] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

/* _content/Kanbadger.Web/Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-qi7jjnwrv3] {
    padding: 1.5rem;
    max-width: 36rem;
}

.settings-page h1[b-qi7jjnwrv3] {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.settings-section[b-qi7jjnwrv3] {
    margin-bottom: 2rem;
}

.settings-section h2[b-qi7jjnwrv3] {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.settings-section .text-muted[b-qi7jjnwrv3] {
    margin-bottom: 1rem;
    font-size: 0.9rem;
}
/* _content/Kanbadger.Web/Components/Shared/OrgProjectSelector.razor.rz.scp.css */
.org-project-selector__backdrop[b-xk9gkq6je1] {
    position: fixed;
    inset: 0;
    z-index: 98;
    background: transparent;
}

.org-project-selector[b-xk9gkq6je1] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.org-project-selector.open[b-xk9gkq6je1] {
    position: relative;
    z-index: 99;
}

.org-project-selector__group[b-xk9gkq6je1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

.org-project-selector__trigger-wrapper[b-xk9gkq6je1] {
    position: relative;
}

.org-project-selector__trigger[b-xk9gkq6je1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.5rem;
    font-size: var(--kb-font-size-sm, 13px);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--kb-border-radius, 4px);
    color: var(--kb-primary, #155E8F);
    cursor: pointer;
    white-space: nowrap;
    max-width: 14rem;
    min-width: 5rem;
}

.org-project-selector__trigger--pill[b-xk9gkq6je1] {
    padding: 0.3rem 0.65rem;
    border-radius: 9999px;
    background: rgba(21, 94, 143, 0.06);
    border: 1px solid rgba(21, 94, 143, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.org-project-selector__trigger--pill:hover:not(:disabled)[b-xk9gkq6je1] {
    background: rgba(21, 94, 143, 0.12);
    border-color: rgba(21, 94, 143, 0.35);
    box-shadow: 0 2px 6px rgba(21, 94, 143, 0.15);
}

.org-project-selector__trigger:disabled[b-xk9gkq6je1] {
    cursor: default;
    opacity: 0.75;
    background: rgba(0, 0, 0, 0.04);
}

/* Avatar (org image) no trigger */
.org-project-selector__avatar[b-xk9gkq6je1] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* Ícone de organização (prédio) quando não tem imagem */
.org-project-selector__icon-org[b-xk9gkq6je1] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23155E8F' viewBox='0 0 16 16'%3E%3Cpath d='M1 5.5L8 2l7 3.5V14H1V5.5z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Ícone de projeto (documento com linhas) no trigger */
.org-project-selector__icon-proj[b-xk9gkq6je1] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23155E8F' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v12h10V2H3zm1 3h8v1H4V5zm0 2h6v1H4V7zm0 2h8v1H4V9z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.org-project-selector__label[b-xk9gkq6je1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org-project-selector__label-text[b-xk9gkq6je1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Inline spinner shown while restoring org/project context (Story 2.4). */
.org-project-selector__spinner[b-xk9gkq6je1] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.35rem;
    vertical-align: -0.1em;
    border: 2px solid rgba(21, 94, 143, 0.25);
    border-top-color: rgba(21, 94, 143, 0.95);
    border-radius: 50%;
    animation: org-project-selector-spin-b-xk9gkq6je1 0.85s linear infinite;
}

@keyframes org-project-selector-spin-b-xk9gkq6je1 {
    to { transform: rotate(360deg); }
}

/* Chevron (seta) via CSS */
.org-project-selector__chevron[b-xk9gkq6je1] {
    width: 0;
    height: 0;
    margin-left: 0.15rem;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: 0.85;
    flex-shrink: 0;
}

.org-project-selector__separator[b-xk9gkq6je1] {
    color: rgba(0, 0, 0, 0.35);
    font-size: 0.9em;
    font-weight: 300;
    user-select: none;
}

.org-project-selector__framework[b-xk9gkq6je1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    font-size: var(--kb-font-size-sm, 13px);
    color: var(--kb-muted, rgba(0, 0, 0, 0.55));
}

.org-project-selector__framework .framework-badge-icon[b-xk9gkq6je1] {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
}

/* Dropdown com visual de cards */
.org-project-selector__dropdown[b-xk9gkq6je1] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    min-width: 100%;
    max-width: 22rem;
    max-height: 18rem;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    z-index: 100;
}

.org-project-selector__option[b-xk9gkq6je1] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-size: var(--kb-font-size-sm, 13px);
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    gap: 0.5rem;
}

.org-project-selector__option:hover[b-xk9gkq6je1] {
    background: rgba(21, 94, 143, 0.08);
}

.org-project-selector__option.selected[b-xk9gkq6je1] {
    background: rgba(21, 94, 143, 0.12);
    color: var(--kb-primary, #155E8F);
}

.org-project-selector__option--with-avatar .org-project-selector__option-label[b-xk9gkq6je1],
.org-project-selector__option--with-icon .org-project-selector__option-label[b-xk9gkq6je1] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org-project-selector__option-avatar[b-xk9gkq6je1] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.org-project-selector__option-icon-org[b-xk9gkq6je1] {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23155E8F' viewBox='0 0 16 16'%3E%3Cpath d='M1 5.5L8 2l7 3.5V14H1V5.5z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.org-project-selector__option-icon-proj[b-xk9gkq6je1] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23155E8F' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v12h10V2H3zm1 3h8v1H4V5zm0 2h6v1H4V7zm0 2h8v1H4V9z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.org-project-selector__empty[b-xk9gkq6je1],
.org-project-selector__loading[b-xk9gkq6je1] {
    padding: 0.75rem 1rem;
    font-size: var(--kb-font-size-sm, 13px);
    color: #666;
}