/* _content/DevTrack.Web/Components/Editors/RichTextEditor.razor.rz.scp.css */
.rich-editor[b-kpoodea9z9] {
    display: grid;
    gap: 0.42rem;
}

.rich-editor-label[b-kpoodea9z9] {
    font-size: 0.9rem;
    font-weight: 600;
}

.rich-editor-frame[b-kpoodea9z9] {
    display: grid;
    gap: 0;
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border);
    background: var(--color-control-bg);
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.rich-editor-toolbar[b-kpoodea9z9] {
    padding: 0.22rem 0.3rem;
    background: var(--color-panel);
    border-bottom: 1px solid var(--color-border);
}

.rich-editor-frame[b-kpoodea9z9]  .ql-toolbar.ql-snow {
    display: flex;
    flex-wrap: wrap;
    gap: 0.12rem;
    padding: 0;
    border: none;
    background: transparent;
}

.rich-editor-frame[b-kpoodea9z9]  .ql-formats {
    margin-right: 0.2rem;
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button {
    border-radius: 0.8rem;
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow button:hover,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button:focus,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label:hover,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label.ql-active,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-item:hover,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-item.ql-selected {
    color: var(--color-text-strong);
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow button:hover .ql-stroke,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button:focus .ql-stroke,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button.ql-active .ql-stroke,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label:hover .ql-stroke,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label.ql-active .ql-stroke {
    stroke: var(--color-text-strong);
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow button:hover .ql-fill,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button:focus .ql-fill,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button.ql-active .ql-fill,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label:hover .ql-fill,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label.ql-active .ql-fill {
    fill: var(--color-text-strong);
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker {
    color: var(--color-text);
    font-size: 0.82rem;
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-label,
.rich-editor-frame[b-kpoodea9z9]  .ql-snow button {
    min-height: 2rem;
    min-width: 2rem;
    padding: 0.34rem 0.46rem;
}

.rich-editor-frame[b-kpoodea9z9]  .ql-snow .ql-picker-options {
    border-radius: var(--radius-control);
    border: 1px solid var(--color-border);
    background: var(--color-panel);
    color: var(--color-text);
}

.rich-editor-image-tools[b-kpoodea9z9] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    padding: 0.32rem 0.45rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-muted);
    font-size: 0.82rem;
}

.rich-editor-image-tools-hidden[b-kpoodea9z9] {
    display: none;
}

.rich-editor-width-input[b-kpoodea9z9] {
    min-height: 2rem;
    width: 8.4rem;
    padding: 0.36rem 0.62rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-control);
    background: var(--color-control-bg);
    color: var(--color-text);
}

.rich-editor-image-button[b-kpoodea9z9] {
    min-height: 2rem;
    padding: 0.34rem 0.72rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-control);
    background: var(--color-control-bg);
    color: var(--color-text);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}

.rich-editor-image-button:hover[b-kpoodea9z9] {
    background: var(--color-surface);
}

.rich-editor-surface[b-kpoodea9z9] {
    min-height: 220px;
    background: #101116;
}

.rich-editor-surface-compact[b-kpoodea9z9] {
    min-height: 120px;
}

.rich-editor-surface[b-kpoodea9z9]  .ql-container.ql-snow {
    border: none;
    color: var(--color-text);
    font: inherit;
}

.rich-editor-surface[b-kpoodea9z9]  .ql-editor {
    min-height: inherit;
    padding: 0.68rem 0.8rem;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--color-text-strong);
}

.rich-editor-surface-compact[b-kpoodea9z9]  .ql-editor {
    padding: 0.6rem 0.72rem;
    line-height: 1.42;
}

.rich-editor-surface[b-kpoodea9z9]  .ql-editor.ql-blank::before {
    color: var(--color-muted);
    font-style: normal;
    left: 0.8rem;
}

.rich-editor-surface-compact[b-kpoodea9z9]  .ql-editor.ql-blank::before {
    left: 0.72rem;
}

.rich-editor-surface[b-kpoodea9z9]  .ql-editor img {
    max-width: 100%;
    border-radius: 0.85rem;
    cursor: pointer;
}

.rich-editor-surface[b-kpoodea9z9]  .ql-editor img.rich-editor-selected-image {
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
}

.rich-editor-surface[b-kpoodea9z9]  .ql-editor pre.ql-syntax {
    border-radius: var(--radius-control);
    background: rgba(255, 255, 255, 0.06);
}

.rich-editor-footer[b-kpoodea9z9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.52rem 0.75rem 0.62rem;
    border-top: 1px solid var(--color-border);
    background: var(--color-panel);
}

.rich-editor-footer-actions[b-kpoodea9z9] {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.rich-editor-attach[b-kpoodea9z9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--color-text);
    font-weight: 600;
    cursor: pointer;
}

.rich-editor-attach-icon[b-kpoodea9z9] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

.rich-editor-file[b-kpoodea9z9] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
/* _content/DevTrack.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout scoped CSS removed — styles live in Tailwind utility classes */
/* _content/DevTrack.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu scoped styles — nav-item and nav-icon-wrap use CSS that needs ::deep / active class */

[b-cv5293ycgk] .nav-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.46rem 0.6rem;
    border-radius: 0.5rem;
    color: var(--color-muted);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid transparent;
    transition: background 0.14s, border-color 0.14s, color 0.14s;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

[b-cv5293ycgk] .nav-item:hover {
    background: var(--color-nav-hover-bg);
    border-color: var(--color-nav-hover-border);
    color: var(--color-text);
}

[b-cv5293ycgk] .nav-item.active {
    background: var(--color-nav-active-bg);
    border-color: var(--color-nav-active-border);
    color: var(--color-text-strong);
}

[b-cv5293ycgk] .nav-item.active .nav-icon-wrap {
    color: var(--color-text-strong);
}

.nav-icon-wrap[b-cv5293ycgk] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: var(--color-muted);
    transition: background 0.18s, color 0.18s;
}

.nav-icon-wrap svg[b-cv5293ycgk] {
    width: 0.9rem;
    height: 0.9rem;
}

[b-cv5293ycgk] .nav-item:hover .nav-icon-wrap {
    background: transparent;
    color: var(--color-text);
}

.nav-label[b-cv5293ycgk] {
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/DevTrack.Web/Components/Markdown/MarkdownEditor.razor.rz.scp.css */
.markdown-editor[b-738w585tyd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.editor-pane[b-738w585tyd],
.preview-pane[b-738w585tyd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.helper-chips[b-738w585tyd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.helper-chips span[b-738w585tyd] {
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--app-muted);
    font-size: 0.78rem;
}

.editor-label[b-738w585tyd] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--app-muted);
}

.editor-textarea[b-738w585tyd],
.preview-surface[b-738w585tyd] {
    min-height: 320px;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: var(--app-text);
}

.editor-textarea[b-738w585tyd] {
    resize: vertical;
    font: inherit;
}

.preview-empty[b-738w585tyd] {
    margin: 0;
    color: var(--app-muted);
}

.markdown-body[b-738w585tyd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.markdown-body :deep(p)[b-738w585tyd],
.markdown-body :deep(ul)[b-738w585tyd],
.markdown-body :deep(ol)[b-738w585tyd],
.markdown-body :deep(pre)[b-738w585tyd] {
    margin: 0;
}

.markdown-body :deep(pre)[b-738w585tyd] {
    padding: 0.75rem;
    border-radius: 0.75rem;
    overflow-x: auto;
    background: rgba(0, 0, 0, 0.28);
}

.markdown-body :deep(code)[b-738w585tyd] {
    font-family: Consolas, "Courier New", monospace;
}

@media (max-width: 900px) {
    .markdown-editor[b-738w585tyd] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevTrack.Web/Components/Pages/ApiTokens.razor.rz.scp.css */
.tokens-page[b-2dr4wpt04r] {
    gap: 0.85rem;
}

.tokens-layout[b-2dr4wpt04r] {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.85fr);
    align-items: start;
}

.tokens-layout-single[b-2dr4wpt04r] {
    grid-template-columns: minmax(0, 1fr);
}

.token-create-card[b-2dr4wpt04r] {
    gap: 0.95rem;
}

.token-form[b-2dr4wpt04r] {
    display: grid;
    gap: 0.95rem;
}

.token-form-grid[b-2dr4wpt04r] {
    gap: 0.8rem;
}

.token-permission-group[b-2dr4wpt04r] {
    gap: 0.45rem;
}

.token-permission-options[b-2dr4wpt04r] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.token-output-card[b-2dr4wpt04r] {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    min-height: 100%;
}

.token-output[b-2dr4wpt04r] {
    display: block;
    padding: 0.95rem 1rem;
    border-radius: 1.1rem;
    background: rgba(6, 14, 22, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #ffe6a7;
    word-break: break-all;
    line-height: 1.5;
    font-size: 0.92rem;
}

.token-section-card[b-2dr4wpt04r] {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.token-section-switcher[b-2dr4wpt04r] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.token-section-switcher .toggle-chip[b-2dr4wpt04r] {
    border: none;
    cursor: pointer;
}

.token-section-switcher strong[b-2dr4wpt04r] {
    font-size: 0.92rem;
}

.token-toggle-active[b-2dr4wpt04r] {
    background: rgba(244, 197, 66, 0.18);
    color: #ffe7a2;
    border-color: rgba(244, 197, 66, 0.32);
}

.token-badge-row[b-2dr4wpt04r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.token-permission-pill[b-2dr4wpt04r] {
    background: rgba(244, 197, 66, 0.14);
    color: #ffe7a2;
}

.status-pill.paused[b-2dr4wpt04r] {
    background: rgba(255, 128, 128, 0.14);
    color: #ffc6c6;
}

.list-card .data-table td code[b-2dr4wpt04r] {
    display: inline-flex;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: #d9ebff;
}

.list-card .data-table td strong[b-2dr4wpt04r] {
    display: inline-block;
    margin-top: 0.1rem;
}

@media (max-width: 980px) {
    .tokens-layout[b-2dr4wpt04r],
    .token-form-grid[b-2dr4wpt04r] {
        grid-template-columns: 1fr;
    }

    .token-section-switcher[b-2dr4wpt04r] {
        flex-direction: column;
    }
}
/* _content/DevTrack.Web/Components/Pages/Backlog.razor.rz.scp.css */
/* Backlog — styles handled by Tailwind and @layer components in input.css */
/* _content/DevTrack.Web/Components/Pages/Home.razor.rz.scp.css */
/* Home — styles handled by Tailwind and @layer components in input.css */
/* _content/DevTrack.Web/Components/Pages/Kanban.razor.rz.scp.css */
/* Kanban — styles handled by Tailwind and @layer components in input.css */
/* _content/DevTrack.Web/Components/Pages/MyWork.razor.rz.scp.css */
.page-shell[b-lixywsmkx5] {
    display: grid;
    gap: 0.8rem;
}

.page-header[b-lixywsmkx5],
.panel-card[b-lixywsmkx5] {
    padding: 1rem 1.05rem;
    border-radius: var(--radius-card);
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    box-shadow: var(--panel-shadow);
}

.page-header h1[b-lixywsmkx5] {
    margin: 0;
}

.eyebrow[b-lixywsmkx5] {
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--app-accent);
    font-size: 0.76rem;
}

.summary-grid[b-lixywsmkx5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.summary-card[b-lixywsmkx5] {
    display: grid;
    gap: 0.45rem;
}

.summary-card strong[b-lixywsmkx5] {
    font-size: 1.5rem;
}

.summary-label[b-lixywsmkx5] {
    color: var(--app-muted);
    text-transform: uppercase;
    font-size: 0.74rem;
    letter-spacing: 0.12em;
}

.table-shell[b-lixywsmkx5] {
    overflow-x: auto;
}

.data-table[b-lixywsmkx5] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-lixywsmkx5],
.data-table td[b-lixywsmkx5] {
    padding: 0.75rem 0.55rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    vertical-align: top;
    text-align: left;
}

.data-table th[b-lixywsmkx5] {
    color: var(--app-muted);
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.row-description[b-lixywsmkx5],
.empty-state[b-lixywsmkx5] {
    margin: 0.35rem 0 0;
    color: var(--app-muted);
}

.status-pill[b-lixywsmkx5],
.deadline-chip[b-lixywsmkx5] {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
}

.status-pill.todo[b-lixywsmkx5] {
    background: rgba(255, 255, 255, 0.08);
}

.status-pill.progress[b-lixywsmkx5] {
    background: rgba(244, 197, 66, 0.16);
    color: #ffe7a2;
}

.status-pill.paused[b-lixywsmkx5] {
    background: rgba(255, 107, 107, 0.18);
    color: #ffd1d1;
}

.status-pill.review[b-lixywsmkx5] {
    background: rgba(137, 180, 250, 0.16);
    color: #d6e7ff;
}

.status-pill.testing[b-lixywsmkx5] {
    background: rgba(196, 120, 255, 0.16);
    color: #edceff;
}

.status-pill.done[b-lixywsmkx5] {
    background: rgba(60, 207, 145, 0.14);
    color: #bdf5d8;
}

.deadline-chip[b-lixywsmkx5] {
    background: rgba(255, 255, 255, 0.08);
}

.deadline-chip.due-soon[b-lixywsmkx5] {
    background: rgba(244, 197, 66, 0.16);
    color: #ffe7a2;
}

.deadline-chip.overdue[b-lixywsmkx5] {
    background: rgba(255, 107, 107, 0.14);
    color: #ffc0c0;
}

@media (max-width: 900px) {
    .summary-grid[b-lixywsmkx5] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevTrack.Web/Components/Pages/Projects.razor.rz.scp.css */
/* Tailwind-first page: scoped CSS intentionally left empty. */
/* _content/DevTrack.Web/Components/Pages/PullRequestSettings.razor.rz.scp.css */
.pull-request-settings-page[b-e35p8lvtjp] {
    gap: 0.75rem;
}

.pull-request-settings-grid[b-e35p8lvtjp] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.75fr);
    gap: 0.8rem;
    align-items: start;
}

.pull-request-settings-form[b-e35p8lvtjp],
.pull-request-settings-summary[b-e35p8lvtjp] {
    display: grid;
    gap: 0.8rem;
}

.pull-request-settings-card[b-e35p8lvtjp] {
    display: grid;
    gap: 0.85rem;
}

.pull-request-settings-head[b-e35p8lvtjp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pull-request-settings-head h2[b-e35p8lvtjp] {
    margin: 0.25rem 0 0;
    font-size: 1rem;
}

.pull-request-settings-fields[b-e35p8lvtjp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.pull-request-settings-actions[b-e35p8lvtjp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding-top: 0.15rem;
}

.pull-request-summary-card[b-e35p8lvtjp] {
    display: grid;
    gap: 0.35rem;
}

.pull-request-summary-card strong[b-e35p8lvtjp] {
    display: block;
    font-size: 1rem;
    line-height: 1.4;
    word-break: break-word;
}

.pull-request-summary-card p[b-e35p8lvtjp] {
    margin: 0;
}

@media (max-width: 980px) {
    .pull-request-settings-grid[b-e35p8lvtjp],
    .pull-request-settings-fields[b-e35p8lvtjp] {
        grid-template-columns: 1fr;
    }

    .pull-request-settings-head[b-e35p8lvtjp] {
        flex-direction: column;
    }

    .pull-request-settings-actions[b-e35p8lvtjp] {
        justify-content: stretch;
    }
}
/* _content/DevTrack.Web/Components/Pages/Sprints.razor.rz.scp.css */
/* Tailwind-first page: scoped CSS intentionally left empty. */
/* _content/DevTrack.Web/Components/Pages/Users.razor.rz.scp.css */
/* Tailwind-first page: scoped CSS intentionally left empty. */
/* _content/DevTrack.Web/Components/Pages/Views/OperationalViews.razor.rz.scp.css */
.eyebrow[b-2t8mnug95q] {
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--color-accent);
    font-size: 0.76rem;
}

.switcher-card[b-2t8mnug95q] {
    display: grid;
    gap: 0.75rem;
}

.view-switcher[b-2t8mnug95q],
.filter-actions[b-2t8mnug95q] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.view-button[b-2t8mnug95q],
.ghost-button[b-2t8mnug95q],
.text-button[b-2t8mnug95q] {
    border: none;
    border-radius: 999px;
    font: inherit;
}

.view-button[b-2t8mnug95q],
.ghost-button[b-2t8mnug95q] {
    min-height: 2.55rem;
    padding: 0.65rem 0.9rem;
}

.view-button[b-2t8mnug95q] {
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-text);
}

.view-button.selected[b-2t8mnug95q] {
    background: linear-gradient(135deg, var(--color-accent), #ffe08a);
    color: #07111b;
    font-weight: 700;
}

.field-group[b-2t8mnug95q] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.filter-grid[b-2t8mnug95q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.field-input[b-2t8mnug95q] {
    width: 100%;
    padding: 0.65rem 0.8rem;
    border-radius: var(--radius-control);
    border: 1px solid var(--color-control-border);
    background: var(--color-control-bg);
    color: var(--color-text);
    font: inherit;
}

.ghost-button[b-2t8mnug95q] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--color-text);
}

.text-button[b-2t8mnug95q] {
    padding: 0;
    background: transparent;
    color: var(--color-accent);
    cursor: pointer;
}

.empty-state[b-2t8mnug95q] {
    margin: 0;
    color: var(--color-muted);
}

@media (max-width: 1100px) {
    .filter-grid[b-2t8mnug95q] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevTrack.Web/Components/PullRequests/PullRequestModal.razor.rz.scp.css */
/* PullRequestModal — styles handled by Tailwind in markup */
/* _content/DevTrack.Web/Components/Tasks/ServiceCatalogPicker.razor.rz.scp.css */
.service-picker-shell[b-z6dvs9muxy] {
    position: relative;
}

.service-picker-input-shell[b-z6dvs9muxy] {
    position: relative;
}

.service-picker-icon[b-z6dvs9muxy] {
    position: absolute;
    left: 0.8rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    transform: translateY(-50%);
    color: var(--color-muted);
    pointer-events: none;
}

.service-picker-icon svg[b-z6dvs9muxy] {
    display: block;
    width: 100%;
    height: 100%;
}

.service-picker-input[b-z6dvs9muxy] {
    padding-left: 2.25rem;
    font-size: 0.84rem;
}

.service-picker-menu[b-z6dvs9muxy] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    max-height: 15rem;
    overflow-y: auto;
    border: 1px solid var(--color-control-border);
    border-radius: var(--radius-control);
    background-color: var(--color-panel);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    z-index: 50;
}

.service-picker-option[b-z6dvs9muxy] {
    width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.08rem;
    padding: 0.65rem 0.8rem;
    border: 0;
    border-bottom: 1px solid var(--color-border);
    border-radius: 0;
    background-color: var(--color-panel);
    text-align: left;
}

.service-picker-option:last-child[b-z6dvs9muxy] {
    border-bottom: 0;
}

.service-picker-option:hover[b-z6dvs9muxy],
.service-picker-option-selected[b-z6dvs9muxy] {
    background: var(--color-surface);
}

.service-picker-option-title[b-z6dvs9muxy] {
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-text-strong);
}

.service-picker-option-secondary[b-z6dvs9muxy] {
    font-size: 0.76rem;
    line-height: 1.2;
    color: var(--color-muted);
}

html[data-theme="light"] .service-picker-menu[b-z6dvs9muxy],
html[data-theme="light"] .service-picker-option[b-z6dvs9muxy] {
    background-color: #ffffff;
}
/* _content/DevTrack.Web/Components/Tasks/TaskAttachmentInlinePicker.razor.rz.scp.css */
.task-attachment-inline[b-kblmfv7v6r] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: min(100%, 22rem);
}

.task-attachment-inline-trigger[b-kblmfv7v6r] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--color-text);
    font-weight: 600;
    cursor: pointer;
}

.task-attachment-inline-trigger-icon[b-kblmfv7v6r] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
}

.task-attachment-inline-input[b-kblmfv7v6r] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.task-attachment-inline-helper[b-kblmfv7v6r] {
    font-size: 0.75rem;
    color: var(--color-muted);
}

.task-attachment-inline-list[b-kblmfv7v6r] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.task-attachment-inline-item[b-kblmfv7v6r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.5rem 0.7rem;
    border-radius: var(--radius-control);
    border: 1px solid var(--color-border);
    background: var(--color-control-bg);
}

.task-attachment-inline-link[b-kblmfv7v6r] {
    text-decoration: none;
}

.task-attachment-inline-copy[b-kblmfv7v6r] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.task-attachment-inline-name[b-kblmfv7v6r] {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-text);
    word-break: break-word;
}

.task-attachment-inline-meta[b-kblmfv7v6r] {
    font-size: 0.71rem;
    line-height: 1.2;
    color: var(--color-muted);
}
/* _content/DevTrack.Web/Components/Views/CalendarView.razor.rz.scp.css */
.calendar-header-card[b-kjjda0k7a6],
.calendar-assignee-header[b-kjjda0k7a6] {
    display: grid;
    gap: 0.65rem;
}

.calendar-header-card h2[b-kjjda0k7a6],
.calendar-assignee-header h2[b-kjjda0k7a6] {
    margin: 0;
}

.calendar-weekdays[b-kjjda0k7a6],
.calendar-month-grid[b-kjjda0k7a6] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

.calendar-weekdays span[b-kjjda0k7a6] {
    color: var(--color-muted);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.calendar-assignee-list[b-kjjda0k7a6] {
    display: grid;
    gap: 0.8rem;
}

.calendar-assignee-card[b-kjjda0k7a6] {
    display: grid;
    gap: 0.8rem;
}

.calendar-day-cell[b-kjjda0k7a6] {
    min-height: 88px;
    display: grid;
    align-content: start;
    gap: 0.3rem;
    padding: 0.6rem;
    border-radius: var(--radius-soft);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.calendar-day-number[b-kjjda0k7a6],
.calendar-zero[b-kjjda0k7a6],
.empty-state[b-kjjda0k7a6] {
    color: var(--color-muted);
}

.calendar-day-number[b-kjjda0k7a6] {
    font-size: 0.82rem;
}

.calendar-day-cell strong[b-kjjda0k7a6] {
    font-size: 1rem;
}

.calendar-day-cell span[b-kjjda0k7a6] {
    font-size: 0.8rem;
}

.calendar-day-cell.healthy[b-kjjda0k7a6] {
    background: rgba(60, 207, 145, 0.12);
    border-color: rgba(60, 207, 145, 0.25);
}

.calendar-day-cell.overbooked[b-kjjda0k7a6] {
    background: rgba(255, 107, 107, 0.14);
    border-color: rgba(255, 107, 107, 0.28);
}

.calendar-day-cell.outside-month[b-kjjda0k7a6] {
    opacity: 0.45;
}

.calendar-day-cell.empty-day[b-kjjda0k7a6] {
    background: rgba(255, 255, 255, 0.03);
}

@media (max-width: 1100px) {
    .calendar-weekdays[b-kjjda0k7a6],
    .calendar-month-grid[b-kjjda0k7a6] {
        grid-template-columns: repeat(7, minmax(90px, 1fr));
        overflow-x: auto;
    }
}
/* _content/DevTrack.Web/Components/Views/DailyView.razor.rz.scp.css */
.summary-grid[b-kfbscop0nb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.55rem;
}

.summary-card strong[b-kfbscop0nb],
.summary-label[b-kfbscop0nb] {
    display: block;
}

.summary-card strong[b-kfbscop0nb] {
    margin-top: 0.18rem;
    font-size: 1.25rem;
}

.summary-card[b-kfbscop0nb] {
    padding: 0.78rem 0.82rem;
}

.summary-label[b-kfbscop0nb],
.eyebrow[b-kfbscop0nb],
.focus-meta[b-kfbscop0nb],
.empty-state[b-kfbscop0nb] {
    color: var(--color-muted);
}

.eyebrow[b-kfbscop0nb] {
    margin: 0 0 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.76rem;
}

.section-header h2[b-kfbscop0nb] {
    margin: 0;
}

.card-grid[b-kfbscop0nb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.focus-card[b-kfbscop0nb] {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border-radius: var(--radius-soft);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.focus-header[b-kfbscop0nb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.focus-meta[b-kfbscop0nb],
.empty-state[b-kfbscop0nb] {
    margin: 0;
}

.status-pill[b-kfbscop0nb] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    font-size: 0.82rem;
}

.status-pill.todo[b-kfbscop0nb] {
    background: rgba(255, 255, 255, 0.08);
}

.status-pill.progress[b-kfbscop0nb] {
    background: rgba(244, 197, 66, 0.16);
    color: #ffe7a2;
}

.status-pill.paused[b-kfbscop0nb] {
    background: rgba(255, 107, 107, 0.18);
    color: #ffd1d1;
}

.status-pill.review[b-kfbscop0nb] {
    background: rgba(137, 180, 250, 0.16);
    color: #d6e7ff;
}

.status-pill.testing[b-kfbscop0nb] {
    background: rgba(196, 120, 255, 0.16);
    color: #edceff;
}

.status-pill.release[b-kfbscop0nb] {
    background: rgba(91, 219, 255, 0.16);
    color: #d2f7ff;
}

.status-pill.done[b-kfbscop0nb] {
    background: rgba(60, 207, 145, 0.14);
    color: #bdf5d8;
}

.paused-card[b-kfbscop0nb] {
    border-color: rgba(255, 107, 107, 0.24);
    background: linear-gradient(180deg, rgba(92, 17, 21, 0.22), rgba(24, 10, 12, 0.86));
}

@media (max-width: 1100px) {
    .summary-grid[b-kfbscop0nb] {
        grid-template-columns: 1fr;
    }

    .focus-header[b-kfbscop0nb] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/DevTrack.Web/Components/Views/MonthlyView.razor.rz.scp.css */
.summary-grid[b-lke3w0fexo],
.content-grid[b-lke3w0fexo] {
    display: grid;
    gap: 0.65rem;
}

.summary-grid[b-lke3w0fexo] {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.content-grid[b-lke3w0fexo] {
    grid-template-columns: 1.1fr 0.9fr;
    margin-top: 1rem;
}

.summary-card[b-lke3w0fexo] {
    padding: 0.78rem 0.82rem;
}

.summary-card strong[b-lke3w0fexo] {
    margin-top: 0.18rem;
    font-size: 1.25rem;
}

.summary-label[b-lke3w0fexo],
.eyebrow[b-lke3w0fexo],
.empty-state[b-lke3w0fexo],
.timeline-item p[b-lke3w0fexo],
.project-item p[b-lke3w0fexo] {
    color: var(--color-muted);
}

.eyebrow[b-lke3w0fexo],
.timeline-item p[b-lke3w0fexo],
.project-item p[b-lke3w0fexo] {
    margin: 0;
}

.eyebrow[b-lke3w0fexo] {
    margin-bottom: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.76rem;
}

.panel-card h2[b-lke3w0fexo] {
    margin: 0 0 1rem;
}

.section-subtitle[b-lke3w0fexo] {
    margin-top: 1.1rem !important;
}

.overdue-summary-card[b-lke3w0fexo] {
    background: linear-gradient(180deg, rgba(120, 18, 24, 0.42), rgba(54, 10, 14, 0.9));
    border-color: rgba(255, 107, 107, 0.3);
}

.overdue-panel[b-lke3w0fexo],
.overdue-item[b-lke3w0fexo] {
    background: linear-gradient(180deg, rgba(94, 17, 21, 0.32), rgba(31, 10, 12, 0.88));
    border-color: rgba(255, 107, 107, 0.22);
}

.paused-panel[b-lke3w0fexo],
.paused-item[b-lke3w0fexo] {
    background: linear-gradient(180deg, rgba(88, 24, 28, 0.28), rgba(34, 12, 14, 0.88));
    border-color: rgba(255, 134, 134, 0.2);
}

.overdue-panel-header[b-lke3w0fexo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.overdue-badge[b-lke3w0fexo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 2.2rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 107, 107, 0.22);
    color: #ffd1d1;
    font-weight: 700;
}

.timeline-list[b-lke3w0fexo],
.project-list[b-lke3w0fexo] {
    display: grid;
    gap: 0.85rem;
}

.timeline-item[b-lke3w0fexo],
.project-item[b-lke3w0fexo] {
    padding: 1rem;
    border-radius: var(--radius-soft);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.timeline-item[b-lke3w0fexo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.timeline-meta[b-lke3w0fexo] {
    display: grid;
    gap: 0.35rem;
    text-align: right;
}

@media (max-width: 1100px) {
    .summary-grid[b-lke3w0fexo],
    .content-grid[b-lke3w0fexo] {
        grid-template-columns: 1fr;
    }

    .timeline-item[b-lke3w0fexo] {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-meta[b-lke3w0fexo] {
        text-align: left;
    }
}
/* _content/DevTrack.Web/Components/Views/OperationalReportsView.razor.rz.scp.css */
.report-table[b-709cauvhsg] {
    border-collapse: separate;
    border-spacing: 0;
}

.flow-toggle[b-709cauvhsg] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.82));
    color: var(--color-text-strong);
    border-radius: 999px;
    min-height: 2.25rem;
    padding: 0.45rem 0.95rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.flow-toggle:hover[b-709cauvhsg],
.flow-toggle:focus-visible[b-709cauvhsg] {
    border-color: rgba(125, 211, 252, 0.45);
    background: linear-gradient(135deg, rgba(8, 47, 73, 0.98), rgba(30, 64, 175, 0.88));
    transform: translateY(-1px);
    outline: none;
}

.flow-card[b-709cauvhsg] {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.82));
    padding: 1rem;
}

.flow-card__header[b-709cauvhsg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.flow-card__title[b-709cauvhsg] {
    color: var(--color-text-strong);
    font-size: 0.95rem;
    font-weight: 700;
}

.flow-card__meta[b-709cauvhsg] {
    color: var(--color-muted);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.flow-grid[b-709cauvhsg] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.flow-step[b-709cauvhsg] {
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 1.15rem;
    background: rgba(15, 23, 42, 0.68);
    padding: 0.95rem;
}

.flow-step__status[b-709cauvhsg] {
    color: var(--color-text-strong);
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.flow-step__duration[b-709cauvhsg] {
    margin-top: 0.55rem;
    color: #d9f99d;
    font-size: 1.05rem;
    font-weight: 800;
}

.flow-step__time[b-709cauvhsg] {
    margin-top: 0.35rem;
    color: var(--color-muted);
    font-size: 0.76rem;
}
/* _content/DevTrack.Web/Components/Views/WeeklyView.razor.rz.scp.css */
.summary-grid[b-wqvv2ht2cn],
.content-grid[b-wqvv2ht2cn] {
    display: grid;
    gap: 0.65rem;
}

.summary-grid[b-wqvv2ht2cn] {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.content-grid[b-wqvv2ht2cn] {
    grid-template-columns: 1fr 1.15fr;
    margin-top: 1rem;
}

.summary-card[b-wqvv2ht2cn] {
    padding: 0.78rem 0.82rem;
}

.summary-card strong[b-wqvv2ht2cn] {
    margin-top: 0.18rem;
    font-size: 1.25rem;
}

.summary-label[b-wqvv2ht2cn],
.eyebrow[b-wqvv2ht2cn],
.empty-state[b-wqvv2ht2cn],
.deadline-item p[b-wqvv2ht2cn] {
    color: var(--color-muted);
}

.eyebrow[b-wqvv2ht2cn],
.deadline-item p[b-wqvv2ht2cn] {
    margin: 0;
}

.eyebrow[b-wqvv2ht2cn] {
    margin-bottom: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.76rem;
}

.panel-card h2[b-wqvv2ht2cn] {
    margin: 0 0 1rem;
}

.bucket-grid[b-wqvv2ht2cn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.85rem;
}

.bucket-card[b-wqvv2ht2cn],
.deadline-item[b-wqvv2ht2cn] {
    padding: 1rem;
    border-radius: var(--radius-soft);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.bucket-card[b-wqvv2ht2cn] {
    display: grid;
    gap: 0.4rem;
}

.table-shell[b-wqvv2ht2cn] {
    overflow-x: auto;
}

.data-table[b-wqvv2ht2cn] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-wqvv2ht2cn],
.data-table td[b-wqvv2ht2cn] {
    padding: 0.85rem 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
}

.deadline-list[b-wqvv2ht2cn] {
    display: grid;
    gap: 0.85rem;
}

.deadline-item[b-wqvv2ht2cn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

@media (max-width: 1100px) {
    .summary-grid[b-wqvv2ht2cn],
    .content-grid[b-wqvv2ht2cn] {
        grid-template-columns: 1fr;
    }

    .deadline-item[b-wqvv2ht2cn] {
        flex-direction: column;
        align-items: flex-start;
    }
}