@import '_content/Telar.Web.Components/Telar.Web.Components.i7zyzwoeox.bundle.scp.css';

/* /Collaboration/CommentComposer.razor.rz.scp.css */
.composer[b-11s8cv0wfp] { position: relative; display: grid; gap: .35rem; }

.composer textarea[b-11s8cv0wfp] { width: 100%; resize: vertical; min-height: 2.6rem; font: inherit; line-height: 1.45; }

.composer-bar[b-11s8cv0wfp] { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; }
.hint[b-11s8cv0wfp] { margin-right: auto; color: var(--muted); font-size: .72rem; }
@media (max-width: 560px) { .hint[b-11s8cv0wfp] { display: none; } }

.mentions[b-11s8cv0wfp] {
    position: absolute;
    left: 0;
    bottom: calc(100% - 1.6rem);
    z-index: 5;
    list-style: none;
    margin: 0;
    padding: .25rem;
    width: min(20rem, 100%);
    border-radius: .5rem;
    background: var(--surface);
    box-shadow: var(--shadow-lg);
}

.mentions button[b-11s8cv0wfp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .3rem .45rem;
    border: 0;
    border-radius: .35rem;
    background: none;
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.mentions button:hover[b-11s8cv0wfp], .mentions button.is-on[b-11s8cv0wfp] { background: var(--hover); }
.mentions .email[b-11s8cv0wfp] { margin-left: auto; color: var(--muted); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 45%; }
/* /Collaboration/Discussion.razor.rz.scp.css */
.discussion[b-2vge70jbjz] { display: grid; gap: .75rem; font-size: .875rem; }

/* ── Pestañas ───────────────────────────────────────────────────────────────────── */

.tabs[b-2vge70jbjz] { display: flex; align-items: center; gap: .25rem; border-bottom: 1px solid var(--border); }

.tab[b-2vge70jbjz] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .6rem;
    margin-bottom: -1px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--muted);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.tab:hover[b-2vge70jbjz] { color: var(--text); }
.tab.is-on[b-2vge70jbjz] { color: var(--text); border-bottom-color: var(--text); }
.tab:focus-visible[b-2vge70jbjz] { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: .3rem; }

.count[b-2vge70jbjz] { padding: 0 .4rem; border-radius: 999px; background: var(--hover); font-size: .72rem; }

.include-tasks[b-2vge70jbjz] { margin-left: auto; display: inline-flex; align-items: center; gap: .35rem; color: var(--muted); font-size: .8rem; }

.empty[b-2vge70jbjz], .muted[b-2vge70jbjz] { margin: .25rem 0; color: var(--muted); }
.error[b-2vge70jbjz] { margin: 0; color: var(--danger); }
kbd[b-2vge70jbjz] { padding: 0 .3rem; border: 1px solid var(--border); border-radius: .25rem; font-size: .8em; }

/* ── Comentarios ─────────────────────────────────────────────────────────────────── */

.threads[b-2vge70jbjz], .replies[b-2vge70jbjz], .history[b-2vge70jbjz] { list-style: none; margin: 0; padding: 0; display: grid; }
.threads[b-2vge70jbjz] { gap: .9rem; }
.replies[b-2vge70jbjz] { gap: .6rem; margin: .55rem 0 0 2.1rem; padding-left: .75rem; border-left: 2px solid var(--border); }

.comment[b-2vge70jbjz] { display: flex; gap: .6rem; align-items: flex-start; border-radius: 8px; transition: background-color .4s; }
/* Abierto desde un aviso (?comentario={id}): se resalta un momento. */
.comment.is-focused[b-2vge70jbjz] { background: var(--highlight); }
.comment-main[b-2vge70jbjz] { flex: 1; min-width: 0; }
.comment header[b-2vge70jbjz] { display: flex; align-items: baseline; gap: .45rem; flex-wrap: wrap; }
.comment header strong[b-2vge70jbjz] { color: var(--text); font-weight: 600; }
.comment time[b-2vge70jbjz], .edited[b-2vge70jbjz] { color: var(--muted); font-size: .75rem; }

.comment-actions[b-2vge70jbjz] { margin-left: auto; display: inline-flex; gap: .1rem; opacity: 0; transition: opacity .12s; }
.comment:hover .comment-actions[b-2vge70jbjz], .comment-actions:focus-within[b-2vge70jbjz] { opacity: 1; }
@media (hover: none) { .comment-actions[b-2vge70jbjz] { opacity: 1; } }

.comment-actions button[b-2vge70jbjz] {
    display: grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border: 0;
    border-radius: .3rem;
    background: none;
    color: var(--muted);
    cursor: pointer;
}

.comment-actions button:hover[b-2vge70jbjz] { background: var(--hover); color: var(--text); }

.body[b-2vge70jbjz] { margin: .15rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); line-height: 1.5; }
.is-deleted .body[b-2vge70jbjz] { font-style: italic; color: var(--muted); }

.mention[b-2vge70jbjz] { padding: 0 .15rem; border-radius: .25rem; background: var(--c-blue-bg); color: var(--c-blue); font-weight: 500; }

.reply-link[b-2vge70jbjz] {
    margin: .3rem 0 0 2.1rem;
    padding: 0;
    border: 0;
    background: none;
    color: var(--muted);
    font: inherit;
    font-size: .8rem;
    cursor: pointer;
}

.reply-link:hover[b-2vge70jbjz] { color: var(--text); text-decoration: underline; }

.reply-box[b-2vge70jbjz] { margin: .55rem 0 0 2.1rem; }
.new-comment[b-2vge70jbjz] { padding-top: .25rem; }

.confirm[b-2vge70jbjz] { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-top: .35rem; color: var(--text); }

/* ── Historial ───────────────────────────────────────────────────────────────────── */

.history[b-2vge70jbjz] { gap: .15rem; }

.entry[b-2vge70jbjz] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .45rem .35rem;
    border-radius: .4rem;
}

.entry:hover[b-2vge70jbjz] { background: var(--hover); }
.entry-body[b-2vge70jbjz] { flex: 1; min-width: 0; }
.entry-line[b-2vge70jbjz] { display: flex; align-items: baseline; flex-wrap: wrap; gap: .35rem; margin: 0; color: var(--muted); }
.entry-line strong[b-2vge70jbjz] { color: var(--text); font-weight: 600; }
.entry-line time[b-2vge70jbjz] { font-size: .75rem; }
.task-key[b-2vge70jbjz] { font-size: .75rem; color: var(--muted); }
.values[b-2vge70jbjz] { margin: .1rem 0 0; color: var(--text); overflow-wrap: anywhere; }
.pill[b-2vge70jbjz] { padding: 0 .4rem; border-radius: 999px; background: var(--c-purple-bg); color: var(--c-purple); font-size: .7rem; }

.restore[b-2vge70jbjz] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .5rem;
    border: 1px solid var(--border);
    border-radius: .35rem;
    background: var(--surface);
    color: var(--muted);
    font: inherit;
    font-size: .78rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity .12s;
}

.entry:hover .restore[b-2vge70jbjz], .restore:focus-visible[b-2vge70jbjz] { opacity: 1; }
@media (hover: none) { .restore[b-2vge70jbjz] { opacity: 1; } }
.restore:hover[b-2vge70jbjz] { color: var(--text); background: var(--hover); }
.entry .confirm[b-2vge70jbjz] { margin: 0; flex: none; }
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth[b-ay8ibci908] { min-height: 100dvh; display: grid; grid-template-columns: 1fr; background: var(--bg); }

/* ── Ilustración (solo en pantallas anchas) ───────────────────────────────────────── */

.art[b-ay8ibci908] { display: none; }

@media (min-width: 900px) {
    .auth[b-ay8ibci908] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }

    .art[b-ay8ibci908] {
        display: grid;
        place-items: center;
        padding: 3rem;
        background: var(--sidebar);
        border-right: 1px solid var(--border);
    }
}

.art-inner[b-ay8ibci908] { width: min(100%, 26rem); text-align: center; }
.tagline[b-ay8ibci908] { margin: 1.5rem 0 .35rem; font-size: 1.6rem; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: var(--text); text-wrap: balance; }
.sub[b-ay8ibci908] { margin: 0; color: var(--muted); text-wrap: balance; }

/* ── Formulario ───────────────────────────────────────────────────────────────────── */

.side[b-ay8ibci908] { display: flex; flex-direction: column; min-width: 0; }

.bar[b-ay8ibci908] { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; }

.logo[b-ay8ibci908] { display: flex; align-items: center; gap: .55rem; font-weight: 700; font-size: 1.05rem; color: var(--text); }

.mark[b-ay8ibci908] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 2px solid var(--text);
    border-radius: .4rem;
    font-size: .95rem;
    font-weight: 800;
    font-family: Georgia, "Times New Roman", serif;
}

.theme[b-ay8ibci908] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: var(--muted);
    cursor: pointer;
}

.theme:hover[b-ay8ibci908] { background: var(--hover); color: var(--text); }
.theme:focus-visible[b-ay8ibci908] { outline: 2px solid var(--accent); outline-offset: 1px; }

.body[b-ay8ibci908] { flex: 1; display: grid; place-items: center; padding: 1rem 1rem 4rem; }

.card[b-ay8ibci908] { width: 100%; max-width: 22.5rem; }

/* Títulos de las páginas de entrada (Login, Registro, Invitación) con el mismo peso. */
.card[b-ay8ibci908]  h1 { font-size: 1.75rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.2; }
/* /Layout/LoomArt.razor.rz.scp.css */
.weave[b-ig8a0k9rbl] { display: block; width: 100%; height: auto; }
/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-ccegn6356n] { height: 100dvh; display: flex; }

.nav[b-ccegn6356n] {
    flex: none;
    width: 15rem;
    border-right: 1px solid var(--border);
}

.page[b-ccegn6356n] { flex: 1; min-width: 0; display: flex; flex-direction: column; }

/* Sin ancho máximo: el tablero usa toda la pantalla. Cada página limita el suyo si quiere. */
.content[b-ccegn6356n] { flex: 1; min-height: 0; overflow: auto; }

/* Barra de arriba: solo con el menú oculto (escritorio) o en móvil, para abrirlo. */
.topbar[b-ccegn6356n] {
    display: none;
    align-items: center;
    gap: .5rem;
    padding: .4rem .6rem;
    border-bottom: 1px solid var(--border);
    background: var(--bg);
}

.menu[b-ccegn6356n] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: var(--muted);
    cursor: pointer;
}

.menu:hover[b-ccegn6356n] { background: var(--hover); color: var(--text); }

.brand[b-ccegn6356n] { color: var(--text); text-decoration: none; font-weight: 700; letter-spacing: .01em; }

.scrim[b-ccegn6356n] { display: none; }

.nav-hidden .nav[b-ccegn6356n] { display: none; }
.nav-hidden .topbar[b-ccegn6356n] { display: flex; }

@media (max-width: 860px) {
    .topbar[b-ccegn6356n] { display: flex; }

    .nav[b-ccegn6356n], .nav-hidden .nav[b-ccegn6356n] {
        display: block;
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 60;
        width: min(17rem, 85vw);
        border-right: 0;
        box-shadow: var(--shadow-lg);
        transform: translateX(-105%);
        transition: transform .2s ease;
    }

    .nav-open .nav[b-ccegn6356n] { transform: none; }

    .nav-open .scrim[b-ccegn6356n] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 59;
        background: rgb(15 15 15 / .45);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav[b-ccegn6356n] { transition: none !important; }
}

.booting[b-ccegn6356n] { color: var(--muted); text-align: center; margin-top: 30vh; }
/* /Layout/OrgBadge.razor.rz.scp.css */
.org-badge[b-safnyjvm4e] {
    flex: none;
    display: grid;
    place-items: center;
    width: var(--size);
    height: var(--size);
    border-radius: .3rem;
    background: hsl(var(--hue) 55% 45%);
    color: #fff;
    font-size: calc(var(--size) * .52);
    font-weight: 700;
    line-height: 1;
}
/* /Layout/SettingsHeader.razor.rz.scp.css */
.settings-head[b-dmrlzru160] { margin: 0 0 1.5rem; }

.crumbs[b-dmrlzru160] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    min-height: 1.5rem;
    color: var(--muted);
    font-size: .85rem;
}

.scope[b-dmrlzru160] { color: var(--text); font-weight: 500; }

.pill[b-dmrlzru160] {
    font-size: .7rem;
    padding: .05rem .45rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--muted);
}

.pill:last-of-type[b-dmrlzru160] { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }

.sep[b-dmrlzru160] { color: color-mix(in srgb, var(--muted) 50%, transparent); }
.here[b-dmrlzru160] { color: var(--muted); }

h1[b-dmrlzru160] { margin: 1.1rem 0 0; color: var(--text); font-size: 1.6rem; font-weight: 650; letter-spacing: -.01em; }

.description[b-dmrlzru160] { margin: .35rem 0 0; color: var(--muted); font-size: .9rem; }
/* /Layout/SettingsLayout.razor.rz.scp.css */
/* Configuración a pantalla completa (no es un modal), como el panel de ajustes de Notion. Sigue el tema elegido en
   Preferencias (sistema, claro u oscuro) igual que el resto de la aplicación: los tokens de app.css usan light-dark(). */
.settings-shell[b-xnc3qu99d1] {
    position: fixed;
    inset: 0;
    display: flex;
    background: var(--bg);
    color: var(--text);
}

.settings-side[b-xnc3qu99d1] {
    flex: none;
    width: 16.5rem;
    border-right: 1px solid var(--border);
    background: var(--sidebar);
}

.settings-page[b-xnc3qu99d1] { flex: 1; min-width: 0; display: flex; flex-direction: column; }

.settings-main[b-xnc3qu99d1] { flex: 1; min-height: 0; overflow-y: auto; }

.settings-topbar[b-xnc3qu99d1] {
    display: none;
    align-items: center;
    gap: .5rem;
    padding: .4rem .6rem;
    border-bottom: 1px solid var(--border);
    color: var(--text);
    font-weight: 600;
    font-size: .9rem;
}

.menu[b-xnc3qu99d1] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: var(--muted);
    cursor: pointer;
}

.menu:hover[b-xnc3qu99d1] { background: var(--hover); color: var(--text); }

.scrim[b-xnc3qu99d1] { display: none; }

.booting[b-xnc3qu99d1] { padding: 2rem; color: var(--muted); }

@media (max-width: 860px) {
    .settings-topbar[b-xnc3qu99d1] { display: flex; }

    .settings-side[b-xnc3qu99d1] {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 60;
        width: min(17.5rem, 85vw);
        box-shadow: var(--shadow-lg);
        transform: translateX(-105%);
        transition: transform .2s ease;
    }

    .nav-open .settings-side[b-xnc3qu99d1] { transform: none; }

    .nav-open .scrim[b-xnc3qu99d1] { display: block; position: fixed; inset: 0; z-index: 59; background: rgb(0 0 0 / .5); }
}
/* /Layout/SettingsNav.razor.rz.scp.css */
.settings-nav[b-ovh8sfrrdz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: .5rem .5rem .6rem;
    color: var(--muted);
    font-size: .875rem;
    user-select: none;
}

.back[b-ovh8sfrrdz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    align-self: flex-start;
    padding: .3rem .5rem;
    border-radius: .375rem;
    color: var(--muted);
    font-size: .8rem;
    text-decoration: none;
}

.back:hover[b-ovh8sfrrdz] { background: var(--hover); color: var(--text); }

/* ── Quién soy ────────────────────────────────────────────────────────────────────── */

.me[b-ovh8sfrrdz] { display: flex; align-items: center; gap: .6rem; padding: .7rem .5rem .8rem; }
.who[b-ovh8sfrrdz] { display: grid; min-width: 0; line-height: 1.25; }
.who .name[b-ovh8sfrrdz] { color: var(--text); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.who .email[b-ovh8sfrrdz] { font-size: .75rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── Organizaciones (desplegable) ────────────────────────────────────────────────── */

.orgs[b-ovh8sfrrdz] { position: relative; padding-bottom: .6rem; border-bottom: 1px solid var(--border); margin-bottom: .4rem; }

.label[b-ovh8sfrrdz], h2[b-ovh8sfrrdz] {
    margin: .2rem .5rem .3rem;
    font-size: .72rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .01em;
}

.org-switch[b-ovh8sfrrdz] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .4rem .5rem;
    border: 1px solid var(--border);
    border-radius: .45rem;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background .12s, border-color .12s;
}

.org-switch:hover[b-ovh8sfrrdz], .org-switch.is-open[b-ovh8sfrrdz] { background: var(--hover); border-color: color-mix(in srgb, var(--text) 18%, var(--border)); }

.org-name[b-ovh8sfrrdz] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.chevron[b-ovh8sfrrdz] { display: grid; color: var(--muted); transition: transform .15s; }
.org-switch.is-open .chevron[b-ovh8sfrrdz] { transform: rotate(90deg); }

.orgs-backdrop[b-ovh8sfrrdz] { position: fixed; inset: 0; z-index: 30; }

.orgs-menu[b-ovh8sfrrdz] {
    position: absolute;
    top: calc(100% - .35rem);
    left: 0;
    right: 0;
    z-index: 31;
    display: grid;
    gap: 1px;
    max-height: min(22rem, 60vh);
    overflow-y: auto;
    padding: .3rem;
    border: 1px solid var(--border);
    border-radius: .55rem;
    background: var(--surface);
    box-shadow: var(--shadow-lg);
    animation: orgs-in-b-ovh8sfrrdz .12s ease-out;
}

@keyframes orgs-in-b-ovh8sfrrdz { from { opacity: 0; transform: translateY(-4px); } }

.org-option[b-ovh8sfrrdz] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .35rem .5rem;
    border: 0;
    border-radius: .375rem;
    background: transparent;
    color: var(--text);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.org-option:hover[b-ovh8sfrrdz] { background: var(--hover); }
.org-option.is-current[b-ovh8sfrrdz] { font-weight: 500; }
.org-option.muted[b-ovh8sfrrdz] { color: var(--muted); }
.org-option.muted:hover[b-ovh8sfrrdz] { color: var(--text); }
.org-option > span:not(.check)[b-ovh8sfrrdz] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.check[b-ovh8sfrrdz] { margin-left: auto; color: var(--text); }
.separator[b-ovh8sfrrdz] { height: 1px; margin: .25rem .2rem; background: var(--border); }

/* ── Secciones ───────────────────────────────────────────────────────────────────── */

.scroll[b-ovh8sfrrdz] { flex: 1; min-height: 0; overflow-y: auto; }

.group[b-ovh8sfrrdz] { display: grid; gap: 1px; padding: .35rem 0 .5rem; }
.group h2[b-ovh8sfrrdz] { margin-top: .4rem; }

.item[b-ovh8sfrrdz] {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    min-height: 1.9rem;
    padding: .25rem .5rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: var(--muted);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.item > span[b-ovh8sfrrdz] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item:hover[b-ovh8sfrrdz] { background: var(--hover); color: var(--text); }
.item.active[b-ovh8sfrrdz] { background: var(--active); color: var(--text); font-weight: 500; }
.item:focus-visible[b-ovh8sfrrdz], .org-switch:focus-visible[b-ovh8sfrrdz] { outline: 2px solid var(--accent); outline-offset: -2px; }

.foot[b-ovh8sfrrdz] { padding-top: .4rem; border-top: 1px solid var(--border); }
.muted[b-ovh8sfrrdz] { color: var(--muted); }
/* /Layout/Sidebar.razor.rz.scp.css */
.sidebar[b-k6nip55xiv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: var(--sidebar);
    color: var(--muted);
    font-size: .875rem;
    user-select: none;
}

/* ── Cabecera ───────────────────────────────────────────────────────────────────── */

.head[b-k6nip55xiv] { display: flex; align-items: center; justify-content: space-between; gap: .25rem; padding: .6rem .5rem .25rem 1rem; }
.app[b-k6nip55xiv] { font-weight: 700; color: var(--text); letter-spacing: -.01em; }

.hide[b-k6nip55xiv] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: var(--muted);
    cursor: pointer;
    opacity: 0;
    transition: opacity .15s;
}

.sidebar:hover .hide[b-k6nip55xiv], .hide:focus-visible[b-k6nip55xiv] { opacity: 1; }
.hide:hover[b-k6nip55xiv] { background: var(--hover); color: var(--text); }

/* Sin hover (táctil) o en el cajón del móvil, el botón siempre se ve. */
@media (hover: none), (max-width: 860px) { .hide[b-k6nip55xiv] { opacity: 1; } }

/* ── Lista ───────────────────────────────────────────────────────────────────────── */

.scroll[b-k6nip55xiv] { flex: 1; min-height: 0; overflow-y: auto; padding: .25rem .5rem 1rem; }

.items[b-k6nip55xiv] { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.items.sub[b-k6nip55xiv] { padding-left: 1.1rem; }

.item[b-k6nip55xiv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    min-height: 1.875rem;
    padding: .25rem .5rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: inherit;
    font: inherit;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.item > span:not(.dot):not(.chevron):not(.value):not(.org-badge):not(.check):not(.badge)[b-k6nip55xiv] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item:hover[b-k6nip55xiv] { background: var(--hover); color: var(--text); }
.item.active[b-k6nip55xiv] { background: var(--active); color: var(--text); font-weight: 600; }
.item.muted[b-k6nip55xiv] { color: var(--muted); font-weight: 400; }
.item:focus-visible[b-k6nip55xiv], .group-title:focus-visible[b-k6nip55xiv] { outline: 2px solid var(--accent); outline-offset: -2px; }

.item.project[b-k6nip55xiv] { font-weight: 400; color: var(--text); }
.item.project.active[b-k6nip55xiv] { font-weight: 600; }

.dot[b-k6nip55xiv] { flex: none; width: .55rem; height: .55rem; margin: 0 .23rem; border-radius: 2px; }

.value[b-k6nip55xiv] { font-size: .75rem; color: var(--muted); font-weight: 400; }

.badge[b-k6nip55xiv] {
    flex: none;
    min-width: 1.15rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: var(--accent);
    color: var(--on-accent);
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.15rem;
    text-align: center;
}

.chevron[b-k6nip55xiv] { display: grid; place-items: center; transition: transform .15s; color: var(--muted); }
.chevron.is-open[b-k6nip55xiv] { transform: rotate(90deg); }
.chevron.end[b-k6nip55xiv] { margin-left: auto; }

/* ── Proyectos de la organización actual ─────────────────────────────────────────── */

.group[b-k6nip55xiv] { margin-top: .9rem; }

.group-title[b-k6nip55xiv] {
    margin: 0 0 .15rem;
    padding: .2rem .5rem;
    color: var(--muted);
    font-size: .75rem;
    font-weight: 600;
}

.nav-error[b-k6nip55xiv] { margin: .75rem .5rem; color: var(--danger); font-size: .8rem; }

/* ── Selector de abajo (organización actual) ─────────────────────────────────────── */

.foot[b-k6nip55xiv] { position: relative; padding: .4rem .5rem .5rem; border-top: 1px solid var(--border); }

.switcher[b-k6nip55xiv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .35rem .5rem;
    border: 0;
    border-radius: .375rem;
    background: none;
    color: var(--text);
    font: inherit;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.switcher:hover[b-k6nip55xiv], .switcher.is-open[b-k6nip55xiv] { background: var(--hover); }
.switcher:focus-visible[b-k6nip55xiv] { outline: 2px solid var(--accent); outline-offset: -2px; }
.switcher-name[b-k6nip55xiv] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.switcher-chevron[b-k6nip55xiv] { color: var(--muted); line-height: 1; margin-top: -.35rem; }

.org-badge[b-k6nip55xiv] {
    flex: none;
    display: grid;
    place-items: center;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: .3rem;
    background: hsl(var(--hue) 55% 45%);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
}

/* ── Menú (se abre hacia arriba, como en Notion) ─────────────────────────────────── */

.menu-backdrop[b-k6nip55xiv] { position: fixed; inset: 0; z-index: 60; }

.account-menu[b-k6nip55xiv] {
    position: absolute;
    left: .5rem;
    bottom: calc(100% - .25rem);
    z-index: 61;
    width: min(18.5rem, calc(100vw - 1rem));
    max-height: calc(100vh - 5rem);
    overflow-y: auto;
    padding: .35rem;
    border-radius: .6rem;
    background: var(--surface);
    box-shadow: var(--shadow-lg);
    color: var(--text);
    animation: menu-in-b-k6nip55xiv .12s ease-out;
}

@keyframes menu-in-b-k6nip55xiv { from { opacity: 0; transform: translateY(4px); } }

.menu-me[b-k6nip55xiv] { display: flex; align-items: center; gap: .6rem; padding: .5rem .5rem .6rem; }
.who[b-k6nip55xiv] { display: grid; min-width: 0; line-height: 1.25; }
.who .name[b-k6nip55xiv] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.who .email[b-k6nip55xiv] { font-size: .75rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.menu-section[b-k6nip55xiv] { display: grid; gap: 1px; padding: .3rem 0; border-top: 1px solid var(--border); }
.menu-label[b-k6nip55xiv] { margin: .2rem .5rem .15rem; font-size: .72rem; font-weight: 600; color: var(--muted); }
.menu-sublabel[b-k6nip55xiv] { margin: .35rem .5rem .1rem; font-size: .72rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.account-menu .item[b-k6nip55xiv] { font-weight: 400; }
.account-menu .item.org.is-current[b-k6nip55xiv] { font-weight: 500; }

/* Desplegable de organizaciones: la lista lleva su propio scroll, así se llega a todas aunque sean muchas. */
.org-toggle.is-open[b-k6nip55xiv] { background: var(--hover); }
.org-list[b-k6nip55xiv] {
    display: grid;
    gap: 1px;
    max-height: min(16rem, 40vh);
    overflow-y: auto;
    margin: .15rem 0 .25rem .6rem;
    padding-left: .35rem;
    border-left: 1px solid var(--border);
}
.check[b-k6nip55xiv] { margin-left: auto; color: var(--text); }
/* /Pages/Account/Preferences.razor.rz.scp.css */
.preferences[b-k6t6y99vq2] { max-width: 50rem; padding: 2.25rem clamp(1rem, 5vw, 3.5rem) 4rem; }

section[b-k6t6y99vq2] { padding: 1.1rem 0 1.4rem; border-top: 1px solid var(--border); }
h2[b-k6t6y99vq2] { margin: 0 0 .3rem; font-size: 1rem; font-weight: 600; color: var(--text); }
.muted[b-k6t6y99vq2] { margin: 0; color: var(--muted); font-size: .85rem; }
.muted a[b-k6t6y99vq2] { color: var(--accent); }

.themes[b-k6t6y99vq2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: .75rem; margin-top: 1rem; }

.theme[b-k6t6y99vq2] {
    display: grid;
    gap: .55rem;
    padding: .55rem;
    border: 1px solid var(--border);
    border-radius: .6rem;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .12s, background .12s;
}

.theme:hover[b-k6t6y99vq2] { background: var(--hover); }
.theme.is-selected[b-k6t6y99vq2] { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }

.theme-name[b-k6t6y99vq2] { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; }

/* Miniatura: barra lateral y dos líneas de contenido. */
.preview[b-k6t6y99vq2] { display: grid; grid-template-columns: 30% 1fr; grid-template-rows: 1fr 1fr; gap: .3rem; height: 4rem; padding: .4rem; border-radius: .4rem; }
.preview span:first-child[b-k6t6y99vq2] { grid-row: span 2; border-radius: .2rem; }
.preview span:not(:first-child)[b-k6t6y99vq2] { border-radius: .2rem; }
.preview.is-light[b-k6t6y99vq2] { background: #ffffff; border: 1px solid #e9e9e7; }
.preview.is-light span:first-child[b-k6t6y99vq2] { background: #f1f1ef; }
.preview.is-light span:not(:first-child)[b-k6t6y99vq2] { background: #e9e9e7; }
.preview.is-dark[b-k6t6y99vq2] { background: #191919; border: 1px solid #2f2f2f; }
.preview.is-dark span:first-child[b-k6t6y99vq2] { background: #252525; }
.preview.is-dark span:not(:first-child)[b-k6t6y99vq2] { background: #2f2f2f; }
.preview.is-system[b-k6t6y99vq2] { background: linear-gradient(135deg, #ffffff 50%, #191919 50%); border: 1px solid #2f2f2f; }
.preview.is-system span[b-k6t6y99vq2] { background: rgb(128 128 128 / .35); }

.row[b-k6t6y99vq2] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 0; }
.row + .row[b-k6t6y99vq2] { border-top: 1px solid var(--border); }
.row-title[b-k6t6y99vq2] { margin: 0 0 .15rem; color: var(--text); font-size: .9rem; }
.row button[b-k6t6y99vq2] { flex: none; }

.notice[b-k6t6y99vq2] { margin: .5rem 0 0; padding: .5rem .75rem; border-radius: .5rem; background: var(--highlight); font-size: .85rem; }

h3[b-k6t6y99vq2] { margin: 1.4rem 0 .3rem; font-size: .9rem; font-weight: 600; color: var(--text); }
.error[b-k6t6y99vq2] { margin: .5rem 0 0; color: var(--danger); font-size: .85rem; }

/* Avisos: un tipo por fila, con la bandeja y el navegador como columnas. */
.kinds[b-k6t6y99vq2] { display: grid; margin-top: .9rem; }
.kinds-head[b-k6t6y99vq2], .kind-row[b-k6t6y99vq2] { display: grid; grid-template-columns: 1fr 5.5rem 5.5rem 5.5rem; align-items: center; gap: .5rem; }
.kinds-head[b-k6t6y99vq2] { padding-bottom: .35rem; color: var(--muted); font-size: .75rem; font-weight: 600; text-align: center; }
.kind-row[b-k6t6y99vq2] { padding: .6rem 0; border-top: 1px solid var(--border); }
.kind-row > span:first-child[b-k6t6y99vq2] { display: grid; gap: .1rem; }
.kind-row > span:not(:first-child)[b-k6t6y99vq2] { display: grid; place-items: center; }
.kind-row input[b-k6t6y99vq2] { width: 1rem; height: 1rem; accent-color: var(--accent); }

.row select[b-k6t6y99vq2] {
    padding: .35rem .5rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-size: .85rem;
}
/* /Pages/Account/Security.razor.rz.scp.css */
.security[b-g8gy6r5osq] { max-width: 50rem; padding: 2.25rem clamp(1rem, 5vw, 3.5rem) 4rem; }

h1[b-g8gy6r5osq] { font-size: 1.35rem; margin: 0; }
h2[b-g8gy6r5osq] { font-size: 1.05rem; margin: 0 0 .5rem; }

section[b-g8gy6r5osq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: .75rem;
    padding: 1.1rem 1.1rem 1.2rem;
    margin-top: 1rem;
}

section p[b-g8gy6r5osq] { margin: 0 0 .75rem; }

.muted[b-g8gy6r5osq] { color: var(--muted); font-size: .9rem; }
.small[b-g8gy6r5osq] { font-size: .8rem; }

.notice[b-g8gy6r5osq] {
    background: var(--highlight);
    border-radius: .5rem;
    padding: .55rem .8rem;
    margin: 1rem 0 0;
    font-size: .9rem;
}

.error[b-g8gy6r5osq] { margin-top: 1rem; }

.form.inline[b-g8gy6r5osq] { grid-template-columns: 1fr auto; align-items: end; }

.qr[b-g8gy6r5osq] { width: 11rem; margin: .25rem 0 .5rem; background: #fff; border-radius: .5rem; padding: .25rem; }
.qr[b-g8gy6r5osq]  svg { display: block; width: 100%; height: auto; }

.secret code[b-g8gy6r5osq], .codes code[b-g8gy6r5osq] { font-family: ui-monospace, monospace; letter-spacing: .05em; word-break: break-all; }

.codes[b-g8gy6r5osq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .35rem .75rem;
    padding: 0;
    margin: 0 0 1rem;
    list-style: none;
}

.items[b-g8gy6r5osq] { list-style: none; padding: 0; margin: 0 0 .9rem; display: grid; gap: .5rem; }

.items li[b-g8gy6r5osq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    border: 1px solid var(--border);
    border-radius: .5rem;
}

.badge[b-g8gy6r5osq] {
    margin-left: .45rem;
    font-size: .72rem;
    color: var(--muted);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .05rem .45rem;
}

.danger-link[b-g8gy6r5osq] { color: var(--danger); }

@media (max-width: 520px) {
    .form.inline[b-g8gy6r5osq] { grid-template-columns: 1fr; }
    .codes[b-g8gy6r5osq] { grid-template-columns: 1fr; }
}
/* /Pages/Approvals/WorkRequests.razor.rz.scp.css */
/* Mismo encabezado que el tablero de works (WorkBoard.razor.css). */
.requests-page[b-v6ss2h88ck] { display: flex; flex-direction: column; height: 100%; min-height: 0; }

.toolbar[b-v6ss2h88ck] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; padding: .75rem 1rem .5rem; }
.back[b-v6ss2h88ck] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 8px; color: var(--muted); text-decoration: none; font-size: 1.1rem; }
.back:hover[b-v6ss2h88ck] { background: var(--surface); color: var(--text); }
h1[b-v6ss2h88ck] { margin: 0; font-size: 1.2rem; }
.spacer[b-v6ss2h88ck] { flex: 1; }
.muted[b-v6ss2h88ck] { color: var(--muted); font-size: .9rem; }
.pad[b-v6ss2h88ck] { padding: 0 1rem; }
.pad-x[b-v6ss2h88ck] { margin: 0 1rem .75rem; }
.page-error[b-v6ss2h88ck] { padding: 0 1rem .5rem; }

/* Vistas: la misma barra y las mismas vistas que las tareas de un work. */
.views-row[b-v6ss2h88ck] { padding: 0 1rem .6rem; }
.board-area[b-v6ss2h88ck] { flex: 1; min-height: 0; padding: 0 .75rem; }
.list-area[b-v6ss2h88ck] { flex: 1; min-height: 0; overflow-y: auto; }
.fill-area[b-v6ss2h88ck] { flex: 1; min-height: 0; display: flex; flex-direction: column; }

.code[b-v6ss2h88ck] { font-family: ui-monospace, monospace; font-size: .82rem; color: var(--muted); }
.link[b-v6ss2h88ck] { border: 0; background: transparent; color: var(--accent); font: inherit; font-size: .82rem; cursor: pointer; padding: .2rem; }

.state[b-v6ss2h88ck] { font-size: .78rem; font-weight: 600; border-radius: 999px; padding: .1rem .55rem; white-space: nowrap; }
.s-pending[b-v6ss2h88ck] { color: var(--c-yellow); background: var(--c-yellow-bg); }
.s-approved[b-v6ss2h88ck] { color: var(--c-green, #2e7d32); background: var(--c-green-bg, #e8f5e9); }
.s-rejected[b-v6ss2h88ck] { color: var(--c-red); background: var(--c-red-bg); }
.s-cancelled[b-v6ss2h88ck] { color: var(--muted); background: var(--hover); }

/* Detalle y formulario en el panel lateral (SidePeek). */
.detail[b-v6ss2h88ck] { width: min(100%, 980px); margin: 0 auto; padding: .25rem clamp(1rem, 5vw, 4rem) 2rem; }
.peek-title[b-v6ss2h88ck] { margin: .25rem 0 1.25rem; font-size: clamp(1.6rem, 3.2vw, 2.4rem); line-height: 1.15; }
.detail .code[b-v6ss2h88ck] { margin: 0; }
.detail a[b-v6ss2h88ck] { color: var(--text); text-decoration: underline; text-decoration-color: var(--border); text-underline-offset: 3px; }

/* Formulario con el mismo aspecto que la ficha: título grande y propiedades que se ven como texto (como en Notion). */
.title-input[b-v6ss2h88ck] {
    display: block;
    width: calc(100% + .9rem);
    margin: .25rem -.45rem 1.25rem;
    padding: .2rem .45rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
    font-weight: 700;
    line-height: 1.15;
    resize: none;
    field-sizing: content;
}

.title-input:hover[b-v6ss2h88ck] { border-color: var(--border); }
.title-input:focus[b-v6ss2h88ck] { outline: none; border-color: var(--accent); }

.inline-input[b-v6ss2h88ck] {
    padding: .25rem .4rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: .9rem;
}

.inline-input:hover[b-v6ss2h88ck], .inline-input:focus[b-v6ss2h88ck] { border-color: var(--border); background: var(--hover); outline: none; }
.key-input[b-v6ss2h88ck] { width: 8rem; font-family: ui-monospace, monospace; text-transform: uppercase; }

.people-button[b-v6ss2h88ck] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    padding: .25rem .4rem;
    margin-left: -.4rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.people-button:hover[b-v6ss2h88ck] { background: var(--hover); }
.picker-row[b-v6ss2h88ck] { grid-column: 1 / -1; max-height: 18rem; overflow-y: auto; padding: .25rem 0 .5rem; }
h3 small[b-v6ss2h88ck] { font-weight: 400; font-size: .82rem; margin-left: .4rem; }
h3[b-v6ss2h88ck] { font-size: .95rem; margin: 1.5rem 0 .5rem; }

.steps[b-v6ss2h88ck] { margin: 0; padding-left: 1.3rem; display: grid; gap: .55rem; }
.steps li.done[b-v6ss2h88ck]::marker { color: var(--c-green, #2e7d32); }
.steps li.current[b-v6ss2h88ck]::marker { color: var(--accent); font-weight: 700; }
.steps li.waiting[b-v6ss2h88ck] { color: var(--muted); }
.step-head[b-v6ss2h88ck] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; }
.step-head .muted[b-v6ss2h88ck] { font-size: .82rem; }
.ok[b-v6ss2h88ck] { font-size: .8rem; color: var(--c-green, #2e7d32); }
.current[b-v6ss2h88ck] { font-size: .8rem; color: var(--accent); }
.decision[b-v6ss2h88ck] { margin: .2rem 0 0; font-size: .85rem; }
.decision.rejected[b-v6ss2h88ck] { color: var(--danger); }
.comment[b-v6ss2h88ck] { display: block; color: var(--muted); font-style: italic; margin-left: 1rem; }

.decide[b-v6ss2h88ck] { margin-top: 1rem; display: grid; gap: .5rem; }
.form-label[b-v6ss2h88ck] { display: grid; gap: .3rem; font-size: .9rem; font-weight: 500; }
.form-label small[b-v6ss2h88ck], .form small[b-v6ss2h88ck] { color: var(--muted); font-weight: 400; }
.actions[b-v6ss2h88ck] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: .75rem; }
textarea.field[b-v6ss2h88ck] { width: 100%; resize: vertical; font: inherit; }

.request-discussion[b-v6ss2h88ck] { margin-top: 1.5rem; padding-top: .75rem; border-top: 1px solid var(--border); scroll-margin-top: 1rem; }

/* Tramo del paso en la ruta: interna (sale del área que pide) o formal (la recibe otra área). */
.phase[b-v6ss2h88ck] { font-size: .72rem; padding: .05rem .4rem; border-radius: 999px; background: var(--hover); color: var(--muted); }
/* /Pages/Auth/AcceptInvitation.razor.rz.scp.css */
h1[b-pzf6k2kikd] { margin: 0 0 .6rem; }

.lead[b-pzf6k2kikd] { margin: 0 0 1rem; }

.muted[b-pzf6k2kikd] { color: var(--muted); font-size: .9rem; margin: 0 0 1rem; }

.warning[b-pzf6k2kikd] {
    background: var(--highlight);
    border-radius: .5rem;
    padding: .6rem .8rem;
    margin: 0 0 1rem;
    font-size: .9rem;
    overflow-wrap: anywhere;
}

.wide[b-pzf6k2kikd] { width: 100%; }

a.button[b-pzf6k2kikd] {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    padding: .6rem .9rem;
    border-radius: .5rem;
    background: var(--accent);
    color: var(--on-accent);
}

.error[b-pzf6k2kikd] { margin-bottom: .75rem; }

.footer[b-pzf6k2kikd] { margin: 1.25rem 0 0; font-size: .9rem; color: var(--muted); text-align: center; overflow-wrap: anywhere; }
.footer a[b-pzf6k2kikd] { color: var(--accent); }
/* /Pages/Auth/Login.razor.rz.scp.css */
h1[b-vap038p985] { margin: 0 0 .35rem; }
.lead[b-vap038p985] { margin: 0 0 1.5rem; color: var(--muted); }

.muted[b-vap038p985] { color: var(--muted); font-size: .9rem; }

.divider[b-vap038p985] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--muted);
    font-size: .85rem;
    margin: 1.1rem 0;
}

.divider[b-vap038p985]::before, .divider[b-vap038p985]::after { content: ""; flex: 1; border-top: 1px solid var(--border); }

.alternatives[b-vap038p985] { display: grid; gap: .6rem; }
.alternatives button[b-vap038p985] { display: flex; align-items: center; justify-content: center; gap: .55rem; }
.google[b-vap038p985] { flex: none; }

.footer[b-vap038p985] { margin: 1.25rem 0 0; font-size: .9rem; color: var(--muted); text-align: center; }
.footer a[b-vap038p985] { color: var(--accent); }
/* /Pages/Auth/Register.razor.rz.scp.css */
h1[b-27ktmc07u2] { margin: 0 0 1.5rem; }

.muted[b-27ktmc07u2] { color: var(--muted); font-size: .9rem; }

.footer[b-27ktmc07u2] { margin: 1.25rem 0 0; font-size: .9rem; color: var(--muted); text-align: center; }
.footer a[b-27ktmc07u2] { color: var(--accent); }
/* /Pages/Board/Board.razor.rz.scp.css */
.board-page[b-8er5o7y11s] { min-height: 100%; }
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard[b-bxwlf1o6xm] { max-width: 860px; margin: 0 auto; padding: 1.25rem 1rem 3rem; }

.head[b-bxwlf1o6xm] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
h1[b-bxwlf1o6xm] { margin: .25rem 0 0; font-size: 1.5rem; }
.date[b-bxwlf1o6xm] { margin: .15rem 0 1rem; }

.muted[b-bxwlf1o6xm] { color: var(--muted); }
.error[b-bxwlf1o6xm] { color: var(--danger); }

.live[b-bxwlf1o6xm] {
    font: inherit;
    font-size: .75rem;
    color: var(--muted);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .15rem .6rem;
    background: none;
    white-space: nowrap;
    cursor: pointer;
}

.live.is-on[b-bxwlf1o6xm] { color: var(--c-green); border-color: color-mix(in srgb, var(--c-green) 40%, transparent); cursor: default; }

.filters[b-bxwlf1o6xm] { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }

.chip[b-bxwlf1o6xm] {
    font: inherit;
    font-size: .85rem;
    padding: .25rem .75rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
}

.chip.is-on[b-bxwlf1o6xm] { border-color: var(--accent); background: var(--highlight); color: var(--accent); font-weight: 600; }

/* Resumen: cuatro contadores que llevan a su grupo. */
.summary[b-bxwlf1o6xm] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; margin-bottom: 1.25rem; }

.count[b-bxwlf1o6xm] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .6rem .75rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    color: var(--muted);
    text-decoration: none;
    font-size: .8rem;
}

.count strong[b-bxwlf1o6xm] { font-size: 1.4rem; color: var(--text); line-height: 1.1; }
.count:hover[b-bxwlf1o6xm] { border-color: var(--accent); }
.count.is-late strong[b-bxwlf1o6xm] { color: var(--danger); }
.count.is-today strong[b-bxwlf1o6xm] { color: var(--c-orange); }
.count.is-completed strong[b-bxwlf1o6xm] { color: var(--c-green); }

.section[b-bxwlf1o6xm] {
    margin-bottom: 1rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    overflow: hidden;
    scroll-margin-top: 1rem;
}

h2[b-bxwlf1o6xm] { margin: 0; font-size: 1rem; }

.toggle[b-bxwlf1o6xm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .7rem .9rem;
    border: 0;
    background: none;
    color: var(--text);
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.chevron[b-bxwlf1o6xm] { color: var(--muted); font-size: .7rem; transition: transform .12s; }
.chevron.is-open[b-bxwlf1o6xm] { transform: rotate(90deg); }

.badge[b-bxwlf1o6xm] {
    margin-left: auto;
    min-width: 1.6rem;
    padding: 0 .45rem;
    border-radius: 999px;
    background: var(--column);
    color: var(--muted);
    font-size: .75rem;
    text-align: center;
}

.is-late .badge[b-bxwlf1o6xm] { background: color-mix(in srgb, var(--danger) 14%, transparent); color: var(--danger); }

.empty[b-bxwlf1o6xm] { margin: 0; padding: 0 .9rem .8rem 2.1rem; font-size: .9rem; }

.tasks[b-bxwlf1o6xm] { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--border); }

.row[b-bxwlf1o6xm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .6rem;
    padding: .5rem .9rem;
}

.row + .row[b-bxwlf1o6xm] { border-top: 1px solid var(--border); }
.row:hover[b-bxwlf1o6xm] { background: color-mix(in srgb, var(--text) 3%, transparent); }

.check[b-bxwlf1o6xm] { width: 1.05rem; height: 1.05rem; margin: 0; accent-color: var(--accent); cursor: pointer; }

.main[b-bxwlf1o6xm] { flex: 1 1 14rem; min-width: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .45rem; }

.title[b-bxwlf1o6xm] { color: var(--text); text-decoration: none; font-size: .92rem; overflow-wrap: anywhere; }
.title:hover[b-bxwlf1o6xm] { color: var(--accent); }
.row.is-done .title[b-bxwlf1o6xm] { color: var(--muted); text-decoration: line-through; }

.parent[b-bxwlf1o6xm] { color: var(--muted); font-size: .75rem; }

.meta[b-bxwlf1o6xm] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem .5rem;
    margin-left: auto;
    font-size: .72rem;
    color: var(--muted);
}


.is-late .due[b-bxwlf1o6xm] { color: var(--danger); font-weight: 600; }
.is-today .due[b-bxwlf1o6xm] { color: var(--c-orange); font-weight: 600; }

.project[b-bxwlf1o6xm] { display: inline-flex; align-items: center; gap: .3rem; }
.dot[b-bxwlf1o6xm] { width: .55rem; height: .55rem; border-radius: 50%; flex: none; }
.key[b-bxwlf1o6xm] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

@media (max-width: 560px) {
    .summary[b-bxwlf1o6xm] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* La información baja a una segunda línea alineada con el título. */
    .meta[b-bxwlf1o6xm] { flex-basis: 100%; justify-content: flex-start; padding-left: 1.65rem; }
}
/* /Pages/Inbox/Inbox.razor.rz.scp.css */
.inbox[b-9qkaezbb80] { max-width: 52rem; margin: 0 auto; padding: 1.5rem 1rem 3rem; }

.inbox-head[b-9qkaezbb80] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: 1rem; }
.inbox-head h1[b-9qkaezbb80] { display: inline-flex; align-items: center; gap: .5rem; margin: 0 .75rem 0 0; font-size: 1.5rem; }
.spacer[b-9qkaezbb80] { flex: 1; }

.filters[b-9qkaezbb80] { display: inline-flex; gap: .15rem; padding: .15rem; border-radius: .45rem; background: var(--hover); }
.filters button[b-9qkaezbb80] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .65rem;
    border: 0;
    border-radius: .35rem;
    background: none;
    color: var(--muted);
    font: inherit;
    font-size: .85rem;
    cursor: pointer;
}
.filters button.is-on[b-9qkaezbb80] { background: var(--surface); color: var(--text); box-shadow: var(--shadow); }
.count[b-9qkaezbb80] { padding: 0 .4rem; border-radius: 999px; background: var(--accent); color: var(--on-accent); font-size: .7rem; }

.small-link[b-9qkaezbb80] { color: var(--muted); font-size: .85rem; }
.small-link:hover[b-9qkaezbb80] { color: var(--text); }

.error[b-9qkaezbb80] { color: var(--danger); }
.muted[b-9qkaezbb80] { color: var(--muted); }

.empty[b-9qkaezbb80] { display: grid; justify-items: center; gap: .25rem; padding: 3rem 1rem; color: var(--muted); text-align: center; }
.empty p[b-9qkaezbb80] { margin: 0; }

.items[b-9qkaezbb80] { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }

.item[b-9qkaezbb80] { position: relative; display: flex; align-items: stretch; border-radius: .5rem; }
.item:hover[b-9qkaezbb80] { background: var(--hover); }

.open[b-9qkaezbb80] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .65rem .75rem;
    border: 0;
    background: none;
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.open:focus-visible[b-9qkaezbb80] { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: .5rem; }

.kind[b-9qkaezbb80] {
    flex: none;
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: var(--hover);
    color: var(--muted);
}

.is-unread .kind[b-9qkaezbb80] { background: var(--c-blue-bg); color: var(--c-blue); }

.text[b-9qkaezbb80] { flex: 1; min-width: 0; display: grid; gap: .1rem; }
.line[b-9qkaezbb80] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem; }
.what[b-9qkaezbb80] { color: var(--muted); }
.title[b-9qkaezbb80] { font-weight: 500; overflow-wrap: anywhere; }
.is-unread .title[b-9qkaezbb80] { font-weight: 600; }
.body[b-9qkaezbb80] { color: var(--muted); font-size: .85rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

time[b-9qkaezbb80] { flex: none; color: var(--muted); font-size: .75rem; white-space: nowrap; }
.is-unread time[b-9qkaezbb80]::after { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-left: .4rem; border-radius: 50%; background: var(--accent); }

.actions[b-9qkaezbb80] { display: flex; align-items: center; gap: .1rem; padding-right: .4rem; opacity: 0; transition: opacity .12s; }
.item:hover .actions[b-9qkaezbb80], .actions:focus-within[b-9qkaezbb80] { opacity: 1; }
@media (hover: none) { .actions[b-9qkaezbb80] { opacity: 1; } }

.actions button[b-9qkaezbb80] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: .35rem;
    background: none;
    color: var(--muted);
    cursor: pointer;
}

.actions button:hover[b-9qkaezbb80] { background: var(--active); color: var(--text); }

.inbox-head button[b-9qkaezbb80] { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; }
/* /Pages/Organizations/ApprovalsSection.razor.rz.scp.css */
.toggle[b-cw81xy5eq7] { display: flex; align-items: center; gap: .4rem; font-size: .9rem; cursor: pointer; margin: .35rem 0; }
.muted[b-cw81xy5eq7] { color: var(--muted); font-size: .9rem; margin: 0 0 .5rem; }
.hint[b-cw81xy5eq7] { color: var(--muted); font-size: .85rem; font-style: italic; margin: .35rem 0 0; }

.levels[b-cw81xy5eq7] { padding: 0 0 0 1.4rem; margin: .5rem 0 .85rem; display: grid; gap: .85rem; }
.level-head[b-cw81xy5eq7] { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
.level-head .grow[b-cw81xy5eq7] { flex: 1 1 10rem; }
.required[b-cw81xy5eq7] { display: flex; align-items: center; gap: .35rem; font-size: .85rem; color: var(--muted); }
.required input[b-cw81xy5eq7] { width: 4.5rem; }

.approvers[b-cw81xy5eq7] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.chip[b-cw81xy5eq7] { display: inline-flex; align-items: center; gap: .3rem; padding: .15rem .55rem; border: 1px solid var(--border); border-radius: 999px; font-size: .85rem; cursor: pointer; }
.chip.on[b-cw81xy5eq7] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); }
.chip input[b-cw81xy5eq7] { margin: 0; }

.actions[b-cw81xy5eq7] { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }

.chain[b-cw81xy5eq7] { display: flex; align-items: center; gap: .5rem; margin: .25rem 0 .75rem; font-size: .9rem; }
.chain .field[b-cw81xy5eq7] { width: auto; }
/* /Pages/Organizations/CatalogEditor.razor.rz.scp.css */
.head[b-r2ig7fxgtz] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-bottom: .35rem; }
.head h2[b-r2ig7fxgtz] { margin: 0; }

.toggle[b-r2ig7fxgtz] { display: flex; align-items: center; gap: .4rem; font-size: .9rem; cursor: pointer; }

.items[b-r2ig7fxgtz] { list-style: none; padding: 0; margin: .5rem 0 .85rem; display: grid; gap: .4rem; }
.items li[b-r2ig7fxgtz] { display: flex; align-items: center; gap: .45rem; }
.items .grow[b-r2ig7fxgtz] { flex: 1 1 10rem; }

.dot[b-r2ig7fxgtz] { width: .7rem; height: .7rem; border-radius: 50%; flex: none; }

.muted[b-r2ig7fxgtz] { color: var(--muted); font-size: .9rem; margin: 0 0 .5rem; }
.empty[b-r2ig7fxgtz] { font-style: italic; }
/* /Pages/Organizations/ClassificationSection.razor.rz.scp.css */
.muted[b-1kviv04m69] { color: var(--muted); }
.error[b-1kviv04m69] { margin-bottom: 1rem; }

/* Gobierno de las áreas: una tarjeta por área con encargados y miembros. */
.panel[b-1kviv04m69] { margin-bottom: 1.25rem; }
.head[b-1kviv04m69] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .35rem; }
.head h2[b-1kviv04m69] { margin: 0; }
.areas[b-1kviv04m69] { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; gap: .6rem; }
.area[b-1kviv04m69] { border: 1px solid var(--border); border-radius: 10px; padding: .7rem .85rem; display: grid; gap: .45rem; }
.area-head[b-1kviv04m69] { display: flex; align-items: center; gap: .5rem; }
.area-head strong[b-1kviv04m69] { flex: 1; }
.area-row[b-1kviv04m69] { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; font-size: .9rem; }
.area-row .label[b-1kviv04m69] { color: var(--muted); min-width: 6.5rem; }
.chip[b-1kviv04m69] { display: inline-flex; align-items: center; gap: .3rem; padding: .15rem .5rem; border-radius: 999px; background: var(--hover); }
.chip button[b-1kviv04m69] { border: 0; background: transparent; color: var(--muted); cursor: pointer; padding: 0; font-size: .75rem; }
.chip button:hover[b-1kviv04m69] { color: var(--danger); }
.dot[b-1kviv04m69] { width: .7rem; height: .7rem; border-radius: 50%; flex: none; }
.toggle[b-1kviv04m69] { display: flex; align-items: center; gap: .4rem; font-size: .9rem; cursor: pointer; }
.muted.inline[b-1kviv04m69] { margin: 0; }
.field.small[b-1kviv04m69] { padding: .25rem .4rem; font-size: .85rem; width: auto; }
/* /Pages/Organizations/EmailSection.razor.rz.scp.css */
.muted[b-8k9bh4sxka] { color: var(--muted); font-size: .9rem; margin: 0 0 .5rem; }
.muted.inline[b-8k9bh4sxka] { margin: 0; }
.hint[b-8k9bh4sxka] { color: var(--muted); font-size: .85rem; font-style: italic; margin: .35rem 0 .5rem; }
.warning[b-8k9bh4sxka] { color: var(--c-orange); font-size: .85rem; margin: .25rem 0 .5rem; }
.ok[b-8k9bh4sxka] { color: var(--c-green); margin: .5rem 0 0; }
.error[b-8k9bh4sxka] { margin: .5rem 0 0; }

.transports[b-8k9bh4sxka] { display: flex; gap: .5rem; flex-wrap: wrap; margin: .5rem 0 1rem; }
.transport[b-8k9bh4sxka] { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .75rem; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; font-size: .9rem; }
.transport.on[b-8k9bh4sxka] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); }
.transport input[b-8k9bh4sxka] { margin: 0; }

.grid[b-8k9bh4sxka] { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .65rem .9rem; margin-bottom: .75rem; }
.grid label[b-8k9bh4sxka], .block[b-8k9bh4sxka] { display: grid; gap: .25rem; font-size: .85rem; color: var(--muted); }
.grid .wide[b-8k9bh4sxka] { grid-column: 1 / -1; }
.block[b-8k9bh4sxka] { margin-bottom: .25rem; }
.mono[b-8k9bh4sxka] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8rem; }
.toggle[b-8k9bh4sxka] { display: flex; align-items: center; gap: .4rem; font-size: .9rem; cursor: pointer; margin: .25rem 0; }

.actions[b-8k9bh4sxka] { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-top: .75rem; }
.test-to[b-8k9bh4sxka] { width: min(100%, 18rem); }
/* /Pages/Organizations/GeneralSection.razor.rz.scp.css */
.facts[b-beednb95s2] { display: grid; grid-template-columns: max-content 1fr; gap: .4rem 1rem; margin: .9rem 0 0; font-size: .92rem; }
.facts dt[b-beednb95s2] { color: var(--muted); }
.facts dd[b-beednb95s2] { margin: 0; }
.error[b-beednb95s2] { margin-bottom: 1rem; }
/* /Pages/Organizations/MembersSection.razor.rz.scp.css */
.count[b-q1h9uxjytu] { color: var(--muted); font-weight: 400; font-size: .9rem; margin-left: .25rem; }

.people[b-q1h9uxjytu] { list-style: none; padding: 0; margin: 0; display: grid; gap: .15rem; }

.people li[b-q1h9uxjytu] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .45rem .25rem;
    border-bottom: 1px solid var(--border);
}

.people li:last-child[b-q1h9uxjytu] { border-bottom: 0; }

.who[b-q1h9uxjytu] { display: grid; min-width: 0; flex: 1; }
.name[b-q1h9uxjytu] { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email[b-q1h9uxjytu] { color: var(--muted); font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.actions[b-q1h9uxjytu] { display: flex; align-items: center; gap: .4rem; flex: none; }

.pill[b-q1h9uxjytu] {
    font-size: .72rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .05rem .5rem;
    color: var(--muted);
}

.pill.role[b-q1h9uxjytu] { color: var(--accent); border-color: var(--accent); }

.link-box[b-q1h9uxjytu] {
    margin-top: .85rem;
    padding: .75rem;
    border-radius: .6rem;
    background: var(--highlight);
}

.link-box p[b-q1h9uxjytu] { margin: 0 0 .5rem; font-size: .9rem; }
.link-box .hint[b-q1h9uxjytu] { margin: .5rem 0 0; }

.mono[b-q1h9uxjytu] { font-family: ui-monospace, monospace; font-size: .8rem; }

.muted[b-q1h9uxjytu] { color: var(--muted); }
.error[b-q1h9uxjytu] { margin-bottom: 1rem; }
/* /Pages/Organizations/OrganizationList.razor.rz.scp.css */
.home[b-7n8k9dl2oc] { max-width: 1100px; margin: 0 auto; padding: 1.25rem 1rem 3rem; }

.title[b-7n8k9dl2oc] { margin: .25rem 0 1rem; font-size: 1.5rem; }
h2[b-7n8k9dl2oc] { font-size: 1.05rem; margin: 0; }

.muted[b-7n8k9dl2oc] { color: var(--muted); }
.error[b-7n8k9dl2oc] { color: var(--danger); }

.new-project[b-7n8k9dl2oc] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1.25rem;
    background: var(--surface);
}

.new-project form[b-7n8k9dl2oc] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.new-project input[b-7n8k9dl2oc], .new-project select[b-7n8k9dl2oc] {
    flex: 1 1 160px;
    min-width: 0;
    padding: .5rem .6rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg);
    color: var(--text);
}

.new-project button[b-7n8k9dl2oc] {
    padding: .5rem 1rem;
    border: 0;
    border-radius: 8px;
    background: var(--accent);
    color: white;
    font-weight: 600;
    cursor: pointer;
}

.new-project button:disabled[b-7n8k9dl2oc] { opacity: .6; cursor: default; }

.grid[b-7n8k9dl2oc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.org[b-7n8k9dl2oc] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem;
    background: var(--surface);
}

.org header[b-7n8k9dl2oc] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }

.pill[b-7n8k9dl2oc] {
    font-size: .72rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .05rem .5rem;
    color: var(--muted);
}

.pill.role[b-7n8k9dl2oc] { color: var(--accent); border-color: var(--accent); }

.members[b-7n8k9dl2oc] { font-size: .85rem; margin: .5rem 0; }

.projects[b-7n8k9dl2oc] { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; gap: .35rem; }

.projects li[b-7n8k9dl2oc] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .5rem;
    border-radius: 8px;
}

.projects li.new[b-7n8k9dl2oc] { background: var(--highlight); }

.projects code[b-7n8k9dl2oc] { font-size: .8rem; color: var(--muted); }

.dot[b-7n8k9dl2oc] { width: .6rem; height: .6rem; border-radius: 50%; flex: none; }

.live[b-7n8k9dl2oc] { margin-top: 1.5rem; }
.live ul[b-7n8k9dl2oc] { padding-left: 1.1rem; color: var(--muted); font-size: .9rem; }

.projects a[b-7n8k9dl2oc] { display: flex; align-items: center; gap: .5rem; flex: 1; color: inherit; text-decoration: none; }
.projects li:hover[b-7n8k9dl2oc] { background: var(--highlight); }

.configure[b-7n8k9dl2oc] { margin-left: auto; font-size: .82rem; color: var(--accent); text-decoration: none; }
.configure:hover[b-7n8k9dl2oc] { text-decoration: underline; }

.new-org[b-7n8k9dl2oc] { padding: .75rem 1rem; }
.new-org h2[b-7n8k9dl2oc] { margin-bottom: 0; }
/* /Pages/Organizations/OrganizationSettings.razor.rz.scp.css */
/* Contenido de la sección activa, a la derecha del menú de Configuración. */
.settings[b-lbl87zpu5j] { max-width: 50rem; padding: 2.25rem clamp(1rem, 5vw, 3.5rem) 4rem; }

h1[b-lbl87zpu5j] { font-size: 1.4rem; margin: 0; color: var(--text); }

.muted[b-lbl87zpu5j] { color: var(--muted); }
/* /Pages/Organizations/SprintsSection.razor.rz.scp.css */
.toggle[b-a2gstn3iwe] { display: flex; align-items: center; gap: .4rem; font-size: .9rem; cursor: pointer; margin: .35rem 0; }
.muted[b-a2gstn3iwe] { color: var(--muted); font-size: .9rem; margin: 0 0 .5rem; }
.hint[b-a2gstn3iwe] { color: var(--muted); font-size: .85rem; font-style: italic; margin: .5rem 0 0; }
/* /Pages/Organizations/StageRuleEditor.razor.rz.scp.css */
.rule-editor[b-wvs1th90yf] { display: grid; gap: .6rem; padding: .65rem .75rem; border: 1px solid var(--border); border-radius: 10px; margin: .4rem 0; }
.scope[b-wvs1th90yf] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; font-size: .9rem; }
.scope .field[b-wvs1th90yf] { flex: 1 1 12rem; }

.grid[b-wvs1th90yf] { display: grid; gap: .2rem; overflow-x: auto; font-size: .85rem; }
.row[b-wvs1th90yf] { display: grid; grid-template-columns: minmax(8rem, 1.6fr) repeat(4, minmax(4.5rem, 1fr)); align-items: center; gap: .25rem; }
.row > span:not(.name)[b-wvs1th90yf] { text-align: center; }
.header[b-wvs1th90yf] { font-size: .72rem; color: var(--muted); }
.name[b-wvs1th90yf] { display: flex; align-items: center; gap: .4rem; }
.dot[b-wvs1th90yf] { width: .65rem; height: .65rem; border-radius: 50%; flex: none; }

.actions[b-wvs1th90yf] { display: flex; gap: .5rem; align-items: center; }
/* /Pages/Organizations/StagesSection.razor.rz.scp.css */
.head[b-l3txef5zsg] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-bottom: .35rem; }
.head h2[b-l3txef5zsg] { margin: 0; }

.toggle[b-l3txef5zsg] { display: flex; align-items: center; gap: .4rem; font-size: .9rem; cursor: pointer; margin: .35rem 0; }

.items[b-l3txef5zsg] { padding: 0 0 0 1.4rem; margin: .5rem 0 .85rem; display: grid; gap: .4rem; }
ul.items[b-l3txef5zsg] { list-style: none; padding-left: 0; }
.items li[b-l3txef5zsg] { display: flex; align-items: center; gap: .45rem; }
.items .grow[b-l3txef5zsg] { flex: 1 1 10rem; }

.dot[b-l3txef5zsg] { width: .7rem; height: .7rem; border-radius: 50%; flex: none; }

.muted[b-l3txef5zsg] { color: var(--muted); font-size: .9rem; margin: 0 0 .5rem; }
.hint[b-l3txef5zsg] { color: var(--muted); font-size: .85rem; font-style: italic; margin: .5rem 0 0; }

h3[b-l3txef5zsg] { margin: 1rem 0 .25rem; font-size: 1rem; }
.rules li[b-l3txef5zsg] { align-items: flex-start; font-size: .9rem; }
.rules li.editing[b-l3txef5zsg] { display: block; }
/* /Pages/Organizations/StatusDraftEditor.razor.rz.scp.css */
.drafts[b-iz556g3nku] { list-style: none; padding: 0; margin: .5rem 0; display: grid; gap: .45rem; }

.draft-row[b-iz556g3nku] { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
.draft-row .grow[b-iz556g3nku] { flex: 1 1 9rem; }

.hide-toggle[b-iz556g3nku] { display: inline-flex; align-items: center; gap: .3rem; font-size: .85rem; color: var(--muted); white-space: nowrap; }
/* /Pages/Organizations/TeamsSection.razor.rz.scp.css */
.muted[b-7kxsc5wztj] { color: var(--muted); font-size: .9rem; margin: 0 0 .5rem; }
.error[b-7kxsc5wztj] { margin-bottom: 1rem; }
.hint[b-7kxsc5wztj] { color: var(--muted); font-size: .85rem; font-style: italic; margin: .5rem 0 0; }

/* Una tarjeta por equipo, como las de «Gobierno de las áreas». */
.head[b-7kxsc5wztj] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .35rem; }
.head h2[b-7kxsc5wztj] { margin: 0; }
.teams[b-7kxsc5wztj] { list-style: none; padding: 0; margin: .5rem 0 .75rem; display: grid; gap: .6rem; }
.team[b-7kxsc5wztj] { border: 1px solid var(--border); border-radius: 10px; padding: .7rem .85rem; display: grid; gap: .45rem; }
.team-head[b-7kxsc5wztj] { display: flex; align-items: center; gap: .5rem; }
.team-head strong[b-7kxsc5wztj], .team-head .grow[b-7kxsc5wztj] { flex: 1; }
.team-row[b-7kxsc5wztj] { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; font-size: .9rem; }
.team-row .label[b-7kxsc5wztj] { color: var(--muted); min-width: 6.5rem; }
.chip[b-7kxsc5wztj] { display: inline-flex; align-items: center; gap: .3rem; padding: .15rem .5rem; border-radius: 999px; background: var(--hover); }
.chip button[b-7kxsc5wztj] { border: 0; background: transparent; color: var(--muted); cursor: pointer; padding: 0; font-size: .75rem; }
.chip button:hover[b-7kxsc5wztj] { color: var(--danger); }
.muted.inline[b-7kxsc5wztj] { margin: 0; }
.field.small[b-7kxsc5wztj] { padding: .25rem .4rem; font-size: .85rem; width: auto; }
/* /Pages/Organizations/WorkflowsSection.razor.rz.scp.css */
/* Mismas pestañas que las secciones de la organización. */
.scope-tabs[b-uxuz56lvwf] {
    display: flex;
    gap: .25rem;
    border-bottom: 1px solid var(--border);
    margin: .25rem 0 .85rem;
}

.scope-tabs button[b-uxuz56lvwf] {
    font: inherit;
    font-size: .92rem;
    padding: .5rem .75rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    color: var(--muted);
    cursor: pointer;
}

.scope-tabs button.active[b-uxuz56lvwf] { color: var(--text); border-bottom-color: var(--accent); font-weight: 600; }
.scope-tabs button:hover[b-uxuz56lvwf] { color: var(--text); }

.hide-toggle[b-uxuz56lvwf] { display: inline-flex; align-items: center; gap: .3rem; font-size: .85rem; color: var(--muted); white-space: nowrap; }

.chips[b-uxuz56lvwf] { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .85rem; }

.chip[b-uxuz56lvwf] {
    font: inherit;
    font-size: .9rem;
    display: inline-flex;
    align-items: baseline;
    gap: .4rem;
    padding: .35rem .7rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--bg);
    color: var(--text);
    cursor: pointer;
}

.chip.active[b-uxuz56lvwf] { border-color: var(--accent); background: var(--highlight); font-weight: 600; }
.default[b-uxuz56lvwf] { font-size: .7rem; color: var(--accent); font-weight: 500; }
.uses[b-uxuz56lvwf] { font-size: .75rem; color: var(--muted); font-weight: 400; }

.new-workflow[b-uxuz56lvwf] { margin-top: .25rem; }
.start[b-uxuz56lvwf] { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: var(--muted); }

.rename[b-uxuz56lvwf] { display: block; margin-bottom: .75rem; }
.title[b-uxuz56lvwf] { width: 100%; font-weight: 600; font-size: 1.02rem; }

.workflow-actions[b-uxuz56lvwf] { display: flex; flex-wrap: wrap; gap: .5rem; margin: -.25rem 0 .85rem; }

.statuses[b-uxuz56lvwf] { list-style: none; padding: 0; margin: 0 0 .9rem; display: grid; gap: .45rem; }

.status-row[b-uxuz56lvwf] { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
.status-row .grow[b-uxuz56lvwf] { flex: 1 1 9rem; }

.moves[b-uxuz56lvwf] { display: flex; gap: .25rem; }

.remove-box[b-uxuz56lvwf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin: .4rem 0 .2rem 2.6rem;
    padding: .5rem .65rem;
    border-radius: .5rem;
    background: var(--highlight);
    font-size: .9rem;
}

.remove-box.flat[b-uxuz56lvwf] { margin: -.4rem 0 .85rem; }

.dot[b-uxuz56lvwf] { width: .7rem; height: .7rem; border-radius: 50%; flex: none; }

.sr-only[b-uxuz56lvwf] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.muted[b-uxuz56lvwf] { color: var(--muted); font-size: .9rem; }
.error[b-uxuz56lvwf] { margin-bottom: 1rem; }

@media (max-width: 520px) {
    .remove-box[b-uxuz56lvwf] { margin-left: 0; }
}
/* /Pages/Works/ChangeWorkflowDialog.razor.rz.scp.css */
.overlay[b-5qpnp7jexz] { position: fixed; inset: 0; background: rgb(0 0 0 / .35); z-index: 50; }

.dialog[b-5qpnp7jexz] {
    position: fixed;
    z-index: 51;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(40rem, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding: 1.25rem 1.4rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    color: var(--text);
    box-shadow: 0 20px 50px rgb(0 0 0 / .25);
}

h2[b-5qpnp7jexz] { margin: 0 0 .5rem; font-size: 1.1rem; }
h3[b-5qpnp7jexz] { margin: 1rem 0 .4rem; font-size: .85rem; color: var(--muted); }
.muted[b-5qpnp7jexz] { color: var(--muted); font-size: .88rem; margin: 0 0 .9rem; }
.hint[b-5qpnp7jexz] { color: var(--muted); font-size: .8rem; font-style: italic; margin: .35rem 0 0; }
.error[b-5qpnp7jexz] { color: var(--danger); font-size: .88rem; }

.fields[b-5qpnp7jexz] { display: flex; flex-wrap: wrap; gap: .6rem .75rem; }
.fields label[b-5qpnp7jexz], .inline[b-5qpnp7jexz] { display: flex; flex-direction: column; gap: .15rem; }
.fields .grow[b-5qpnp7jexz] { flex: 1 1 12rem; }
label span[b-5qpnp7jexz] { font-size: .72rem; color: var(--muted); }

input[b-5qpnp7jexz], select[b-5qpnp7jexz] {
    padding: .35rem .5rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-size: .88rem;
}

.map[b-5qpnp7jexz] { width: 100%; border-collapse: collapse; margin-top: .6rem; font-size: .88rem; }
.map th[b-5qpnp7jexz] { text-align: left; font-size: .72rem; font-weight: 500; color: var(--muted); padding: .2rem .4rem; }
.map td[b-5qpnp7jexz] { padding: .25rem .4rem; }

.actions[b-5qpnp7jexz] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1.1rem; }
.link[b-5qpnp7jexz] { border: 0; background: transparent; color: var(--accent); cursor: pointer; font: inherit; }
/* /Pages/Works/ConvertWorkDialog.razor.rz.scp.css */
.overlay[b-9kbp6r25ha] { position: fixed; inset: 0; background: rgb(0 0 0 / .35); z-index: 50; }

.dialog[b-9kbp6r25ha] {
    position: fixed;
    z-index: 51;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(40rem, calc(100vw - 2rem));
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    padding: 1.25rem 1.4rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    color: var(--text);
    box-shadow: 0 20px 50px rgb(0 0 0 / .25);
}

h2[b-9kbp6r25ha] { margin: 0 0 .5rem; font-size: 1.1rem; }
h3[b-9kbp6r25ha] { margin: 1rem 0 .4rem; font-size: .85rem; color: var(--muted); }
.muted[b-9kbp6r25ha] { color: var(--muted); font-size: .88rem; margin: 0 0 .9rem; }
.hint[b-9kbp6r25ha] { color: var(--muted); font-size: .8rem; font-style: italic; margin: .35rem 0 0; }
.error[b-9kbp6r25ha] { color: var(--danger); font-size: .88rem; }

.fields[b-9kbp6r25ha] { display: flex; flex-wrap: wrap; gap: .6rem .75rem; }
.fields label[b-9kbp6r25ha], .inline[b-9kbp6r25ha] { display: flex; flex-direction: column; gap: .15rem; }
.fields .grow[b-9kbp6r25ha] { flex: 1 1 12rem; }
label span[b-9kbp6r25ha] { font-size: .72rem; color: var(--muted); }

input[b-9kbp6r25ha], select[b-9kbp6r25ha] {
    padding: .35rem .5rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-size: .88rem;
}

.map[b-9kbp6r25ha] { width: 100%; border-collapse: collapse; margin-top: .6rem; font-size: .88rem; }
.map th[b-9kbp6r25ha] { text-align: left; font-size: .72rem; font-weight: 500; color: var(--muted); padding: .2rem .4rem; }
.map td[b-9kbp6r25ha] { padding: .25rem .4rem; }

.actions[b-9kbp6r25ha] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1.1rem; }
.link[b-9kbp6r25ha] { border: 0; background: transparent; color: var(--accent); cursor: pointer; font: inherit; }
/* /Pages/Works/StatusRulesNotice.razor.rz.scp.css */
.rules-notice[b-xyj5duvg95] {
    margin: 0 1rem .5rem;
    padding: .6rem .8rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--c-orange, #d97706) 14%, var(--surface));
    color: var(--text);
    font-size: .875rem;
}

.head[b-xyj5duvg95] { display: flex; align-items: center; gap: .5rem; }
.close[b-xyj5duvg95] { margin-left: auto; border: 0; background: transparent; color: inherit; cursor: pointer; }
ul[b-xyj5duvg95] { margin: .35rem 0 .45rem; padding-left: 1.2rem; }
li + li[b-xyj5duvg95] { margin-top: .15rem; }
.muted[b-xyj5duvg95] { margin: 0; color: var(--muted); font-size: .8rem; }
.force[b-xyj5duvg95] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.force .field[b-xyj5duvg95] { flex: 1; min-width: 12rem; }
/* /Pages/Works/WorkBoard.razor.rz.scp.css */
/* Mismo encabezado que el tablero de tareas (Board.razor.css). */
.works-page[b-2opd7nbgsv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.toolbar[b-2opd7nbgsv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
    padding: .75rem 1rem .5rem;
}

.back[b-2opd7nbgsv] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: var(--muted);
    text-decoration: none;
    font-size: 1.1rem;
}

.back:hover[b-2opd7nbgsv] { background: var(--surface); color: var(--text); }

h1[b-2opd7nbgsv] { margin: 0; font-size: 1.2rem; }

.spacer[b-2opd7nbgsv] { flex: 1; }

/* Vistas (Tablero, Lista, Tabla, Cronograma) con la lupa, los filtros y el orden a la derecha, como en el work. */
.views-row[b-2opd7nbgsv] { padding: 0 1rem .6rem; }

.link[b-2opd7nbgsv] {
    border: 0;
    background: transparent;
    color: var(--accent);
    font: inherit;
    font-size: .82rem;
    cursor: pointer;
    padding: .2rem;
}

.live[b-2opd7nbgsv] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--muted);
}

.live[b-2opd7nbgsv]::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; }
.live.is-on[b-2opd7nbgsv] { color: var(--c-green); }
.live.is-off[b-2opd7nbgsv] { color: var(--danger); }

.banner[b-2opd7nbgsv] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0 1rem .5rem;
    padding: .5rem .75rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--danger) 12%, var(--surface));
    color: var(--text);
    font-size: .875rem;
}

.banner button[b-2opd7nbgsv] { margin-left: auto; border: 0; background: transparent; color: inherit; cursor: pointer; }

.board-area[b-2opd7nbgsv] { flex: 1; min-height: 0; padding: 0 .75rem; }
.list-area[b-2opd7nbgsv] { flex: 1; min-height: 0; overflow-y: auto; padding: 0 .25rem; }
/* El cronograma maneja su propio desplazamiento. */
.fill-area[b-2opd7nbgsv] { flex: 1; min-height: 0; display: flex; flex-direction: column; }

.center[b-2opd7nbgsv] { text-align: center; margin-top: 3rem; }
.muted[b-2opd7nbgsv] { color: var(--muted); }
.error[b-2opd7nbgsv] { color: var(--danger); }


.requests-link[b-2opd7nbgsv] { font-size: .9rem; color: var(--accent); text-decoration: none; }
.requests-link:hover[b-2opd7nbgsv] { text-decoration: underline; }
/* /Pages/Works/WorkView.razor.rz.scp.css */
/* Ficha del work: título, propiedades en dos columnas, etapas, barra de vistas y las tareas. Se desplaza entera. */
.work-view[b-uaqerv04xx] {
    --gutter: clamp(1rem, 5vw, 4rem);
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.work-view > *[b-uaqerv04xx] { flex-shrink: 0; }

.work-head[b-uaqerv04xx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
    padding: .5rem var(--gutter) 0;
}

[b-uaqerv04xx] .back {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: var(--muted);
    text-decoration: none;
    font-size: 1.1rem;
}

[b-uaqerv04xx] .back:hover { background: var(--surface); color: var(--text); }

.dot[b-uaqerv04xx] { width: .7rem; height: .7rem; border-radius: 50%; flex: none; }

h1[b-uaqerv04xx] { margin: .25rem var(--gutter) 1rem; font-size: clamp(1.75rem, 3.5vw, 2.6rem); line-height: 1.15; min-width: 0; }

.name[b-uaqerv04xx] {
    max-width: 100%;
    padding: .1rem .3rem;
    margin: 0 -.3rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    cursor: text;
}

.name:hover[b-uaqerv04xx] { background: var(--hover); }

.rename[b-uaqerv04xx] {
    min-width: 0;
    margin: .25rem var(--gutter) 1rem;
    width: auto;
    padding: .2rem .4rem;
    border: 1px solid var(--accent);
    border-radius: 6px;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 700;
}

/* Propiedades del work en dos columnas (PropertyGrid). */
.work-fields[b-uaqerv04xx] { padding: 0 var(--gutter) 1rem; max-width: 72rem; }

/* Equipo de trabajo: el mismo botón y selector que las personas de una tarea (TaskPanel). */
.people-button[b-uaqerv04xx] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    padding: .25rem .4rem;
    margin-left: -.4rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.people-button:hover[b-uaqerv04xx] { background: var(--hover); }

.picker-row[b-uaqerv04xx] { grid-column: 1 / -1; max-height: 18rem; overflow-y: auto; padding: .25rem 0 .5rem; }

/* Dependencias entre works: los enlazados y, al final, el desplegable para agregar otro. */
.deps[b-uaqerv04xx] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem .75rem; }
.dep[b-uaqerv04xx] { display: inline-flex; align-items: center; gap: .25rem; }

.work-fields a[b-uaqerv04xx] { color: var(--text); text-decoration: underline; text-decoration-color: var(--border); text-underline-offset: 3px; }
.work-fields a:hover[b-uaqerv04xx] { text-decoration-color: currentColor; }

.progress[b-uaqerv04xx] { display: inline-flex; align-items: center; gap: .6rem; }
.progress-bar[b-uaqerv04xx] { width: 9rem; height: .4rem; border-radius: 999px; background: var(--hover); overflow: hidden; }
.progress-bar span[b-uaqerv04xx] { display: block; height: 100%; background: var(--c-green); }

.views-row[b-uaqerv04xx] { padding: 0 var(--gutter) .6rem; }

code[b-uaqerv04xx] { font-size: .8rem; color: var(--muted); }

.spacer[b-uaqerv04xx] { flex: 1; }

.link[b-uaqerv04xx] {
    border: 0;
    background: transparent;
    color: var(--accent);
    font: inherit;
    font-size: .82rem;
    cursor: pointer;
    padding: .2rem;
}

.live[b-uaqerv04xx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--muted);
}

.live[b-uaqerv04xx]::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; }
.live.is-on[b-uaqerv04xx] { color: var(--c-green); }
.live.is-off[b-uaqerv04xx] { color: var(--danger); }

.banner[b-uaqerv04xx] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0 var(--gutter) .5rem;
    padding: .5rem .75rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--danger) 12%, var(--surface));
    color: var(--text);
    font-size: .875rem;
}

.banner button[b-uaqerv04xx] { margin-left: auto; border: 0; background: transparent; color: inherit; cursor: pointer; }

.hint[b-uaqerv04xx] { margin: 0 var(--gutter) .5rem; font-size: .8rem; color: var(--muted); }

.board-area[b-uaqerv04xx] { flex: 1 0 auto; height: max(28rem, 70vh); padding: 0 calc(var(--gutter) - .25rem); }

.center[b-uaqerv04xx] { text-align: center; margin-top: 3rem; }
.muted[b-uaqerv04xx] { color: var(--muted); }
.error[b-uaqerv04xx] { color: var(--danger); }

.list-area[b-uaqerv04xx] { flex: 1 0 auto; min-height: 20rem; padding: 0 calc(var(--gutter) - 1rem); }

/* Cronograma y grafo manejan su propio desplazamiento. */
.fill-area[b-uaqerv04xx] { flex: 1 0 auto; height: max(28rem, 70vh); display: flex; flex-direction: column; padding: 0 calc(var(--gutter) - 1rem); }

/* Etapas: barra con filtro, paso a la siguiente, fechas e historial. */
.stage-bar[b-uaqerv04xx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: 0 var(--gutter) .6rem;
}

.stages[b-uaqerv04xx] { display: flex; flex-wrap: wrap; gap: .3rem; }

.stage-chip[b-uaqerv04xx] {
    --stage-color: var(--muted);
    padding: .2rem .65rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface);
    color: var(--muted);
    font: inherit;
    font-size: .8rem;
    cursor: pointer;
}

.stage-chip.is-done[b-uaqerv04xx] { color: var(--text); border-color: color-mix(in srgb, var(--stage-color) 45%, var(--border)); }
.stage-chip.is-current[b-uaqerv04xx] {
    color: var(--text);
    font-weight: 600;
    border-color: var(--stage-color);
    background: color-mix(in srgb, var(--stage-color) 14%, var(--surface));
}
.stage-chip.is-active[b-uaqerv04xx] { outline: 2px solid var(--accent); outline-offset: 1px; }

.banner.warn[b-uaqerv04xx] { background: color-mix(in srgb, var(--c-orange, #d97706) 14%, var(--surface)); }
.banner.warn button + button[b-uaqerv04xx] { margin-left: 0; }

.stage-details[b-uaqerv04xx] { margin: 0 var(--gutter) .75rem; padding: .6rem .75rem; border: 1px solid var(--border); border-radius: 10px; overflow-x: auto; font-size: .85rem; }
.stage-details table[b-uaqerv04xx] { border-collapse: collapse; width: 100%; }
.stage-details th[b-uaqerv04xx], .stage-details td[b-uaqerv04xx] { padding: .25rem .5rem; text-align: left; white-space: nowrap; }
.stage-details thead th[b-uaqerv04xx] { font-size: .72rem; font-weight: 500; color: var(--muted); }
.stage-details tbody th[b-uaqerv04xx] { font-weight: 500; }
.stage-details tr.is-current th[b-uaqerv04xx] { font-weight: 700; }
.stage-details input[b-uaqerv04xx] {
    padding: .15rem .35rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-size: .8rem;
}
.stage-details .dot[b-uaqerv04xx] { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .4rem; }
.stage-name[b-uaqerv04xx] { display: inline-flex; align-items: center; gap: .35rem; }
.stage-details .swatch[b-uaqerv04xx] { width: 1.4rem; height: 1.4rem; padding: 0; border: 0; background: none; cursor: pointer; }
.stage-details .name[b-uaqerv04xx] { min-width: 9rem; font-weight: inherit; }
.stage-actions[b-uaqerv04xx] { display: flex; gap: .15rem; }
.stage-actions .icon[b-uaqerv04xx] { border: 0; background: none; color: var(--muted); cursor: pointer; padding: .1rem .3rem; border-radius: 6px; font: inherit; }
.stage-actions .icon:hover:not(:disabled)[b-uaqerv04xx] { background: var(--hover); color: var(--text); }
.stage-actions .icon:disabled[b-uaqerv04xx] { opacity: .35; cursor: default; }
.remove-row td[b-uaqerv04xx] { background: var(--highlight); border-radius: 6px; }
.remove-row td > *[b-uaqerv04xx] { margin-right: .5rem; }
.remove-row select[b-uaqerv04xx] { padding: .15rem .35rem; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--text); font: inherit; font-size: .8rem; }
.stage-new[b-uaqerv04xx] { display: flex; gap: .5rem; align-items: center; margin-top: .5rem; }
.stage-details h3[b-uaqerv04xx] { font-size: .8rem; color: var(--muted); margin: .75rem 0 .3rem; }
.history[b-uaqerv04xx] { margin: 0; padding-left: 1.2rem; display: grid; gap: .2rem; }
.history time[b-uaqerv04xx] { color: var(--muted); margin-right: .4rem; font-variant-numeric: tabular-nums; }

/* Sprints: filtro, avance del sprint, acciones y formulario. */
.sprint-bar[b-uaqerv04xx] { font-size: .85rem; }
.sprint-filter[b-uaqerv04xx] { display: flex; align-items: center; gap: .4rem; }
.sprint-filter span[b-uaqerv04xx] { font-size: .72rem; color: var(--muted); }
.sprint-filter select[b-uaqerv04xx], .banner select[b-uaqerv04xx], .sprint-form input[b-uaqerv04xx], .sprint-form select[b-uaqerv04xx] {
    padding: .25rem .4rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    font: inherit;
    font-size: .82rem;
}
.sprint-info[b-uaqerv04xx] { display: inline-flex; gap: .3rem; align-items: baseline; }
.sprint-progress[b-uaqerv04xx] { display: inline-flex; align-items: center; gap: .35rem; }
.sprint-progress meter[b-uaqerv04xx] { width: 6rem; height: .5rem; }
.sprint-goal[b-uaqerv04xx] { max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sprint-form[b-uaqerv04xx] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem .75rem;
    margin: 0 var(--gutter) .6rem;
    padding: .6rem .75rem;
    border: 1px solid var(--border);
    border-radius: 10px;
}
.sprint-form label[b-uaqerv04xx] { display: flex; flex-direction: column; gap: .15rem; }
.sprint-form label span[b-uaqerv04xx] { font-size: .72rem; color: var(--muted); }
.sprint-form .grow[b-uaqerv04xx] { flex: 1 1 14rem; }


/* Botón del documento del work (se abre encima, como una tarea). */
.doc-button[b-uaqerv04xx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--muted);
    font: inherit;
    font-size: .82rem;
    cursor: pointer;
    transition: background .12s, color .12s, border-color .12s;
}

.doc-button:hover[b-uaqerv04xx] { background: var(--hover); color: var(--text); }
.doc-button.is-on[b-uaqerv04xx] { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); }

/* Mismo ancho y márgenes que la ficha de una tarea. */
.document[b-uaqerv04xx] { width: min(100%, 980px); margin: 0 auto; padding: .25rem clamp(1rem, 5vw, 4rem) 4rem; }

.document-trail[b-uaqerv04xx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--muted);
    font-size: .85rem;
    white-space: nowrap;
}

.document-trail code[b-uaqerv04xx] { font-size: .8rem; }
.document-trail .sep[b-uaqerv04xx] { color: var(--border); }

.document-title[b-uaqerv04xx] { margin: .4rem 0 1.25rem; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; }

.document-body[b-uaqerv04xx] { min-height: 50vh; }

/* Silenciar los avisos del work (en la conversación). */
.mute[b-uaqerv04xx] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .55rem;
    border: 1px solid var(--border);
    border-radius: .4rem;
    background: var(--surface);
    color: var(--muted);
    font: inherit;
    font-size: .8rem;
    cursor: pointer;
}

.mute:hover[b-uaqerv04xx] { background: var(--hover); color: var(--text); }
.mute.is-on[b-uaqerv04xx] { color: var(--text); border-color: color-mix(in srgb, var(--text) 25%, var(--border)); }