.feature-placeholder[b-2lm5lppyxo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 58vh;
    gap: 4px;
    padding: 32px 16px;
}

.fp-icon-circle[b-2lm5lppyxo] {
    width: 88px;
    height: 88px;
    border-radius: 24px;
    background: var(--app-primary-lighten);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}


[b-2lm5lppyxo] .fp-icon {
    width: 40px;
    height: 40px;
    color: var(--app-primary);
}

.fp-title[b-2lm5lppyxo] {
    font-weight: 700 !important;
}

.fp-desc[b-2lm5lppyxo] {
    color: var(--app-text-secondary);
    max-width: 440px;
    margin-top: 2px;
}

.fp-badge[b-2lm5lppyxo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--app-primary-lighten);
    color: var(--app-primary);
    font-size: 13px;
    font-weight: 600;
}

[b-2lm5lppyxo] .fp-badge-icon {
    width: 12px;
    height: 12px;
    font-size: 12px;
    color: var(--app-primary);
}


.filedrop-zone[b-gcnrt1aksu] {
    border: 2px dashed var(--mud-palette-lines-inputs, #c4c4c4);
    border-radius: 8px;
    transition: all 0.15s ease;
    background: transparent;
    text-align: center;
    user-select: none;
    cursor: pointer;
    position: relative;
}

.filedrop-zone:hover[b-gcnrt1aksu] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb, 25, 118, 210), 0.04);
}


.filedrop-dragging[b-gcnrt1aksu] {
    border-color: var(--mud-palette-primary);
    border-style: solid;
    background: rgba(var(--mud-palette-primary-rgb, 25, 118, 210), 0.10);
}

.filedrop-disabled[b-gcnrt1aksu] {
    cursor: not-allowed;
    opacity: 0.55;
    pointer-events: none;
}


.filedrop-preview[b-gcnrt1aksu] {
    border-radius: 8px;
}


.img-strip[b-1fym2qnyy6] {
    position: absolute;
    z-index: 6;                       
    right: calc(12px + env(safe-area-inset-right, 0px));
    top: 50%;
    transform: translateY(-50%);
    
    display: none;
    flex-direction: column;
    gap: 8px;
    width: 100px;
    max-height: min(82vh, 100%);
    overflow-y: auto;
    overscroll-behavior: contain;     
    padding: 8px;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.55);
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}

@media (min-width: 900px) {
    .img-strip[b-1fym2qnyy6] { display: flex; }
}

.img-strip-it[b-1fym2qnyy6] {
    position: relative;
    flex: 0 0 auto;
    width: 84px;
    height: 84px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background: none;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.6;
    transition: opacity 0.15s, border-color 0.15s;
}

.img-strip-it:hover[b-1fym2qnyy6],
.img-strip-it:focus-visible[b-1fym2qnyy6] {
    opacity: 1;
}

.img-strip-it.is-active[b-1fym2qnyy6] {
    opacity: 1;
    border-color: rgba(255, 255, 255, 0.95);
}

.img-strip-it img[b-1fym2qnyy6] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.img-strip-no[b-1fym2qnyy6] {
    position: absolute;
    left: 3px;
    bottom: 3px;
    padding: 0 5px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(15, 23, 42, 0.72);
    font-variant-numeric: tabular-nums;
}


.vm-noti-ask[b-cv2y0owpqd] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    
    padding: max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));
    box-sizing: border-box;
}

.vm-noti-ask__scrim[b-cv2y0owpqd] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    animation: vm-noti-ask-fade-b-cv2y0owpqd .18s ease-out;
}

.vm-noti-ask__card[b-cv2y0owpqd] {
    position: relative;
    z-index: 1;
    width: min(380px, 100%);
    box-sizing: border-box;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 24px 20px 16px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .28);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    animation: vm-noti-ask-up-b-cv2y0owpqd .2s ease-out;
}

.vm-noti-ask__icon[b-cv2y0owpqd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-bottom: 4px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

.vm-noti-ask__icon[b-cv2y0owpqd]  svg { width: 28px; height: 28px; }

.vm-noti-ask__title[b-cv2y0owpqd] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
}

.vm-noti-ask__desc[b-cv2y0owpqd] {
    font-size: .9rem;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 8px;
}

.vm-noti-ask__ok[b-cv2y0owpqd],
.vm-noti-ask__later[b-cv2y0owpqd] {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-family: inherit;
    touch-action: manipulation;   
}

.vm-noti-ask__ok[b-cv2y0owpqd] {
    padding: 12px 16px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 1rem;
    font-weight: 600;
}
.vm-noti-ask__ok:hover[b-cv2y0owpqd] { filter: brightness(1.05); }

.vm-noti-ask__later[b-cv2y0owpqd] {
    padding: 9px 16px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: .9rem;
}
.vm-noti-ask__later:hover[b-cv2y0owpqd] { background: var(--mud-palette-action-default-hover); }


.vm-noti-ask__dontshow[b-cv2y0owpqd] {
    display: inline-flex; align-items: center; gap: 7px; margin-top: 4px;
    cursor: pointer; user-select: none; touch-action: manipulation;
    font-size: .82rem; color: var(--mud-palette-text-secondary);
}
.vm-noti-ask__dontshow input[b-cv2y0owpqd] {
    width: 16px; height: 16px; flex: 0 0 auto; cursor: pointer;
    accent-color: var(--mud-palette-primary);
}

@keyframes vm-noti-ask-fade-b-cv2y0owpqd { from { opacity: 0; } to { opacity: 1; } }
@keyframes vm-noti-ask-up-b-cv2y0owpqd {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .vm-noti-ask__scrim[b-cv2y0owpqd], .vm-noti-ask__card[b-cv2y0owpqd] { animation: none; }
}



.raci-legend[b-zs19z1pklf] { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.raci-leg[b-zs19z1pklf] { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 7px;
    background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px; font-size: 12.5px; color: var(--mud-palette-text-secondary); }


.k-r[b-zs19z1pklf] { --rc-ring: var(--mud-palette-secondary); }
.k-a[b-zs19z1pklf] { --rc-ring: var(--mud-palette-primary); }
.k-c[b-zs19z1pklf] { --rc-ring: var(--mud-palette-warning); }
.k-i[b-zs19z1pklf] { --rc-ring: var(--mud-palette-text-secondary); }
.k-r[b-zs19z1pklf], .k-a[b-zs19z1pklf], .k-c[b-zs19z1pklf], .k-i[b-zs19z1pklf] {
    --rc-fg: color-mix(in srgb, var(--rc-ring) 62%, var(--mud-palette-text-primary));
    --rc-bg: color-mix(in srgb, var(--rc-ring) 13%, var(--mud-palette-surface));
}

.raci-badge[b-zs19z1pklf] { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px;
    font-size: 12px; font-weight: 700; border: 1.5px solid var(--rc-ring);
    background: var(--rc-bg); color: var(--rc-fg); flex: none; }
.raci-leg .raci-badge[b-zs19z1pklf] { width: 24px; height: 24px; }
.raci-leg span[b-zs19z1pklf] { color: var(--mud-palette-text-secondary); }


.raci-scroll[b-zs19z1pklf] { overflow: auto; max-height: var(--raci-max-h, 70vh);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px; background: var(--mud-palette-surface); }
.raci-grid[b-zs19z1pklf] { min-width: 1040px; --hl: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)); }


.raci-head[b-zs19z1pklf], .raci-row[b-zs19z1pklf] {
    display: grid;
    grid-template-columns: 76px minmax(196px, 1.2fr) 1.6fr 1.35fr 1.2fr 1.45fr 78px;
}
.raci-head[b-zs19z1pklf] { background: color-mix(in srgb, var(--mud-palette-text-primary) 3%, var(--mud-palette-surface));
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: 11px; letter-spacing: .04em; text-transform: uppercase;
    color: var(--mud-palette-text-secondary); font-weight: 600;
    
    position: sticky; top: 0; z-index: 3; }
.raci-head > div[b-zs19z1pklf] { padding: 11px 12px; display: flex; align-items: center; gap: 6px; }
.raci-head > div + div[b-zs19z1pklf], .raci-row > div + div[b-zs19z1pklf] { border-left: 1px solid var(--mud-palette-lines-default); }
.raci-head .raci-badge[b-zs19z1pklf] { width: 18px; height: 18px; font-size: 10.5px; border-radius: 5px; }

.raci-row[b-zs19z1pklf] { border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 55%, transparent); }
.raci-row:last-child[b-zs19z1pklf] { border-bottom: 0; }
.raci-row > div[b-zs19z1pklf] { padding: 13px 12px; min-width: 0; transition: background .1s; }


.raci-head > div.col-hl[b-zs19z1pklf], .raci-row > div.col-hl[b-zs19z1pklf], .raci-row > div.row-hl[b-zs19z1pklf] { background: var(--hl); }
.raci-row > div.hit[b-zs19z1pklf] { box-shadow: inset 0 0 0 2px var(--mud-palette-primary); border-radius: 6px; }

.raci-empty[b-zs19z1pklf] { grid-column: 1 / -1; padding: 28px; text-align: center; color: var(--mud-palette-text-secondary); font-size: 13px; }


.raci-spine[b-zs19z1pklf] { position: relative; display: flex; justify-content: center; padding-top: 15px !important; }
.raci-spine[b-zs19z1pklf]::before, .raci-spine[b-zs19z1pklf]::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%);
    width: 2px; background: var(--mud-palette-lines-default); }
.raci-spine[b-zs19z1pklf]::before { top: 0; height: 15px; }
.raci-spine[b-zs19z1pklf]::after { top: 15px; bottom: -1px; }
.raci-row:first-child .raci-spine[b-zs19z1pklf]::before { display: none; }
.raci-row:last-child .raci-spine[b-zs19z1pklf]::after { display: none; }
.raci-node[b-zs19z1pklf] { position: relative; z-index: 1; width: 34px; height: 34px; border-radius: 50%;
    display: grid; place-items: center; font-weight: 700; font-size: 13.5px;
    font-variant-numeric: tabular-nums;
    background: var(--mud-palette-surface); border: 2px solid var(--mud-palette-primary);
    color: var(--mud-palette-primary); box-shadow: 0 0 0 4px var(--mud-palette-surface); }
.raci-node.is-approval[b-zs19z1pklf] { background: var(--mud-palette-primary); color: var(--mud-palette-primary-text, #fff); }
.raci-node.is-terminal[b-zs19z1pklf] { border-color: var(--mud-palette-secondary); color: var(--mud-palette-secondary); }
.raci-row > div.row-hl .raci-node[b-zs19z1pklf], .raci-row > div.col-hl .raci-node[b-zs19z1pklf] { box-shadow: 0 0 0 4px var(--hl); }


.raci-title[b-zs19z1pklf] { font-weight: 600; font-size: 14px; color: var(--mud-palette-text-primary); }
.raci-desc[b-zs19z1pklf] { color: var(--mud-palette-text-secondary); font-size: 12.5px; margin-top: 3px; }
.raci-approve-tag[b-zs19z1pklf] { display: inline-block; margin-top: 7px; font-size: 11px; font-weight: 600;
    color: var(--rc-fg, var(--mud-palette-primary)); background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-primary); border-radius: 6px; padding: 1px 8px; }


.raci-cell[b-zs19z1pklf] { }
.raci-dash[b-zs19z1pklf] { color: var(--mud-palette-lines-default); font-size: 15px; }
.raci-dept[b-zs19z1pklf] { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600;
    color: var(--mud-palette-text-primary); margin-bottom: 4px; }
.raci-dot[b-zs19z1pklf] { width: 9px; height: 9px; border-radius: 3px; background: var(--rc-bg); border: 1.5px solid var(--rc-ring); flex: none; }

.raci-entry[b-zs19z1pklf] { display: flex; flex-direction: column; gap: 3px; margin-top: 6px; }
.raci-entry:first-of-type[b-zs19z1pklf] { margin-top: 0; }
.raci-rolehead[b-zs19z1pklf] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.raci-rolepill[b-zs19z1pklf] { font-size: 11px; font-weight: 600; color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 4%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; padding: 1px 7px; }
.raci-ptag[b-zs19z1pklf] { font-size: 9.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
    color: var(--rc-fg); background: var(--rc-bg); border: 1px solid var(--rc-ring); border-radius: 5px; padding: 0 5px; }
.raci-rolecap[b-zs19z1pklf] { font-size: 10.5px; color: var(--mud-palette-text-disabled, var(--mud-palette-text-secondary)); }
.raci-note[b-zs19z1pklf] { font-size: 11px; font-style: italic; color: var(--mud-palette-text-secondary); }


.raci-role-tag[b-zs19z1pklf] { font-size: 9.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
    color: var(--rc-fg); background: var(--rc-bg); border: 1px solid var(--rc-ring); border-radius: 5px;
    padding: 0 6px; line-height: 1.55; flex: none; }
.raci-role-tag.is-coop[b-zs19z1pklf] { color: var(--mud-palette-text-secondary); background: transparent;
    border-color: var(--mud-palette-lines-default); border-style: dashed; }
.raci-coop[b-zs19z1pklf] { margin-top: 9px; padding-top: 8px;
    border-top: 1px dashed color-mix(in srgb, var(--rc-ring) 40%, var(--mud-palette-lines-default)); }
.raci-coop-head[b-zs19z1pklf] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 2px; }
.raci-coop-dept[b-zs19z1pklf] { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600;
    color: var(--mud-palette-text-primary); }


.raci-person[b-zs19z1pklf] { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px 2px 3px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 3%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-lines-default); border-radius: 999px; align-self: flex-start; max-width: 100%; }
.raci-person.is-off[b-zs19z1pklf] { border-color: var(--mud-palette-warning); }
.raci-sg[b-zs19z1pklf] { font-size: 9.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
    color: var(--mud-palette-primary); flex: none; }

.raci-sg.is-leo[b-zs19z1pklf] { color: var(--mud-palette-warning); }
.raci-av[b-zs19z1pklf] { width: 21px; height: 21px; border-radius: 50%; flex: none; display: grid; place-items: center;
    font-size: 9px; font-weight: 700; }
.raci-pn[b-zs19z1pklf] { font-size: 12px; font-weight: 600; color: var(--mud-palette-text-primary); line-height: 1.25; }
.raci-person.is-off .raci-pn[b-zs19z1pklf] { color: var(--mud-palette-warning); }


.raci-deadline[b-zs19z1pklf] { font-weight: 700; font-size: 13.5px; color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums; display: flex; align-items: center; }


.vm-icon[b-hq4ing8um3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    vertical-align: middle;
    flex: 0 0 auto;
    color: currentColor;
}
.vm-icon[b-hq4ing8um3]  svg { width: 100%; height: 100%; display: block; }

.vm-icon-sm[b-hq4ing8um3] { width: 18px; height: 18px; }
.vm-icon-md[b-hq4ing8um3] { width: 22px; height: 22px; }
.vm-icon-lg[b-hq4ing8um3] { width: 30px; height: 30px; }

.vm-icon-c-primary[b-hq4ing8um3]   { color: var(--mud-palette-primary); }
.vm-icon-c-secondary[b-hq4ing8um3] { color: var(--mud-palette-secondary); }
.vm-icon-c-tertiary[b-hq4ing8um3]  { color: var(--mud-palette-tertiary); }
.vm-icon-c-success[b-hq4ing8um3]   { color: var(--mud-palette-success); }
.vm-icon-c-error[b-hq4ing8um3]     { color: var(--mud-palette-error); }
.vm-icon-c-warning[b-hq4ing8um3]   { color: var(--mud-palette-warning); }
.vm-icon-c-info[b-hq4ing8um3]      { color: var(--mud-palette-info); }
.vm-icon-c-dark[b-hq4ing8um3]      { color: var(--mud-palette-dark); }




.acct-identity-head[b-uz6y43lv8b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.acct-id-name[b-uz6y43lv8b] {
    font-size: 16px;
    font-weight: 700;
    color: var(--fg-1);
}


.acct-id-nick[b-uz6y43lv8b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: 0;
    padding: 0;
    margin-top: 1px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    cursor: pointer;
}

.acct-id-nick:hover span[b-uz6y43lv8b] {
    text-decoration: underline;
}


.acct-id-nick-empty[b-uz6y43lv8b] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: none;
    border: 0;
    padding: 0;
    margin-top: 2px;
    font-family: inherit;
    font-size: 12px;
    color: var(--fg-4);
    cursor: pointer;
}

.acct-id-nick-empty:hover[b-uz6y43lv8b] {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}


.acct-id-nick[b-uz6y43lv8b]  .acct-id-nick-ico,
.acct-id-nick-empty[b-uz6y43lv8b]  .acct-id-nick-ico {
    font-size: 12px !important;
    width: 12px;
    height: 12px;
    opacity: .75;
}

.acct-id-title[b-uz6y43lv8b] {
    font-size: 13px;
    color: var(--fg-3);
    margin-top: 2px;
}

.acct-id-meta[b-uz6y43lv8b] {
    font-size: 12px;
    color: var(--fg-4);
    margin-top: 4px;
}


.acct-avatar-wrap[b-uz6y43lv8b] {
    position: relative;
    display: inline-block;
}


.acct-avatar-edit[b-uz6y43lv8b] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--mud-palette-surface);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    cursor: pointer;
    z-index: 1;
}

.acct-avatar-edit:hover[b-uz6y43lv8b] {
    filter: brightness(1.18);
}


.acct-avatar-edit[b-uz6y43lv8b]  .mud-icon-root {
    font-size: 15px !important;
    width: 15px;
    height: 15px;
}


.acct-avatar-edit[b-uz6y43lv8b]  .acct-avatar-file {
    display: none;
}


.acct-avatar-loading[b-uz6y43lv8b] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .35);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.acct-divider[b-uz6y43lv8b] {
    height: 1px;
    background: var(--border-1);
}

.acct-divider-lg[b-uz6y43lv8b] {
    margin: 20px 0;
}

.acct-kv-list[b-uz6y43lv8b] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}


.acct-kv[b-uz6y43lv8b] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.acct-kv-label[b-uz6y43lv8b] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--fg-3);
    flex: 0 0 auto;
}

.acct-kv-value[b-uz6y43lv8b] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg-1);
    text-align: right;
    min-width: 0;
    overflow-wrap: anywhere;
}

.acct-kv-value.mono[b-uz6y43lv8b] {
    font-family: var(--font-mono);
    letter-spacing: 0.2px;
}


.acct-tabbar[b-uz6y43lv8b] {
    background: var(--brand);
    padding: 4px;
    display: flex;
    gap: 4px;
    overflow-x: auto;
}

.acct-tab[b-uz6y43lv8b] {
    flex: 1;
    min-width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 14px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--brand-on);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    transition: background 160ms;
}

.acct-tab:hover[b-uz6y43lv8b] {
    background: color-mix(in srgb, var(--brand-on) 10%, transparent);
}

.acct-tab.active[b-uz6y43lv8b] {
    background: color-mix(in srgb, var(--brand-on) 16%, transparent);
    font-weight: 700;
}


.acct-tab.active[b-uz6y43lv8b]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 14px;
    right: 14px;
    height: 2px;
    background: var(--brand-on);
    border-radius: 2px;
}


[b-uz6y43lv8b] .acct-tab .mud-icon-root {
    font-size: 11px !important;
}


.acct-pane[b-uz6y43lv8b] {
    padding: 20px 22px 24px;
}

.acct-subhead-title[b-uz6y43lv8b] {
    font-size: 15px;
    font-weight: 700;
    color: var(--fg-1);
}

.acct-subhead-desc[b-uz6y43lv8b] {
    font-size: 12.5px;
    color: var(--fg-3);
    margin-top: 4px;
    line-height: 1.5;
}


.acct-pwd-form[b-uz6y43lv8b] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 520px;
}

.acct-pwd-strength[b-uz6y43lv8b] {
    display: flex;
    gap: 4px;
    margin-top: 4px;
}

.acct-pwd-bar[b-uz6y43lv8b] {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: var(--slate-200);
    transition: background 160ms;
}

.acct-pwd-lv-1 .acct-pwd-bar.on[b-uz6y43lv8b] { background: var(--error-500); }
.acct-pwd-lv-2 .acct-pwd-bar.on[b-uz6y43lv8b] { background: var(--warning-500); }
.acct-pwd-lv-3 .acct-pwd-bar.on[b-uz6y43lv8b] { background: var(--info-500); }
.acct-pwd-lv-4 .acct-pwd-bar.on[b-uz6y43lv8b] { background: var(--success-500); }

.acct-pwd-checks[b-uz6y43lv8b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 12px;
    margin-top: 8px;
}

.acct-pwd-check[b-uz6y43lv8b] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--fg-3);
}

.acct-pwd-check.ok[b-uz6y43lv8b] {
    color: var(--success-500);
}

.acct-pwd-dot[b-uz6y43lv8b] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: var(--slate-200);
    color: var(--brand-on);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.acct-pwd-check.ok .acct-pwd-dot[b-uz6y43lv8b] {
    background: var(--success-500);
}


.acct-table-wrap[b-uz6y43lv8b] {
    overflow-x: auto;
}

.acct-dev-cell[b-uz6y43lv8b] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.acct-dev-ic[b-uz6y43lv8b] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--brand-soft);
    color: var(--brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.acct-dev-ic.android[b-uz6y43lv8b] {
    background: color-mix(in srgb, var(--success-500) 14%, transparent);
    color: var(--success-500);
}

.acct-dev-name[b-uz6y43lv8b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--fg-1);
}

.acct-dev-detail[b-uz6y43lv8b] {
    font-size: 12.5px;
    color: var(--fg-3);
    margin-top: 2px;
}

.acct-mono[b-uz6y43lv8b] {
    font-family: var(--font-mono);
    font-size: 12.5px;
    color: var(--fg-1);
}



@media (max-width: 600px) {
    
    .acct-table-wrap[b-uz6y43lv8b]  td.mud-table-cell { padding: 5px 10px !important; border-bottom: 0 !important; }
    .acct-table-wrap[b-uz6y43lv8b]  td.mud-table-cell::before { font-size: 11px; color: var(--fg-3); }
    .acct-table-wrap[b-uz6y43lv8b]  .mud-table-row { border-bottom: 1px solid var(--border-1); padding: 6px 0; display: block; }
    
    .acct-table-wrap[b-uz6y43lv8b]  .acct-td-platform { display: none !important; }
    
    .acct-revoke-row[b-uz6y43lv8b] { justify-content: stretch !important; }
    .acct-revoke-row[b-uz6y43lv8b]  .mud-button-root { width: 100%; }
}



[b-ea1vucnl48] .settings-section-card {
    box-shadow: var(--app-shadow-card-strong);
    border-radius: var(--app-radius-card, 12px);
}

[b-ea1vucnl48] .settings-disabled-hint {
    opacity: 0.7;
    font-style: italic;
}




.aicfg-page[b-90ficw04ks]  .mud-tabs-toolbar {
    background-color: transparent;
    border-bottom: 1px solid var(--border-1);
    min-height: 46px;
}
.aicfg-page[b-90ficw04ks]  .mud-tab {
    min-height: 46px;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--fg-3);
    padding: 0 14px;
}
.aicfg-page[b-90ficw04ks]  .mud-tab:hover { color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .mud-tab.mud-tab-active { color: var(--brand); font-weight: 600; }
.aicfg-page[b-90ficw04ks]  .mud-tab .mud-icon-root { font-size: 17px; margin-right: 7px; }
.aicfg-page[b-90ficw04ks]  .mud-tabs-tabbar-slider { height: 2px; background: var(--brand); }


.aicfg-page[b-90ficw04ks]  .aicfg-card {
    background: var(--bg-surface);
    border: 1px solid var(--border-1);
    border-radius: 12px;
    box-shadow: var(--shadow-xs);
}


.aicfg-page[b-90ficw04ks]  .aicfg-toolbar {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 4px 0 14px;
}
.aicfg-page[b-90ficw04ks]  .aicfg-tool-spacer { flex: 1; }
.aicfg-page[b-90ficw04ks]  .aicfg-count { font-size: 13px; color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aicfg-count b { color: var(--fg-1); font-weight: 600; }


.aicfg-page[b-90ficw04ks]  .aicfg-reload.mud-button-root {
    text-transform: none; font-weight: 500; font-size: 14px;
    color: var(--fg-2); min-height: 40px; padding: 6px 10px;
}
.aicfg-page[b-90ficw04ks]  .aicfg-reload.mud-button-root:hover { color: var(--brand); background: var(--slate-100); }


.aicfg-page[b-90ficw04ks]  .aicfg-table-card { padding: 0; overflow: hidden; }
.aicfg-page[b-90ficw04ks]  .aicfg-table-wrap { overflow-x: auto; }
.aicfg-page[b-90ficw04ks]  .aicfg-table.mud-table { background: transparent; box-shadow: none; }
.aicfg-page[b-90ficw04ks]  .aicfg-table .mud-table-root { border-collapse: separate; border-spacing: 0; }
.aicfg-page[b-90ficw04ks]  .aicfg-table th.mud-table-cell {
    text-transform: uppercase; letter-spacing: .03em;
    font-size: 12px; font-weight: 600; color: var(--fg-3);
    background: var(--slate-50); border-bottom: 1px solid var(--border-1);
    padding: 13px 16px; white-space: nowrap;
}
.aicfg-page[b-90ficw04ks]  .aicfg-table td.mud-table-cell {
    padding: 14px 16px; border-bottom: 1px solid var(--border-1);
    font-size: 14px; color: var(--fg-1); vertical-align: middle;
}
.aicfg-page[b-90ficw04ks]  .aicfg-table tbody tr:last-child td.mud-table-cell { border-bottom: none; }
.aicfg-page[b-90ficw04ks]  .aicfg-table tbody tr.mud-table-row:hover { background: var(--slate-25); }
.aicfg-page[b-90ficw04ks]  .aicfg-table .ta-c, .aicfg-page[b-90ficw04ks]  .aicfg-table th.ta-c { text-align: center; }
.aicfg-page[b-90ficw04ks]  .aicfg-table .ta-r, .aicfg-page[b-90ficw04ks]  .aicfg-table th.ta-r { text-align: right; }


.aicfg-page[b-90ficw04ks]  .aic-route-table.mud-table { background: transparent; box-shadow: none; }
.aicfg-page[b-90ficw04ks]  .aic-route-table .mud-table-root { border-collapse: separate; border-spacing: 0; }
.aicfg-page[b-90ficw04ks]  .aic-route-table th.mud-table-cell {
    text-align: left; text-transform: none; letter-spacing: 0;
    font-size: 12px; font-weight: 600; color: var(--fg-3);
    background: transparent; border-bottom: 1px solid var(--border-1);
    padding: 8px 12px; white-space: nowrap;
}
.aicfg-page[b-90ficw04ks]  .aic-route-table td.mud-table-cell {
    padding: 14px 12px; border-bottom: 1px solid var(--border-1);
    font-size: 13.5px; color: var(--fg-1); vertical-align: middle;
}
.aicfg-page[b-90ficw04ks]  .aic-route-table tbody tr:last-child td.mud-table-cell { border-bottom: none; }
.aicfg-page[b-90ficw04ks]  .aic-route-table tbody tr.mud-table-row:hover { background: var(--slate-25); }
.aicfg-page[b-90ficw04ks]  .aic-route-table th.ta-r, .aicfg-page[b-90ficw04ks]  .aic-route-table .ta-r { text-align: right; }


.aicfg-page[b-90ficw04ks]  .aicfg-prov { display: flex; align-items: center; gap: 11px; min-width: 0; }
.aicfg-page[b-90ficw04ks]  .aicfg-logo {
    width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
}
.aicfg-page[b-90ficw04ks]  .aicfg-logo .mud-icon-root { font-size: 19px; }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-anthropic  { background: color-mix(in srgb, var(--ai-anthropic) 15%, var(--bg-surface)); color: var(--ai-anthropic); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-gemini     { background: color-mix(in srgb, var(--ai-gemini) 15%, var(--bg-surface)); color: var(--ai-gemini); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-openai     { background: color-mix(in srgb, var(--ai-openai) 15%, var(--bg-surface)); color: var(--ai-openai); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-azure      { background: color-mix(in srgb, var(--ai-azure) 15%, var(--bg-surface)); color: var(--ai-azure); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-perplexity { background: color-mix(in srgb, var(--ai-perplexity) 15%, var(--bg-surface)); color: var(--ai-perplexity); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-compat     { background: color-mix(in srgb, var(--ai-compat) 15%, var(--bg-surface)); color: var(--ai-compat); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-xai        { background: color-mix(in srgb, var(--ai-xai) 15%, var(--bg-surface)); color: var(--ai-xai); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-deepseek   { background: color-mix(in srgb, var(--ai-deepseek) 15%, var(--bg-surface)); color: var(--ai-deepseek); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-groq       { background: color-mix(in srgb, var(--ai-groq) 15%, var(--bg-surface)); color: var(--ai-groq); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-mistral    { background: color-mix(in srgb, var(--ai-mistral) 15%, var(--bg-surface)); color: var(--ai-mistral); }
.aicfg-page[b-90ficw04ks]  .aicfg-logo.k-other      { background: var(--slate-100); color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aicfg-prov-name { font-weight: 600; color: var(--fg-1); line-height: 1.25; }
.aicfg-page[b-90ficw04ks]  .aicfg-prov-key { font-family: var(--font-mono); font-size: 12px; color: var(--fg-3); margin-top: 1px; }


.aicfg-page[b-90ficw04ks]  .aicfg-type {
    display: inline-flex; align-items: center;
    font-size: 12px; font-weight: 600; padding: 3px 11px; border-radius: 999px; color: var(--brand-on);
}
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-anthropic  { background: var(--ai-anthropic); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-gemini     { background: var(--ai-gemini); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-openai     { background: var(--ai-openai); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-azure      { background: var(--ai-azure); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-perplexity { background: var(--ai-perplexity); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-compat     { background: var(--ai-compat); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-xai        { background: var(--ai-xai); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-deepseek   { background: var(--ai-deepseek); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-groq       { background: var(--ai-groq); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-mistral    { background: var(--ai-mistral); }
.aicfg-page[b-90ficw04ks]  .aicfg-type.t-other      { background: var(--slate-500); }


.aicfg-page[b-90ficw04ks]  .aicfg-apikey { font-family: var(--font-mono); font-size: 13px; color: var(--fg-2); letter-spacing: .02em; }


.aicfg-page[b-90ficw04ks]  .aicfg-state {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 600; padding: 4px 11px; border-radius: 999px;
}
.aicfg-page[b-90ficw04ks]  .aicfg-state .d { width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
.aicfg-page[b-90ficw04ks]  .aicfg-state.on  { background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent); color: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aicfg-state.off { background: var(--slate-100); color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aicfg-state.warn { background: color-mix(in srgb, var(--mud-palette-warning) 16%, transparent); color: var(--app-sla-warn-text); }

.aicfg-page[b-90ficw04ks]  .aicfg-models { font-weight: 600; color: var(--fg-1); }


.aicfg-page[b-90ficw04ks]  .aicfg-test { display: inline-flex; align-items: center; gap: 8px; }
.aicfg-page[b-90ficw04ks]  .aicfg-test-ic {
    width: 20px; height: 20px; border-radius: 999px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--mud-palette-success); color: var(--brand-on);
}
.aicfg-page[b-90ficw04ks]  .aicfg-test-ic .mud-icon-root { font-size: 13px; }
.aicfg-page[b-90ficw04ks]  .aicfg-test-ic.fail { background: var(--mud-palette-error); }
.aicfg-page[b-90ficw04ks]  .aicfg-test-time { font-family: var(--font-mono); font-size: 12.5px; color: var(--fg-2); }
.aicfg-page[b-90ficw04ks]  .aicfg-test-none { font-size: 13px; color: var(--fg-4); }


.aicfg-page[b-90ficw04ks]  .aicfg-actions { display: flex; align-items: center; gap: 2px; }
.aicfg-page[b-90ficw04ks]  .aicfg-actions.end { justify-content: flex-end; }


.aicfg-page[b-90ficw04ks]  .aicfg-empty {
    padding: 44px 24px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.aicfg-page[b-90ficw04ks]  .aicfg-empty-ic {
    width: 56px; height: 56px; border-radius: 14px;
    background: var(--brand-soft); color: var(--brand);
    display: inline-flex; align-items: center; justify-content: center;
}
.aicfg-page[b-90ficw04ks]  .aicfg-empty-ic .mud-icon-root { font-size: 28px; }
.aicfg-page[b-90ficw04ks]  .aicfg-empty-title { font-size: 16px; font-weight: 600; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aicfg-empty-sub { font-size: 13.5px; color: var(--fg-3); max-width: 460px; line-height: 1.6; }


.aicfg-page[b-90ficw04ks]  .aicfg-pcards {
    display: flex; gap: 14px; overflow-x: auto; padding: 2px 2px 8px; margin: 4px 0 0;
}
.aicfg-page[b-90ficw04ks]  .aicfg-pcard {
    position: relative; flex: 1 0 232px; min-width: 232px; max-width: 340px;
    border: 1.5px solid var(--border-1); border-radius: 14px; background: var(--bg-surface);
    padding: 15px 16px; cursor: pointer; text-align: left;
    transition: border-color 120ms, background 120ms, box-shadow 120ms;
}
.aicfg-page[b-90ficw04ks]  .aicfg-pcard:hover { border-color: var(--border-2); box-shadow: var(--shadow-xs); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard.active { border-color: var(--brand); background: var(--brand-soft); box-shadow: 0 0 0 1px var(--brand); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-top { display: flex; align-items: center; gap: 11px; min-width: 0; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-ic {
    width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
}
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-ic .mud-icon-root { font-size: 20px; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-txt { min-width: 0; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-name { font-weight: 700; color: var(--fg-1); line-height: 1.25; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-code { font-family: var(--font-mono); font-size: 12px; color: var(--fg-3); margin-top: 1px; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-sub { font-size: 12.5px; color: var(--fg-3); margin-top: 2px; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-chips { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 11px; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-on { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-on.off { color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-on .d { width: 7px; height: 7px; border-radius: 999px; background: currentColor; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-models { font-size: 13px; font-weight: 600; color: var(--fg-2); margin-top: 10px; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-test { display: flex; align-items: center; gap: 7px; margin-top: 8px; font-family: var(--font-mono); font-size: 12px; color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-test .d { width: 8px; height: 8px; border-radius: 999px; flex-shrink: 0; background: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-test .d.fail { background: var(--mud-palette-error); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-test .d.none { background: var(--slate-300); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-acts { position: absolute; top: 9px; right: 9px; display: flex; gap: 1px; opacity: 0; transition: opacity 120ms; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard:hover .aicfg-pcard-acts,
.aicfg-page[b-90ficw04ks]  .aicfg-pcard:focus-within .aicfg-pcard-acts { opacity: 1; }

.aicfg-page[b-90ficw04ks]  .aicfg-pcard-all { display: flex; align-items: center; gap: 13px; }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-all .aicfg-pcard-ic { width: 44px; height: 44px; background: var(--brand); color: var(--brand-on); }
.aicfg-page[b-90ficw04ks]  .aicfg-pcard-all .aicfg-pcard-ic .mud-icon-root { font-size: 22px; }


.aicfg-page[b-90ficw04ks]  .aicfg-pcards-pager {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    margin-top: 4px; font-size: 13px; color: var(--fg-3);
}
.aicfg-page[b-90ficw04ks]  .aicfg-pcards-pager b { color: var(--fg-1); font-weight: 600; }


.aicfg-page[b-90ficw04ks]  .aicfg-model-head { display: flex; align-items: flex-start; gap: 11px; margin: 20px 0 12px; padding-top: 18px; border-top: 1px solid var(--border-1); }
.aicfg-page[b-90ficw04ks]  .aicfg-model-head-ic {
    width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;
    background: var(--brand-soft); color: var(--brand);
    display: inline-flex; align-items: center; justify-content: center;
}
.aicfg-page[b-90ficw04ks]  .aicfg-model-head-ic .mud-icon-root { font-size: 19px; }
.aicfg-page[b-90ficw04ks]  .aicfg-model-head-title { font-size: 16px; font-weight: 700; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aicfg-model-head-sub { font-size: 13px; color: var(--fg-3); margin-top: 2px; }


.aicfg-page[b-90ficw04ks]  .aic-filters {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 4px 0 14px;
}
.aicfg-page[b-90ficw04ks]  .aic-filter-spacer { flex: 1; }
.aicfg-page[b-90ficw04ks]  .aic-filter-info { font-size: 12.5px; color: var(--fg-3); white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-filter-info b { color: var(--fg-1); font-weight: 600; }


.aicfg-page[b-90ficw04ks]  .aic-prov-chip {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-mono); font-size: 12.5px; font-weight: 600; color: var(--brand-on);
    padding: 4px 11px 4px 8px; border-radius: 999px; white-space: nowrap;
}
.aicfg-page[b-90ficw04ks]  .aic-prov-chip .mud-icon-root { font-size: 13px; opacity: .9; }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-anthropic  { background: var(--ai-anthropic); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-gemini     { background: var(--ai-gemini); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-openai     { background: var(--ai-openai); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-azure      { background: var(--ai-azure); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-perplexity { background: var(--ai-perplexity); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-compat     { background: var(--ai-compat); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-xai        { background: var(--ai-xai); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-deepseek   { background: var(--ai-deepseek); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-groq       { background: var(--ai-groq); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-mistral    { background: var(--ai-mistral); }
.aicfg-page[b-90ficw04ks]  .aic-prov-chip.p-other      { background: var(--slate-500); }

.aicfg-page[b-90ficw04ks]  .aic-modelcode { font-family: var(--font-mono); font-size: 13.5px; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-fn {
    display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600;
    padding: 4px 12px; border-radius: 999px; background: var(--brand); color: var(--brand-on); white-space: nowrap;
}
.aicfg-page[b-90ficw04ks]  .aic-muted { color: var(--fg-4); font-variant-numeric: tabular-nums; }
.aicfg-page[b-90ficw04ks]  .aic-auto-chip {
    display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600;
    padding: 3px 13px; border-radius: 999px; color: var(--brand);
    border: 1.4px solid var(--brand); background: var(--bg-surface);
}


.aicfg-page[b-90ficw04ks]  .aic-groups-grid {
    display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.4fr);
    gap: 18px; margin-top: 4px; align-items: start;
}
@media (max-width: 1024px) { .aicfg-page[b-90ficw04ks]  .aic-groups-grid { grid-template-columns: minmax(0, 1fr); } }

.aicfg-page[b-90ficw04ks]  .aic-panel {
    background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: 14px;
    box-shadow: var(--shadow-xs); padding: 18px 18px 20px; min-width: 0;
}
.aicfg-page[b-90ficw04ks]  .aic-panel-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.aicfg-page[b-90ficw04ks]  .aic-panel-ic { color: var(--brand); display: inline-flex; }
.aicfg-page[b-90ficw04ks]  .aic-panel-ic .mud-icon-root { font-size: 20px; }
.aicfg-page[b-90ficw04ks]  .aic-panel-title { font-size: 16px; font-weight: 700; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-panel-sub { font-size: 12.5px; color: var(--fg-3); margin-top: 2px; font-family: var(--font-mono); word-break: break-all; }
.aicfg-page[b-90ficw04ks]  .aic-panel-spacer { flex: 1; }


.aicfg-page[b-90ficw04ks]  .aic-add-btn.mud-button-root {
    width: 100%; min-height: 46px; border-radius: 11px; text-transform: none;
    font-size: 14.5px; font-weight: 600; margin-bottom: 14px;
    box-shadow: 0 4px 12px -2px color-mix(in srgb, var(--brand) 25%, transparent);
}


.aicfg-page[b-90ficw04ks]  .aic-grp-list { display: flex; flex-direction: column; gap: 12px; max-height: 560px; overflow-y: auto; }
.aicfg-page[b-90ficw04ks]  .aic-grp {
    
    position: relative; flex-shrink: 0; border: 1px solid var(--border-1); border-radius: 12px;
    padding: 14px 14px 14px 17px; cursor: pointer;
    transition: border-color 120ms, background 120ms, box-shadow 120ms;
}
.aicfg-page[b-90ficw04ks]  .aic-grp:hover { border-color: var(--border-2); }
.aicfg-page[b-90ficw04ks]  .aic-grp.active { border-color: var(--brand); background: var(--brand-soft); box-shadow: inset 3px 0 0 var(--brand); }

.aicfg-page[b-90ficw04ks]  .aic-grp-top { display: flex; align-items: flex-start; gap: 8px; }
.aicfg-page[b-90ficw04ks]  .aic-grp-htext { flex: 1; min-width: 0; }
.aicfg-page[b-90ficw04ks]  .aic-grp-name { font-size: 15px; font-weight: 700; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-grp-code { font-size: 12.5px; color: var(--fg-3); font-family: var(--font-mono); margin-top: 2px; word-break: break-all; }

.aicfg-page[b-90ficw04ks]  .aic-grp-desc {
    font-size: 12.5px; color: var(--fg-2); line-height: 1.45; margin-top: 7px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.aicfg-page[b-90ficw04ks]  .aic-grp-foot { display: flex; align-items: center; gap: 6px; margin-top: 10px; flex-wrap: wrap; }

.aicfg-page[b-90ficw04ks]  .aic-gchip { display: inline-flex; align-items: center; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-gchip.cap   { background: var(--mud-palette-info); color: var(--brand-on); }
.aicfg-page[b-90ficw04ks]  .aic-gchip.out   { background: var(--bg-surface); color: var(--mud-palette-info); border: 1.3px solid var(--mud-palette-info); }
.aicfg-page[b-90ficw04ks]  .aic-gchip.route { background: var(--bg-surface); color: var(--mud-palette-info); border: 1.3px solid var(--mud-palette-info); }
.aicfg-page[b-90ficw04ks]  .aic-gchip.route.g { color: var(--mud-palette-success); border-color: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aic-gchip.off { background: var(--slate-100); color: var(--fg-3); }

.aicfg-page[b-90ficw04ks]  .aic-grp .aic-gchip {
    font-size: 11.5px; padding: 2px 9px; border-radius: 6px;
    background: var(--slate-25); color: var(--fg-2); border: 1px solid var(--border-1);
}

.aicfg-page[b-90ficw04ks]  .aic-grp .aic-gchip.cap { background: var(--slate-25); color: var(--brand); border-color: color-mix(in srgb, var(--brand) 30%, var(--border-1)); }
.aicfg-page[b-90ficw04ks]  .aic-grp .aic-gchip.off { background: var(--slate-100); color: var(--fg-3); border-color: var(--border-1); }

.aicfg-page[b-90ficw04ks]  .aic-grp-acts { display: flex; align-items: center; gap: 2px; flex-shrink: 0; }
.aicfg-page[b-90ficw04ks]  .aic-grp-act.mud-icon-button { color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aic-grp-act.play:hover { color: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aic-grp-act.edit:hover { color: var(--brand); }
.aicfg-page[b-90ficw04ks]  .aic-grp-act.del:hover  { color: var(--mud-palette-error); }


.aicfg-page[b-90ficw04ks]  .aic-info-banner {
    display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px;
    border: 1.3px solid var(--mud-palette-info); background: color-mix(in srgb, var(--mud-palette-info) 9%, transparent);
    border-radius: 11px; padding: 12px 14px; font-size: 13.5px; color: var(--mud-palette-info); line-height: 1.5;
}
.aicfg-page[b-90ficw04ks]  .aic-info-banner .mud-icon-root { font-size: 18px; flex-shrink: 0; margin-top: 1px; }


.aicfg-page[b-90ficw04ks]  .aic-route-num {
    width: 28px; height: 28px; border-radius: 999px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 700; background: var(--slate-200); color: var(--fg-2);
}
.aicfg-page[b-90ficw04ks]  .aic-route-num.p1 { background: var(--brand); color: var(--brand-on); }
.aicfg-page[b-90ficw04ks]  .aic-pm { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.aicfg-page[b-90ficw04ks]  .aic-pm-prov { font-weight: 700; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-pm-arrow { color: var(--fg-4); display: inline-flex; }
.aicfg-page[b-90ficw04ks]  .aic-pm-arrow .mud-icon-root { font-size: 16px; }
.aicfg-page[b-90ficw04ks]  .aic-pm-model { font-family: var(--font-mono); font-size: 12.5px; color: var(--fg-2); }
.aicfg-page[b-90ficw04ks]  .aic-pm-handle { font-size: 12px; color: var(--fg-3); font-family: var(--font-mono); margin-top: 2px; }
.aicfg-page[b-90ficw04ks]  .aic-num-cell { font-variant-numeric: tabular-nums; color: var(--fg-1); white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-num-cell.over { color: var(--mud-palette-error); }


.aicfg-page[b-90ficw04ks]  .aic-test-grid {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px; margin-top: 4px; align-items: stretch;
}
@media (max-width: 1024px) { .aicfg-page[b-90ficw04ks]  .aic-test-grid { grid-template-columns: minmax(0, 1fr); } }
.aicfg-page[b-90ficw04ks]  .aic-test-form { display: flex; flex-direction: column; gap: 14px; }
.aicfg-page[b-90ficw04ks]  .aic-row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 560px) { .aicfg-page[b-90ficw04ks]  .aic-row2 { grid-template-columns: 1fr; } }


.aicfg-page[b-90ficw04ks]  .aic-fninfo {
    background: var(--slate-25); border: 1px solid var(--border-1); border-radius: 10px; padding: 12px;
    display: flex; flex-direction: column; gap: 8px;
}
.aicfg-page[b-90ficw04ks]  .aic-fninfo-chips { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }


.aicfg-page[b-90ficw04ks]  .aic-imgs { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin-top: 8px; }
.aicfg-page[b-90ficw04ks]  .aic-img { position: relative; }
.aicfg-page[b-90ficw04ks]  .aic-img img { width: 100%; height: 80px; object-fit: contain; background: var(--slate-100); border-radius: 8px; border: 1px solid var(--border-1); }
.aicfg-page[b-90ficw04ks]  .aic-img-name { font-size: 11px; color: var(--fg-3); word-break: break-all; margin-top: 2px; }


.aicfg-page[b-90ficw04ks]  .aic-call-btn.mud-button-root {
    width: 100%; min-height: 50px; border-radius: 12px; text-transform: none;
    font-size: 15px; font-weight: 600;
    box-shadow: 0 4px 12px -2px color-mix(in srgb, var(--brand) 25%, transparent);
}


.aicfg-page[b-90ficw04ks]  .aic-result-panel { display: flex; flex-direction: column; min-height: 420px; }
.aicfg-page[b-90ficw04ks]  .aic-result-empty {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: 12px; padding: 40px 30px;
}
.aicfg-page[b-90ficw04ks]  .aic-result-empty .ic { color: var(--fg-4); }
.aicfg-page[b-90ficw04ks]  .aic-result-empty .ic .mud-icon-root { font-size: 38px; }
.aicfg-page[b-90ficw04ks]  .aic-result-empty .t { font-size: 17px; font-weight: 700; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-result-empty .s { font-size: 13.5px; color: var(--fg-3); max-width: 420px; line-height: 1.6; }


.aicfg-page[b-90ficw04ks]  .aic-hero {
    background: var(--slate-25); border: 1px solid var(--border-1);
    border-radius: 12px; padding: 16px 18px; color: var(--fg-1);
    display: flex; flex-direction: column; gap: 10px;
}
.aicfg-page[b-90ficw04ks]  .aic-hero-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.aicfg-page[b-90ficw04ks]  .aic-hero-row .aic-h-status { align-self: flex-start; }
.aicfg-page[b-90ficw04ks]  .aic-hero-label { font-size: 11px; color: var(--fg-3); text-transform: uppercase; letter-spacing: .04em; }
.aicfg-page[b-90ficw04ks]  .aic-hero-title { font-size: 15px; font-weight: 700; color: var(--fg-1); font-family: var(--font-mono); margin-top: 2px; word-break: break-all; }
.aicfg-page[b-90ficw04ks]  .aic-hero-chip {
    font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px;
    border: 1px solid var(--border-2); color: var(--fg-2); background: var(--bg-surface);
}
.aicfg-page[b-90ficw04ks]  .aic-hero-err { font-size: 12.5px; color: var(--mud-palette-error); }


.aicfg-page[b-90ficw04ks]  .aic-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
@media (max-width: 560px) { .aicfg-page[b-90ficw04ks]  .aic-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.aicfg-page[b-90ficw04ks]  .aic-metric { background: var(--slate-25); border: 1px solid var(--border-1); border-radius: 10px; padding: 10px 12px; text-align: center; }
.aicfg-page[b-90ficw04ks]  .aic-metric-lbl { font-size: 11px; color: var(--fg-3); text-transform: uppercase; letter-spacing: .04em; }
.aicfg-page[b-90ficw04ks]  .aic-metric-val { font-size: 17px; font-weight: 700; color: var(--fg-1); margin-top: 3px; font-variant-numeric: tabular-nums; }
.aicfg-page[b-90ficw04ks]  .aic-metric-val.ok { color: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aic-metric-sub { font-size: 11px; color: var(--mud-palette-warning); }


.aicfg-page[b-90ficw04ks]  .aic-out { background: var(--slate-25); border: 1px solid var(--border-1); border-radius: 10px; padding: 14px; font-size: 13.5px; color: var(--fg-2); line-height: 1.6; }
.aicfg-page[b-90ficw04ks]  .aic-code {
    background: var(--code-bg); color: var(--code-fg); border-radius: 8px;
    padding: 12px; overflow: auto; max-height: 300px;
}
.aicfg-page[b-90ficw04ks]  .aic-code.req { color: var(--code-req); }
.aicfg-page[b-90ficw04ks]  .aic-code.res { color: var(--code-res); }
.aicfg-page[b-90ficw04ks]  .aic-code pre { margin: 0; font-family: var(--font-mono); font-size: 12px; white-space: pre-wrap; word-break: break-word; }
.aicfg-page[b-90ficw04ks]  .aic-corr { font-size: 12.5px; color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aic-corr code { font-family: var(--font-mono); }


.aicfg-page[b-90ficw04ks]  .aic-hist-head { display: flex; align-items: center; gap: 10px; padding: 16px 18px; flex-wrap: wrap; }
.aicfg-page[b-90ficw04ks]  .aic-hist-title { font-size: 16px; font-weight: 700; color: var(--fg-1); display: inline-flex; align-items: center; gap: 9px; }
.aicfg-page[b-90ficw04ks]  .aic-hist-title .mud-icon-root { font-size: 19px; color: var(--brand); }
.aicfg-page[b-90ficw04ks]  .aic-hist-sub { font-size: 13px; color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aic-hist-spacer { flex: 1; }
.aicfg-page[b-90ficw04ks]  .aic-h-time { color: var(--fg-3); white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-h-fn { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-h-err { font-family: var(--font-mono); font-size: 12px; color: var(--mud-palette-error); margin-top: 4px; line-height: 1.4; max-width: 320px; }
.aicfg-page[b-90ficw04ks]  .aic-h-status { display: inline-flex; align-items: center; font-size: 12px; font-weight: 600; padding: 4px 11px; border-radius: 999px; white-space: nowrap; color: var(--brand-on); }
.aicfg-page[b-90ficw04ks]  .aic-h-status.success { background: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aic-h-status.error   { background: var(--mud-palette-error); }
.aicfg-page[b-90ficw04ks]  .aic-h-status.validator_failed { background: var(--app-sla-err-text); }
.aicfg-page[b-90ficw04ks]  .aic-h-status.skipped { background: var(--slate-300); color: var(--fg-2); }
.aicfg-page[b-90ficw04ks]  .aic-h-status.other { background: var(--mud-palette-warning); }
.aicfg-page[b-90ficw04ks]  .aic-h-pm { color: var(--fg-2); }
.aicfg-page[b-90ficw04ks]  .aic-h-pm .m { font-family: var(--font-mono); font-size: 12.5px; color: var(--fg-1); }
.aicfg-page[b-90ficw04ks]  .aic-h-attempts { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 999px; font-size: 12.5px; font-weight: 700; color: var(--fg-2); }
.aicfg-page[b-90ficw04ks]  .aic-h-attempts.retry { border: 2px solid var(--mud-palette-warning); color: var(--app-sla-warn-text); }
.aicfg-page[b-90ficw04ks]  .aic-h-num { font-variant-numeric: tabular-nums; color: var(--fg-1); white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-h-cost { font-variant-numeric: tabular-nums; color: var(--mud-palette-success); font-weight: 600; white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-h-foot {
    display: flex; align-items: center; gap: 22px; padding: 14px 18px;
    border-top: 1px solid var(--border-1); font-size: 13px; color: var(--fg-2);
    flex-wrap: wrap; background: var(--slate-25);
}
.aicfg-page[b-90ficw04ks]  .aic-h-foot b { color: var(--fg-1); font-weight: 700; }



.aicfg-page[b-90ficw04ks]  .aic-log-pager { display: flex; justify-content: center; margin-top: 16px; }

.aicfg-page[b-90ficw04ks]  .aic-loggroups { display: flex; flex-direction: column; gap: 10px; max-height: 56vh; overflow-y: auto; padding-right: 2px; }

.aicfg-page[b-90ficw04ks]  .aic-loggroup { flex-shrink: 0; border: 1px solid var(--border-1); border-radius: 12px; background: var(--bg-surface); overflow: hidden; }
.aicfg-page[b-90ficw04ks]  .aic-lg-head { display: flex; align-items: center; gap: 12px; padding: 12px 14px; cursor: pointer; transition: background 120ms; flex-wrap: wrap; }
.aicfg-page[b-90ficw04ks]  .aic-lg-head:hover { background: var(--slate-25); }

.aicfg-page[b-90ficw04ks]  .aic-lg-stt {
    flex-shrink: 0; min-width: 26px; text-align: center; font-size: 12px; font-weight: 700;
    color: var(--fg-3); font-variant-numeric: tabular-nums;
}
.aicfg-page[b-90ficw04ks]  .aic-lg-chev { color: var(--fg-3); display: inline-flex; flex-shrink: 0; }
.aicfg-page[b-90ficw04ks]  .aic-lg-chev .mud-icon-root { font-size: 20px; }
.aicfg-page[b-90ficw04ks]  .aic-lg-fn { font-family: var(--font-mono); font-size: 13px; font-weight: 700; color: var(--fg-1); flex-shrink: 0; }
.aicfg-page[b-90ficw04ks]  .aic-lg-chain { flex: 1 1 280px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.aicfg-page[b-90ficw04ks]  .aic-lg-step {
    display: inline-flex; align-items: center; gap: 4px; white-space: nowrap;
    font-family: var(--font-mono); font-size: 11.5px; color: var(--fg-2);
    background: var(--slate-50); border: 1px solid var(--border-1); border-radius: 999px; padding: 2px 9px;
}
.aicfg-page[b-90ficw04ks]  .aic-lg-step.ok   { color: var(--mud-palette-success); border-color: color-mix(in srgb, var(--mud-palette-success) 45%, transparent); }
.aicfg-page[b-90ficw04ks]  .aic-lg-step.err  { color: var(--mud-palette-error); border-color: color-mix(in srgb, var(--mud-palette-error) 45%, transparent); }
.aicfg-page[b-90ficw04ks]  .aic-lg-step.warn { color: var(--app-sla-warn-text); border-color: color-mix(in srgb, var(--mud-palette-warning) 45%, transparent); }
.aicfg-page[b-90ficw04ks]  .aic-lg-step.skip { color: var(--fg-3); border-color: var(--border-2); }
.aicfg-page[b-90ficw04ks]  .aic-lg-step .mud-icon-root { font-size: 13px; }

.aicfg-page[b-90ficw04ks]  .aic-lg-warn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--app-sla-warn-text); white-space: nowrap; }
.aicfg-page[b-90ficw04ks]  .aic-lg-warn .mud-icon-root { font-size: 14px; }
.aicfg-page[b-90ficw04ks]  .aic-lg-arrow { color: var(--fg-4); display: inline-flex; }
.aicfg-page[b-90ficw04ks]  .aic-lg-arrow .mud-icon-root { font-size: 14px; }
.aicfg-page[b-90ficw04ks]  .aic-lg-meta { display: flex; align-items: center; gap: 14px; flex-shrink: 0; font-size: 12.5px; color: var(--fg-3); flex-wrap: wrap; }
.aicfg-page[b-90ficw04ks]  .aic-lg-meta b { color: var(--fg-1); font-weight: 600; }
.aicfg-page[b-90ficw04ks]  .aic-lg-actor { display: inline-flex; align-items: center; gap: 5px; }
.aicfg-page[b-90ficw04ks]  .aic-lg-actor .mud-icon-root { font-size: 15px; color: var(--fg-4); }
.aicfg-page[b-90ficw04ks]  .aic-lg-body { border-top: 1px solid var(--border-1); background: var(--slate-25); padding: 2px 10px 6px; }


.aicfg-page[b-90ficw04ks]  .aic-detail-btn.mud-button-root { text-transform: none; font-size: 12px; font-weight: 600; min-height: 26px; padding: 2px 8px; margin-top: 3px; }
.aicfg-page[b-90ficw04ks]  .aic-err-cell { display: flex; flex-direction: column; align-items: flex-start; }


.aicfg-page[b-90ficw04ks]  .aic-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 4px; }
@media (max-width: 1024px) { .aicfg-page[b-90ficw04ks]  .aic-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .aicfg-page[b-90ficw04ks]  .aic-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aicfg-page[b-90ficw04ks]  .aic-stat { background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: 12px; box-shadow: var(--shadow-xs); padding: 14px 16px; }
.aicfg-page[b-90ficw04ks]  .aic-stat-lbl { font-size: 12px; color: var(--fg-3); }
.aicfg-page[b-90ficw04ks]  .aic-stat-val { font-size: 22px; font-weight: 700; color: var(--fg-1); margin-top: 4px; font-variant-numeric: tabular-nums; }
.aicfg-page[b-90ficw04ks]  .aic-stat-val.ok { color: var(--mud-palette-success); }
.aicfg-page[b-90ficw04ks]  .aic-stat-val.err { color: var(--mud-palette-error); }
.aicfg-page[b-90ficw04ks]  .aic-stat-val.warn { color: var(--app-sla-warn-text); }


.aicfg-page[b-90ficw04ks]  .aic-filter-field { flex: 1 1 220px; min-width: 180px; max-width: 460px; }
.aicfg-page[b-90ficw04ks]  .aic-filter-field.grow { flex: 2 1 260px; }

@media (max-width: 720px) {
    .aicfg-page[b-90ficw04ks]  .aicfg-table th.mud-table-cell,
    .aicfg-page[b-90ficw04ks]  .aicfg-table td.mud-table-cell { padding: 11px 12px; }
    .aicfg-page[b-90ficw04ks]  .aic-panel { padding: 14px; }
}



.ast[b-nspenrzx16] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.ast-fb[b-nspenrzx16] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ast-fb-row[b-nspenrzx16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}


.ast-fb-spacer[b-nspenrzx16] {
    flex: 1 1 auto;
}


.ast-fb-btn[b-nspenrzx16] {
    height: 34px;
}


.ast-fb-row[b-nspenrzx16]  .mud-icon-root.mud-svg-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
    stroke-linejoin: miter;
}


.ast-pop-host[b-nspenrzx16] {
    position: relative;
}


.ast-pop[b-nspenrzx16] {
    width: 320px;
    max-width: calc(100vw - 24px);
    border-radius: 12px;
    overflow: hidden;
}

.ast-pop--wide[b-nspenrzx16] {
    width: 380px;
}

.ast-pop-head[b-nspenrzx16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.ast-pop-title[b-nspenrzx16] {
    font-weight: 600;
    font-size: .9375rem;
}

.ast-pop-clear[b-nspenrzx16] {
    border: 0;
    background: transparent;
    font: inherit;
    font-size: .8125rem;
    color: var(--mud-palette-primary);
    padding: 3px 6px;
    border-radius: 6px;
    cursor: pointer;
    touch-action: manipulation;
}

.ast-pop-clear:disabled[b-nspenrzx16] {
    color: var(--mud-palette-text-disabled);
    cursor: default;
}

.ast-pop-body[b-nspenrzx16] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
}

.ast-pop-hint[b-nspenrzx16] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.5;
}


.ast-fb-chips[b-nspenrzx16] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 2px;
}

.ast-fb-chips-lb[b-nspenrzx16] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    margin-right: 2px;
}


@media (max-width: 600px) {
    .ast-fb-row[b-nspenrzx16] {
        padding: 8px;
        gap: 6px;
    }

    .ast-fb-spacer[b-nspenrzx16] {
        display: none;
    }
}


.ast-err[b-nspenrzx16] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.ast-note[b-nspenrzx16] {
    font-size: .8125rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.6;
}


.ast-kpis[b-nspenrzx16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

.ast-kpi[b-nspenrzx16] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 14px 16px;
    background: var(--mud-palette-surface);
}

.ast-kpi-lb[b-nspenrzx16] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ast-kpi-v[b-nspenrzx16] {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 2px;
}

.ast-kpi-d[b-nspenrzx16],
.ast-kpi-sub[b-nspenrzx16] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
}

.ast-kpi-d--up[b-nspenrzx16],
.ast-kpi-d--down[b-nspenrzx16] {
    font-weight: 600;
}

.ast-kpi-d--up[b-nspenrzx16] {
    color: var(--mud-palette-success);
}

.ast-kpi-d--down[b-nspenrzx16] {
    color: var(--mud-palette-warning);
}


.ast-card[b-nspenrzx16] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 14px 16px 16px;
    background: var(--mud-palette-surface);
}

.ast-card-h[b-nspenrzx16] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.ast-card-h h3[b-nspenrzx16] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.ast-sub[b-nspenrzx16] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
}


.ast-2col[b-nspenrzx16] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 16px;
}


.ast-scroll[b-nspenrzx16] {
    overflow-x: auto;
}


.ast-plot[b-nspenrzx16] {
    position: relative;
    min-width: 520px;
}

.ast-svg[b-nspenrzx16] {
    display: block;
    width: 100%;
    height: auto;
}

.ast-grid[b-nspenrzx16] {
    stroke: var(--mud-palette-lines-default);
    stroke-width: 1;
}


.ast-ylb[b-nspenrzx16] {
    position: absolute;
    left: 0;
    width: 5.1%;
    transform: translateY(-50%);
    text-align: right;
    font-size: .625rem;
    line-height: 1;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
    pointer-events: none;
}

.ast-xaxis[b-nspenrzx16] {
    position: relative;
    height: 16px;
    min-width: 520px;
    margin-top: 2px;
}

.ast-xlb[b-nspenrzx16] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    font-size: .625rem;
    line-height: 1;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    pointer-events: none;
}

.ast-bar[b-nspenrzx16] {
    fill: var(--mud-palette-primary);
    opacity: .28;
}

.ast-bar:hover[b-nspenrzx16] {
    opacity: .55;
}

.ast-line[b-nspenrzx16] {
    fill: none;
    stroke: var(--mud-palette-primary);
    stroke-width: 1.8;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.ast-dot[b-nspenrzx16] {
    fill: var(--mud-palette-primary);
}

.ast-legend[b-nspenrzx16] {
    display: flex;
    gap: 14px;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
}

.ast-lg[b-nspenrzx16]::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 2px;
    background: var(--mud-palette-primary);
    vertical-align: -1px;
}

.ast-lg--bar[b-nspenrzx16]::before {
    opacity: .28;
}

.ast-lg--line[b-nspenrzx16]::before {
    height: 2px;
    border-radius: 0;
    vertical-align: 3px;
}


.ast-table[b-nspenrzx16] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    font-size: .875rem;
}

.ast-table th[b-nspenrzx16],
.ast-table td[b-nspenrzx16] {
    padding: 9px 10px;
    text-align: left;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    white-space: nowrap;
}

.ast-table th[b-nspenrzx16] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.ast-table tbody tr:hover[b-nspenrzx16] {
    background: var(--mud-palette-action-default-hover);
}

.ast-num[b-nspenrzx16] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ast-strong[b-nspenrzx16] {
    font-weight: 600;
}

.ast-dim[b-nspenrzx16] {
    color: var(--mud-palette-text-secondary);
}

.ast-w-share[b-nspenrzx16] {
    width: 170px;
}

.ast-share[b-nspenrzx16] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 120px;
}

.ast-share-track[b-nspenrzx16] {
    flex: 1 1 auto;
    height: 6px;
    border-radius: 999px;
    background: var(--mud-palette-lines-default);
    overflow: hidden;
}

.ast-share-track i[b-nspenrzx16] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--mud-palette-primary);
}

.ast-share-n[b-nspenrzx16] {
    flex: 0 0 auto;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}


.ast-rank[b-nspenrzx16] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ast-rank-i[b-nspenrzx16] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.ast-rank-i:last-child[b-nspenrzx16] {
    border-bottom: 0;
}

.ast-rank-n[b-nspenrzx16] {
    flex: 0 0 22px;
    text-align: right;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.ast-rank-t[b-nspenrzx16] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
    font-size: .875rem;
}

.ast-rank-t > span[b-nspenrzx16] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ast-rank-t .ast-dim[b-nspenrzx16] {
    font-size: .75rem;
}

.ast-rank-v[b-nspenrzx16] {
    flex: 0 0 auto;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}


.ast-bars[b-nspenrzx16] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ast-bars li[b-nspenrzx16] {
    display: grid;
    grid-template-columns: minmax(88px, 30%) 1fr auto;
    align-items: center;
    gap: 10px;
    font-size: .8125rem;
}

.ast-bars-t[b-nspenrzx16] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ast-bars-g[b-nspenrzx16] {
    height: 8px;
    border-radius: 999px;
    background: var(--mud-palette-lines-default);
    overflow: hidden;
}

.ast-bars-g i[b-nspenrzx16] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    opacity: .75;
}

.ast-bars-v[b-nspenrzx16] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.ast-bars-v em[b-nspenrzx16] {
    font-style: normal;
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
    margin-left: 6px;
}


.ast-heat[b-nspenrzx16] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 460px;
}

.ast-heat-row[b-nspenrzx16] {
    display: grid;
    grid-template-columns: 30px repeat(24, 1fr);
    gap: 3px;
    align-items: center;
}

.ast-heat-lb[b-nspenrzx16],
.ast-heat-hh[b-nspenrzx16] {
    font-size: .6875rem;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.ast-heat-lb[b-nspenrzx16] {
    text-align: left;
}

.ast-heat-c[b-nspenrzx16] {
    height: 15px;
    border-radius: 3px;
    background: var(--mud-palette-lines-default);
}


.ast-only-narrow[b-nspenrzx16] {
    display: none;
}

.ast-cards[b-nspenrzx16] {
    flex-direction: column;
    gap: 10px;
}

.ast-cc[b-nspenrzx16] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    padding: 10px 12px;
}

.ast-cc-h[b-nspenrzx16] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
}

.ast-cc-share[b-nspenrzx16] {
    font-size: .8125rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.ast-cc-d[b-nspenrzx16] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 12px;
    margin: 8px 0 0;
}

.ast-cc-d > div[b-nspenrzx16] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: .8125rem;
}

.ast-cc-d dt[b-nspenrzx16] {
    color: var(--mud-palette-text-secondary);
}

.ast-cc-d dd[b-nspenrzx16] {
    margin: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 960px) {
    .ast-2col[b-nspenrzx16] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .ast-only-wide[b-nspenrzx16] {
        display: none;
    }

    .ast-only-narrow[b-nspenrzx16] {
        display: flex;
    }

    .ast-kpi-v[b-nspenrzx16] {
        font-size: 1.5rem;
    }

    .ast-card[b-nspenrzx16] {
        padding: 12px;
    }
}



.org2-mono[b-o6sx030ghk] {
    font-family: var(--mud-typography-default-family, monospace);
    font-feature-settings: "tnum";
}

.org2-title-row[b-o6sx030ghk] {
    display: flex;
    align-items: flex-start;   
    gap: 10px;
    padding: 6px 8px;
    border-radius: 8px;
}
.org2-title-row:hover[b-o6sx030ghk] { background: var(--mud-palette-action-default-hover); }


.org2-desc[b-o6sx030ghk] {
    margin-top: 3px;
    font-size: 0.72rem;
    line-height: 1.35;
    color: var(--mud-palette-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.org2-level[b-o6sx030ghk] {
    flex-shrink: 0;
    width: 30px;
    height: 26px;
    margin-top: 1px;   
    border-radius: 999px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
}



.okpb-row[b-zkjnqa2uau] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px 2px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .12s ease;
}

.okpb-row:hover[b-zkjnqa2uau] {
    background: var(--mud-palette-action-default-hover);
}

.okpb-row.is-on[b-zkjnqa2uau] {
    background: var(--mud-palette-primary-hover);
}

.okpb-name[b-zkjnqa2uau] {
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.okpb-sub[b-zkjnqa2uau] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.okpb-code[b-zkjnqa2uau] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}


.okpb-warn[b-zkjnqa2uau] {
    flex-shrink: 0;
    font-size: .7rem;
    line-height: 1.6;
    padding: 1px 8px;
    border-radius: 999px;
    color: var(--mud-palette-text-primary);
    background: var(--mud-palette-warning-hover);
    border: 1px solid var(--mud-palette-warning);
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.omv-head[b-h2bxw3sj89] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.omv-flow[b-h2bxw3sj89] {
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.omv-cell[b-h2bxw3sj89] {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    padding: 10px 12px;
    background: var(--mud-palette-background-grey);
}

.omv-to[b-h2bxw3sj89] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary-hover);
}
.omv-label[b-h2bxw3sj89] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}
.omv-to .omv-label[b-h2bxw3sj89] { color: var(--mud-palette-primary); }
.omv-primary[b-h2bxw3sj89] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
    word-break: break-word;
}
.omv-secondary[b-h2bxw3sj89] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    word-break: break-word;
}
.omv-arrow[b-h2bxw3sj89] {
    display: flex;
    align-items: center;
    color: var(--mud-palette-text-disabled);
    flex-shrink: 0;
}
.omv-arrow[b-h2bxw3sj89]  .mud-icon-root { font-size: 1.25rem; }


@media (max-width: 520px) {
    .omv-flow[b-h2bxw3sj89] { flex-direction: column; }
    .omv-arrow[b-h2bxw3sj89] { transform: rotate(90deg); align-self: center; }
}




.org2-card[b-6utb6v4517] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
}

.org2-mono[b-6utb6v4517] {
    font-family: var(--mud-typography-default-family, monospace);
    font-feature-settings: "tnum";
}


.org2-tint-primary[b-6utb6v4517]   { background: var(--mud-palette-primary-hover);   color: var(--mud-palette-primary); }
.org2-tint-info[b-6utb6v4517]      { background: var(--mud-palette-info-hover);      color: var(--mud-palette-info); }
.org2-tint-secondary[b-6utb6v4517] { background: var(--mud-palette-secondary-hover); color: var(--mud-palette-secondary); }
.org2-tint-tertiary[b-6utb6v4517]  { background: var(--mud-palette-tertiary-hover);  color: var(--mud-palette-tertiary); }
.org2-tint-warning[b-6utb6v4517]   { background: var(--mud-palette-warning-hover);   color: var(--mud-palette-warning); }
.org2-tint-success[b-6utb6v4517]   { background: var(--mud-palette-success-hover);   color: var(--mud-palette-success); }


.org2-ic-logo[b-6utb6v4517] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    padding: 2px;
    overflow: hidden;
}
.org2-ic-logo img[b-6utb6v4517] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 4px;
}


.org2-stat[b-6utb6v4517] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
}
.org2-stat[b-6utb6v4517]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--acc);
}
.org2-stat-ic[b-6utb6v4517] {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.org2-stat-val[b-6utb6v4517] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.15;
    font-feature-settings: "tnum";
}
.org2-stat-lbl[b-6utb6v4517] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}


.org2-tree-head[b-6utb6v4517] {
    padding: 10px 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}


.org2-seg-toggle[b-6utb6v4517] {
    display: inline-flex;
    flex-shrink: 0;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    padding: 2px;
    gap: 2px;
}
.org2-seg-toggle button[b-6utb6v4517] {
    border: none;
    background: transparent;
    width: 30px;
    height: 26px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}
.org2-seg-toggle button:hover[b-6utb6v4517] { color: var(--mud-palette-text-primary); }
.org2-seg-toggle button.on[b-6utb6v4517] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.org2-seg-toggle button[b-6utb6v4517]  .mud-icon-root { font-size: 1rem; }


.org2-tree-body[b-6utb6v4517] {
    padding: 6px 8px;
    
    max-height: calc(100dvh - 250px);
    min-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.org2-tree-body[b-6utb6v4517]::-webkit-scrollbar { width: 8px; }
.org2-tree-body[b-6utb6v4517]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-lines-default);
    border-radius: 4px;
}
.org2-tree-body[b-6utb6v4517]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-action-default);
}

.org2-empty[b-6utb6v4517] {
    padding: 28px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    font-size: 0.82rem;
}


.org2-row[b-6utb6v4517] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.12s ease;
}
.org2-row:hover[b-6utb6v4517] { background: var(--mud-palette-action-default-hover); }
.org2-row.is-selected[b-6utb6v4517] {
    background: var(--mud-palette-primary-hover);
    box-shadow: inset 2px 0 0 var(--mud-palette-primary);
}

.org2-row:focus-visible[b-6utb6v4517],
.oc-card:focus-visible[b-6utb6v4517],
.org2-child-card:focus-visible[b-6utb6v4517] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}


.org2-chev[b-6utb6v4517] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    border-radius: 4px;
    cursor: pointer;
}
.org2-chev:hover[b-6utb6v4517] { background: var(--mud-palette-action-default-hover); }
.org2-chev:disabled[b-6utb6v4517] { cursor: default; opacity: 0.45; }
.org2-chev:disabled:hover[b-6utb6v4517] { background: transparent; }


.org2-kind-ic[b-6utb6v4517] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.org2-name[b-6utb6v4517] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.org2-sub[b-6utb6v4517] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.org2-dot[b-6utb6v4517] { color: var(--mud-palette-text-disabled); margin: 0 5px; }


.org2-nv-chip[b-6utb6v4517] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 2px 8px;
    border-radius: 999px;
    font-feature-settings: "tnum";
}
.org2-nv-chip.plain[b-6utb6v4517] { background: transparent; padding: 0; }
.org2-nv-chip[b-6utb6v4517]  .mud-icon-root { font-size: 0.62rem; }


.org2-kn-chip[b-6utb6v4517] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background: transparent;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 1px 7px;
    border-radius: 999px;
    font-feature-settings: "tnum";
}
.org2-kn-chip[b-6utb6v4517]  .mud-icon-root { font-size: 0.62rem; }


.org2-kn-home[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    opacity: 0.85;
}
.org2-kn-home[b-6utb6v4517]  .mud-icon-root { font-size: 0.72rem; }


.org2-kn-expired[b-6utb6v4517] { opacity: 0.62; }


.org2-menu-wrap[b-6utb6v4517] { display: inline-flex; flex-shrink: 0; }
.org2-row .org2-menu-wrap[b-6utb6v4517] { opacity: 0; transition: opacity 0.12s ease; }
.org2-row:hover .org2-menu-wrap[b-6utb6v4517],
.org2-row.is-selected .org2-menu-wrap[b-6utb6v4517] { opacity: 1; }


.org2-children[b-6utb6v4517] {
    margin-left: 13px;
    padding-left: 13px;
    border-left: 1.5px dashed var(--mud-palette-lines-default);
    transition: border-left-color 0.12s ease;
}

.org2-child-row[b-6utb6v4517]::before {
    content: "";
    position: absolute;
    left: -13px;
    top: 50%;
    width: 9px;
    border-top: 1.5px dashed var(--mud-palette-lines-default);
    transition: border-top-color 0.12s ease;
}

.org2-child-row[b-6utb6v4517]::after {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--dotc, var(--mud-palette-text-disabled));
    box-shadow: 0 0 0 2px var(--mud-palette-surface);
    transition: background-color 0.12s ease;
}


.org2-children:hover[b-6utb6v4517] { border-left-color: var(--mud-palette-primary); }
.org2-child-row:hover[b-6utb6v4517]::before { border-top-color: var(--mud-palette-primary); }
.org2-child-row:hover[b-6utb6v4517]::after { background: var(--mud-palette-primary); }


.org2-pill[b-6utb6v4517] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 999px;
    vertical-align: middle;
}


.org2-detail-head[b-6utb6v4517] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: linear-gradient(180deg, var(--mud-palette-background-grey) 0%, transparent 100%);
}
.org2-detail-ic[b-6utb6v4517] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.org2-detail-ic[b-6utb6v4517]  .mud-icon-root { font-size: 1.6rem; }

.org2-crumb[b-6utb6v4517] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}
.org2-crumb-sep[b-6utb6v4517] { color: var(--mud-palette-text-disabled); }

.org2-detail-actions[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
}


.org2-name-line[b-6utb6v4517] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
}
.org2-status-chip[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-success-darken);
    background: rgba(var(--mud-palette-success-rgb), .14);
    padding: 2px 9px;
    border-radius: 999px;
    white-space: nowrap;
}
.org2-status-dot[b-6utb6v4517] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    flex-shrink: 0;
}


.org2-tabs[b-6utb6v4517] {
    display: flex;
    gap: 18px;
    padding: 0 20px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.org2-tab[b-6utb6v4517] {
    background: none;
    border: none;
    padding: 11px 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.org2-tab:hover[b-6utb6v4517] { color: var(--mud-palette-text-primary); }
.org2-tab.active[b-6utb6v4517] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}
.org2-tab-count[b-6utb6v4517] {
    font-size: 0.68rem;
    font-weight: 700;
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
    padding: 1px 7px;
    border-radius: 999px;
}


.org2-section-title[b-6utb6v4517] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 8px;
}
.org2-info-row[b-6utb6v4517] {
    display: flex;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    font-size: 0.82rem;
}
.org2-info-row:last-child[b-6utb6v4517] { border-bottom: none; }
.org2-info-label[b-6utb6v4517] {
    width: 110px;
    flex-shrink: 0;
    color: var(--mud-palette-text-secondary);
}
.org2-info-value[b-6utb6v4517] {
    flex: 1;
    min-width: 0;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}

.org2-manager[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}
.org2-empty-box[b-6utb6v4517] {
    padding: 16px;
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 10px;
    text-align: center;
}


.org2-child-card[b-6utb6v4517] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    padding: 12px;
    cursor: pointer;
    transition: border-color 0.12s ease, background 0.12s ease;
}
.org2-child-card:hover[b-6utb6v4517] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-action-default-hover);
}
.org2-child-foot[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--mud-palette-lines-default);
}


.org2-member-card[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}
.org2-ellipsis[b-6utb6v4517] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org2-member-right[b-6utb6v4517] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    flex-shrink: 0;
}
.org2-member-code[b-6utb6v4517] {
    font-size: 0.68rem;
    color: var(--mud-palette-text-disabled);
}

.org2-mstatus[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 999px;
    white-space: nowrap;
}
.org2-mstatus-dot[b-6utb6v4517] {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: currentColor;
    flex-shrink: 0;
}
.org2-mstatus-success[b-6utb6v4517] { background: rgba(var(--mud-palette-success-rgb), .14); color: var(--mud-palette-success-darken); }
.org2-mstatus-info[b-6utb6v4517]    { background: rgba(var(--mud-palette-info-rgb), .14);    color: var(--mud-palette-info-darken); }
.org2-mstatus-warning[b-6utb6v4517] { background: rgba(var(--mud-palette-warning-rgb), .16); color: var(--mud-palette-warning-darken); }
.org2-mstatus-error[b-6utb6v4517]   { background: rgba(var(--mud-palette-error-rgb), .14);   color: var(--mud-palette-error-darken); }
.org2-mstatus-neutral[b-6utb6v4517] { background: var(--mud-palette-action-default-hover);   color: var(--mud-palette-text-secondary); }


.org2-pool[b-6utb6v4517] { display: flex; flex-direction: column; }
.org2-pool-head[b-6utb6v4517] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.org2-pool-filter[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 3px 4px 3px 10px;
    background: var(--mud-palette-primary-hover);
    border: 1px solid var(--mud-palette-primary);
    border-radius: 999px;
    font-size: 0.76rem;
}
.org2-pool-filter[b-6utb6v4517]  .mud-icon-root { font-size: 0.95em; color: var(--mud-palette-primary); flex-shrink: 0; }
.org2-pool-filter-label[b-6utb6v4517] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mud-palette-text-primary);
}
.org2-pool-filter-hint[b-6utb6v4517] {
    margin-top: 8px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    padding: 0 2px;
}
.org2-pool-body[b-6utb6v4517] {
    padding: 8px;
    
    max-height: calc(100dvh - 320px);
    min-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.org2-pool-count[b-6utb6v4517] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    padding: 2px 4px 4px;
}

.org2-pool-row[b-6utb6v4517] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    cursor: grab;
    transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}
.org2-pool-row:hover[b-6utb6v4517] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-action-default-hover);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.org2-pool-row:active[b-6utb6v4517] { cursor: grabbing; }
.org2-pool-grip[b-6utb6v4517] {
    flex-shrink: 0;
    margin-top: 3px;
    color: var(--mud-palette-text-disabled);
    display: inline-flex;
}
.org2-pool-grip[b-6utb6v4517]  .mud-icon-root { font-size: 1rem; }
.org2-pool-main[b-6utb6v4517] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.org2-pool-l1[b-6utb6v4517] { display: flex; align-items: center; gap: 8px; }
.org2-pool-name[b-6utb6v4517] {
    flex: 1;
    min-width: 0;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.org2-pool-role[b-6utb6v4517] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}

.org2-pool-unit[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    font-size: 0.74rem;
    color: var(--mud-palette-text-primary);
}
.org2-pool-unit[b-6utb6v4517]  .mud-icon-root {
    font-size: 0.95em;
    color: var(--mud-palette-primary);
    flex-shrink: 0;
}
.org2-pool-unit-main[b-6utb6v4517] { min-width: 0; font-weight: 600; }

.org2-pool-org[b-6utb6v4517] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
    padding-left: 21px;
    margin-top: 1px;
}


.org2-tree-body.org2-dragging .org2-row[b-6utb6v4517],
.org2-dragging.org2-tree-body .org2-row[b-6utb6v4517] { pointer-events: auto; }
.org2-tree-body.org2-dragging .org2-row *[b-6utb6v4517] { pointer-events: none; }

.org2-tree-body.org2-dragging .org2-row:not(.org2-droppable)[b-6utb6v4517] { opacity: 0.6; }


.org2-row.org2-droppable[b-6utb6v4517] {
    background: var(--mud-palette-primary-hover);
    outline: 1.5px dashed var(--mud-palette-primary);
    outline-offset: -3px;
    cursor: copy;
    opacity: 1;
}

.org2-row.org2-drop-hover[b-6utb6v4517] {
    background: color-mix(in srgb, var(--mud-palette-primary) 22%, var(--mud-palette-surface));
    box-shadow: inset 0 0 0 2px var(--mud-palette-primary);
    outline: none;
}

.org2-row.org2-bp-draggable[b-6utb6v4517] { cursor: grab; }
.org2-row.org2-bp-draggable:active[b-6utb6v4517] { cursor: grabbing; }


.org2-side-head[b-6utb6v4517] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}


.org2-khoi-drawer[b-6utb6v4517] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.org2-khoi-head[b-6utb6v4517] {
    flex: 0 0 auto;
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.org2-khoi-body[b-6utb6v4517] {
    flex: 1 1 auto;
    min-height: 0;            
    overflow-y: auto;
    padding: 12px 16px 16px;
}
.org2-side-ic[b-6utb6v4517] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.org2-block-row[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}
.org2-block-bar[b-6utb6v4517] {
    width: 4px;
    align-self: stretch;
    border-radius: 999px;
    background: var(--mud-palette-primary);
}
.org2-block-tags[b-6utb6v4517] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 7px;
}
.org2-block-tag[b-6utb6v4517] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 2px 8px;
    border-radius: 999px;
}
.org2-block-count[b-6utb6v4517] {
    flex-shrink: 0;
    align-self: flex-start;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    font-feature-settings: "tnum";
}

.org2-title-row[b-6utb6v4517] {
    display: flex;
    align-items: flex-start;   
    gap: 10px;
    padding: 6px 8px;
    border-radius: 8px;
}
.org2-title-row:hover[b-6utb6v4517] { background: var(--mud-palette-action-default-hover); }
.org2-level[b-6utb6v4517] {
    flex-shrink: 0;
    width: 30px;
    height: 26px;
    margin-top: 1px;   
    border-radius: 999px;
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
}

.org2-desc[b-6utb6v4517] {
    margin-top: 3px;
    font-size: 0.72rem;
    line-height: 1.35;
    color: var(--mud-palette-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.oc-panel[b-6utb6v4517] { display: flex; flex-direction: column; }

.oc-head[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.oc-head-title[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}
.oc-count[b-6utb6v4517] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 2px 8px;
    border-radius: 999px;
    font-feature-settings: "tnum";
}
.oc-head-search[b-6utb6v4517] { flex: 1 1 200px; min-width: 150px; max-width: 320px; }
.oc-head-actions[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: auto;
}


.oc-zoom[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: var(--mud-palette-background-grey);
    border-radius: 8px;
    padding: 2px;
}
.oc-zoom button[b-6utb6v4517] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    height: 26px;
    min-width: 28px;
    padding: 0 6px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
}
.oc-zoom button:hover[b-6utb6v4517] { color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); }
.oc-zoom .oc-zoom-val[b-6utb6v4517] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-feature-settings: "tnum";
    min-width: 44px;
}


.oc-legend[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 9px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}
.oc-legend-item[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}
.oc-legend-item i[b-6utb6v4517] { width: 9px; height: 9px; border-radius: 3px; flex-shrink: 0; }
.oc-legend-hint[b-6utb6v4517] { margin-left: auto; font-size: 0.72rem; color: var(--mud-palette-text-disabled); }


.oc-canvas[b-6utb6v4517] {
    position: relative;
    overflow: auto;
    max-height: calc(100vh - 300px);
    min-height: 420px;
    padding: 40px;
    background-color: var(--mud-palette-background-grey);
    background-image: radial-gradient(circle, var(--mud-palette-lines-default) 1px, transparent 1px);
    background-size: 22px 22px;
    cursor: grab;
    --oc-edge: var(--mud-palette-lines-inputs);   
}
.oc-canvas.is-panning[b-6utb6v4517] { cursor: grabbing; user-select: none; }
.oc-stage[b-6utb6v4517] {
    display: inline-flex;
    gap: 56px;
    align-items: flex-start;
    justify-content: center;
    transform-origin: top center;   
    min-width: 100%;
    padding-bottom: 12px;
}
.oc-empty[b-6utb6v4517] {
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    font-size: 0.82rem;
}


.oc-branch[b-6utb6v4517] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 12px 0;
}
.oc-branch[b-6utb6v4517]::before,
.oc-branch[b-6utb6v4517]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
    height: 30px;
    border-top: 2px solid var(--oc-edge);
}
.oc-branch[b-6utb6v4517]::after { right: auto; left: 50%; border-left: 2px solid var(--oc-edge); }
.oc-branch:only-child[b-6utb6v4517] { padding-top: 0; }
.oc-branch:only-child[b-6utb6v4517]::before,
.oc-branch:only-child[b-6utb6v4517]::after { display: none; }
.oc-branch:first-child[b-6utb6v4517]::before,
.oc-branch:last-child[b-6utb6v4517]::after { border-top: 0; }
.oc-branch:last-child[b-6utb6v4517]::before { border-right: 2px solid var(--oc-edge); border-radius: 0 9px 0 0; }
.oc-branch:first-child[b-6utb6v4517]::after { border-radius: 9px 0 0 0; }
.oc-branch.oc-root[b-6utb6v4517] { padding-top: 0; }
.oc-branch.oc-root[b-6utb6v4517]::before,
.oc-branch.oc-root[b-6utb6v4517]::after { display: none; }

.oc-kids[b-6utb6v4517] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    padding-top: 30px;
}
.oc-kids[b-6utb6v4517]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 30px;
    border-left: 2px solid var(--oc-edge);
}


.oc-card[b-6utb6v4517] {
    position: relative;
    width: 210px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: box-shadow 0.12s ease, border-color 0.12s ease;
}
.oc-card:hover[b-6utb6v4517] { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1); border-color: var(--mud-palette-lines-inputs); }
.oc-card.is-selected[b-6utb6v4517] {
    border-color: var(--kc, var(--mud-palette-primary));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--kc, var(--mud-palette-primary)) 20%, transparent);
}
.oc-card-strip[b-6utb6v4517] {
    display: block;
    height: 4px;
    background: var(--kc, var(--mud-palette-primary));
    border-radius: 11px 11px 0 0;
}
.oc-card-main[b-6utb6v4517] { display: flex; align-items: center; gap: 10px; padding: 11px 12px 9px; }
.oc-card-ic[b-6utb6v4517] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.oc-card-text[b-6utb6v4517] { flex: 1; min-width: 0; }
.oc-card-name[b-6utb6v4517] {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.oc-card-meta[b-6utb6v4517] { display: flex; align-items: center; gap: 6px; margin-top: 3px; min-width: 0; }
.oc-card-code[b-6utb6v4517] {
    font-size: 0.66rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.oc-kind-pill[b-6utb6v4517] {
    flex-shrink: 0;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 2px 6px;
    border-radius: 999px;
}
.oc-card-more[b-6utb6v4517] {
    position: absolute;
    top: 8px;
    right: 6px;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.12s ease;
}
.oc-card:hover .oc-card-more[b-6utb6v4517],
.oc-card.is-selected .oc-card-more[b-6utb6v4517] { opacity: 1; }

@media (hover: none) {
    .oc-card-more[b-6utb6v4517] { opacity: 1; }
}

.oc-card-foot[b-6utb6v4517] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 11px;
    border-top: 1px solid var(--mud-palette-lines-default);
}
.oc-mgr[b-6utb6v4517] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}
.oc-mgr-av[b-6utb6v4517] {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    flex-shrink: 0;
    background: linear-gradient(135deg, var(--mud-palette-primary), var(--mud-palette-primary-darken));
    color: var(--mud-palette-primary-text);
    font-size: 0.56rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.oc-mgr-name[b-6utb6v4517] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oc-mgr-empty[b-6utb6v4517] { color: var(--mud-palette-text-disabled); font-style: italic; }

.oc-card-toggle[b-6utb6v4517] {
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-inputs);
    color: var(--mud-palette-text-secondary);
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    font-feature-settings: "tnum";
    z-index: 3;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.oc-card-toggle:hover[b-6utb6v4517] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); background: var(--mud-palette-primary-hover); }
.oc-card-toggle:disabled[b-6utb6v4517] { opacity: 0.4; cursor: default; }
.oc-card-toggle[b-6utb6v4517]  .mud-icon-root { font-size: 0.62rem; }
.oc-card.is-collapsed[b-6utb6v4517] { border-style: dashed; }


@media (max-width: 960px) {
    
    .org2-tree-body[b-6utb6v4517] { max-height: 540px; min-height: 220px; }

    
    .org2-seg-toggle button[b-6utb6v4517] { width: 40px; height: 40px; }
    .oc-zoom button[b-6utb6v4517] { height: 40px; min-width: 40px; }
    .org2-chev[b-6utb6v4517] { width: 40px; height: 40px; }
    .oc-card-toggle[b-6utb6v4517] { height: 34px; padding: 0 14px; }
}


@media (max-width: 720px) {
    .oc-head-search[b-6utb6v4517] { max-width: none; order: 3; flex-basis: 100%; }
    .oc-canvas[b-6utb6v4517] { padding: 24px; max-height: calc(100vh - 260px); }
}


.settings-action-bar[b-yrqr7pwc3h] {
    position: sticky;
    bottom: -20px;
    margin: 16px -20px -20px -20px;
    padding: 12px 20px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
    backdrop-filter: blur(6px);
    border-top: 1px solid var(--mud-palette-lines-default);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: 2;
}


.settings-card[b-yrqr7pwc3h] {
    overflow: visible;
}


.settings-shell[b-yrqr7pwc3h] {
    display: contents;
}


.settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar {
    min-width: 200px;
    max-width: 216px;
    min-height: 480px;
    margin-right: 8px;
    padding: 14px 12px 20px;
    background: var(--brand, var(--mud-palette-primary));
    border-radius: 14px;
    border-bottom-right-radius: 24px;
}


.settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar-inner,
.settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar-wrapper {
    align-items: stretch !important;
    width: 100%;
}

.settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar-content {
    display: block !important;
    width: 100%;
}

.settings-shell[b-yrqr7pwc3h]  .mud-tab {
    width: 100%;
    justify-content: flex-start !important;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.06em;
    border-radius: 9px;
    margin: 3px 0;
    padding: 0 12px;
    min-height: 46px;
    color: rgba(255, 255, 255, 0.72);
    
    border: 1px solid transparent;
    transition: background 0.14s, color 0.14s, border-color 0.14s;
}

.settings-shell[b-yrqr7pwc3h]  .mud-tab:hover {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 1);
}

.settings-shell[b-yrqr7pwc3h]  .mud-tab .mud-tab-icon-text-wrapper {
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
}


.settings-shell[b-yrqr7pwc3h]  .mud-tab .mud-icon-root {
    color: inherit;
}


.settings-shell[b-yrqr7pwc3h]  .mud-tab.mud-tab-active,
.settings-shell[b-yrqr7pwc3h]  .mud-tab-button-active,
.settings-shell[b-yrqr7pwc3h]  .mud-tab.active {
    background: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}


.settings-shell[b-yrqr7pwc3h]  .mud-tab-slider {
    display: none;
}


.settings-shell[b-yrqr7pwc3h]  .mud-tabs-panels {
    padding: 20px !important;
}

.settings-tab-panel[b-yrqr7pwc3h] {
    padding-left: 0;
}


@media (max-width: 720px) {
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs {
        flex-direction: column !important;
    }
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar {
        min-width: 0;
        max-width: none;
        width: 100%;
        min-height: 0;
        margin: 0 0 14px 0;
        padding: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar-inner,
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar-wrapper {
        flex-direction: row !important;
        height: auto !important;
    }
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs-tabbar-content {
        overflow: visible !important;
        width: max-content;
        min-width: 100%;
    }
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs-scroll-button {
        display: none !important;
    }
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tab {
        width: auto;
        flex: 0 0 auto;
        min-height: 40px;
        margin: 0 2px;
        padding: 0 12px;
        font-size: 11px;
        justify-content: center;
        white-space: nowrap;
    }
    .settings-shell[b-yrqr7pwc3h]  .mud-tab .mud-tab-icon-text-wrapper {
        gap: 8px;
    }
    
    
    .settings-shell[b-yrqr7pwc3h]  .mud-tabs-panels {
        padding: 14px 4px;
    }
    
    
    .settings-action-bar[b-yrqr7pwc3h]  .mud-stack {
        flex-wrap: wrap;
    }
}


.setting-branding-cell[b-yrqr7pwc3h] {
    border-radius: 12px;
    background: transparent;
}


.setting-branding-preview-wrap[b-yrqr7pwc3h] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}


.setting-branding-preview[b-yrqr7pwc3h] {
    display: block;
    object-fit: contain;
    background: var(--mud-palette-surface);
    border-radius: 8px;
    padding: 8px;
    border: 1px dashed var(--mud-palette-lines-default);
}


.setting-branding-preview--logo[b-yrqr7pwc3h] {
    width: auto;
    max-width: 280px;
    height: 72px;
    max-height: 72px;
}


.setting-branding-preview--favicon[b-yrqr7pwc3h] {
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;
    padding: 4px;
}

.setting-branding-url[b-yrqr7pwc3h] {
    word-break: break-all;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.72rem;
    opacity: 0.7;
}




.settings-shell[b-yrqr7pwc3h]  .mud-typography-subtitle2 {
    font-size: 15px;
    font-weight: 700;
    color: var(--fg-1);
    line-height: 1.35;
}


.settings-shell[b-yrqr7pwc3h]  .mud-divider {
    border-color: var(--border-1);
}
.settings-shell[b-yrqr7pwc3h]  .mud-divider.my-2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}


.settings-shell[b-yrqr7pwc3h]  .set-test-btn.mud-button-root {
    border-radius: 999px;
}


.set-banner[b-yrqr7pwc3h] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px 16px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--warning-500) 13%, var(--bg-surface));
    border: 1px solid color-mix(in srgb, var(--warning-500) 40%, var(--bg-surface));
    color: color-mix(in srgb, var(--warning-500) 58%, var(--fg-1));
    font-size: 13px;
    line-height: 1.5;
}
.settings-shell[b-yrqr7pwc3h]  .set-banner .mud-icon-root {
    flex-shrink: 0;
    font-size: 18px;
    color: color-mix(in srgb, var(--warning-500) 72%, var(--fg-1));
    margin-top: 1px;
}
.set-banner strong[b-yrqr7pwc3h] { font-weight: 700; }


.set-info-banner[b-yrqr7pwc3h] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px 16px;
    border-radius: 11px;
    background: color-mix(in srgb, var(--info-500) 11%, var(--bg-surface));
    border: 1px solid color-mix(in srgb, var(--info-500) 28%, var(--bg-surface));
    color: color-mix(in srgb, var(--info-500) 68%, var(--fg-1));
    font-size: 13px;
    line-height: 1.55;
}
.settings-shell[b-yrqr7pwc3h]  .set-info-banner .mud-icon-root {
    flex-shrink: 0;
    font-size: 18px;
    color: color-mix(in srgb, var(--info-500) 80%, var(--fg-1));
    margin-top: 1px;
}
.set-info-banner code[b-yrqr7pwc3h],
.set-subfolder code[b-yrqr7pwc3h] {
    font-family: var(--font-mono);
    font-size: 12px;
    background: color-mix(in srgb, var(--info-500) 12%, var(--bg-surface));
    padding: 1px 5px;
    border-radius: 4px;
}
.set-info-banner strong[b-yrqr7pwc3h] { font-weight: 700; }

.set-subfolder[b-yrqr7pwc3h] {
    font-size: 13px;
    color: var(--fg-3);
}
.set-subfolder code[b-yrqr7pwc3h] { background: var(--slate-100); color: var(--fg-1); }


.set-statstrip[b-yrqr7pwc3h] {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
    border: 1px solid var(--border-1);
    border-radius: 12px;
    padding: 16px 20px;
    background: var(--slate-25);
}
.set-stat-label[b-yrqr7pwc3h] { font-size: 12px; color: var(--fg-3); font-weight: 500; }
.set-stat-val[b-yrqr7pwc3h] {
    font-size: 15px;
    font-weight: 700;
    color: var(--fg-1);
    margin-top: 2px;
    font-variant-numeric: tabular-nums;
}
.set-stat-val.big[b-yrqr7pwc3h] { font-size: 24px; letter-spacing: -0.01em; }
.set-stat-val.err[b-yrqr7pwc3h] { color: var(--error-500); }


@media (max-width: 720px) {
    .set-statstrip[b-yrqr7pwc3h] { gap: 16px 22px; padding: 14px 16px; }
    .set-stat-val.big[b-yrqr7pwc3h] { font-size: 20px; }
}
.set-stat-spacer[b-yrqr7pwc3h] { flex: 1 1 20px; }
.set-statstrip-meta[b-yrqr7pwc3h] {
    text-align: right;
    font-size: 12px;
    color: var(--fg-3);
    line-height: 1.6;
    font-variant-numeric: tabular-nums;
}
.set-chip[b-yrqr7pwc3h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-2);
    border: 1px solid var(--border-2);
    border-radius: 999px;
    padding: 5px 12px;
    background: var(--bg-surface);
}


.set-modulerow[b-yrqr7pwc3h] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.set-modulerow-label[b-yrqr7pwc3h] { font-size: 13px; color: var(--fg-3); font-weight: 500; }
.set-module-chip[b-yrqr7pwc3h] {
    display: inline-flex;
    align-items: center;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brand);
    border: 1px solid var(--brand);
    border-radius: 999px;
    padding: 4px 13px;
    background: var(--bg-surface);
    font-family: var(--font-mono);
}


.set-testblock[b-yrqr7pwc3h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.set-testblock-info[b-yrqr7pwc3h] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.set-testblock-ic[b-yrqr7pwc3h] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--brand);
}
.settings-shell[b-yrqr7pwc3h]  .set-testblock-ic .mud-icon-root { font-size: 20px; }
.set-testblock-title[b-yrqr7pwc3h] { font-size: 14px; font-weight: 700; color: var(--fg-1); }
.set-testblock-desc[b-yrqr7pwc3h] {
    font-size: 12.5px;
    color: var(--fg-3);
    margin-top: 3px;
    line-height: 1.5;
    max-width: 560px;
}


.settings-shell[b-yrqr7pwc3h]  .set-table.mud-table {
    background: transparent;
}
.settings-shell[b-yrqr7pwc3h]  .set-table th {
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fg-3);
    border-bottom: 1px solid var(--border-1);
}
.settings-shell[b-yrqr7pwc3h]  .set-table td {
    font-size: 13px;
    color: var(--fg-2);
    border-bottom: 1px solid var(--border-1);
}
.settings-shell[b-yrqr7pwc3h]  .set-table td.mono {
    font-family: var(--font-mono);
    font-size: 12.5px;
}
.ext-cell[b-yrqr7pwc3h] { display: flex; flex-wrap: wrap; gap: 6px; }
.ext-chip[b-yrqr7pwc3h] {
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--fg-2);
    background: var(--bg-surface);
    border: 1px solid var(--border-2);
    border-radius: 999px;
    padding: 2px 9px;
    font-family: var(--font-mono);
    white-space: nowrap;
}
.perm-text[b-yrqr7pwc3h] {
    font-family: var(--font-mono);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-2);
    white-space: nowrap;
}
.perm-warn[b-yrqr7pwc3h] {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: color-mix(in srgb, var(--warning-500) 58%, var(--fg-1));
    background: color-mix(in srgb, var(--warning-500) 15%, var(--bg-surface));
    border-radius: 6px;
    padding: 3px 10px;
    white-space: nowrap;
}



.help-head-ic[b-4ezkkxv6lq] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.help-head-ic[b-4ezkkxv6lq]  .mud-icon-root {
    font-size: 1.1rem;
    color: var(--mud-palette-primary);
}


.rbac-model[b-4ezkkxv6lq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 0.9fr);
    align-items: stretch;
    gap: 0;
    padding: 16px 18px;
    background: linear-gradient(180deg, var(--mud-palette-background-grey) 0%, var(--mud-palette-surface) 100%);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    margin-bottom: 16px;
}

.rbac-model-layer[b-4ezkkxv6lq] {
    display: flex;
    gap: 12px;
    padding: 4px 18px;
    min-width: 0;
}

.rbac-model-layer:first-child[b-4ezkkxv6lq] {
    padding-left: 4px;
}

.rbac-model-num[b-4ezkkxv6lq] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.rbac-model-num.l1[b-4ezkkxv6lq] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
}

.rbac-model-num.l2[b-4ezkkxv6lq] {
    background: rgba(var(--mud-palette-info-rgb), 0.12);
    color: var(--mud-palette-info);
}

.rbac-model-title[b-4ezkkxv6lq] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
}

.rbac-model-sub2[b-4ezkkxv6lq] {
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

.rbac-model-q[b-4ezkkxv6lq] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    line-height: 1.5;
}

.rbac-model-eg[b-4ezkkxv6lq] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 7px;
    line-height: 1.45;
    padding: 6px 9px;
    background: var(--mud-palette-surface);
    border: 1px dashed var(--mud-palette-lines-inputs);
    border-radius: 8px;
}

.rbac-model-op[b-4ezkkxv6lq] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-disabled);
    flex-shrink: 0;
    padding: 0 2px;
}

.rbac-model-op .glyph[b-4ezkkxv6lq] {
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}

.rbac-model-result[b-4ezkkxv6lq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 4px 4px 4px 20px;
    border-left: 1px solid var(--mud-palette-lines-default);
    min-width: 0;
}

.rbac-model-result .lbl[b-4ezkkxv6lq] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
}

.rbac-model-result .val[b-4ezkkxv6lq] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    line-height: 1.3;
}

.rbac-model-result .sub[b-4ezkkxv6lq] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}

@media (max-width: 1024px) {
    .rbac-model[b-4ezkkxv6lq] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .rbac-model-layer[b-4ezkkxv6lq] {
        padding: 10px 4px;
        border-top: 1px solid var(--mud-palette-lines-default);
    }

    .rbac-model-layer:first-child[b-4ezkkxv6lq] {
        border-top: none;
    }

    .rbac-model-op[b-4ezkkxv6lq] {
        padding: 2px 0;
    }

    .rbac-model-op .glyph[b-4ezkkxv6lq] {
        transform: rotate(90deg);
    }

    .rbac-model-result[b-4ezkkxv6lq] {
        border-left: none;
        border-top: 1px solid var(--mud-palette-lines-default);
        padding: 10px 4px 4px;
    }
}


.rbac-help-steps[b-4ezkkxv6lq] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 11px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
}

.rbac-help-step[b-4ezkkxv6lq] {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    min-width: 0;
}

.rbac-help-step b[b-4ezkkxv6lq] {
    color: var(--mud-palette-text-primary);
}

.rbac-help-step .n[b-4ezkkxv6lq] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
}

.rbac-help-step.hl .n[b-4ezkkxv6lq] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.rbac-help-step.hl b[b-4ezkkxv6lq] {
    color: var(--mud-palette-primary);
}

.rbac-help-arrow[b-4ezkkxv6lq] {
    align-self: center;
    flex-shrink: 0;
    color: var(--mud-palette-text-disabled);
}

@media (max-width: 720px) {
    .rbac-help-steps[b-4ezkkxv6lq] {
        flex-direction: column;
    }

    .rbac-help-arrow[b-4ezkkxv6lq] {
        transform: rotate(90deg);
        align-self: flex-start;
        margin-left: 6px;
    }
}




.rbac-toptabs-row[b-1tyggvbl1n] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}


.rbac-toptabs[b-1tyggvbl1n] {
    display: inline-flex;
    gap: 4px;
    background: var(--mud-palette-background-grey);
    border-radius: 12px;
    padding: 4px;
}

.rbac-toptab[b-1tyggvbl1n] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    padding: 9px 16px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 140ms, color 140ms;
    white-space: nowrap;
}

.rbac-toptab:hover[b-1tyggvbl1n] {
    color: var(--mud-palette-text-primary);
}

.rbac-toptab.active[b-1tyggvbl1n] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-primary);
    box-shadow: var(--mud-elevation-1);
}

.rbac-toptab[b-1tyggvbl1n]  .mud-icon-root {
    font-size: 0.75rem;
}


.rbac-toptab .n[b-1tyggvbl1n] {
    font-size: 11.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
    padding: 1px 7px;
    border-radius: 999px;
    line-height: 1.4;
}

.rbac-toptab.active .n[b-1tyggvbl1n] {
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    color: var(--mud-palette-primary);
}


.rbac-toptab-short[b-1tyggvbl1n] {
    display: none;
}

@media (max-width: 720px) {
    .rbac-toptabs[b-1tyggvbl1n] {
        display: flex;
        width: 100%;
    }

    .rbac-toptab[b-1tyggvbl1n] {
        flex: 1;
        justify-content: center;
        padding: 9px 8px;
        font-size: 12.5px;
    }

    .rbac-toptab .rbac-toptab-lbl[b-1tyggvbl1n] {
        display: none;
    }

    .rbac-toptab .rbac-toptab-short[b-1tyggvbl1n] {
        display: inline;
    }
}


.rbac-tier-tag[b-1tyggvbl1n] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    padding: 4px 10px;
    border-radius: 999px;
}

.rbac-tier-tag[b-1tyggvbl1n]  .mud-icon-root {
    font-size: 10px;
}


.rbac-tier-tag.tier-users[b-1tyggvbl1n] {
    color: var(--mud-palette-info);
    background: rgba(var(--mud-palette-info-rgb), 0.12);
}


.rbac-help-trigger[b-1tyggvbl1n] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    cursor: pointer;
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.18);
    padding: 4px 11px;
    border-radius: 999px;
    line-height: 1;
    transition: background 120ms;
}

.rbac-help-trigger:hover[b-1tyggvbl1n] {
    background: rgba(var(--mud-palette-primary-rgb), 0.14);
}

.rbac-help-trigger[b-1tyggvbl1n]  .mud-icon-root {
    font-size: 0.72rem;
    color: var(--mud-palette-primary);
}






.rbac-detail-head[b-j783by71rf] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;   
    gap: 14px;
    padding: 16px 18px;
    background: linear-gradient(180deg, var(--mud-palette-background-grey) 0%, transparent 100%);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    flex-shrink: 0;   
}

.rbac-detail-ic[b-j783by71rf] {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
}

.rbac-detail-head.sys .rbac-detail-ic[b-j783by71rf] {
    background: rgba(var(--mud-palette-warning-rgb), 0.16);
    color: var(--mud-palette-warning);
}

.rbac-detail-ic[b-j783by71rf]  .mud-icon-root {
    font-size: 1.5rem;
}

.rbac-detail-body[b-j783by71rf] {
    flex: 1;
    min-width: 0;
}


.rbac-detail-actions[b-j783by71rf] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;   
}


.rbac-name-input[b-j783by71rf] {
    font-size: 19px;
    font-weight: 700;
    height: 36px;
    max-width: 280px;
    border: 1.5px solid var(--mud-palette-primary);
    border-radius: 8px;
    padding: 2px 10px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    outline: none;
}

.rbac-detail-titlerow[b-j783by71rf] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rbac-detail-name[b-j783by71rf] {
    font-size: 19px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    letter-spacing: -0.01em;
}

.rbac-detail-desc[b-j783by71rf] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 6px;
    line-height: 1.5;
}


.rbac-qstrip[b-j783by71rf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 12px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
}

.rbac-qstrip-item b[b-j783by71rf] {
    color: var(--mud-palette-text-primary);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    margin-right: 3px;
}

.rbac-qstrip-sep[b-j783by71rf] {
    color: var(--mud-palette-text-disabled);
}


.rbac-sys-badge[b-j783by71rf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(var(--mud-palette-warning-rgb), 0.16);
    color: var(--mud-palette-warning);
}

.rbac-status-badge[b-j783by71rf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 999px;
}

.rbac-status-badge .d[b-j783by71rf] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}

.rbac-status-badge.on[b-j783by71rf] {
    background: rgba(var(--mud-palette-success-rgb), 0.14);
    color: var(--mud-palette-success);
}

.rbac-status-badge.off[b-j783by71rf] {
    background: rgba(var(--mud-palette-error-rgb), 0.14);
    color: var(--mud-palette-error);
}

.rbac-inherit-chip[b-j783by71rf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    padding: 3px 9px;
    border-radius: 7px;
}

.rbac-inherit-chip[b-j783by71rf]  .mud-icon-root {
    font-size: 10px;
}


.rbac-sec-sub[b-j783by71rf] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
}


.rbac-scope-opts[b-j783by71rf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.rbac-scope-opt[b-j783by71rf] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    border-radius: 11px;
    padding: 11px 12px;
    background: var(--mud-palette-surface);
    transition: border-color 120ms, background 120ms;
    font-family: inherit;
}

.rbac-scope-opt:hover[b-j783by71rf] {
    border-color: var(--mud-palette-primary);
}

.rbac-scope-opt.active[b-j783by71rf] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
}


.rbac-scope-opt:disabled[b-j783by71rf] {
    opacity: 0.55;
    cursor: not-allowed;
}

.rbac-scope-opt:disabled:hover[b-j783by71rf] {
    border-color: var(--mud-palette-lines-default);
}

.rbac-scope-opt.locked .so-radio[b-j783by71rf] {
    color: var(--mud-palette-text-secondary);
}


.rbac-scope-opt .so-radio[b-j783by71rf] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.rbac-scope-opt.active .so-radio[b-j783by71rf] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);   
}

.rbac-scope-opt .so-radio[b-j783by71rf]  .mud-icon-root {
    font-size: 0.8rem;
}

.rbac-scope-opt .so-text[b-j783by71rf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rbac-scope-opt .so-name[b-j783by71rf] {
    font-size: 13px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.rbac-scope-opt .so-desc[b-j783by71rf] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    line-height: 1.45;
}

.rbac-scope-opt:disabled[b-j783by71rf] {
    opacity: 0.55;
    cursor: not-allowed;
}

.rbac-scope-opt:disabled:hover[b-j783by71rf] {
    border-color: var(--mud-palette-lines-inputs);
}


.rbac-custom-pick[b-j783by71rf] {
    margin-top: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 11px;
    padding: 12px 14px;
    background: var(--mud-palette-background-grey);
}

.rbac-custom-hint[b-j783by71rf] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 10px;
}

.rbac-custom-hint[b-j783by71rf]  .mud-icon-root {
    font-size: 10px;
    flex-shrink: 0;
}

.rbac-custom-foot[b-j783by71rf] {
    font-size: 11.5px;
    font-weight: 600;
    margin-top: 10px;
}

.rbac-custom-foot.ok[b-j783by71rf] {
    color: var(--mud-palette-success);
}

.rbac-custom-foot.empty[b-j783by71rf] {
    color: var(--mud-palette-error);
}


.scope-tree[b-j783by71rf] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    overflow: hidden;
    max-height: 46vh;
    overflow-y: auto;
    background: var(--mud-palette-surface);
}

.scope-node[b-j783by71rf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.scope-node:last-child[b-j783by71rf] {
    border-bottom: none;
}

.scope-node.company[b-j783by71rf] {
    background: var(--mud-palette-background-grey);
}

.scope-node.branch[b-j783by71rf] {
    padding-left: 16px;
}

.scope-node:hover[b-j783by71rf] {
    background: var(--mud-palette-action-default-hover);
}

.scope-node.on[b-j783by71rf] {
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}

.scope-caret[b-j783by71rf] {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--mud-palette-text-secondary);
    flex: 0 0 auto;
}

.scope-caret.placeholder[b-j783by71rf] {
    visibility: hidden;
    cursor: default;
}

.scope-caret[b-j783by71rf]  .mud-icon-root {
    font-size: 1.1rem;
}

.scope-cbx[b-j783by71rf] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    cursor: pointer;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    background: var(--mud-palette-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 120ms;
    flex: 0 0 auto;
}

.scope-cbx[b-j783by71rf]  .mud-icon-root {
    font-size: 0.8rem;
}

.scope-cbx:hover[b-j783by71rf] {
    border-color: var(--mud-palette-primary);
}

.scope-cbx.on[b-j783by71rf] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.scope-cbx.on[b-j783by71rf]  .mud-icon-root {
    color: var(--mud-palette-primary-text);
}

.scope-node-main[b-j783by71rf] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

.scope-node-main .nm[b-j783by71rf] {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scope-node-main .mc[b-j783by71rf] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-left: 6px;
    font-family: var(--font-mono, monospace);
}

.scope-cov[b-j783by71rf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    flex: 0 0 auto;
}

.scope-cov .cov-glyph[b-j783by71rf] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.scope-cov .cov-glyph[b-j783by71rf]  .mud-icon-root {
    font-size: 0.7rem;
}

.scope-cov.full .cov-glyph[b-j783by71rf] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.scope-cov.full .cov-glyph[b-j783by71rf]  .mud-icon-root {
    color: var(--mud-palette-primary-text);
}

.scope-cov.partial .cov-glyph[b-j783by71rf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.18);
    border-color: var(--mud-palette-primary);
}

.scope-cov.partial .cov-glyph[b-j783by71rf]  .mud-icon-root {
    color: var(--mud-palette-primary);
}

.scope-allbtn[b-j783by71rf] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    padding: 2px 6px;
    border-radius: 6px;
    flex: 0 0 auto;
}

.scope-allbtn:hover[b-j783by71rf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
}


.perm-group-header[b-j783by71rf] {
    color: var(--mud-palette-text-secondary);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 11px;
    background: var(--mud-palette-background-grey);
    padding: 7px 16px;
    border-radius: 6px;
}


.perm-matrix[b-j783by71rf] {
    
    overflow: auto;
    max-height: 62vh;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.perm-matrix-table[b-j783by71rf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.perm-matrix-table th[b-j783by71rf],
.perm-matrix-table td[b-j783by71rf] {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 8px 12px;
    text-align: center;
    vertical-align: middle;
}

.perm-matrix-table thead th[b-j783by71rf] {
    background: var(--mud-palette-background-grey);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mud-palette-text-secondary);
    position: sticky;
    top: 0;
    z-index: 3;
}

.perm-matrix-th-page[b-j783by71rf] {
    text-align: left !important;
    min-width: 200px;
    position: sticky;
    left: 0;
    z-index: 4;   
}

.perm-matrix-th-action[b-j783by71rf] {
    width: 64px;
    cursor: help;
}


.perm-acthead[b-j783by71rf] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.perm-acthead[b-j783by71rf]  .mud-icon-root {
    font-size: 1rem;
    color: var(--mud-palette-text-secondary);
}

.perm-matrix-th-quick[b-j783by71rf] {
    width: 80px;
    background: rgba(var(--mud-palette-primary-rgb), 0.06) !important;
}


.perm-matrix-td-page[b-j783by71rf] {
    text-align: left !important;
    position: sticky;
    left: 0;
    background: var(--mud-palette-surface);
    z-index: 1;
}

.perm-page-name[b-j783by71rf] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.perm-page-key[b-j783by71rf] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    font-family: var(--font-mono, monospace);
    margin-top: 2px;
}

.perm-matrix-table tbody tr:hover .perm-matrix-td-page[b-j783by71rf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}


.perm-mx-cell[b-j783by71rf] {
    padding: 0 !important;
    text-align: center;
    border-left: 1px solid var(--mud-palette-lines-default);
}

.perm-cgbtn[b-j783by71rf] {
    width: 100%;
    height: 44px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 120ms;
}

.perm-cgbtn:hover[b-j783by71rf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.rbac-cg[b-j783by71rf] {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rbac-cg[b-j783by71rf]  .mud-icon-root {
    font-size: 0.95rem;
}

.rbac-cg.none[b-j783by71rf] {
    border: 1.5px solid var(--mud-palette-lines-inputs);
    background: transparent;
}

.rbac-cg.granted[b-j783by71rf] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);   
}

.rbac-cg.inherited[b-j783by71rf] {
    background: transparent;
    border: 1.5px dashed rgba(var(--mud-palette-primary-rgb), 0.45);
    color: var(--mud-palette-primary);          
}

.rbac-cg.unsupported[b-j783by71rf] {
    border: none;
    background-image: repeating-linear-gradient(
        135deg,
        transparent,
        transparent 4px,
        var(--mud-palette-lines-default) 4px,
        var(--mud-palette-lines-default) 5px
    );
    color: var(--mud-palette-text-disabled);
    font-size: 13px;
    font-weight: 700;
    cursor: not-allowed;
}


.perm-matrix-td-quick[b-j783by71rf] {
    background: rgba(var(--mud-palette-primary-rgb), 0.04);
    border-left: 1px solid var(--mud-palette-lines-default);
}



.rbac-editor-stack[b-j783by71rf] {
    display: flex;            
    flex-direction: column;
    
    max-height: calc(100dvh - 350px);
    min-height: 240px;
}


.rbac-detail-alert[b-j783by71rf] {
    flex-shrink: 0;
}

.rbac-editor-scroll[b-j783by71rf] {
    flex: 1 1 auto;
    min-height: 0;
    
    max-height: calc(100dvh - 425px);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
}


@media (max-width: 1024px) {
    .rbac-editor-stack[b-j783by71rf] {
        max-height: none;
        min-height: 0;
    }

    .rbac-editor-scroll[b-j783by71rf] {
        overflow: visible;
        max-height: none;
    }

    
    .perm-matrix[b-j783by71rf] {
        max-height: none;
        overflow-x: auto;
        overflow-y: visible;
    }
}

.rbac-savebar[b-j783by71rf] {
    flex-shrink: 0;   
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 4px;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    position: sticky;
    bottom: 0;
    z-index: 2;
}

.rbac-savebar .info[b-j783by71rf] {
    flex: 1;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
}

.rbac-savebar .info b[b-j783by71rf] {
    color: var(--mud-palette-text-primary);
}

.rbac-dirty-dot[b-j783by71rf] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--mud-palette-warning);
    margin-right: 7px;
    box-shadow: 0 0 0 3px rgba(var(--mud-palette-warning-rgb), 0.18);
}



.rp-head-ic[b-kvf0va15he] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rp-head-ic[b-kvf0va15he]  .mud-icon-root {
    font-size: 1.1rem;
    color: var(--mud-palette-primary);
}

.rp-group[b-kvf0va15he] {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    margin: 14px 0 6px;
}

.rp-row[b-kvf0va15he] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    margin-bottom: 6px;
}

.rp-row-page[b-kvf0va15he] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    padding-top: 2px;
}

.rp-row-page[b-kvf0va15he]  .mud-icon-root {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}

.rp-count[b-kvf0va15he] {
    flex-shrink: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    color: var(--mud-palette-primary);
    font-size: 10.5px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.rp-acts[b-kvf0va15he] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

@media (max-width: 520px) {
    .rp-row[b-kvf0va15he] {
        flex-direction: column;
        gap: 8px;
    }

    .rp-row-page[b-kvf0va15he] {
        min-width: 0;
    }
}




.rbac-rolesintro[b-scy92boav6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.rbac-rolesintro-main[b-scy92boav6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.rbac-rolesintro-ic[b-scy92boav6] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rbac-rolesintro-t[b-scy92boav6] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.rbac-rolesintro-s[b-scy92boav6] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    line-height: 1.55;
}

.rbac-inherit-chip[b-scy92boav6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    padding: 1px 7px;
    border-radius: 7px;
    margin: 0 4px;
    vertical-align: middle;
}

.rbac-inherit-chip[b-scy92boav6]  .mud-icon-root {
    font-size: 10px;
}

@media (max-width: 720px) {
    .rbac-rolesintro[b-scy92boav6] {
        flex-direction: column;
        align-items: stretch;
    }
}


.rbac-rolelist-head[b-scy92boav6] {
    padding: 12px 12px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;   
}

.rbac-rolelist-title[b-scy92boav6] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    margin-bottom: 10px;
}



.rbac-rolelist-card[b-scy92boav6] {
    display: flex;
    flex-direction: column;
    
    max-height: calc(100dvh - 350px);
    min-height: 240px;
}

.rbac-rolelist[b-scy92boav6] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-height: 0;
    
    max-height: calc(100dvh - 355px);
    overflow-y: auto;
    overflow-x: hidden;   
}


@media (max-width: 1024px) {
    .rbac-rolelist-card[b-scy92boav6] {
        display: block;
        max-height: none;
        min-height: 0;
    }

    .rbac-rolelist[b-scy92boav6] {
        overflow: visible;
        max-height: none;
    }
}

.rbac-role-item[b-scy92boav6] {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    transition: background 120ms, border-color 120ms, box-shadow 120ms;
    font-family: inherit;
    position: relative;   
}

.rbac-role-item:hover[b-scy92boav6] {
    background: var(--mud-palette-action-default-hover);
}

.rbac-role-item.active[b-scy92boav6] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: rgba(var(--mud-palette-primary-rgb), 0.25);
    box-shadow: inset 4px 0 0 var(--mud-palette-primary);   
}


.rbac-role-item.lvl1[b-scy92boav6] {
    padding-left: 34px;
}

.rbac-role-item.lvl2[b-scy92boav6] {
    padding-left: 56px;
}

.rbac-role-item.lvl1[b-scy92boav6]::before,
.rbac-role-item.lvl2[b-scy92boav6]::before {
    content: '';
    position: absolute;
    top: 0;
    height: 24px;
    width: 11px;
    border-left: 1.5px solid var(--mud-palette-lines-inputs);
    border-bottom: 1.5px solid var(--mud-palette-lines-inputs);
    border-bottom-left-radius: 8px;
}

.rbac-role-item.lvl1[b-scy92boav6]::before {
    left: 15px;
}

.rbac-role-item.lvl2[b-scy92boav6]::before {
    left: 37px;
}


.rbac-tree-caret[b-scy92boav6] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
}

.rbac-tree-caret:hover[b-scy92boav6] {
    background: var(--mud-palette-action-default-hover);
}

.rbac-tree-caret.placeholder[b-scy92boav6] {
    visibility: hidden;
    cursor: default;
}

.rbac-tree-caret[b-scy92boav6]  .mud-icon-root {
    font-size: 1.15rem;
}


.rbac-role-ic[b-scy92boav6] {
    flex-shrink: 0;
    width: 20px;          
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
}

.rbac-role-ic[b-scy92boav6]  .mud-icon-root {
    font-size: 0.75rem;   
}


.rbac-role-item.active .rbac-role-ic[b-scy92boav6] {
    color: var(--mud-palette-primary);
}


.rbac-role-item.inactive .rbac-role-name[b-scy92boav6] {
    opacity: 0.6;
}

.rbac-role-item.inactive .rbac-role-ic[b-scy92boav6] {
    opacity: 0.5;
}

.rbac-role-meta[b-scy92boav6] {
    flex: 1;
    min-width: 0;
}

.rbac-role-name[b-scy92boav6] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}


.rbac-role-name .nm-txt[b-scy92boav6] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rbac-role-name .rbac-sys-badge[b-scy92boav6],
.rbac-role-name .rbac-status-badge[b-scy92boav6] {
    flex-shrink: 0;
}

.rbac-role-sub[b-scy92boav6] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.rbac-role-sub .n[b-scy92boav6] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    flex-shrink: 0;
}

.rbac-role-sub .sep[b-scy92boav6] {
    color: var(--mud-palette-text-disabled);
    flex-shrink: 0;
}


.rbac-inh-tx[b-scy92boav6] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--mud-palette-primary);
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rbac-inh-tx[b-scy92boav6]  .mud-icon-root {
    font-size: 0.8rem;
    flex-shrink: 0;
}


.rbac-childcount[b-scy92boav6] {
    flex-shrink: 0;
    font-weight: 600;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
}

.rbac-childcount.collapsed[b-scy92boav6] {
    color: var(--mud-palette-primary);
}

.rbac-childcount:hover[b-scy92boav6] {
    text-decoration: underline;
}

.rbac-scope-tx[b-scy92boav6] {
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}


.rbac-scope-tx.defer[b-scy92boav6] {
    text-decoration: underline dotted;
    text-underline-offset: 2px;
    text-decoration-color: var(--mud-palette-text-disabled);
}

.rbac-role-users[b-scy92boav6] {
    flex-shrink: 0;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 3px 9px;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
}

.rbac-role-item.active .rbac-role-users[b-scy92boav6] {
    background: var(--mud-palette-surface);
}


.rbac-sys-badge[b-scy92boav6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(var(--mud-palette-warning-rgb), 0.16);
    color: var(--mud-palette-warning);
}


.rbac-full-badge[b-scy92boav6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(var(--mud-palette-error-rgb), 0.14);
    color: var(--mud-palette-error);
    cursor: help;
}

.rbac-status-badge[b-scy92boav6] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 999px;
}

.rbac-status-badge .d[b-scy92boav6] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}


.rbac-status-badge.off[b-scy92boav6] {
    background: rgba(var(--mud-palette-error-rgb), 0.14);
    color: var(--mud-palette-error);
}




.tpl-cd-head[b-gtr93fkejm] {
    padding: 12px 12px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;   
}


.tpl-cd-titlerow[b-gtr93fkejm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.tpl-cd-title[b-gtr93fkejm] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.tpl-cd-title[b-gtr93fkejm]  .mud-icon-root {
    font-size: 1rem;
}

.tpl-cd-empty[b-gtr93fkejm] {
    padding: 22px;
    text-align: center;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}


.tpl-cd-card[b-gtr93fkejm],
.tpl-detail-card[b-gtr93fkejm] {
    display: flex;
    flex-direction: column;
    
    max-height: calc(100dvh - 320px);
    min-height: 240px;
}

.tpl-cd-list[b-gtr93fkejm] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-height: 0;
    
    max-height: calc(100dvh - 315px);
    overflow-y: auto;
    overflow-x: hidden;   
}


@media (max-width: 1024px) {
    .tpl-cd-card[b-gtr93fkejm],
    .tpl-detail-card[b-gtr93fkejm] {
        display: block;
        max-height: none;
        min-height: 0;
    }

    .tpl-cd-list[b-gtr93fkejm],
    .tpl-detail-body[b-gtr93fkejm] {
        overflow: visible;
        max-height: none;
    }
}

.tpl-cd-item[b-gtr93fkejm] {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    transition: background 120ms, border-color 120ms;
}

.tpl-cd-item:hover[b-gtr93fkejm] {
    background: var(--mud-palette-action-default-hover);
}

.tpl-cd-item.active[b-gtr93fkejm] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: rgba(var(--mud-palette-primary-rgb), 0.25);
}


.tpl-cd-ic[b-gtr93fkejm] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--mud-palette-warning-rgb), 0.16);
    color: var(--mud-palette-warning);
}

.tpl-cd-ic[b-gtr93fkejm]  .mud-icon-root {
    font-size: 1.05rem;
    color: var(--mud-palette-warning);
}

.tpl-cd-meta[b-gtr93fkejm] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.tpl-cd-name[b-gtr93fkejm] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tpl-cd-sub[b-gtr93fkejm] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    font-family: var(--font-mono);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tpl-cd-users[b-gtr93fkejm] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 3px 9px;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
}

.tpl-cd-users[b-gtr93fkejm]  .mud-icon-root {
    font-size: 10px;
}


.tpl-detail-head[b-gtr93fkejm] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;   
    background: linear-gradient(180deg, var(--mud-palette-background-grey) 0%, transparent 100%);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;   
}

.tpl-detail-meta[b-gtr93fkejm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
}

.tpl-detail-meta .sep[b-gtr93fkejm] {
    color: var(--mud-palette-text-disabled);
}

.tpl-detail-meta b[b-gtr93fkejm] {
    color: var(--mud-palette-text-primary);
}

.tpl-detail-body[b-gtr93fkejm] {
    flex: 1 1 auto;
    min-height: 0;
    
    max-height: calc(100dvh - 375px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px 20px;
}


.perm-tpl-sec[b-gtr93fkejm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 12px;
}

.perm-tpl-sec .hint[b-gtr93fkejm] {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    color: var(--mud-palette-text-disabled);
    font-size: 11.5px;
}

.perm-tpl-sec[b-gtr93fkejm]  .mud-icon-root {
    font-size: 0.68rem;
    color: var(--mud-palette-text-secondary);
}


.perm-assign-list[b-gtr93fkejm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.perm-assign-row[b-gtr93fkejm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 11px;
    cursor: pointer;
    user-select: none;
    transition: border-color 120ms, background 120ms;
}

.perm-assign-row:hover[b-gtr93fkejm] {
    border-color: var(--mud-palette-primary);
}

.perm-assign-row.on[b-gtr93fkejm] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}


.perm-assign-ic[b-gtr93fkejm] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
}

.perm-assign-row.on .perm-assign-ic[b-gtr93fkejm] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
}

.perm-assign-ic[b-gtr93fkejm]  .mud-icon-root {
    font-size: 1.05rem;
}


.perm-inherit-chip[b-gtr93fkejm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    padding: 1px 7px;
    border-radius: 7px;
    margin-left: 4px;
    vertical-align: middle;
}

.perm-inherit-chip[b-gtr93fkejm]  .mud-icon-root {
    font-size: 9px;
}


.tpl-summary[b-gtr93fkejm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border-radius: 10px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    font-size: 12.5px;
    color: var(--mud-palette-text-primary);
}


.perm-tpl-badge[b-gtr93fkejm] {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--mud-palette-warning-rgb), 0.16);
    color: var(--mud-palette-warning);
}

.perm-tpl-badge[b-gtr93fkejm]  .mud-icon-root {
    font-size: 1.4rem;
    color: var(--mud-palette-warning);
}

.perm-tpl-code[b-gtr93fkejm] {
    font-family: var(--font-mono);
    font-size: 11.5px;
    color: var(--mud-palette-text-disabled);
}


.perm-savebar[b-gtr93fkejm] {
    flex-shrink: 0;   
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.perm-savebar .info[b-gtr93fkejm] {
    flex: 1;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
}

.perm-savebar .info b[b-gtr93fkejm] {
    color: var(--mud-palette-text-primary);
}


.perm-dirty-dot[b-gtr93fkejm] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--mud-palette-warning);
    margin-right: 7px;
    vertical-align: middle;
    box-shadow: 0 0 0 3px rgba(var(--mud-palette-warning-rgb), 0.18);
}


@media (max-width: 600px) {
    .perm-savebar[b-gtr93fkejm] {
        flex-wrap: wrap;
    }

    .perm-savebar .info[b-gtr93fkejm] {
        flex: 1 0 100%;
        margin-bottom: 6px;
    }
}




.scope-tree[b-qp3o3kf2w4] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden;
    max-height: 52vh;
    overflow-y: auto;
}


.scope-node[b-qp3o3kf2w4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.scope-node:last-child[b-qp3o3kf2w4] {
    border-bottom: none;
}

.scope-node.company[b-qp3o3kf2w4] {
    background: var(--mud-palette-background-grey);
    font-weight: 500;
}

.scope-node.branch[b-qp3o3kf2w4] {
    padding-left: 16px;
}

.scope-node:hover[b-qp3o3kf2w4] {
    background: var(--mud-palette-action-default-hover);
}


.scope-node.on[b-qp3o3kf2w4] {
    box-shadow: inset 3px 0 0 var(--mud-palette-primary);
}


.scope-caret[b-qp3o3kf2w4] {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--mud-palette-text-secondary);
    flex: 0 0 auto;
}

.scope-caret.placeholder[b-qp3o3kf2w4] {
    visibility: hidden;
    cursor: default;
}

.scope-caret[b-qp3o3kf2w4]  .mud-icon-root {
    font-size: 1.1rem;
}


.scope-cbx[b-qp3o3kf2w4] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    cursor: pointer;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    background: var(--mud-palette-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 120ms;
    flex: 0 0 auto;
}

.scope-cbx[b-qp3o3kf2w4]  .mud-icon-root {
    font-size: 0.8rem;
}

.scope-cbx:hover[b-qp3o3kf2w4] {
    border-color: var(--mud-palette-primary);
}


.scope-cbx.on[b-qp3o3kf2w4] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.scope-cbx.on[b-qp3o3kf2w4]  .mud-icon-root {
    color: var(--mud-palette-primary-text);
}


.scope-cbx.grant.on[b-qp3o3kf2w4] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
}

.scope-cbx.grant.on[b-qp3o3kf2w4]  .mud-icon-root {
    color: var(--mud-palette-success-text);
}


.scope-cbx.deny[b-qp3o3kf2w4] {
    border-color: var(--mud-palette-error);
    background: rgba(var(--mud-palette-error-rgb), 0.08);
}

.scope-cbx.deny[b-qp3o3kf2w4]  .mud-icon-root {
    color: var(--mud-palette-error);
}


.scope-node-main[b-qp3o3kf2w4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

.scope-node-main .nm[b-qp3o3kf2w4] {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scope-node-main .mc[b-qp3o3kf2w4] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-left: 6px;
}


.scope-base-hint[b-qp3o3kf2w4] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 1px 7px;
    border-radius: 999px;
    flex: 0 0 auto;
}

.scope-base-hint.def[b-qp3o3kf2w4] {
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    color: var(--mud-palette-primary);
}

.scope-base-hint.role[b-qp3o3kf2w4] {
    background: rgba(var(--mud-palette-info-rgb), 0.14);
    color: var(--mud-palette-info);
}

.scope-base-hint.grant[b-qp3o3kf2w4] {
    background: rgba(var(--mud-palette-success-rgb), 0.16);
    color: var(--mud-palette-success);
}

.scope-base-hint.deny[b-qp3o3kf2w4] {
    background: rgba(var(--mud-palette-error-rgb), 0.16);
    color: var(--mud-palette-error);
}


.scope-cov[b-qp3o3kf2w4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    flex: 0 0 auto;
}

.scope-cov .cov-glyph[b-qp3o3kf2w4] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.scope-cov .cov-glyph[b-qp3o3kf2w4]  .mud-icon-root {
    font-size: 0.7rem;
}

.scope-cov.full .cov-glyph[b-qp3o3kf2w4] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.scope-cov.full .cov-glyph[b-qp3o3kf2w4]  .mud-icon-root {
    color: var(--mud-palette-primary-text);
}

.scope-cov.partial .cov-glyph[b-qp3o3kf2w4] {
    background: rgba(var(--mud-palette-primary-rgb), 0.18);
    border-color: var(--mud-palette-primary);
}

.scope-cov.partial .cov-glyph[b-qp3o3kf2w4]  .mud-icon-root {
    color: var(--mud-palette-primary);
}


.scope-allbtn[b-qp3o3kf2w4] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    padding: 2px 6px;
    border-radius: 6px;
    flex: 0 0 auto;
}

.scope-allbtn:hover[b-qp3o3kf2w4] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
}



.eff-head-ic[b-dlqgn4t87u] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eff-head-ic[b-dlqgn4t87u]  .mud-icon-root {
    font-size: 1.1rem;
    color: var(--mud-palette-primary);
}


.eff-group[b-dlqgn4t87u] {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    margin: 14px 0 6px;
}


.eff-row[b-dlqgn4t87u] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    margin-bottom: 6px;
}

.eff-row-page[b-dlqgn4t87u] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 180px;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    padding-top: 2px;
}

.eff-row-page[b-dlqgn4t87u]  .mud-icon-root {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}

.eff-count[b-dlqgn4t87u] {
    flex-shrink: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    color: var(--mud-palette-primary);
    font-size: 10.5px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.eff-acts[b-dlqgn4t87u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

@media (max-width: 520px) {
    .eff-row[b-dlqgn4t87u] {
        flex-direction: column;
        gap: 8px;
    }

    .eff-row-page[b-dlqgn4t87u] {
        min-width: 0;
    }
}




.ovr-count[b-t2xc6ngorf] {
    font-size: 12px;
    font-weight: 700;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.ovr-count.on[b-t2xc6ngorf] {
    background: rgba(var(--mud-palette-warning-rgb), 0.16);
    color: var(--mud-palette-warning);
}


.ovr-list[b-t2xc6ngorf] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    overflow: hidden auto;
    max-height: 52vh;
}


.rbac-ovr-row[b-t2xc6ngorf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.rbac-ovr-row:last-child[b-t2xc6ngorf] {
    border-bottom: none;
}

.rbac-ovr-row.has-ovr[b-t2xc6ngorf] {
    background: rgba(var(--mud-palette-warning-rgb), 0.08);
}

.rbac-ovr-meta[b-t2xc6ngorf] {
    flex-shrink: 0;
    min-width: 170px;
    max-width: 240px;
}

.rbac-ovr-name[b-t2xc6ngorf] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    display: flex;
    align-items: center;
}

.ovr-dot[b-t2xc6ngorf] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--mud-palette-warning);
    margin-right: 7px;
    flex-shrink: 0;
}

.rbac-ovr-base[b-t2xc6ngorf] {
    font-size: 11px;
    color: var(--mud-palette-text-disabled);
    font-family: var(--font-mono);
    margin-top: 2px;
}


.rbac-ovr-checks[b-t2xc6ngorf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.rbac-ovr-check[b-t2xc6ngorf] {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    user-select: none;
    padding: 6px 9px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    transition: border-color 120ms, background 120ms;
    font-family: inherit;
}

.rbac-ovr-check:hover[b-t2xc6ngorf] {
    border-color: var(--mud-palette-primary);
}

.rbac-ovr-check .lbl[b-t2xc6ngorf] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    flex: 1;
    min-width: 0;
    text-align: left;
}

.rbac-ovr-check.checked .lbl[b-t2xc6ngorf] {
    color: var(--mud-palette-text-primary);
}

.rbac-ovr-check.granted[b-t2xc6ngorf] {
    border-color: var(--mud-palette-success);
    background: rgba(var(--mud-palette-success-rgb), 0.10);
}

.rbac-ovr-check.denied[b-t2xc6ngorf] {
    border-color: var(--mud-palette-error);
    background: rgba(var(--mud-palette-error-rgb), 0.10);
}

.rbac-ovr-check.denied .lbl[b-t2xc6ngorf] {
    color: var(--mud-palette-error);
    text-decoration: line-through;
}

.rbac-ovr-check.unsupported[b-t2xc6ngorf] {
    border: 1.5px dashed var(--mud-palette-lines-inputs);
    background: var(--mud-palette-background-grey);
    cursor: not-allowed;
    opacity: 0.7;
}

.rbac-ovr-check.unsupported .lbl[b-t2xc6ngorf] {
    color: var(--mud-palette-text-disabled);
    text-decoration: none;
}


.ovr-box[b-t2xc6ngorf] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid var(--mud-palette-lines-inputs);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--mud-palette-surface);
}

.ovr-box.on[b-t2xc6ngorf] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.rbac-ovr-check.granted .ovr-box.on[b-t2xc6ngorf] {
    background: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
}

.ovr-box[b-t2xc6ngorf]  .mud-icon-root {
    font-size: 0.8rem;
    color: var(--mud-palette-primary-text);
}

.ovr-dash[b-t2xc6ngorf] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-disabled);
    font-weight: 700;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 3px,
        var(--mud-palette-lines-default) 3px, var(--mud-palette-lines-default) 4px);
}

@media (max-width: 720px) {
    .rbac-ovr-row[b-t2xc6ngorf] {
        flex-direction: column;
        align-items: stretch;
    }

    .rbac-ovr-meta[b-t2xc6ngorf] {
        max-width: none;
    }
}


.ovr-savebar[b-t2xc6ngorf] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 4px 0;
    margin-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.ovr-savebar .info[b-t2xc6ngorf] {
    flex: 1;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
}

.ovr-savebar .info b[b-t2xc6ngorf] {
    color: var(--mud-palette-text-primary);
}

.ovr-dirty-dot[b-t2xc6ngorf] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--mud-palette-warning);
    margin-right: 7px;
    box-shadow: 0 0 0 3px rgba(var(--mud-palette-warning-rgb), 0.18);
}




.perm-emp-head[b-35h77iessh] {
    padding: 12px 12px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.perm-emp-head-title[b-35h77iessh] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.perm-step-badge[b-35h77iessh] {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 800;
    flex-shrink: 0;
}

.perm-emp-list[b-35h77iessh] {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-height: 0;
    
    max-height: calc(100dvh - 295px);
    overflow-y: auto;
}


.perm-emp-more[b-35h77iessh] {
    padding: 8px 12px;
    text-align: center;
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    border-top: 1px dashed var(--mud-palette-lines-default);
}


.perm-emp-card[b-35h77iessh],
.perm-detail-card[b-35h77iessh] {
    display: flex;
    flex-direction: column;
    
    max-height: calc(100dvh - 290px);
    min-height: 240px;
}


.perm-subtab-scroll[b-35h77iessh] {
    flex: 1 1 auto;
    min-height: 0;
    
    max-height: calc(100dvh - 405px);
    overflow-y: auto;
}


.perm-emp-head[b-35h77iessh],
.perm-detail-head[b-35h77iessh],
.perm-eff-summary[b-35h77iessh],
.perm-subtabs[b-35h77iessh] {
    flex-shrink: 0;
}


@media (max-width: 1024px) {
    .perm-emp-card[b-35h77iessh],
    .perm-detail-card[b-35h77iessh] {
        display: block;
        max-height: none;
        min-height: 0;
    }

    .perm-emp-list[b-35h77iessh],
    .perm-subtab-scroll[b-35h77iessh] {
        overflow: visible;
        max-height: none;
    }
}

.perm-emp-item[b-35h77iessh] {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 11px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    transition: background 120ms, border-color 120ms;
    font-family: inherit;
}

.perm-emp-item:hover[b-35h77iessh] {
    background: var(--mud-palette-action-default-hover);
}

.perm-emp-item.active[b-35h77iessh] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: rgba(var(--mud-palette-primary-rgb), 0.25);
}

.perm-emp-meta[b-35h77iessh] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.perm-emp-name[b-35h77iessh] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perm-emp-sub[b-35h77iessh] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perm-emp-rolecount[b-35h77iessh] {
    flex-shrink: 0;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    padding: 2px 8px;
    border-radius: 999px;
}

.perm-emp-item.active .perm-emp-rolecount[b-35h77iessh] {
    background: var(--mud-palette-surface);
}


.perm-emp-scope[b-35h77iessh] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.perm-emp-scope[b-35h77iessh]  .mud-icon-root {
    font-size: 10px;
}

.perm-emp-scope.bypass[b-35h77iessh] {
    color: var(--mud-palette-info);
}

.perm-emp-scope.empty[b-35h77iessh] {
    color: var(--mud-palette-warning);
}

.perm-emp-scope.err[b-35h77iessh] {
    color: var(--mud-palette-error);
}

.perm-emp-scope.loading[b-35h77iessh] {
    opacity: 0.55;
    font-style: italic;
}


.perm-empty[b-35h77iessh] {
    padding: 56px 24px;
    text-align: center;
}

.perm-empty-ic[b-35h77iessh] {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    margin: 0 auto 16px;
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.perm-empty-ic[b-35h77iessh]  .mud-icon-root {
    font-size: 2rem;
    color: var(--mud-palette-primary);
}

.perm-empty-title[b-35h77iessh] {
    font-size: 16px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.perm-empty-sub[b-35h77iessh] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin-top: 6px;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}


.perm-detail-head[b-35h77iessh] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    background: linear-gradient(180deg, var(--mud-palette-background-grey) 0%, transparent 100%);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.perm-context-code[b-35h77iessh] {
    font-family: var(--font-mono);
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
}


.perm-qstrip[b-35h77iessh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 10px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
}

.perm-qstrip-item b[b-35h77iessh] {
    color: var(--mud-palette-text-primary);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    margin-right: 3px;
}

.perm-qstrip-sep[b-35h77iessh] {
    color: var(--mud-palette-text-disabled);
}


.perm-eff-summary[b-35h77iessh] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 18px;
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.perm-eff-col[b-35h77iessh] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.perm-eff-num[b-35h77iessh] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}

.perm-eff-num.l1[b-35h77iessh] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
}

.perm-eff-num.l2[b-35h77iessh] {
    background: rgba(var(--mud-palette-info-rgb), 0.12);
    color: var(--mud-palette-info);
}

.perm-eff-lbl[b-35h77iessh] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
}

.perm-eff-val[b-35h77iessh] {
    font-size: 13px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.25;
}

.perm-eff-op[b-35h77iessh] {
    font-size: 16px;
    font-weight: 300;
    color: var(--mud-palette-text-disabled);
}

.perm-eff-result[b-35h77iessh] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.perm-eff-result[b-35h77iessh]  .mud-icon-root {
    color: var(--mud-palette-primary);
    
    font-size: .9em;
}

@media (max-width: 720px) {
    .perm-eff-result[b-35h77iessh], .perm-eff-detail-btn[b-35h77iessh] {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }
}


.perm-callout[b-35h77iessh] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px 15px;
    border-radius: 11px;
    margin-bottom: 16px;
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    border: 1px solid rgba(var(--mud-palette-primary-rgb), 0.18);
}

.perm-callout-ic[b-35h77iessh] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.perm-callout-ic[b-35h77iessh]  .mud-icon-root {
    font-size: 1.05rem;
    color: var(--mud-palette-primary-text);
}

.perm-callout-t[b-35h77iessh] {
    font-size: 13px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.perm-callout-s[b-35h77iessh] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    line-height: 1.5;
}


.perm-subtabs[b-35h77iessh] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 0 18px;
    flex-wrap: wrap;
}

.perm-subtab[b-35h77iessh] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    padding: 12px 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 120ms, border-color 120ms;
}

.perm-subtab:hover[b-35h77iessh] {
    color: var(--mud-palette-text-primary);
}

.perm-subtab.active[b-35h77iessh] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
}

.perm-subtab .num[b-35h77iessh] {
    font-weight: 800;
}

.perm-subtab .count[b-35h77iessh] {
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    background: var(--mud-palette-action-disabled-background);
    color: var(--mud-palette-text-secondary);
    padding: 0 6px;
    border-radius: 999px;
    line-height: 1.5;
}

.perm-subtab.active .count[b-35h77iessh] {
    background: rgba(var(--mud-palette-primary-rgb), 0.12);
    color: var(--mud-palette-primary);
}

.perm-subtab-tag[b-35h77iessh] {
    font-size: 9.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 1px 6px;
    border-radius: 999px;
}

.perm-subtab-tag.main[b-35h77iessh] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
}

.perm-subtab-tag.opt[b-35h77iessh] {
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
}


.perm-sec-title[b-35h77iessh] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 12px;
}

.perm-sec-title .hint[b-35h77iessh] {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    color: var(--mud-palette-text-disabled);
    font-size: 11.5px;
}

.perm-sec-title[b-35h77iessh]  .mud-icon-root {
    font-size: 0.68rem;
    color: var(--mud-palette-text-secondary);
}


.perm-assign-grid[b-35h77iessh] {
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 1024px) {
    .perm-assign-grid[b-35h77iessh] {
        grid-template-columns: 1fr;
    }
}


.perm-assign-list[b-35h77iessh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.perm-assign-row[b-35h77iessh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 11px;
    cursor: pointer;
    transition: border-color 120ms, background 120ms;
    user-select: none;
}

.perm-assign-row:hover[b-35h77iessh] {
    border-color: var(--mud-palette-primary);
}

.perm-assign-row.on[b-35h77iessh] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
}

.perm-assign-ic[b-35h77iessh] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-background-grey);
    color: var(--mud-palette-text-secondary);
}

.perm-assign-row.on .perm-assign-ic[b-35h77iessh] {
    background: rgba(var(--mud-palette-primary-rgb), 0.10);
    color: var(--mud-palette-primary);
}

.perm-assign-ic[b-35h77iessh]  .mud-icon-root {
    font-size: 1.05rem;
}


.perm-ro-matrix[b-35h77iessh] {
    overflow-x: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.perm-ro-table[b-35h77iessh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.perm-ro-table th[b-35h77iessh],
.perm-ro-table td[b-35h77iessh] {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
}

.perm-ro-table thead th[b-35h77iessh] {
    background: var(--mud-palette-background-grey);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mud-palette-text-secondary);
    position: sticky;
    top: 0;
    z-index: 1;
}

.perm-ro-th-page[b-35h77iessh] {
    text-align: left !important;
    min-width: 180px;
    position: sticky;
    left: 0;
    z-index: 2;
}

.perm-ro-th-action[b-35h77iessh] {
    width: 52px;
}

.perm-acthead[b-35h77iessh] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.perm-acthead[b-35h77iessh]  .mud-icon-root {
    font-size: 0.95rem;
    color: var(--mud-palette-text-secondary);
}

.perm-ro-grouprow td[b-35h77iessh] {
    background: var(--mud-palette-background-grey);
    text-align: left;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mud-palette-text-secondary);
    padding: 6px 12px;
    position: sticky;
    left: 0;
    z-index: 1;
}

.perm-ro-td-page[b-35h77iessh] {
    text-align: left !important;
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--mud-palette-surface);
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
}

.perm-ro-cell[b-35h77iessh] {
    border-left: 1px solid var(--mud-palette-lines-default);
}


.rbac-cg[b-35h77iessh] {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rbac-cg[b-35h77iessh]  .mud-icon-root {
    font-size: 0.95rem;
}

.rbac-cg.none[b-35h77iessh] {
    border: 1.5px solid var(--mud-palette-lines-inputs);
}

.rbac-cg.granted[b-35h77iessh] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.rbac-cg.unsupported[b-35h77iessh] {
    border: none;
    background-image: repeating-linear-gradient(
        135deg, transparent, transparent 4px,
        var(--mud-palette-lines-default) 4px, var(--mud-palette-lines-default) 5px);
    color: var(--mud-palette-text-disabled);
    font-size: 13px;
    font-weight: 700;
}


.perm-effect[b-35h77iessh] {
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 13px 15px;
    margin-top: 14px;
}

.perm-effect-t[b-35h77iessh] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.perm-effect-formula[b-35h77iessh] {
    font-family: var(--font-mono);
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 9px 11px;
    line-height: 1.6;
    margin-top: 8px;
    overflow-x: auto;
}

.perm-effect-formula .g[b-35h77iessh] {
    color: var(--mud-palette-success);
}

.perm-effect-formula .d[b-35h77iessh] {
    color: var(--mud-palette-error);
}

.perm-effect-note[b-35h77iessh] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 8px;
    line-height: 1.5;
}




.fp-card[b-f1gzyn8vxk] {
    border-radius: 24px !important;
    border: 1px solid var(--app-divider) !important;
    box-shadow: var(--app-shadow-card-strong) !important;
    overflow: hidden;
    width: 100%;
    max-width: 620px;
    margin-inline: auto;
}


.fp-header[b-f1gzyn8vxk] {
    padding: 32px 40px 24px;
    background: var(--app-auth-header-gradient);
    border-bottom: 1px solid var(--app-divider);
}

.fp-back[b-f1gzyn8vxk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px 6px 6px;
    border-radius: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    color: var(--app-text-secondary);
    margin-bottom: 12px;
    margin-left: -10px;
}

.fp-back:hover[b-f1gzyn8vxk] {
    background: rgba(0, 0, 0, 0.03);
}


.fp-login-again[b-f1gzyn8vxk] {
    text-align: center;
    margin-top: 18px;
}

.fp-back--center[b-f1gzyn8vxk] {
    margin: 0;
}

.fp-header-row[b-f1gzyn8vxk] {
    display: flex;
    align-items: center;
    gap: 12px;
}


.fp-logo-wrap[b-f1gzyn8vxk] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--app-primary-lighten);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.fp-logo-wrap[b-f1gzyn8vxk]  .fp-logo-icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 28px !important;
    color: var(--app-primary);
}

.fp-header-text[b-f1gzyn8vxk] {
    display: flex;
    flex-direction: column;
}

.fp-title[b-f1gzyn8vxk] {
    font-weight: 700;
    font-size: 24px;
    color: var(--app-text-primary);
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.fp-subtitle[b-f1gzyn8vxk] {
    margin-top: 4px;
    font-size: 14px;
    color: var(--app-text-secondary);
}


.fp-steps[b-f1gzyn8vxk] {
    display: flex;
    align-items: center;
    margin-top: 22px;
    gap: 4px;
}

.fp-step[b-f1gzyn8vxk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 64px;
    flex-shrink: 0;
}

.fp-step-dot[b-f1gzyn8vxk] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    transition: all 160ms;
}


.fp-step--idle .fp-step-dot[b-f1gzyn8vxk] {
    background: var(--app-surface);
    color: var(--app-text-secondary);
    border: 1.5px solid var(--app-divider-strong);
}

.fp-step--active .fp-step-dot[b-f1gzyn8vxk] {
    background: var(--app-primary);
    color: #fff;
    box-shadow: var(--app-shadow-step-active);
}

.fp-step--done .fp-step-dot[b-f1gzyn8vxk] {
    background: var(--app-primary);
    color: #fff;
}

.fp-step-label[b-f1gzyn8vxk] {
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--app-text-secondary);
}

.fp-step--idle .fp-step-label[b-f1gzyn8vxk] {
    color: var(--app-text-secondary);
    opacity: 0.7;
}

.fp-step--active .fp-step-label[b-f1gzyn8vxk],
.fp-step--done .fp-step-label[b-f1gzyn8vxk] {
    color: var(--app-text-primary);
}


.fp-step-line[b-f1gzyn8vxk] {
    flex: 1;
    height: 3px;
    margin: 0 6px;
    margin-bottom: 20px;
    border-radius: 2px;
    background: var(--app-divider-strong);
    transition: background 200ms;
}

.fp-step-line--done[b-f1gzyn8vxk] {
    background: var(--app-primary);
}


.fp-form-wrap[b-f1gzyn8vxk] {
    padding: 32px 40px;
    background: var(--app-surface);
}


.fp-tabs[b-f1gzyn8vxk] {
    display: flex;
    padding: 4px;
    background: var(--app-step-idle-bg);
    border-radius: 10px;
    margin-bottom: 16px;
}

.fp-tab[b-f1gzyn8vxk] {
    flex: 1;
    height: 36px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--app-text-secondary);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background 120ms, color 120ms, box-shadow 120ms;
}

.fp-tab--on[b-f1gzyn8vxk] {
    background: var(--app-surface);
    color: var(--app-text-primary);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}


.fp-flabel[b-f1gzyn8vxk] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--app-text-primary);
    margin-bottom: 8px;
}

.fp-ig[b-f1gzyn8vxk] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 12px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider-strong);
    border-radius: 12px;
    transition: border-color 0.16s, box-shadow 0.16s;
}

.fp-ig:focus-within[b-f1gzyn8vxk] {
    border-color: var(--app-primary);
    box-shadow: var(--app-focus-ring);
}

.fp-ig--error[b-f1gzyn8vxk] {
    border-color: var(--app-error) !important;
}


.fp-ig[b-f1gzyn8vxk]  .fp-ig-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    color: var(--app-text-secondary);
    flex-shrink: 0;
}

.fp-ig[b-f1gzyn8vxk]  .fp-ok-icon {
    color: var(--app-success) !important;
}

.fp-ig-input[b-f1gzyn8vxk] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    color: var(--app-text-primary);
}

.fp-ig-input[b-f1gzyn8vxk]::placeholder {
    color: var(--app-text-secondary);
    opacity: 0.6;
}

.fp-ig-toggle[b-f1gzyn8vxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

.fp-error-hint[b-f1gzyn8vxk] {
    font-size: 12px;
    color: var(--app-error);
    margin-top: 6px;
    font-weight: 500;
}


.fp-warn-banner[b-f1gzyn8vxk] {
    padding: 12px 16px;
    border-radius: 10px;
    background: rgba(245, 158, 11, 0.08);   
    border: 1px solid rgba(245, 158, 11, 0.40);
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 13.5px;
    color: #92400E;                          
    line-height: 1.5;
}

.fp-warn-banner b[b-f1gzyn8vxk] {
    color: #92400E;
    font-weight: 700;
}

.fp-warn-banner[b-f1gzyn8vxk]  .fp-warn-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--app-warning);
}


.fp-info[b-f1gzyn8vxk] {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    background: var(--app-info-bg);
    border: 1px solid var(--app-info-border);
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 13px;
    color: var(--app-info-fg);
    line-height: 1.5;
}

.fp-info b[b-f1gzyn8vxk] {
    color: var(--app-info-fg);
    font-weight: 700;
}


.fp-info[b-f1gzyn8vxk]  .fp-info-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--app-info-fg);
}


.fp-otp-info[b-f1gzyn8vxk] {
    padding: 14px 18px;
    background: var(--app-primary-lighten);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--app-primary);
    font-weight: 500;
    margin-bottom: 22px;
}


.fp-otp-info[b-f1gzyn8vxk]  .fp-otp-info-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    flex-shrink: 0;
    color: var(--app-primary);
}

.fp-otp-row[b-f1gzyn8vxk] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 10px;
}


.fp-otp-cell[b-f1gzyn8vxk] {
    width: 72px;
    height: 72px;
    text-align: center;
    border: 1.5px solid var(--app-divider-strong);
    border-radius: 16px;
    outline: none;
    background: var(--app-surface);
    color: var(--app-text-primary);
    font-family: var(--font-mono, "JetBrains Mono", ui-monospace, monospace);
    font-size: 26px;
    font-weight: 700;
    transition: border-color 0.16s, background 0.16s, box-shadow 0.16s;
    caret-color: var(--app-primary);
}

.fp-otp-cell:focus[b-f1gzyn8vxk] {
    border-color: var(--app-primary);
    border-width: 2px;
    box-shadow: var(--app-focus-ring);
}

.fp-otp-cell--on[b-f1gzyn8vxk] {
    border-color: var(--app-primary);
    background: var(--app-primary-lighten);
}

.fp-otp-meta[b-f1gzyn8vxk] {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: var(--app-text-secondary);
}

.fp-mono[b-f1gzyn8vxk] {
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--app-text-primary);
}

.fp-text-danger[b-f1gzyn8vxk] {
    color: var(--app-error) !important;
}

.fp-resend[b-f1gzyn8vxk] {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: var(--app-primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.fp-resend:disabled[b-f1gzyn8vxk] {
    cursor: not-allowed;
    color: var(--app-text-secondary);
    opacity: 0.6;
}


.fp-actions[b-f1gzyn8vxk] {
    display: flex;
    gap: 14px;
    margin-top: 22px;
}

[b-f1gzyn8vxk] .fp-btn-outline {
    border-radius: 999px !important;     
    height: 56px !important;
    min-width: 130px;
    padding-left: 28px !important;
    padding-right: 28px !important;
    font-weight: 700 !important;
    border-width: 2px !important;
}



.fp-strength[b-f1gzyn8vxk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.fp-strength-track[b-f1gzyn8vxk] {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: var(--app-step-idle-bg);
    overflow: hidden;
}

.fp-strength-bar[b-f1gzyn8vxk] {
    height: 100%;
    transition: width 200ms, background 200ms;
}

.fp-strength-label[b-f1gzyn8vxk] {
    font-size: 11px;
    font-weight: 700;
    min-width: 64px;
    text-align: right;
}


.fp-checklist[b-f1gzyn8vxk] {
    margin-top: 14px;
    padding: 12px;
    background: var(--app-step-idle-bg);
    border-radius: 10px;
    border: 1px solid var(--app-divider);
}

.fp-checklist-title[b-f1gzyn8vxk] {
    font-size: 11px;
    font-weight: 700;
    color: var(--app-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
}

.fp-checklist-grid[b-f1gzyn8vxk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.fp-checklist-item[b-f1gzyn8vxk] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--app-text-secondary);
}

.fp-checklist-item--ok[b-f1gzyn8vxk] {
    color: var(--app-success);
}

.fp-checklist-dot[b-f1gzyn8vxk] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    flex-shrink: 0;
    background: var(--app-divider-strong);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fp-checklist-item--ok .fp-checklist-dot[b-f1gzyn8vxk] {
    background: var(--app-success);
}


.fp-done[b-f1gzyn8vxk] {
    text-align: center;
    padding: 10px 4px 6px;
}

.fp-done-icon[b-f1gzyn8vxk] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--app-success-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.fp-done[b-f1gzyn8vxk]  .fp-done-icon-svg {
    width: 40px !important;
    height: 40px !important;
    font-size: 40px !important;
    color: var(--app-success);
}

.fp-done-title[b-f1gzyn8vxk] {
    font-size: 18px;
    font-weight: 700;
    color: var(--app-text-primary);
}

.fp-done-text[b-f1gzyn8vxk] {
    font-size: 13px;
    color: var(--app-text-secondary);
    margin-top: 8px;
    line-height: 1.5;
}


[b-f1gzyn8vxk] .fp-btn {
    border-radius: 999px !important;
    box-shadow: var(--app-shadow-btn-primary) !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    height: 56px !important;
    font-size: 15px !important;
}

[b-f1gzyn8vxk] .fp-btn:hover {
    box-shadow: var(--app-shadow-btn-primary-hover) !important;
}


@media (max-width: 600px) {
    .fp-header[b-f1gzyn8vxk] {
        padding: 15px;
    }
    .fp-form-wrap[b-f1gzyn8vxk] {
        padding: 15px;
    }
    
    .fp-otp-cell[b-f1gzyn8vxk] {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        max-width: 48px;
        height: 56px;
        font-size: 22px;
        border-radius: 12px;
    }
    .fp-otp-row[b-f1gzyn8vxk] {
        gap: 6px;
    }
    .fp-title[b-f1gzyn8vxk] {
        font-size: 20px;
    }
    .fp-steps[b-f1gzyn8vxk] {
        margin-top: 16px;
    }
    [b-f1gzyn8vxk] .fp-btn,
    [b-f1gzyn8vxk] .fp-btn-outline {
        height: 52px !important;
    }
    
    [b-f1gzyn8vxk] .fp-btn-outline {
        min-width: unset;
        flex-shrink: 0;
        white-space: nowrap;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .fp-actions[b-f1gzyn8vxk] {
        gap: 10px;
    }
}


.login-card[b-16e0hbb828] {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    border-radius: 20px !important;
    border: 1px solid var(--app-divider) !important;
    box-shadow: var(--app-shadow-card-strong) !important;
    overflow: hidden !important;
}


.login-header[b-16e0hbb828] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 32px 24px;
    text-align: center;
    background: var(--app-auth-header-gradient);
    border-bottom: 1px solid var(--app-divider);
}

.login-logo-wrap[b-16e0hbb828] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    box-shadow: var(--app-shadow-logo);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.login-logo-svg[b-16e0hbb828] {
    display: block;
}

.login-title[b-16e0hbb828] {
    font-weight: 700 !important;
    font-size: 22px !important;
    color: var(--app-text-primary);
    letter-spacing: -0.01em;
}

.login-subtitle[b-16e0hbb828] {
    margin-top: 4px;
    font-size: 13px;
}

.login-form-wrap[b-16e0hbb828] {
    padding: 28px;
    background: var(--app-surface);
}


.login-footer[b-16e0hbb828] {
    padding: 14px 28px 22px;
    text-align: center;
    font-size: 11px;
    color: var(--app-text-secondary);
    background: var(--app-surface);
}


.login-debug[b-16e0hbb828] {
    margin-bottom: 16px;
    padding: 10px 12px;
    border: 1px dashed var(--app-divider-strong);
    border-radius: 12px;
}

.login-debug-head[b-16e0hbb828] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.login-debug-head[b-16e0hbb828]  .login-debug-ico {
    width: 16px;
    height: 16px;
}

.login-debug-row[b-16e0hbb828] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.login-debug-row[b-16e0hbb828]  .login-debug-select {
    flex: 1;
    min-width: 0;
}

[b-16e0hbb828] .login-debug-go {
    border-radius: 10px !important;
    height: 38px;
    min-width: 56px;
}


.login-debug-item[b-16e0hbb828] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    padding: 2px 0;
}

.login-debug-l2[b-16e0hbb828] {
    font-size: 11px;
    opacity: 0.7;
}


.login-activation[b-16e0hbb828] {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid var(--app-divider-strong);
    border-radius: 12px;
    background: var(--app-primary-lighten);
}
.login-activation-title[b-16e0hbb828] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 13px;
    color: var(--app-primary);
}
.login-activation-title[b-16e0hbb828]  .login-activation-ic {
    width: 17px;
    height: 17px;
}
.login-activation-body[b-16e0hbb828] {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--app-text-secondary);
}
.login-activation-link[b-16e0hbb828] {
    color: var(--app-primary);
    font-weight: 600;
    text-decoration: underline;
}


.login-fields[b-16e0hbb828] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.login-field-group[b-16e0hbb828] {
    display: flex;
    flex-direction: column;
}

.login-flabel[b-16e0hbb828] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-2);
    margin-bottom: 6px;
}


.login-ig[b-16e0hbb828] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 12px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider-strong);
    border-radius: 12px;
    transition: border-color 0.16s, box-shadow 0.16s;
}

.login-ig:focus-within[b-16e0hbb828] {
    border-color: var(--app-primary);
    box-shadow: var(--app-focus-ring);
}


.login-ig[b-16e0hbb828]  .login-ig-icon {
    width: 18px;
    height: 18px;
    color: var(--fg-3);
    flex-shrink: 0;
}


.login-ig[b-16e0hbb828]  input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    color: var(--app-text-primary);
}

.login-ig[b-16e0hbb828]  input::placeholder {
    color: var(--fg-4);
}


.login-ig[b-16e0hbb828]  input:-webkit-autofill,
.login-ig[b-16e0hbb828]  input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--app-surface) inset;
    -webkit-text-fill-color: var(--app-text-primary);
    caret-color: var(--app-text-primary);
}

.login-ig-toggle[b-16e0hbb828] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}


.login-row[b-16e0hbb828] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

[b-16e0hbb828] .login-check {
    margin-left: -6px;
}

[b-16e0hbb828] .login-check .mud-typography {
    font-size: 13px;
    color: var(--fg-2);
}

.login-forgot[b-16e0hbb828] {
    font-size: 13px;
    font-weight: 600;
    color: var(--app-primary);
    text-decoration: none;
    white-space: nowrap;
}

.login-forgot:hover[b-16e0hbb828] {
    text-decoration: underline;
}


[b-16e0hbb828] .login-btn {
    border-radius: 12px !important;
    box-shadow: var(--app-shadow-btn-primary) !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    height: 46px;
}

[b-16e0hbb828] .login-btn:hover {
    box-shadow: var(--app-shadow-btn-primary-hover) !important;
}



.reply-banner[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 6px 2px 10px;
    margin-bottom: 6px;
    border-left: 3px solid var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-radius: 6px;
    font-size: 0.82rem;
}

.reply-banner-text[b-f5g3d9wt76] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.composer-box[b-f5g3d9wt76] {
    position: relative;
    border-radius: 12px;
}


.composer-toast[b-f5g3d9wt76] {
    position: absolute;
    bottom: calc(100% + 6px);
    
    left: 0;
    right: 0;
    width: fit-content;
    margin-inline: auto;
    z-index: 6;
    max-width: min(92%, 420px);
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11.5px;
    line-height: 1.45;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-primary) 8%, var(--mud-palette-surface));
    box-shadow: 0 2px 10px color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
    pointer-events: none;
    
    animation: composer-toast-life-b-f5g3d9wt76 3.45s ease forwards;
}


.composer-toast.is-err[b-f5g3d9wt76] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, var(--mud-palette-surface));
    font-weight: 600;
}

@keyframes composer-toast-life-b-f5g3d9wt76 {
    0%   { opacity: 0; }
    6%   { opacity: 1; }
    87%  { opacity: 1; }
    100% { opacity: 0; visibility: hidden; }
}


.composer-box--drag[b-f5g3d9wt76] {
    outline: 2px dashed var(--mud-palette-primary);
    outline-offset: 4px;
}

.composer-box--drag[b-f5g3d9wt76]::after {
    content: "Thả tệp / ảnh vào đây để đính kèm";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
    font-size: 0.8125rem;
    font-weight: 600;
    
    pointer-events: none;
    z-index: 5;
}


.composer-row[b-f5g3d9wt76] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}


.composer-input[b-f5g3d9wt76] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 36px;
    display: flex;
    align-items: center;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    padding: 0 14px;
    background-color: var(--mud-palette-surface);
    transition: border-color .15s ease, box-shadow .15s ease;
}


.composer-input:focus-within[b-f5g3d9wt76] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}


.composer-textarea[b-f5g3d9wt76] {
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: transparent;
    resize: none;
    overflow-y: auto;
    max-height: 132px;          
    padding: 7px 0;
    margin: 0;
    font-family: inherit;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
}


.composer-textarea[b-f5g3d9wt76]::placeholder {
    color: var(--mud-palette-text-secondary);
    opacity: 1;
    font-size: 0.8125rem;
}


@media (max-width: 880px) {
    .composer-textarea[b-f5g3d9wt76] {
        font-size: 16px;
    }
}


.composer-actions[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}


.composer-actions-inner[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 2px;
    max-width: 80px;            
    opacity: 1;
    overflow: hidden;
    transition: max-width .18s ease, opacity .18s ease;
}

.composer-actions.collapsed .composer-actions-inner[b-f5g3d9wt76] {
    max-width: 0;
    opacity: 0;
    pointer-events: none;
}


.composer-expand-btn[b-f5g3d9wt76] {
    width: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: width .18s ease, opacity .18s ease;
}

.composer-actions.collapsed .composer-expand-btn[b-f5g3d9wt76] {
    width: 36px !important;
    opacity: 1;
}


.composer-send-btn[b-f5g3d9wt76] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    cursor: pointer;
    touch-action: manipulation;
    overflow: hidden;
    opacity: 0;
    transform: scale(0.4);
    pointer-events: none;
    transition: width .18s ease, opacity .18s ease, transform .18s ease;
}

.composer-row.has-content .composer-send-btn[b-f5g3d9wt76] {
    width: 36px;
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}


.composer-row.has-content .composer-send-btn:active[b-f5g3d9wt76] {
    transform: scale(0.86);
}

.composer-send-btn:disabled[b-f5g3d9wt76] {
    cursor: default;
}

@media (prefers-reduced-motion: reduce) {
    .composer-actions-inner[b-f5g3d9wt76],
    .composer-expand-btn[b-f5g3d9wt76],
    .composer-send-btn[b-f5g3d9wt76] {
        transition: none;
    }
    .composer-row.has-content .composer-send-btn:active[b-f5g3d9wt76] {
        transform: scale(1);
    }
}


[b-f5g3d9wt76] .composer-send-btn .mud-icon-root {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}


.composer-icon-btn[b-f5g3d9wt76] {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    touch-action: manipulation;       
    transition: background 0.15s, color 0.15s;
}

.composer-icon-btn:hover:not(:disabled)[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
    color: var(--mud-palette-primary);
}


.composer-icon-btn.is-active[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}

.composer-icon-btn:disabled[b-f5g3d9wt76] {
    opacity: 0.5;
    cursor: not-allowed;
}



.composer-emoji-scrim[b-f5g3d9wt76] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.composer-emoji-pop[b-f5g3d9wt76] {
    position: absolute;
    left: 6px;
    bottom: 44px;               
    z-index: 41;
    width: 296px;
    max-width: calc(100% - 12px);
    max-height: 220px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    padding: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 6px 24px color-mix(in srgb, var(--mud-palette-text-primary) 16%, transparent);
}

.composer-emoji[b-f5g3d9wt76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border: none;
    background: transparent;
    cursor: pointer;
    touch-action: manipulation;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    border-radius: 8px;
    transition: background 0.12s;
}

.composer-emoji:hover[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}


.composer-format-trigger[b-f5g3d9wt76] {
    width: 0 !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 42;
    transition: width .18s ease, opacity .18s ease;
}

.composer-row.has-content .composer-format-trigger[b-f5g3d9wt76] {
    width: 36px !important;
    opacity: 1;
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .composer-format-trigger[b-f5g3d9wt76] {
        transition: none;
    }
}


.composer-format-bar[b-f5g3d9wt76] {
    display: flex;
    flex-wrap: nowrap;                 
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    padding: 5px 6px;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 4%, var(--mud-palette-surface));
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    overflow-x: auto;                  
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: thin;             
}


.composer-format-bar[b-f5g3d9wt76]::-webkit-scrollbar {
    height: 5px;
}

.composer-format-bar[b-f5g3d9wt76]::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 20%, transparent);
    border-radius: 999px;
}

.composer-format-btn[b-f5g3d9wt76] {
    flex: 0 0 auto;                    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--mud-palette-text-primary);
    font-size: 15px;
    cursor: pointer;
    touch-action: manipulation;       
    transition: background 0.12s;
}

.composer-format-btn:hover[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}


.composer-format-btn.mono[b-f5g3d9wt76] {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    font-size: 12px;
}


@media (max-width: 880px) {
    .composer-format-btn[b-f5g3d9wt76] {
        min-width: 40px;
        height: 40px;
    }
    .composer-format-bar[b-f5g3d9wt76] {
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 16px), transparent);
        mask-image: linear-gradient(to right, #000 calc(100% - 16px), transparent);
    }
}

[b-f5g3d9wt76] .composer-icon-btn .mud-icon-root {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
}



.composer-counter[b-f5g3d9wt76] {
    text-align: right;
    margin: 0 8px 2px 0;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary);
}

.composer-counter.over[b-f5g3d9wt76] {
    color: var(--mud-palette-error);
    font-weight: 600;
}


.composer-toolong[b-f5g3d9wt76] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-error) 10%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 30%, transparent);
}

.composer-toolong-msg[b-f5g3d9wt76] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--mud-palette-text-primary);
}

[b-f5g3d9wt76] .composer-toolong-msg .mud-icon-root {
    color: var(--mud-palette-error);
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    flex-shrink: 0;
    margin-top: 1px;
}

.composer-toolong-actions[b-f5g3d9wt76] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


.composer-toolong-btn[b-f5g3d9wt76] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-primary);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.composer-toolong-btn:hover[b-f5g3d9wt76] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
    border-color: var(--mud-palette-primary);
}

[b-f5g3d9wt76] .composer-toolong-btn .mud-icon-root {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px !important;
}


.file-tray[b-f5g3d9wt76] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.file-chip[b-f5g3d9wt76] {
    position: relative;
}

.file-chip img[b-f5g3d9wt76] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    cursor: zoom-in;
    border: 1px solid var(--mud-palette-lines-default);
    display: block;
}

.file-chip-doc[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 64px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    font-size: 0.78rem;
}

.file-chip-doc-text[b-f5g3d9wt76] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.file-chip-name[b-f5g3d9wt76] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
}

.file-chip-size[b-f5g3d9wt76] {
    font-size: 0.68rem;
    color: var(--mud-palette-text-secondary);
}


.file-chip-progress[b-f5g3d9wt76] {
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 2px;
    height: 3px;
    border-radius: 2px;
    background-color: var(--mud-palette-lines-default);
    overflow: hidden;
}

    .file-chip-progress > span[b-f5g3d9wt76] {
        display: block;
        height: 100%;
        background-color: var(--mud-palette-primary);
        transition: width .2s linear;
    }

.file-chip-x[b-f5g3d9wt76] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    font-size: 0.7rem;
    line-height: 1;
    padding: 0;
}

.file-chip-x:hover[b-f5g3d9wt76] {
    color: var(--mud-palette-error);
}


.link-tray[b-f5g3d9wt76] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 6px;
}

.link-chip[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background-color: var(--mud-palette-surface);
    text-decoration: none;
    color: inherit;
    max-width: 340px;
    transition: border-color 0.15s;
}

.link-chip:hover[b-f5g3d9wt76] {
    border-color: var(--mud-palette-primary);
}

.link-chip-ico[b-f5g3d9wt76] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border-radius: 4px;
    object-fit: contain;
    background-color: var(--slate-100);
}


.link-chip-img[b-f5g3d9wt76] {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border-radius: 6px;
    object-fit: cover;
    background-color: var(--slate-100);
}

.link-chip-text[b-f5g3d9wt76] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.link-chip-host[b-f5g3d9wt76] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.link-chip-path[b-f5g3d9wt76] {
    font-size: 0.68rem;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.link-chip-rich[b-f5g3d9wt76] {
    align-items: flex-start;
    max-width: 380px;
}

.link-chip-title[b-f5g3d9wt76] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2px;
}

.link-chip-desc[b-f5g3d9wt76] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2px;
}


.link-chip-rich .link-chip-host[b-f5g3d9wt76] {
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

.link-chip-loading[b-f5g3d9wt76] {
    font-size: 0.68rem;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    margin-top: 1px;
}


.link-chip-x[b-f5g3d9wt76] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    font-size: 0.72rem;
    line-height: 1;
    padding: 0;
}

.link-chip-x:hover[b-f5g3d9wt76] {
    background-color: var(--slate-100);
    color: var(--mud-palette-error);
}




.attach-btn[b-f5g3d9wt76] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    color: var(--mud-palette-text-secondary);
}

.attach-btn:hover[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent);
}


.mention-pop[b-f5g3d9wt76] {
    margin-bottom: 6px;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent);
    padding: 4px;
}


.mention-head[b-f5g3d9wt76] {
    padding: 6px 8px 4px;
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}

.mention-item[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.85rem;
}

.mention-item:hover[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
}

.mention-ava[b-f5g3d9wt76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--mud-palette-primary) 18%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
    font-size: 0.72rem;
    font-weight: 600;
}


.mention-ava.c0[b-f5g3d9wt76] { background-color: var(--chat-ava-0); color: white; }
.mention-ava.c1[b-f5g3d9wt76] { background-color: var(--chat-ava-1); color: white; }
.mention-ava.c2[b-f5g3d9wt76] { background-color: var(--chat-ava-2); color: white; }
.mention-ava.c3[b-f5g3d9wt76] { background-color: var(--chat-ava-3); color: white; }
.mention-ava.c4[b-f5g3d9wt76] { background-color: var(--chat-ava-4); color: white; }
.mention-ava.c5[b-f5g3d9wt76] { background-color: var(--chat-ava-5); color: white; }

.mention-ava-all[b-f5g3d9wt76] { background-color: var(--mud-palette-primary); color: white; font-weight: 700; }

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


.mention-role[b-f5g3d9wt76] {
    flex: 0 0 auto;
    margin-left: 8px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}


.slash-hint[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}


.slash-ic[b-f5g3d9wt76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border-radius: 7px;
    background-color: var(--mud-palette-action-default-hover);
}

.slash-ic-link[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    color: var(--mud-palette-primary);
}


[b-f5g3d9wt76] .slash-ic .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}


.slash-text[b-f5g3d9wt76] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.slash-name[b-f5g3d9wt76] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mud-palette-text-primary);
}

.slash-sub[b-f5g3d9wt76] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}


.slash-cmd-head[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 9px 5px;
}

.slash-cmd-lbl[b-f5g3d9wt76] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
}
.slash-kbd[b-f5g3d9wt76] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.66rem;
    color: var(--mud-palette-text-secondary);
}
.slash-kbd kbd[b-f5g3d9wt76] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.66rem;
    line-height: 1.5;
    background: var(--mud-palette-action-default-hover);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 5px;
    padding: 0 5px;
    color: var(--mud-palette-text-primary);
}


.slash-cmd .slash-text[b-f5g3d9wt76] {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.slash-cmd .slash-name[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;          
    white-space: nowrap;
}
.slash-cmd .slash-tok[b-f5g3d9wt76] {
    flex: 0 0 5rem;          
    text-align: left;        
}

.slash-cmd .slash-sub[b-f5g3d9wt76] {
    flex: 1;
    min-width: 0;
    font-size: 0.82rem;
    color: var(--mud-palette-text-primary);
}


@media (max-width: 560px) {
    .slash-cmd .slash-tok[b-f5g3d9wt76] { flex: 0 0 auto; }
}
.slash-tok[b-f5g3d9wt76] {
    flex: 0 0 auto;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.45;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
    border-radius: 6px;
    padding: 0 6px;
}


.slash-cmd-pop .slash-ic[b-f5g3d9wt76] {
    background-color: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}
.slash-cmd-pop .slash-tok[b-f5g3d9wt76] {
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-lines-default);
    font-weight: 600;
}


.slash-cmd-pop .slash-cmd.active .slash-tok[b-f5g3d9wt76] {
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
}
.slash-cmd-pop .slash-cmd.active .slash-ic[b-f5g3d9wt76] {
    color: var(--mud-palette-primary);
}


.slash-cmd[b-f5g3d9wt76] {
    position: relative;
}
.slash-cmd.active[b-f5g3d9wt76]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--mud-palette-primary);
}
.slash-chev[b-f5g3d9wt76] {
    margin-left: auto;
    flex: 0 0 auto;
    padding-left: 6px;
    font-size: 0.9rem;
    color: var(--mud-palette-primary);
    opacity: 0;
    transition: opacity 0.12s ease;
}
.slash-cmd.active .slash-chev[b-f5g3d9wt76] {
    opacity: 1;
}


.slash-cmd-foot[b-f5g3d9wt76] {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--mud-palette-lines-default);
    margin-top: 4px;
    padding: 6px 10px 4px;
    font-size: 0.66rem;
    color: var(--mud-palette-text-secondary);
}


.slash-ic-form[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-tertiary) 16%, transparent);
    color: var(--mud-palette-tertiary);
}


.slash-ic-task[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}


[b-f5g3d9wt76] .slash-ic-task .mud-icon-root.mud-svg-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}


.slash-task[b-f5g3d9wt76] {
    min-height: 40px;
    align-items: flex-start;
}
.slash-task .slash-ic-task[b-f5g3d9wt76] { margin-top: 1px; }



.slash-task .slash-name[b-f5g3d9wt76] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
}
.slash-task .slash-ma[b-f5g3d9wt76] {
    flex: 0 0 7.2rem;        
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
}
.slash-tieude[b-f5g3d9wt76] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}


.slash-cv-meta > *:not(:first-child)[b-f5g3d9wt76]::before {
    content: "·";
    margin-right: 6px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.6;
}


.slash-cv-nhan[b-f5g3d9wt76] {
    text-transform: lowercase;
    color: var(--mud-palette-text-secondary);
}


.slash-tt[b-f5g3d9wt76] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    color: var(--mud-palette-text-secondary);
    text-transform: lowercase;   
}
.slash-dot[b-f5g3d9wt76] {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
}

.slash-tt.tt-xanh .slash-dot[b-f5g3d9wt76] { background: var(--mud-palette-success); }
.slash-tt.tt-vang .slash-dot[b-f5g3d9wt76] { background: var(--mud-palette-warning); }
.slash-tt.tt-xam  .slash-dot[b-f5g3d9wt76] { background: var(--mud-palette-text-disabled); }

.slash-tt.tt-xam[b-f5g3d9wt76] { color: var(--mud-palette-text-disabled); }


.slash-cv-han[b-f5g3d9wt76] {
    font-weight: 600;
    color: var(--mud-palette-error);
}


.slash-cv-meta[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}



.slash-cv-owner[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
}

.slash-cv-name[b-f5g3d9wt76] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.slash-cv-muted[b-f5g3d9wt76] { font-style: italic; }
.slash-cv-due[b-f5g3d9wt76] {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 8px;
    white-space: nowrap;
}



.slash-ic-doc[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}



.mention-item.active[b-f5g3d9wt76],
.slash-item.active[b-f5g3d9wt76] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.slash-ma[b-f5g3d9wt76] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}


.slash-head-sub[b-f5g3d9wt76] {
    margin-left: 6px;
    font-weight: 400;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
}


.paste-ask-pop[b-f5g3d9wt76] {
    position: relative;
    z-index: 41;
}


.paste-ask-item[b-f5g3d9wt76] {
    align-items: flex-start;
    padding: 8px 9px;
}

.paste-ask-body[b-f5g3d9wt76] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.paste-ask-name[b-f5g3d9wt76] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}


.paste-ask-tag[b-f5g3d9wt76] {
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 5px;
    padding: 0 5px;
    line-height: 1.6;
}


.paste-ask-sub[b-f5g3d9wt76] {
    font-size: 0.72rem;
    line-height: 1.4;
    color: var(--mud-palette-text-secondary);
    white-space: normal;
}



.nmm-modal-body[b-3kgxo1nkjv] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    background: var(--app-surface);
}


.nmm-head[b-3kgxo1nkjv] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px 14px;
    border-bottom: 1px solid var(--app-divider);
    flex: 0 0 auto;
}

.nmm-head-text[b-3kgxo1nkjv] {
    flex: 1;
    min-width: 0;
}

.nmm-head-title[b-3kgxo1nkjv] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--app-text-primary);
    line-height: 1.25;
}

.nmm-head-sub[b-3kgxo1nkjv] {
    font-size: 12px;
    color: var(--app-text-secondary);
    margin-top: 3px;
}

.nmm-close[b-3kgxo1nkjv] {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-2);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms;
}

.nmm-close:hover[b-3kgxo1nkjv] {
    background: var(--slate-200);
    color: var(--fg-1);
}


.nmm-quick[b-3kgxo1nkjv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 20px 4px;
    flex: 0 0 auto;
}

.nmm-action[b-3kgxo1nkjv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background 120ms, border-color 120ms, transform 120ms;
    width: 100%;
}

.nmm-action:hover:not(:disabled)[b-3kgxo1nkjv] {
    background: var(--slate-100);
    border-color: var(--brand-soft);
}

.nmm-action:active:not(:disabled)[b-3kgxo1nkjv] {
    transform: scale(0.99);
}

.nmm-action:disabled[b-3kgxo1nkjv] {
    opacity: 0.6;
    cursor: not-allowed;
}

.nmm-action-ic[b-3kgxo1nkjv] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nmm-action-ic-group[b-3kgxo1nkjv] {
    background: color-mix(in oklab, var(--success-500) 16%, transparent);
    color: var(--success-500);
}

.nmm-action-ic-qr[b-3kgxo1nkjv] {
    background: color-mix(in oklab, var(--warning-500) 18%, transparent);
    color: var(--warning-500);
}

.nmm-action-text[b-3kgxo1nkjv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nmm-action-title[b-3kgxo1nkjv] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--app-text-primary);
}

.nmm-action-sub[b-3kgxo1nkjv] {
    font-size: 11.5px;
    color: var(--fg-3);
}

.nmm-action-go[b-3kgxo1nkjv] {
    color: var(--fg-3);
    flex-shrink: 0;
}

.nmm-action-go[b-3kgxo1nkjv]  svg {
    width: 16px;
    height: 16px;
}


.nmm-input[b-3kgxo1nkjv] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    transition: border-color 140ms, box-shadow 140ms;
}

.nmm-input:focus-within[b-3kgxo1nkjv] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.nmm-input input[b-3kgxo1nkjv] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--app-text-primary);
}

.nmm-input input[b-3kgxo1nkjv]::placeholder {
    color: var(--fg-4);
}


.nmm-search[b-3kgxo1nkjv] {
    padding: 12px 20px 4px;
    flex: 0 0 auto;
}

.nmm-search-input[b-3kgxo1nkjv] {
    background: var(--app-bg);
    border-color: transparent;
}

.nmm-search-input:focus-within[b-3kgxo1nkjv] {
    background: var(--app-surface);
}

.nmm-search-ic[b-3kgxo1nkjv]  svg {
    color: var(--fg-3);
}

.nmm-search-clear[b-3kgxo1nkjv] {
    width: 22px;
    height: 22px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-3);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.nmm-search-clear:hover[b-3kgxo1nkjv] {
    background: var(--slate-200);
    color: var(--fg-1);
}

.nmm-search-clear[b-3kgxo1nkjv]  svg {
    width: 12px;
    height: 12px;
}


.nmm-modebar[b-3kgxo1nkjv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px 6px;
    flex: 0 0 auto;
}

.nmm-segmented[b-3kgxo1nkjv] {
    display: inline-flex;
    padding: 2px;
    background: var(--slate-100);
    border-radius: 8px;
}

.nmm-seg[b-3kgxo1nkjv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--fg-3);
    border-radius: 6px;
    cursor: pointer;
    transition: background 120ms, color 120ms;
}

.nmm-seg.on[b-3kgxo1nkjv] {
    background: var(--app-surface);
    color: var(--app-text-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.nmm-seg[b-3kgxo1nkjv]  svg {
    width: 13px;
    height: 13px;
}

.nmm-modebar-count[b-3kgxo1nkjv] {
    margin-left: auto;
    font-size: 11px;
    color: var(--fg-3);
    font-variant-numeric: tabular-nums;
}


.nmm-list[b-3kgxo1nkjv] {
    flex: 1 1 auto;
    min-height: 200px;
    overflow-y: auto;
    padding: 4px 12px 16px;
}

.nmm-section-label[b-3kgxo1nkjv] {
    padding: 8px 8px 4px;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--fg-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.nmm-empty[b-3kgxo1nkjv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    text-align: center;
}

.nmm-empty-title[b-3kgxo1nkjv] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-2);
}


.nmm-row[b-3kgxo1nkjv] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background 100ms, border-color 100ms;
}

.nmm-row:hover:not(:disabled)[b-3kgxo1nkjv] {
    background: var(--slate-100);
}

.nmm-row.is-busy[b-3kgxo1nkjv] {
    background: var(--brand-soft);
}

.nmm-row:disabled[b-3kgxo1nkjv] {
    cursor: not-allowed;
    opacity: 0.6;
}

.nmm-row-av[b-3kgxo1nkjv] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: var(--app-avatar-cool-to, var(--brand));
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nmm-row-info[b-3kgxo1nkjv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.nmm-row-name[b-3kgxo1nkjv] {
    font-size: 13px;
    font-weight: 600;
    color: var(--app-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-row-meta[b-3kgxo1nkjv] {
    font-size: 11.5px;
    color: var(--fg-3);
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.nmm-row-meta-warn[b-3kgxo1nkjv] {
    color: var(--warning-500);
    font-weight: 600;
}


.nmm-row.is-disabled .nmm-row-av[b-3kgxo1nkjv] {
    background: var(--slate-300, #CBD5E1);
    color: var(--fg-3);
}

.nmm-row.is-disabled .nmm-row-go[b-3kgxo1nkjv] {
    color: var(--warning-500);
}

.nmm-row-go[b-3kgxo1nkjv] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--fg-3);
    border-radius: 8px;
    flex-shrink: 0;
}

.nmm-row:hover:not(:disabled) .nmm-row-go[b-3kgxo1nkjv] {
    color: var(--fg-2);
    background: var(--app-surface);
}


.nmm-dept[b-3kgxo1nkjv] {
    margin-bottom: 4px;
}

.nmm-dept-head[b-3kgxo1nkjv] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 10px 6px;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    color: var(--fg-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
    text-align: left;
}

.nmm-dept-name[b-3kgxo1nkjv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.nmm-dept-count[b-3kgxo1nkjv] {
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--slate-100);
    color: var(--fg-3);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0;
}

.nmm-dept-head[b-3kgxo1nkjv]  svg {
    width: 13px;
    height: 13px;
}


.nmm-err[b-3kgxo1nkjv] {
    margin: 0 20px 12px;
    padding: 10px 12px;
    background: color-mix(in oklab, var(--error-500) 10%, transparent);
    color: var(--error-500);
    border: 1px solid color-mix(in oklab, var(--error-500) 28%, transparent);
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 500;
}


@media (max-width: 560px) {
    .nmm-head[b-3kgxo1nkjv],
    .nmm-quick[b-3kgxo1nkjv],
    .nmm-search[b-3kgxo1nkjv],
    .nmm-modebar[b-3kgxo1nkjv] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .nmm-list[b-3kgxo1nkjv] {
        padding-left: 8px;
        padding-right: 8px;
    }
}



.nmm-modal-body[b-jl0mj2flv9] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    background: var(--app-surface);
}


.nmm-head[b-jl0mj2flv9] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px 14px;
    border-bottom: 1px solid var(--app-divider);
    flex: 0 0 auto;
}

.nmm-head-text[b-jl0mj2flv9] {
    flex: 1;
    min-width: 0;
}

.nmm-head-title[b-jl0mj2flv9] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--app-text-primary);
    line-height: 1.25;
}

.nmm-head-sub[b-jl0mj2flv9] {
    font-size: 12px;
    color: var(--app-text-secondary);
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-close[b-jl0mj2flv9] {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-2);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms;
}

.nmm-close:hover[b-jl0mj2flv9] {
    background: var(--slate-200);
    color: var(--fg-1);
}


.nmm-fwd-preview[b-jl0mj2flv9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 20px 0;
    padding: 10px 12px;
    border-left: 3px solid var(--brand);
    border-radius: 8px;
    background: var(--brand-soft);
    flex: 0 0 auto;
}

.nmm-fwd-preview-ic[b-jl0mj2flv9] {
    color: var(--brand);
    flex-shrink: 0;
    display: inline-flex;
    margin-top: 1px;
}

.nmm-fwd-preview-ic[b-jl0mj2flv9]  svg {
    width: 16px;
    height: 16px;
}

.nmm-fwd-preview-body[b-jl0mj2flv9] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.nmm-fwd-preview-name[b-jl0mj2flv9] {
    font-size: 12px;
    font-weight: 700;
    color: var(--brand);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-fwd-preview-text[b-jl0mj2flv9] {
    font-size: 12.5px;
    color: var(--app-text-secondary);
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.nmm-fwd-multi[b-jl0mj2flv9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px;
    min-width: 0;
}

.nmm-fwd-multi-line[b-jl0mj2flv9] {
    font-size: 12.5px;
    color: var(--app-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-fwd-multi-more[b-jl0mj2flv9] {
    font-size: 11.5px;
    color: var(--fg-3);
    font-style: italic;
}


.nmm-input[b-jl0mj2flv9] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    transition: border-color 140ms, box-shadow 140ms;
}

.nmm-input:focus-within[b-jl0mj2flv9] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.nmm-input input[b-jl0mj2flv9] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--app-text-primary);
    padding: 0;
}

.nmm-input input[b-jl0mj2flv9]::placeholder {
    color: var(--fg-4);
}


.nmm-search[b-jl0mj2flv9] {
    padding: 12px 20px 4px;
    flex: 0 0 auto;
}

.nmm-search-input[b-jl0mj2flv9] {
    background: var(--app-bg);
    border-color: transparent;
}

.nmm-search-input:focus-within[b-jl0mj2flv9] {
    background: var(--app-surface);
}

.nmm-search-ic[b-jl0mj2flv9]  svg {
    color: var(--fg-3);
}

.nmm-search-clear[b-jl0mj2flv9] {
    width: 22px;
    height: 22px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-3);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.nmm-search-clear:hover[b-jl0mj2flv9] {
    background: var(--slate-200);
    color: var(--fg-1);
}

.nmm-search-clear[b-jl0mj2flv9]  svg {
    width: 12px;
    height: 12px;
}


.nmm-list[b-jl0mj2flv9] {
    flex: 1 1 auto;
    min-height: 140px;
    overflow-y: auto;
    padding: 4px 12px 8px;
}

.nmm-empty[b-jl0mj2flv9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    text-align: center;
}

.nmm-empty-title[b-jl0mj2flv9] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-2);
}

.nmm-empty-sub[b-jl0mj2flv9] {
    font-size: 12px;
    color: var(--fg-3);
    max-width: 260px;
}


.nmm-section-label[b-jl0mj2flv9] {
    padding: 10px 8px 4px;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--fg-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}


.nmm-people-hint[b-jl0mj2flv9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 10px;
    font-size: 12.5px;
    color: var(--fg-3);
}


.nmm-row[b-jl0mj2flv9] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background 100ms, border-color 100ms;
}

.nmm-row:hover[b-jl0mj2flv9] {
    background: var(--slate-100);
}

.nmm-row.is-picked[b-jl0mj2flv9] {
    background: var(--brand-soft);
    border-color: color-mix(in oklab, var(--brand) 22%, transparent);
}


.nmm-row.is-disabled[b-jl0mj2flv9] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.nmm-row-av[b-jl0mj2flv9] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: var(--app-avatar-cool-to, var(--brand));
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nmm-row-info[b-jl0mj2flv9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.nmm-row-name[b-jl0mj2flv9] {
    font-size: 13px;
    font-weight: 600;
    color: var(--app-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-row-meta[b-jl0mj2flv9] {
    font-size: 11.5px;
    color: var(--fg-3);
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.nmm-row-meta-warn[b-jl0mj2flv9] {
    color: var(--warning-500);
    font-weight: 600;
}


.nmm-row.is-noacc[b-jl0mj2flv9] {
    opacity: 0.6;
    cursor: not-allowed;
}

.nmm-row.is-noacc:hover[b-jl0mj2flv9] {
    background: transparent;
}

.nmm-row.is-noacc .nmm-row-av[b-jl0mj2flv9] {
    background: var(--slate-300, #CBD5E1);
    color: var(--fg-3);
}


.nmm-row-go-warn[b-jl0mj2flv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--warning-500);
}

.nmm-row-go-warn[b-jl0mj2flv9]  svg {
    width: 18px;
    height: 18px;
}

.nmm-check[b-jl0mj2flv9] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid var(--slate-300, #CBD5E1);
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    transition: background 120ms, border-color 120ms;
}

.nmm-check.on[b-jl0mj2flv9] {
    background: var(--brand);
    border-color: var(--brand);
}

.nmm-check[b-jl0mj2flv9]  svg {
    width: 14px;
    height: 14px;
}


.nmm-foot[b-jl0mj2flv9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--app-divider);
    background: var(--app-surface);
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.nmm-foot-count[b-jl0mj2flv9] {
    font-size: 12px;
    font-weight: 600;
    color: var(--fg-3);
    font-variant-numeric: tabular-nums;
}

.nmm-foot-spacer[b-jl0mj2flv9] {
    flex: 1;
}


.nmm-btn[b-jl0mj2flv9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 120ms, border-color 120ms, color 120ms;
}

.nmm-btn:disabled[b-jl0mj2flv9] {
    opacity: 0.55;
    cursor: not-allowed;
}

.nmm-btn-outline[b-jl0mj2flv9] {
    background: var(--app-surface);
    color: var(--app-text-primary);
    border-color: var(--app-divider);
}

.nmm-btn-outline:hover:not(:disabled)[b-jl0mj2flv9] {
    background: var(--slate-100);
}

.nmm-btn-primary[b-jl0mj2flv9] {
    background: var(--brand);
    color: #fff;
}

.nmm-btn-primary:hover:not(:disabled)[b-jl0mj2flv9] {
    background: var(--brand-hover, var(--brand));
}

.nmm-btn-primary[b-jl0mj2flv9]  svg {
    width: 14px;
    height: 14px;
}

.nmm-btn-spin[b-jl0mj2flv9] {
    color: #fff;
}


@media (max-width: 560px) {
    .nmm-head[b-jl0mj2flv9],
    .nmm-search[b-jl0mj2flv9],
    .nmm-foot[b-jl0mj2flv9] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .nmm-fwd-preview[b-jl0mj2flv9] {
        margin-left: 14px;
        margin-right: 14px;
    }

    .nmm-list[b-jl0mj2flv9] {
        padding-left: 8px;
        padding-right: 8px;
    }
}


.cfg-group[b-mvfxqs262v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cfg-label[b-mvfxqs262v] {
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    margin-bottom: 6px;
}


.cfg-radio[b-mvfxqs262v] {
    display: flex;
    align-items: flex-start;   
    width: 100%;
    gap: 3px;
    margin: 0 0 18px 0;        
}

.cfg-radio:last-child[b-mvfxqs262v] {
    margin-bottom: 0;
}


.cfg-opt-title[b-mvfxqs262v] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.35;
}

.cfg-opt-desc[b-mvfxqs262v] {
    display: block;
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    margin-top: 4px;
}



.nmm-modal-body[b-ndx8jidpdt] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    background: var(--app-surface);
    position: relative;   
}


.nmm-head[b-ndx8jidpdt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 15px 14px;
    border-bottom: 1px solid var(--app-divider);
    flex: 0 0 auto;
}

.nmm-head-text[b-ndx8jidpdt] {
    flex: 1;
    min-width: 0;
}

.nmm-head-title[b-ndx8jidpdt] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--app-text-primary);
    line-height: 1.25;
}

.nmm-head-sub[b-ndx8jidpdt] {
    font-size: 12px;
    color: var(--app-text-secondary);
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-close[b-ndx8jidpdt] {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-2);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms;
}

.nmm-close:hover[b-ndx8jidpdt] {
    background: var(--slate-200);
    color: var(--fg-1);
}


.nmm-group-fields[b-ndx8jidpdt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 15px 12px;
    border-bottom: 1px solid var(--app-divider);
    flex: 0 0 auto;
}

.nmm-field[b-ndx8jidpdt] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nmm-field-label[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--fg-2);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.nmm-field-req[b-ndx8jidpdt] {
    color: var(--error-500);
}

.nmm-field-opt[b-ndx8jidpdt] {
    color: var(--fg-3);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}


.nmm-input[b-ndx8jidpdt] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    transition: border-color 140ms, box-shadow 140ms;
}

.nmm-input:focus-within[b-ndx8jidpdt] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.nmm-input input[b-ndx8jidpdt],
.nmm-input textarea[b-ndx8jidpdt] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--app-text-primary);
    padding: 0;
}

.nmm-input input[b-ndx8jidpdt]::placeholder,
.nmm-input textarea[b-ndx8jidpdt]::placeholder {
    color: var(--fg-4);
}

.nmm-textarea-wrap[b-ndx8jidpdt] {
    height: auto;
    align-items: stretch;
    padding: 10px 12px;
}

.nmm-textarea-wrap textarea[b-ndx8jidpdt] {
    min-height: 40px;
    line-height: 1.5;
    resize: none;
}


.nmm-chips[b-ndx8jidpdt] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

.nmm-chip[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 6px 3px 3px;
    background: var(--brand-soft);
    border: 1px solid color-mix(in oklab, var(--brand) 22%, transparent);
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--brand);
    max-width: 220px;
}

.nmm-chip-av[b-ndx8jidpdt] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nmm-chip-name[b-ndx8jidpdt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-chip-x[b-ndx8jidpdt] {
    width: 18px;
    height: 18px;
    border: none;
    background: rgba(255, 255, 255, 0.7);
    color: var(--brand);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
}

.nmm-chip-x:hover[b-ndx8jidpdt] {
    background: #fff;
    color: var(--error-500);
}

.nmm-chip-x[b-ndx8jidpdt]  svg {
    width: 12px;
    height: 12px;
}


.nmm-search[b-ndx8jidpdt] {
    padding: 12px 15px 4px;
    flex: 0 0 auto;
}


.nmm-search-row[b-ndx8jidpdt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.nmm-search-input[b-ndx8jidpdt] {
    flex: 1 1 auto;
    min-width: 0;
    background: var(--app-bg);
    border-color: transparent;
}

.nmm-search-input:focus-within[b-ndx8jidpdt] {
    background: var(--app-surface);
}

.nmm-search-ic[b-ndx8jidpdt]  svg {
    color: var(--fg-3);
}

.nmm-search-clear[b-ndx8jidpdt] {
    width: 22px;
    height: 22px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-3);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.nmm-search-clear:hover[b-ndx8jidpdt] {
    background: var(--slate-200);
    color: var(--fg-1);
}

.nmm-search-clear[b-ndx8jidpdt]  svg {
    width: 12px;
    height: 12px;
}


.nmm-quick-btn[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;          
    white-space: nowrap;
    max-width: 60%;          
    padding: 8px 12px;
    border: 1px dashed color-mix(in oklab, var(--brand) 40%, transparent);
    background: var(--brand-soft);
    color: var(--brand);
    border-radius: 10px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
    transition: background 120ms, border-color 120ms;
}


.nmm-quick-btn span[b-ndx8jidpdt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-quick-btn:hover[b-ndx8jidpdt] {
    background: color-mix(in oklab, var(--brand) 16%, transparent);
}


.nmm-quick-btn.on[b-ndx8jidpdt] {
    border-style: solid;
    background: var(--brand);
    color: #fff;
}

.nmm-quick-btn[b-ndx8jidpdt]  svg {
    width: 15px;
    height: 15px;
}


.nmm-modebar[b-ndx8jidpdt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px 6px;
    flex: 0 0 auto;
}

.nmm-segmented[b-ndx8jidpdt] {
    display: inline-flex;
    padding: 2px;
    background: var(--slate-100);
    border-radius: 8px;
}

.nmm-seg[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--fg-3);
    border-radius: 6px;
    cursor: pointer;
    transition: background 120ms, color 120ms;
}

.nmm-seg.on[b-ndx8jidpdt] {
    background: var(--app-surface);
    color: var(--app-text-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.nmm-seg[b-ndx8jidpdt]  svg {
    width: 13px;
    height: 13px;
}

.nmm-modebar-count[b-ndx8jidpdt] {
    margin-left: auto;
    font-size: 11px;
    color: var(--fg-3);
    font-variant-numeric: tabular-nums;
}


.nmm-cap-hint[b-ndx8jidpdt] {
    margin: 0 2px 6px;
    padding: 6px 10px;
    border-radius: 8px;
    background: color-mix(in oklab, var(--warning-500) 14%, transparent);
    color: var(--fg-2);
    font-size: 11.5px;
    line-height: 1.45;
}


.nmm-groupby-select[b-ndx8jidpdt] {
    flex: 0 0 auto;
    padding: 5px 26px 5px 10px;
    border: 1px solid var(--app-divider);
    background: var(--app-surface);
    color: var(--fg-1);
    border-radius: 8px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
    
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    color-scheme: light dark;
}

.nmm-groupby-select:hover[b-ndx8jidpdt] {
    background-color: var(--slate-100);
}

.nmm-groupby-select:focus-visible[b-ndx8jidpdt] {
    outline: 2px solid color-mix(in oklab, var(--brand) 40%, transparent);
    outline-offset: 1px;
}


.nmm-group-tools[b-ndx8jidpdt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px 6px;
    flex: 0 0 auto;
}

.nmm-tool-checkall[b-ndx8jidpdt],
.nmm-tool-expand[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: var(--brand);
    cursor: pointer;
    touch-action: manipulation;
    padding: 4px 6px;
    border-radius: 8px;
    transition: background 120ms;
}

.nmm-tool-checkall:hover[b-ndx8jidpdt],
.nmm-tool-expand:hover[b-ndx8jidpdt] {
    background: var(--slate-100);
}

.nmm-tool-checkall:disabled[b-ndx8jidpdt],
.nmm-tool-expand:disabled[b-ndx8jidpdt] {
    opacity: .5;
    cursor: not-allowed;
}


.nmm-tool-expand[b-ndx8jidpdt] {
    margin-left: auto;
}


.nmm-tool-check[b-ndx8jidpdt] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 2px solid var(--slate-300);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.nmm-tool-check.on[b-ndx8jidpdt] {
    background: var(--brand);
    border-color: var(--brand);
}

.nmm-tool-check[b-ndx8jidpdt]  .mud-icon-root {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
}


.nmm-list[b-ndx8jidpdt] {
    flex: 1 1 auto;
    min-height: 180px;
    overflow-y: auto;
    padding: 4px 12px 8px;
}

.nmm-empty[b-ndx8jidpdt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    text-align: center;
}

.nmm-empty-title[b-ndx8jidpdt] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-2);
}


.nmm-row[b-ndx8jidpdt] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background 100ms, border-color 100ms;
}

.nmm-row:hover[b-ndx8jidpdt] {
    background: var(--slate-100);
}

.nmm-row.is-picked[b-ndx8jidpdt] {
    background: var(--brand-soft);
    border-color: color-mix(in oklab, var(--brand) 22%, transparent);
}

.nmm-row.is-disabled[b-ndx8jidpdt] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.nmm-row-av[b-ndx8jidpdt] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: var(--app-avatar-cool-to, var(--brand));
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nmm-row-info[b-ndx8jidpdt] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.nmm-row-name[b-ndx8jidpdt] {
    font-size: 13px;
    font-weight: 600;
    color: var(--app-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-row-meta[b-ndx8jidpdt] {
    font-size: 11.5px;
    color: var(--fg-3);
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-check[b-ndx8jidpdt] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid var(--slate-300, #CBD5E1);
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    transition: background 120ms, border-color 120ms;
}

.nmm-check.on[b-ndx8jidpdt] {
    background: var(--brand);
    border-color: var(--brand);
}

.nmm-check[b-ndx8jidpdt]  svg {
    width: 14px;
    height: 14px;
}


.nmm-dept[b-ndx8jidpdt] {
    margin-bottom: 4px;
}

.nmm-dept-head-action[b-ndx8jidpdt] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 10px 6px;
}

.nmm-dept-toggle[b-ndx8jidpdt] {
    
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 16px minmax(0, auto) auto;
    justify-content: start;
    align-items: center;
    column-gap: 6px;
    flex: 1;
    width: 100%;
    min-width: 0;
    border: none;
    background: transparent;
    font-family: inherit;
    font-weight: 700;
    color: var(--fg-3);
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.nmm-dept-name[b-ndx8jidpdt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    font-size: 13.5px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: var(--app-text-primary);
}

.nmm-dept-count[b-ndx8jidpdt] {
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--slate-100);
    color: var(--fg-3);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0;
}

.nmm-dept-toggle[b-ndx8jidpdt]  svg {
    width: 13px;
    height: 13px;
}


.nmm-dept-caret[b-ndx8jidpdt] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--fg-3);
}

.nmm-dept-caret[b-ndx8jidpdt]  .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

.nmm-dept-bulk[b-ndx8jidpdt] {
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--brand);
    padding: 2px 8px;
    border-radius: 6px;
    cursor: pointer;
}

.nmm-dept-bulk:hover[b-ndx8jidpdt] {
    background: var(--brand-soft);
}


.nmm-foot[b-ndx8jidpdt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 15px;
    border-top: 1px solid var(--app-divider);
    background: var(--app-surface);
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.nmm-foot-link[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 4px;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: var(--brand);
    cursor: pointer;
}

.nmm-foot-link:hover[b-ndx8jidpdt] {
    text-decoration: underline;
}

.nmm-foot-link[b-ndx8jidpdt]  svg {
    width: 14px;
    height: 14px;
}

.nmm-foot-spacer[b-ndx8jidpdt] {
    flex: 1;
}


.nmm-btn[b-ndx8jidpdt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 120ms, border-color 120ms, color 120ms;
}

.nmm-btn:disabled[b-ndx8jidpdt] {
    opacity: 0.55;
    cursor: not-allowed;
}

.nmm-btn-outline[b-ndx8jidpdt] {
    background: var(--app-surface);
    color: var(--app-text-primary);
    border-color: var(--app-divider);
}

.nmm-btn-outline:hover:not(:disabled)[b-ndx8jidpdt] {
    background: var(--slate-100);
}

.nmm-btn-primary[b-ndx8jidpdt] {
    background: var(--brand);
    color: #fff;
}

.nmm-btn-primary:hover:not(:disabled)[b-ndx8jidpdt] {
    background: var(--brand-hover, var(--brand));
}

.nmm-btn-primary[b-ndx8jidpdt]  svg {
    width: 14px;
    height: 14px;
}

.nmm-btn-spin[b-ndx8jidpdt] {
    color: #fff;
}


.nmm-err[b-ndx8jidpdt] {
    margin: 0 20px 12px;
    padding: 10px 12px;
    background: color-mix(in oklab, var(--error-500) 10%, transparent);
    color: var(--error-500);
    border: 1px solid color-mix(in oklab, var(--error-500) 28%, transparent);
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 500;
}


.nmm-dp[b-ndx8jidpdt] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--app-surface);
    animation: nmm-dp-in-b-ndx8jidpdt 140ms ease;
}

@keyframes nmm-dp-in-b-ndx8jidpdt {
    from { opacity: 0; transform: translateX(8px); }
    to   { opacity: 1; transform: translateX(0); }
}

.nmm-dp-head[b-ndx8jidpdt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 15px 14px;
    border-bottom: 1px solid var(--app-divider);
    flex: 0 0 auto;
}

.nmm-dp-count[b-ndx8jidpdt] {
    margin-left: auto;
}


@media (max-width: 600px) {
    
    .nmm-head[b-ndx8jidpdt]        { padding: 12px 15px 10px; }
    .nmm-group-fields[b-ndx8jidpdt] { padding: 10px 15px; gap: 10px; }
    .nmm-search[b-ndx8jidpdt]      { padding: 10px 15px 2px; }
    .nmm-modebar[b-ndx8jidpdt]     { padding: 6px 15px 4px; flex-wrap: wrap; }
    .nmm-group-tools[b-ndx8jidpdt] { padding: 0 15px 6px; }
    .nmm-foot[b-ndx8jidpdt]        { padding: 10px 15px; }
    .nmm-list[b-ndx8jidpdt]        { padding-left: 9px; padding-right: 9px; }

    
    .nmm-foot-link[b-ndx8jidpdt]   { flex: 1 1 100%; }
    .nmm-foot-spacer[b-ndx8jidpdt] { display: none; }
    .nmm-foot .nmm-btn[b-ndx8jidpdt] { flex: 1; justify-content: center; }
}



.group-list[b-xdqaatkann] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}


.group-search[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px;
    border-bottom: 1px solid var(--app-divider);
    flex-shrink: 0;
}


.group-search-field[b-xdqaatkann] {
    flex: 1 1 auto;
    min-width: 0;
}


.group-search-field[b-xdqaatkann]  .mud-input-control {
    flex: 0 0 auto;
}


.group-search-field[b-xdqaatkann]  .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
}

.group-search-field[b-xdqaatkann]  .mud-input.mud-input-outlined {
    background: var(--slate-100);
    border-radius: 999px;
}


.group-search-field[b-xdqaatkann]  .mud-input.mud-input-outlined > input {
    padding-left: 2px;
}

.group-search-field[b-xdqaatkann]  .mud-input-adornment-start {
    padding-left: 6px;
}


.group-search-field[b-xdqaatkann]  .mud-input.mud-input-outlined.mud-focused {
    background: var(--mud-palette-surface);
    box-shadow: inset 0 0 0 1.5px var(--mud-palette-primary);
}


.group-search-act[b-xdqaatkann] {
    display: none;
    flex: 0 0 auto;
}

@media (max-width: 880px) {
    .group-search-act[b-xdqaatkann] {
        display: inline-flex;
        align-items: center;
    }

    
    .group-search-field[b-xdqaatkann]  .mud-input-slot {
        font-size: 16px;
    }
}


.gs-new-btn[b-xdqaatkann] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--mud-palette-primary);
    cursor: pointer;
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.gs-new-btn:hover[b-xdqaatkann] {
    background: var(--mud-palette-action-default-hover);
}


.gs-new-btn[b-xdqaatkann]  svg {
    width: 22px;
    height: 22px;
    display: block;
}


.group-filter[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--app-divider);
    flex-shrink: 0;
}

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

.gf-chip[b-xdqaatkann] {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 10px;
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    background: transparent;
    font-family: inherit;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.gf-chip:hover[b-xdqaatkann] {
    background: var(--slate-100);
}

.gf-chip.on[b-xdqaatkann] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.gf-chip.on:hover[b-xdqaatkann] {
    background: var(--mud-palette-primary);
}

.gf-n[b-xdqaatkann] {
    font-size: 10px;
    font-weight: 700;
    opacity: .72;
    font-variant-numeric: tabular-nums;
}

.gf-chip.on .gf-n[b-xdqaatkann] {
    opacity: .85;
}


.gf-tagbtn[b-xdqaatkann]  svg {
    width: 12px;
    height: 12px;
    display: block;
}


.group-filter-now[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 7px 12px;
    background: var(--app-primary-lighten);
    border-bottom: 1px solid var(--app-divider);
    flex-shrink: 0;
}

.gf-clear[b-xdqaatkann] {
    margin-left: auto;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    cursor: pointer;
    padding: 2px 4px;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}


.gf-tagrow[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.gf-tagstt[b-xdqaatkann] {
    flex: none;
    width: 18px;
    text-align: right;
    font-size: 10.5px;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary);
}


.gf-tagsearch[b-xdqaatkann] {
    width: 100%;
    padding: 2px 0;
}

.gf-tagempty[b-xdqaatkann] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}


.gf-tagstt-ic[b-xdqaatkann] {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

.gf-tagstt-ic[b-xdqaatkann]  svg {
    width: 14px;
    height: 14px;
    display: block;
}


.gf-tagtick[b-xdqaatkann] {
    margin-left: auto;
    padding-left: 8px;
    flex: none;
    display: inline-flex;
    align-items: center;
    color: var(--mud-palette-primary);
}


.gf-tagtick[b-xdqaatkann]  .mud-icon-root {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}



.group-empty-act[b-xdqaatkann] {
    margin-top: 10px;
}

.group-list-body[b-xdqaatkann] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    padding: 8px 6px 16px;
    
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-lines-default) transparent;
}


.group-list-body[b-xdqaatkann]::-webkit-scrollbar {
    width: 8px;
}

.group-list-body[b-xdqaatkann]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-lines-default);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.group-list-body[b-xdqaatkann]::-webkit-scrollbar-track {
    background: transparent;
}

.group-empty[b-xdqaatkann] {
    padding: 24px 12px;
    text-align: center;
}


.group-section-label[b-xdqaatkann] {
    padding: 10px 10px 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}


.group-people-hint[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}


.group-person-row[b-xdqaatkann] {
    justify-content: flex-start;
}

.group-person-row.is-busy[b-xdqaatkann] {
    opacity: 0.6;
}

.group-person-row:disabled[b-xdqaatkann] {
    cursor: default;
    opacity: 0.5;
}


.group-person-row.is-disabled[b-xdqaatkann] {
    cursor: not-allowed;
}

.group-person-row.is-disabled .group-person-go[b-xdqaatkann] {
    color: var(--mud-palette-warning);
}


.group-person-go[b-xdqaatkann] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-primary);
    margin-left: auto;
}

[b-xdqaatkann] .group-person-go .mud-icon-root {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}




.group-row-wrap[b-xdqaatkann] {
    position: relative;
    
    touch-action: pan-y;
}


.group-row-wrap[b-xdqaatkann]::after {
    content: "Tùy chọn";
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%) scale(var(--rs-sc, .75));
    opacity: var(--rs-op, 0);
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;   
}


.group-row-wrap.is-ctx > .group-row[b-xdqaatkann] {
    background: var(--slate-100);
    border-left-color: var(--mud-palette-lines-default);
}


.group-row-wrap.is-ctx > .group-row.selected[b-xdqaatkann] {
    background: var(--app-primary-lighten);
    border-left-color: var(--mud-palette-primary);
    box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
}


.group-ctx-anchor[b-xdqaatkann] {
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
}

.group-row[b-xdqaatkann] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: transparent;
    border: none;
    border-left: 1px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    text-align: left;
    margin-bottom: 2px;
    transition: background 0.12s;
    
    text-decoration: none;
    color: inherit;
}

.group-row:hover[b-xdqaatkann] {
    background: var(--slate-100);
}

.group-row.selected[b-xdqaatkann] {
    background: var(--app-primary-lighten);
    border-left-color: var(--mud-palette-primary);
}


.group-msghit-ic[b-xdqaatkann] {
    color: #fff;
}

[b-xdqaatkann] .group-msghit-ic .mud-icon-root {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}


.group-avatar[b-xdqaatkann] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--app-divider);
}


.group-avatar-wrap[b-xdqaatkann] {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
}
.group-avatar-wrap > .presence-dot[b-xdqaatkann] {
    position: absolute;
    right: -1px;
    bottom: -1px;
}


.group-avatar-dm[b-xdqaatkann] {
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
}


.group-avatar-self[b-xdqaatkann] {
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.group-avatar-self .mud-icon-root[b-xdqaatkann] {
    font-size: 22px;
    width: 22px;
    height: 22px;
}


.group-avatar-stack[b-xdqaatkann] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1.5px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--slate-100);
}

.group-tile[b-xdqaatkann] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8.5px;
    font-weight: 700;
    color: white;
    letter-spacing: 0.02em;
}


.group-tile-1[b-xdqaatkann] { background: var(--mud-palette-primary); }       
.group-tile-2[b-xdqaatkann] { background: var(--info-500, #2563EB); }         
.group-tile-3[b-xdqaatkann] { background: var(--warning-500, #F59E0B); }      


.group-tile-overflow[b-xdqaatkann] {
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    font-variant-numeric: tabular-nums;
}


.group-tile-empty[b-xdqaatkann] {
    background: var(--slate-100);
}


.group-main[b-xdqaatkann] {
    flex: 1;
    min-width: 0;
}

.group-line1[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.group-name[b-xdqaatkann] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.group-name.is-disbanded[b-xdqaatkann] {
    opacity: .55;
}


.group-kind-chip[b-xdqaatkann] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 9px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: var(--app-primary-lighten);
    padding: 1px 5px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

[b-xdqaatkann] .group-kind-chip .mud-icon-root {
    width: 9px !important;
    height: 9px !important;
    font-size: 9px !important;
}


[b-xdqaatkann] .group-pin-mark.mud-icon-root,
[b-xdqaatkann] .group-mute-mark.mud-icon-root {
    width: 12px !important;
    height: 12px !important;
    font-size: 12px !important;
    flex-shrink: 0;
}

[b-xdqaatkann] .group-pin-mark.mud-icon-root {
    color: var(--mud-palette-primary);
}

[b-xdqaatkann] .group-mute-mark.mud-icon-root {
    color: var(--mud-palette-text-secondary);
}

.group-time[b-xdqaatkann] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

.group-time.unread[b-xdqaatkann] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.group-line2[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
}

.group-preview[b-xdqaatkann] {
    flex: 1;
    min-width: 0;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-preview.unread[b-xdqaatkann] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
}


.group-preview-warn[b-xdqaatkann] {
    color: var(--mud-palette-warning);
    font-weight: 600;
}


.group-tags[b-xdqaatkann] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    overflow: hidden;
}

.group-tags-more[b-xdqaatkann] {
    flex: none;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--slate-100);
    color: var(--mud-palette-text-secondary);
    font-size: 9.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}


.group-unread[b-xdqaatkann] {
    min-width: 16px;
    height: 16px;
    padding: 0 5px;
    background: var(--mud-palette-primary);
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}



.chat-info-panel[b-8hof7vcldu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 16px;
    overflow-y: auto;
}


.chat-info-head[b-8hof7vcldu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 12px 0 16px;
    border-bottom: 1px solid var(--app-divider);
    flex-shrink: 0;
}


.chat-info-avatar[b-8hof7vcldu] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    flex-shrink: 0;
}

[b-8hof7vcldu] .chat-info-avatar .mud-icon-root {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
}

.chat-info-name[b-8hof7vcldu] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    line-height: 1.3;
}

.chat-info-desc[b-8hof7vcldu] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    overflow-wrap: anywhere;
    line-height: 1.4;
}


.chat-info-org[b-8hof7vcldu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    overflow-wrap: anywhere;
    line-height: 1.4;
}

.chat-info-org .mud-icon-root[b-8hof7vcldu] {
    font-size: 14px !important;
}


.chat-info-actions[b-8hof7vcldu] {
    display: flex;
    gap: 6px;
    margin-top: 12px;
}

.chat-info-action-btn[b-8hof7vcldu] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--app-divider);
    background: var(--app-surface);
    border-radius: 8px;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.chat-info-action-btn:hover:not(:disabled)[b-8hof7vcldu] {
    background: var(--app-primary-lighten);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.chat-info-action-btn:disabled[b-8hof7vcldu] {
    opacity: 0.5;
    cursor: not-allowed;
}

[b-8hof7vcldu] .chat-info-action-btn .mud-icon-root {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}


.chat-info-members-card[b-8hof7vcldu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin-top: 14px;
    background: var(--slate-25);
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-family: inherit;
    transition: background 0.15s, border-color 0.15s;
    flex-shrink: 0;
}

.chat-info-members-card:hover[b-8hof7vcldu] {
    background: var(--app-primary-lighten);
    border-color: var(--mud-palette-primary);
}

.chat-info-members-icon[b-8hof7vcldu] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-8hof7vcldu] .chat-info-members-icon .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

.chat-info-members-text[b-8hof7vcldu] {
    flex: 1;
    min-width: 0;
}

.chat-info-members-label[b-8hof7vcldu] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.chat-info-members-sub[b-8hof7vcldu] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-top: 1px;
}

.chat-info-members-count[b-8hof7vcldu] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: var(--app-primary-lighten);
    padding: 2px 8px;
    border-radius: 999px;
    flex-shrink: 0;
}

[b-8hof7vcldu] .chat-info-members-chev {
    color: var(--mud-palette-text-secondary);
    width: 14px !important;
    height: 14px !important;
}


.chat-info-section[b-8hof7vcldu] {
    padding-top: 16px;
    margin-top: 12px;
    border-top: 1px solid var(--app-divider);
    flex-shrink: 0;
}

.chat-info-section-head[b-8hof7vcldu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.chat-info-section-title[b-8hof7vcldu] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
}

.chat-info-section-more[b-8hof7vcldu] {
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.chat-info-section-more:disabled[b-8hof7vcldu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.chat-info-section-more:hover:not(:disabled)[b-8hof7vcldu] {
    text-decoration: underline;
}


.chat-info-empty[b-8hof7vcldu] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    padding: 4px 0;
}



.chat-info-tags[b-8hof7vcldu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
    max-width: 100%;
}


[b-8hof7vcldu] .chat-info-hash svg {
    width: 18px;
    height: 18px;
}


.chat-info-action-btn.is-on[b-8hof7vcldu] {
    color: var(--mud-palette-primary);
}

.chat-info-media-grid[b-8hof7vcldu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
}


.chat-info-media-cell[b-8hof7vcldu] {
    position: relative;
    display: block;
}

.chat-info-media-tile[b-8hof7vcldu] {
    width: 100%;
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    border: none;
    padding: 0;
    cursor: pointer;
    background-color: var(--slate-25);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: transform 0.12s;
}

.chat-info-media-tile:hover[b-8hof7vcldu] {
    transform: scale(1.02);
}


.chat-info-media-tile.is-video[b-8hof7vcldu] {
    background-color: var(--app-video-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-info-media-more[b-8hof7vcldu] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
}


.chat-info-file-row[b-8hof7vcldu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 4px;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: background 0.12s;
}

.chat-info-file-row:hover[b-8hof7vcldu] {
    background: var(--slate-25);
}

.chat-info-file-ic[b-8hof7vcldu] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--app-primary-lighten);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

[b-8hof7vcldu] .chat-info-file-ic .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

.chat-info-file-meta[b-8hof7vcldu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.chat-info-file-name[b-8hof7vcldu] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-info-file-sub[b-8hof7vcldu] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}





.chat-info-link-row[b-8hof7vcldu] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 4px;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    transition: background 0.12s;
}

.chat-info-link-row:hover[b-8hof7vcldu] {
    background: var(--slate-25);
}

.chat-info-link-ic[b-8hof7vcldu] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.chat-info-link-ic.tone-info[b-8hof7vcldu] {
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}

.chat-info-link-ic.tone-success[b-8hof7vcldu] {
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    color: var(--mud-palette-success);
}

.chat-info-link-ic.tone-brand[b-8hof7vcldu] {
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
}

[b-8hof7vcldu] .chat-info-link-ic .mud-icon-root {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}

.chat-info-link-meta[b-8hof7vcldu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.chat-info-link-title[b-8hof7vcldu] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-info-link-sub[b-8hof7vcldu] {
    font-size: 10px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




@media (max-width: 720px) {
    .chat-info-media-grid[b-8hof7vcldu] {
        grid-template-columns: repeat(3, 1fr);
    }
}


.cmd-head[b-4hdfgx7niz] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cmd-list[b-4hdfgx7niz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 0;
    min-width: 220px;
}

.cmd-opt[b-4hdfgx7niz] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 14px;
    border: none;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    color: var(--mud-palette-text-primary);
    text-align: left;
    transition: background 120ms;
}

.cmd-opt:hover[b-4hdfgx7niz]  { background: var(--slate-100); }
.cmd-opt:active[b-4hdfgx7niz] { background: var(--slate-200); }

.cmd-opt-label[b-4hdfgx7niz] {
    flex: 1;
    min-width: 0;
}


.cmd-head[b-xtidxuokpr] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cmd-list[b-xtidxuokpr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 0;
    min-width: 240px;
}

.cmd-opt[b-xtidxuokpr] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border: none;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    color: var(--mud-palette-text-primary);
    text-align: left;
    transition: background 120ms;
}

.cmd-opt:hover[b-xtidxuokpr]  { background: var(--slate-100); }
.cmd-opt:active[b-xtidxuokpr] { background: var(--slate-200); }

.cmd-opt-label[b-xtidxuokpr] { flex: 1; min-width: 0; }


.cnh-hint[b-xtidxuokpr] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.cnh-custom[b-xtidxuokpr] {
    display: flex;
    gap: 8px;
    padding: 8px 0 2px;
}

.cnh-custom > *[b-xtidxuokpr] { flex: 1 1 0; min-width: 0; }

.cnh-note[b-xtidxuokpr] { margin-top: 8px; }

.cnh-loi[b-xtidxuokpr] {
    margin-top: 6px;
    color: var(--mud-palette-error);
}


.cmd-head[b-en7mvmfqn3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cnl-badge[b-en7mvmfqn3] {
    margin-left: auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--mud-palette-error);
    color: #fff;
    font-size: 11.5px;
    font-weight: 600;
}

.cnl-empty[b-en7mvmfqn3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 8px;
    text-align: center;
}

.cnl-list[b-en7mvmfqn3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 260px;
    max-height: min(60vh, 520px);
    overflow-y: auto;
}

.cnl-row[b-en7mvmfqn3] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 6px 4px 6px 8px;
    border-radius: 10px;
    border-left: 3px solid transparent;
}

.cnl-row:hover[b-en7mvmfqn3] { background: var(--slate-100); }


.cnl-row.is-den-han[b-en7mvmfqn3] { border-left-color: var(--mud-palette-error); }
.cnl-row.is-den-han .cnl-when[b-en7mvmfqn3] { color: var(--mud-palette-error); font-weight: 700; }

.cnl-main[b-en7mvmfqn3] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: none;
    background: transparent;
    padding: 4px;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    color: inherit;
}

.cnl-line1[b-en7mvmfqn3] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 12.5px;
}

.cnl-when[b-en7mvmfqn3]  { font-weight: 600; color: var(--mud-palette-text-primary); white-space: nowrap; }
.cnl-group[b-en7mvmfqn3] { color: var(--mud-palette-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cnl-note[b-en7mvmfqn3] {
    font-size: 13.5px;
    color: var(--mud-palette-text-primary);
}

.cnl-quote[b-en7mvmfqn3] {
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cnl-acts[b-en7mvmfqn3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex-shrink: 0;
}



.chat-panel[b-pralgv9ujx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.chat-empty-state[b-pralgv9ujx] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
}


.chat-panel-head[b-pralgv9ujx] {
    display: flex;
    align-items: flex-start;   
    gap: 10px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--app-divider);
    flex-shrink: 0;
}


.chat-panel-head-actions[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 2px;
    margin-left: auto;
    flex-shrink: 0;
}


.chat-panel-head-actions[b-pralgv9ujx]  .mud-icon-button {
    background-color: var(--mud-palette-action-default-hover);
}
.chat-panel-head-actions[b-pralgv9ujx]  .mud-icon-button:hover {
    background-color: var(--mud-palette-action-disabled-background);
}


@media (max-width: 880px) {
    .chat-head-nhanh[b-pralgv9ujx] {
        display: none !important;
    }
}


@media (max-width: 880px) {
    .chat-panel-head[b-pralgv9ujx] {
        padding-left: 56px;
    }

    
    .chat-panel-head[b-pralgv9ujx]  .mud-icon-button {
        min-width: 40px;
        min-height: 40px;
    }
}


.chat-panel-head-avatar[b-pralgv9ujx] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--app-divider);
}


.chat-panel-head-avatar-dm[b-pralgv9ujx] {
    border-radius: 50%;
    background: linear-gradient(135deg, var(--app-avatar-warm-from), var(--app-avatar-warm-to));
    color: white;
}


.chat-panel-head-avatar-wrap[b-pralgv9ujx] {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
}
.chat-panel-head-avatar-wrap > .presence-dot[b-pralgv9ujx] {
    position: absolute;
    right: -1px;
    bottom: -1px;
}


[b-pralgv9ujx] .chat-panel-head-avatar .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    color: var(--mud-palette-primary);
}

.chat-panel-head-text[b-pralgv9ujx] {
    flex: 1;
    min-width: 0;
    border-radius: 8px;
}


@media (max-width: 880px) {
    .chat-panel-head-text[b-pralgv9ujx] {
        cursor: pointer;
    }

    .chat-panel-head-text:hover .chat-panel-head-name[b-pralgv9ujx] {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}

.chat-panel-head-title-row[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;   
    min-width: 0;
}

.chat-panel-head-name[b-pralgv9ujx] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 0 1 auto;      
}


.chat-panel-head-title-row[b-pralgv9ujx]  .chat-panel-head-flag {
    flex-shrink: 0;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
    color: var(--mud-palette-text-secondary);
}
.chat-panel-head-title-row[b-pralgv9ujx]  .chat-panel-head-flag.pin {
    color: var(--mud-palette-primary);
}

.chat-panel-head-sub[b-pralgv9ujx] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.chat-panel-head-sub .chat-sub-part + .chat-sub-part[b-pralgv9ujx]::before {
    content: " · ";
}


.chat-scroll-wrap[b-pralgv9ujx] {
    position: relative;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    
    container-type: size;
}


.chat-older-spin[b-pralgv9ujx] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    flex-shrink: 0;
}


.chat-scroll-down[b-pralgv9ujx] {
    position: absolute;
    right: 14px;
    bottom: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--app-divider);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--mud-palette-text-primary) 14%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    z-index: 3;                 
    touch-action: manipulation; 
    animation: chat-chip-in-b-pralgv9ujx .16s ease-out;
}


@keyframes chat-chip-in-b-pralgv9ujx {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: none; }
}


.chat-scroll-down:active[b-pralgv9ujx] {
    transform: scale(.94);
}

@media (prefers-reduced-motion: reduce) {
    .chat-scroll-down[b-pralgv9ujx] {
        animation: none;
    }
}

.chat-scroll-down:hover[b-pralgv9ujx] {
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.chat-scroll-down-ic[b-pralgv9ujx] {
    display: inline-flex;
}


.chat-scroll-down-ic[b-pralgv9ujx]  svg {
    width: 18px;
    height: 18px;
}

.chat-scroll[b-pralgv9ujx] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    
    overflow-anchor: none;
    overflow-x: hidden;        
    padding: 16px 18px;
    
    background-color: var(--mud-palette-surface);
    display: flex;
    flex-direction: column;
}


.chat-typing[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 18px;
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    background: var(--mud-palette-surface);
    pointer-events: none;   
}


.chat-typing-dots[b-pralgv9ujx] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.chat-typing-dots span[b-pralgv9ujx] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--mud-palette-text-secondary);
    animation: chat-typing-bounce-b-pralgv9ujx 1.2s infinite ease-in-out both;
}

.chat-typing-dots span:nth-child(1)[b-pralgv9ujx] { animation-delay: -0.24s; }
.chat-typing-dots span:nth-child(2)[b-pralgv9ujx] { animation-delay: -0.12s; }
.chat-typing-dots span:nth-child(3)[b-pralgv9ujx] { animation-delay: 0s; }

@keyframes chat-typing-bounce-b-pralgv9ujx {
    0%, 80%, 100% { transform: translateY(0); opacity: 0.35; }
    40%           { transform: translateY(-3px); opacity: 1; }
}


.chat-panel-foot[b-pralgv9ujx] {
    padding: 14px 18px;
    border-top: 1px solid var(--app-divider);
    flex-shrink: 0;
    position: relative;   
}

.chat-no-send[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
    color: var(--mud-palette-text-secondary);
}


.chat-select-bar[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    min-height: 48px;
}

.chat-select-count[b-pralgv9ujx] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}


.chat-select-lbl-sm[b-pralgv9ujx] {
    display: none;
}


.chat-select-actions[b-pralgv9ujx] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    overflow-x: auto;
}


.chat-select-actions[b-pralgv9ujx]  .mud-button-root .mud-icon-root {
    width: 0.9em !important;
    height: 0.9em !important;
    font-size: 0.9em !important;
}


@media (max-width: 600px) {
    .chat-select-bar[b-pralgv9ujx] {
        gap: 6px;
    }

    
    .chat-select-count-lbl[b-pralgv9ujx] {
        display: none;
    }

    .chat-select-count[b-pralgv9ujx] {
        font-size: 15px;
        font-weight: 700;
        color: var(--mud-palette-primary);
    }

    .chat-select-actions[b-pralgv9ujx] {
        gap: 2px;
        min-width: 0;          
        overflow-x: visible;   
    }

    
    .chat-select-lbl[b-pralgv9ujx] {
        display: none;
    }

    .chat-select-lbl-sm[b-pralgv9ujx] {
        display: block;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.15;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    
    .chat-select-actions[b-pralgv9ujx]  .mud-button-root {
        flex: 1 1 0;
        min-width: 0;
        min-height: 52px;
        padding: 5px 2px;
    }

    
    .chat-select-actions[b-pralgv9ujx]  .mud-button-root .mud-button-label {
        flex-direction: column;
        gap: 3px;
        min-width: 0;
        max-width: 100%;
    }

    
    .chat-select-actions[b-pralgv9ujx]  .mud-button-root .mud-icon-root {
        width: 24px !important;
        height: 24px !important;
        font-size: 24px !important;
        margin: 0 !important;
    }

    .chat-select-actions[b-pralgv9ujx]  .mud-button-icon-start {
        margin: 0 !important;
    }

    .chat-select-bar[b-pralgv9ujx]  .mud-icon-button {
        min-width: 40px;
        min-height: 40px;
    }
}


.chat-pinned-bar[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-bottom: 1px solid var(--app-divider);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
    flex-shrink: 0;
}

.chat-pinned-main[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    cursor: pointer;
}


.chat-pinned-main[b-pralgv9ujx]  .chat-pinned-ic {
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    font-size: 15px;
}


.chat-pinned-body[b-pralgv9ujx] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.chat-pinned-label[b-pralgv9ujx] {
    flex: none;
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.chat-pinned-snippet[b-pralgv9ujx] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.82rem;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.chat-pinned-list[b-pralgv9ujx] {
    border-bottom: 1px solid var(--app-divider);
    background: var(--slate-25);
    max-height: 220px;
    overflow-y: auto;
}

.chat-pinned-row[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-bottom: 1px solid var(--app-divider);
}

.chat-pinned-row:last-child[b-pralgv9ujx] {
    border-bottom: none;
}

.chat-pinned-row-body[b-pralgv9ujx] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    cursor: pointer;
}

.chat-pinned-row-name[b-pralgv9ujx] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.chat-pinned-row-snippet[b-pralgv9ujx] {
    font-size: 0.82rem;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.chat-search-panel[b-pralgv9ujx] {
    padding: 10px 18px;
    border-bottom: 1px solid var(--app-divider);
    background: var(--slate-25);
    flex-shrink: 0;
}

.chat-search-list[b-pralgv9ujx] {
    max-height: 240px;
    overflow-y: auto;
    margin-top: 6px;
}

.chat-search-item[b-pralgv9ujx] {
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
}

.chat-search-item:hover[b-pralgv9ujx] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
}

.chat-search-snippet[b-pralgv9ujx] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.chat-search-top[b-pralgv9ujx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chat-search-input[b-pralgv9ujx] { flex: 1; min-width: 0; }

.chat-search-filter[b-pralgv9ujx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 2px 4px;
}

.csf-chips[b-pralgv9ujx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.csf-chip[b-pralgv9ujx] {
    padding: 4px 10px;
    min-height: 28px;
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    transition: background 120ms, border-color 120ms;
}

.csf-chip:hover[b-pralgv9ujx] { border-color: var(--mud-palette-primary); }

.csf-chip.is-on[b-pralgv9ujx] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.csf-row[b-pralgv9ujx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


.csf-select[b-pralgv9ujx] {
    flex: 1 1 160px;
    min-width: 0;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid var(--app-divider);
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    font-size: 13.5px;
}

.csf-date[b-pralgv9ujx] { flex: 1 1 140px; min-width: 0; }


.cpc[b-uboeeg8qkk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 220px;
    max-width: 360px;
    padding: 10px 12px;
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.cpc.is-dong[b-uboeeg8qkk] { opacity: .86; }

.cpc-head[b-uboeeg8qkk] {
    display: flex;
    align-items: flex-start;
}

.cpc-q[b-uboeeg8qkk] {
    font-size: 14px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}


.cpc-foot[b-uboeeg8qkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 2px;
}

.cpc-meta[b-uboeeg8qkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-width: 0;
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
}

.cpc-closed[b-uboeeg8qkk] { font-weight: 600; }

.cpc-opts[b-uboeeg8qkk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.cpc-row[b-uboeeg8qkk] {
    position: relative;
}

.cpc-opt[b-uboeeg8qkk] {
    position: relative;
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 0;
    
    border: none;
    border-radius: 9px;
    background: var(--mud-palette-action-default-hover);
    cursor: pointer;
    overflow: hidden;
    font-family: inherit;
    text-align: left;
}

.cpc-opt:disabled[b-uboeeg8qkk] { cursor: default; }


.cpc-opt:not(:disabled):hover[b-uboeeg8qkk] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-action-default-hover));
}


.cpc-opt.is-chon .cpc-opt-text[b-uboeeg8qkk] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.cpc-bar[b-uboeeg8qkk] {
    position: absolute;
    inset: 0 auto 0 0;
    background: var(--mud-palette-primary-hover);
    transition: width 180ms ease;
}

.cpc-opt.is-chon .cpc-bar[b-uboeeg8qkk] { background: var(--mud-palette-primary-lighten); }

.cpc-opt-body[b-uboeeg8qkk] {
    position: relative;      
    display: flex;
    align-items: center;
    gap: 8px;
    
    padding: 8px 62px 8px 10px;
    font-size: 13.5px;
    color: var(--mud-palette-text-primary);
}

.cpc-mark[b-uboeeg8qkk] {
    width: 14px;
    flex-shrink: 0;
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.cpc-opt-text[b-uboeeg8qkk] { flex: 1; min-width: 0; word-break: break-word; }


.cpc-num[b-uboeeg8qkk] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
    padding: 3px 5px;
    border: none;
    border-radius: 6px;
    background: transparent;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.12s;
}


.cpc-num.is-tinh[b-uboeeg8qkk] {
    cursor: default;
}

.cpc-num:not(.is-tinh):hover[b-uboeeg8qkk] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.cpc-pct[b-uboeeg8qkk] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.cpc-so[b-uboeeg8qkk] {
    font-size: 10.5px;
    color: var(--mud-palette-text-secondary);
}



.cpc-chip[b-uboeeg8qkk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    cursor: pointer;
    transition: color 0.12s, border-color 0.12s;
}

.cpc-chip:hover:not(:disabled)[b-uboeeg8qkk] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}


.cpc-chip:disabled[b-uboeeg8qkk] {
    opacity: 0.5;
    cursor: default;
}


.cpc-chip[b-uboeeg8qkk]  svg {
    width: 15px;
    height: 15px;
}

@media (prefers-reduced-motion: reduce) {
    .cpc-bar[b-uboeeg8qkk] { transition: none; }
}


.cmd-head[b-8f2rojbwuv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cpd-options[b-8f2rojbwuv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 0 4px;
}

.cpd-opt-row[b-8f2rojbwuv] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cpd-opt-row > .mud-input-control[b-8f2rojbwuv] { flex: 1; min-width: 0; }

.cpd-switches[b-8f2rojbwuv] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 10px;
}

.cpd-han[b-8f2rojbwuv] {
    display: flex;
    gap: 8px;
    padding-top: 4px;
}

.cpd-han > *[b-8f2rojbwuv] { flex: 1 1 0; min-width: 0; }

.cpd-loi[b-8f2rojbwuv] {
    margin-top: 6px;
    color: var(--mud-palette-error);
}



.cpv-head[b-1urdsdjmc7] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.cpv-opt[b-1urdsdjmc7] {
    font-size: 15px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cpv-n[b-1urdsdjmc7] {
    flex-shrink: 0;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}


.cpv-list[b-1urdsdjmc7] {
    display: flex;
    flex-direction: column;
    min-width: 240px;
    max-height: 52vh;
    overflow-y: auto;
    padding: 2px 0;
}

.cpv-item[b-1urdsdjmc7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 4px;
}

.cpv-ava[b-1urdsdjmc7] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    font-weight: 600;
}

.cpv-ten[b-1urdsdjmc7] {
    min-width: 0;
    font-size: 13.5px;
    color: var(--mud-palette-text-primary);
    word-break: break-word;
}



.nmm-modal-body[b-rohyt9ntih] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    background: var(--app-surface);
}


.nmm-head[b-rohyt9ntih] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px 14px;
    border-bottom: 1px solid var(--app-divider);
    flex: 0 0 auto;
}

.nmm-head-text[b-rohyt9ntih] {
    flex: 1;
    min-width: 0;
}

.nmm-head-title[b-rohyt9ntih] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--app-text-primary);
    line-height: 1.25;
}

.nmm-head-sub[b-rohyt9ntih] {
    font-size: 12px;
    color: var(--app-text-secondary);
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-close[b-rohyt9ntih] {
    width: 30px;
    height: 30px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-2);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 120ms;
}

.nmm-close:hover[b-rohyt9ntih] {
    background: var(--slate-200);
    color: var(--fg-1);
}


.nmm-fwd-preview[b-rohyt9ntih] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 20px 0;
    padding: 10px 12px;
    border-left: 3px solid var(--brand);
    border-radius: 8px;
    background: var(--brand-soft);
    flex: 0 0 auto;
}

.nmm-fwd-preview-ic[b-rohyt9ntih] {
    color: var(--brand);
    flex-shrink: 0;
    display: inline-flex;
    margin-top: 1px;
}

.nmm-fwd-preview-ic[b-rohyt9ntih]  svg {
    width: 16px;
    height: 16px;
}

.nmm-fwd-preview-body[b-rohyt9ntih] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.nmm-fwd-preview-name[b-rohyt9ntih] {
    font-size: 12px;
    font-weight: 700;
    color: var(--brand);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.nmm-fwd-multi[b-rohyt9ntih] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px;
    min-width: 0;
}

.nmm-fwd-multi-line[b-rohyt9ntih] {
    font-size: 12.5px;
    color: var(--app-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-fwd-multi-more[b-rohyt9ntih] {
    font-size: 11.5px;
    color: var(--fg-3);
    font-style: italic;
}


.nmm-input[b-rohyt9ntih] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 12px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    transition: border-color 140ms, box-shadow 140ms;
}

.nmm-input:focus-within[b-rohyt9ntih] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-soft);
}

.nmm-input input[b-rohyt9ntih] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--app-text-primary);
    padding: 0;
}

.nmm-input input[b-rohyt9ntih]::placeholder {
    color: var(--fg-4);
}


.nmm-scope[b-rohyt9ntih] {
    display: flex;
    gap: 2px;
    margin: 12px 20px 0;
    padding: 3px;
    background: var(--app-bg);
    border-radius: 10px;
    flex: 0 0 auto;
}

.nmm-scope-tab[b-rohyt9ntih] {
    flex: 1 1 0;
    min-width: 0;
    height: 30px;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--fg-3);
    cursor: pointer;
    transition: background 120ms, color 120ms;
}

.nmm-scope-tab:hover:not(.on)[b-rohyt9ntih] {
    color: var(--fg-1);
}

.nmm-scope-tab.on[b-rohyt9ntih] {
    background: var(--app-surface);
    color: var(--brand);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}


.nmm-search[b-rohyt9ntih] {
    padding: 12px 20px 4px;
    flex: 0 0 auto;
}

.nmm-search-input[b-rohyt9ntih] {
    background: var(--app-bg);
    border-color: transparent;
}

.nmm-search-input:focus-within[b-rohyt9ntih] {
    background: var(--app-surface);
}

.nmm-search-ic[b-rohyt9ntih]  svg {
    color: var(--fg-3);
}

.nmm-search-clear[b-rohyt9ntih] {
    width: 22px;
    height: 22px;
    border: none;
    background: var(--slate-100);
    color: var(--fg-3);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.nmm-search-clear:hover[b-rohyt9ntih] {
    background: var(--slate-200);
    color: var(--fg-1);
}

.nmm-search-clear[b-rohyt9ntih]  svg {
    width: 12px;
    height: 12px;
}


.nmm-list[b-rohyt9ntih] {
    flex: 1 1 auto;
    min-height: 140px;
    overflow-y: auto;
    padding: 4px 12px 8px;
}

.nmm-empty[b-rohyt9ntih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 32px 16px;
    text-align: center;
}

.nmm-empty-title[b-rohyt9ntih] {
    font-size: 13px;
    font-weight: 600;
    color: var(--fg-2);
}

.nmm-empty-sub[b-rohyt9ntih] {
    font-size: 12px;
    color: var(--fg-3);
    max-width: 280px;
}

.nmm-row[b-rohyt9ntih] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: background 100ms, border-color 100ms;
}

.nmm-row:hover[b-rohyt9ntih] {
    background: var(--slate-100);
}

.nmm-row.is-picked[b-rohyt9ntih] {
    background: var(--brand-soft);
    border-color: color-mix(in oklab, var(--brand) 22%, transparent);
}

.nmm-row-av[b-rohyt9ntih] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: var(--app-avatar-cool-to, var(--brand));
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nmm-row-info[b-rohyt9ntih] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.nmm-row-name[b-rohyt9ntih] {
    font-size: 13px;
    font-weight: 600;
    color: var(--app-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-row-meta[b-rohyt9ntih] {
    font-size: 11.5px;
    color: var(--fg-3);
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nmm-check[b-rohyt9ntih] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid var(--slate-300, #CBD5E1);
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    transition: background 120ms, border-color 120ms;
}

.nmm-check.on[b-rohyt9ntih] {
    background: var(--brand);
    border-color: var(--brand);
}

.nmm-check[b-rohyt9ntih]  svg {
    width: 14px;
    height: 14px;
}


.nmm-foot[b-rohyt9ntih] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid var(--app-divider);
    background: var(--app-surface);
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.nmm-foot-count[b-rohyt9ntih] {
    font-size: 12px;
    font-weight: 600;
    color: var(--fg-3);
    font-variant-numeric: tabular-nums;
}

.nmm-foot-spacer[b-rohyt9ntih] {
    flex: 1;
}


.nmm-btn[b-rohyt9ntih] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 120ms, border-color 120ms, color 120ms;
}

.nmm-btn:disabled[b-rohyt9ntih] {
    opacity: 0.55;
    cursor: not-allowed;
}

.nmm-btn-outline[b-rohyt9ntih] {
    background: var(--app-surface);
    color: var(--app-text-primary);
    border-color: var(--app-divider);
}

.nmm-btn-outline:hover:not(:disabled)[b-rohyt9ntih] {
    background: var(--slate-100);
}

.nmm-btn-primary[b-rohyt9ntih] {
    background: var(--brand);
    color: #fff;
}

.nmm-btn-primary:hover:not(:disabled)[b-rohyt9ntih] {
    background: var(--brand-hover, var(--brand));
}

.nmm-btn-primary[b-rohyt9ntih]  svg {
    width: 14px;
    height: 14px;
}

.nmm-btn-spin[b-rohyt9ntih] {
    color: #fff;
}


@media (max-width: 560px) {
    .nmm-head[b-rohyt9ntih],
    .nmm-search[b-rohyt9ntih],
    .nmm-foot[b-rohyt9ntih] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .nmm-fwd-preview[b-rohyt9ntih],
    .nmm-scope[b-rohyt9ntih] {
        margin-left: 14px;
        margin-right: 14px;
    }

    .nmm-list[b-rohyt9ntih] {
        padding-left: 8px;
        padding-right: 8px;
    }
}


.chat-sopqv-metarow[b-agste82fzc] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.chat-sopqv-chip[b-agste82fzc] {
    font-size: 11.5px;
    line-height: 1.6;
    padding: 1px 8px;
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent);
    white-space: nowrap;
}



.cta-head[b-l53r4zeq3c] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.cta-head-main[b-l53r4zeq3c] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.cta-title[b-l53r4zeq3c] {
    font-size: 15px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.cta-sub[b-l53r4zeq3c] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cta-loading[b-l53r4zeq3c] {
    display: flex;
    justify-content: center;
    padding: 28px 0;
}

.cta-search[b-l53r4zeq3c] {
    padding-bottom: 6px;
}

.cta-list[b-l53r4zeq3c] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    
    max-height: 46vh;
    overflow-y: auto;
    margin: 0 -6px;
    padding: 0 6px;
}

.cta-item[b-l53r4zeq3c] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    border-radius: 8px;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.cta-item:hover:not(:disabled)[b-l53r4zeq3c] {
    background: var(--slate-100);
}

.cta-item.is-on[b-l53r4zeq3c] {
    background: var(--slate-50);
}

.cta-item:disabled[b-l53r4zeq3c] {
    cursor: default;
    opacity: .75;
}


.cta-cbx[b-l53r4zeq3c] {
    width: 18px;
    height: 18px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    color: #fff;
}

.cta-cbx.is-on[b-l53r4zeq3c] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}


.cta-cbx[b-l53r4zeq3c]  .mud-icon-root {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
}

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

.cta-count[b-l53r4zeq3c] {
    font-size: 10.5px;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
    flex: none;
}

.cta-empty[b-l53r4zeq3c] {
    margin: 0;
    padding: 18px 10px;
    font-size: 12.5px;
    line-height: 1.6;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.cta-newwrap[b-l53r4zeq3c] {
    flex: 1;
    min-width: 0;
}


.cta-new[b-l53r4zeq3c] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px;
    background: transparent;
    color: var(--mud-palette-primary);
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.cta-new:hover:not(:disabled)[b-l53r4zeq3c] {
    background: var(--app-primary-lighten);
}

.cta-new:disabled[b-l53r4zeq3c] {
    cursor: default;
    opacity: .6;
}

.cta-cap[b-l53r4zeq3c] {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    color: var(--mud-palette-text-secondary);
}


[b-l53r4zeq3c] .mud-dialog-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}



.chat-tag[b-hp22gw8ja3] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex: none;
    max-width: 140px;
    padding: 1px 6px;
    border: none;
    border-radius: 999px;
    font-family: inherit;
    font-size: 9.5px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.chat-tag-ic[b-hp22gw8ja3] {
    display: inline-flex;
    align-items: center;
    flex: none;
    opacity: .75;
}


.chat-tag-ic[b-hp22gw8ja3]  svg {
    width: 1.05em;
    height: 1.05em;
    display: block;
}


.chat-tag-tx[b-hp22gw8ja3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}


.chat-tag--btn[b-hp22gw8ja3] {
    height: 26px;
    padding: 0 10px;
    font-size: 11.5px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}


.chat-tag--btn.is-on[b-hp22gw8ja3] {
    box-shadow: inset 0 0 0 1.5px currentColor;
}

.chat-tag--btn:hover[b-hp22gw8ja3] {
    filter: brightness(0.97);
}


.chat-tag--md[b-hp22gw8ja3] {
    max-width: 100%;
    padding: 2px 8px;
    font-size: 11px;
}


.chat-tag--brand[b-hp22gw8ja3]  { background: var(--brand-soft);   color: var(--brand); }
.chat-tag--info[b-hp22gw8ja3]   { background: var(--info-50);      color: var(--info-600); }
.chat-tag--ok[b-hp22gw8ja3]     { background: var(--success-50);   color: var(--success-700); }
.chat-tag--warn[b-hp22gw8ja3]   { background: var(--warning-50);   color: var(--warning-700); }
.chat-tag--err[b-hp22gw8ja3]    { background: var(--error-50);     color: var(--error-700); }
.chat-tag--purple[b-hp22gw8ja3] { background: var(--purple-50);    color: var(--purple-600); }


html[data-theme="dark"] .chat-tag--brand[b-hp22gw8ja3] {
    background: color-mix(in srgb, var(--brand) 18%, var(--bg-surface));
    color: color-mix(in srgb, var(--brand) 70%, var(--fg-1));
}
html[data-theme="dark"] .chat-tag--info[b-hp22gw8ja3] {
    background: color-mix(in srgb, var(--info-500) 16%, var(--bg-surface));
    color: color-mix(in srgb, var(--info-500) 70%, var(--fg-1));
}
html[data-theme="dark"] .chat-tag--ok[b-hp22gw8ja3] {
    background: color-mix(in srgb, var(--success-500) 16%, var(--bg-surface));
    color: color-mix(in srgb, var(--success-500) 70%, var(--fg-1));
}
html[data-theme="dark"] .chat-tag--warn[b-hp22gw8ja3] {
    background: color-mix(in srgb, var(--warning-500) 16%, var(--bg-surface));
    color: color-mix(in srgb, var(--warning-500) 70%, var(--fg-1));
}
html[data-theme="dark"] .chat-tag--err[b-hp22gw8ja3] {
    background: color-mix(in srgb, var(--error-500) 16%, var(--bg-surface));
    color: color-mix(in srgb, var(--error-500) 70%, var(--fg-1));
}
html[data-theme="dark"] .chat-tag--purple[b-hp22gw8ja3] {
    background: color-mix(in srgb, var(--purple-600) 26%, var(--bg-surface));
    color: color-mix(in srgb, var(--purple-600) 78%, var(--fg-1));
}



.ctm-head[b-zcpeybyt4c] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ctm-title[b-zcpeybyt4c] {
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.ctm-loading[b-zcpeybyt4c] {
    display: flex;
    justify-content: center;
    padding: 28px 0;
}

.ctm-note[b-zcpeybyt4c] {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--mud-palette-text-secondary);
}

.ctm-empty[b-zcpeybyt4c] {
    margin: 0;
    padding: 18px 4px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.ctm-list[b-zcpeybyt4c] {
    display: flex;
    flex-direction: column;
}

.ctm-row[b-zcpeybyt4c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 4px;
    border-radius: 8px;
}

.ctm-row + .ctm-row[b-zcpeybyt4c] {
    border-top: 1px solid var(--app-divider);
}

.ctm-row.is-edit[b-zcpeybyt4c] {
    display: block;
    background: var(--slate-50);
    padding: 10px;
}


.ctm-chip[b-zcpeybyt4c] {
    min-width: 84px;
    justify-content: center;
    font-size: 11px;
    padding: 3px 8px;
}

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

.ctm-count[b-zcpeybyt4c] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    flex: none;
}


.ctm-edit-top[b-zcpeybyt4c] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ctm-input[b-zcpeybyt4c] {
    flex: 1;
    min-width: 0;
}

.ctm-preview[b-zcpeybyt4c] {
    flex: none;
    min-width: 74px;
    justify-content: center;
    font-size: 11px;
    padding: 3px 8px;
}

.ctm-edit-bot[b-zcpeybyt4c] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.ctm-swatches[b-zcpeybyt4c] {
    display: flex;
    gap: 6px;
}


.ctm-sw[b-zcpeybyt4c] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--app-divider);
    border-radius: 7px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    
}

.ctm-sw.is-on[b-zcpeybyt4c] {
    box-shadow: 0 0 0 2px var(--mud-palette-surface), 0 0 0 3.5px var(--mud-palette-primary);
}


.ctm-sw.chat-tag--brand[b-zcpeybyt4c]  { background: var(--brand-soft);  border-color: var(--brand); }
.ctm-sw.chat-tag--info[b-zcpeybyt4c]   { background: var(--info-50);     border-color: var(--info-600); }
.ctm-sw.chat-tag--ok[b-zcpeybyt4c]     { background: var(--success-50);  border-color: var(--success-700); }
.ctm-sw.chat-tag--warn[b-zcpeybyt4c]   { background: var(--warning-50);  border-color: var(--warning-700); }
.ctm-sw.chat-tag--err[b-zcpeybyt4c]    { background: var(--error-50);    border-color: var(--error-700); }
.ctm-sw.chat-tag--purple[b-zcpeybyt4c] { background: var(--purple-50);   border-color: var(--purple-600); }


html[data-theme="dark"] .ctm-sw.chat-tag--brand[b-zcpeybyt4c]  { background: color-mix(in srgb, var(--brand) 24%, var(--bg-surface)); }
html[data-theme="dark"] .ctm-sw.chat-tag--info[b-zcpeybyt4c]   { background: color-mix(in srgb, var(--info-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .ctm-sw.chat-tag--ok[b-zcpeybyt4c]     { background: color-mix(in srgb, var(--success-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .ctm-sw.chat-tag--warn[b-zcpeybyt4c]   { background: color-mix(in srgb, var(--warning-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .ctm-sw.chat-tag--err[b-zcpeybyt4c]    { background: color-mix(in srgb, var(--error-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .ctm-sw.chat-tag--purple[b-zcpeybyt4c] { background: color-mix(in srgb, var(--purple-600) 30%, var(--bg-surface)); }

.ctm-cap[b-zcpeybyt4c] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-right: auto;
}



.chat-feed[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    width: 100%;
    
}

.chat-feed > :first-child[b-sypjw5xzm8] {
    margin-top: 0;
}


[b-sypjw5xzm8] .chat-mention {
    font-weight: 600;
    border-radius: 4px;
    padding: 0 2px;
}

.chat-bubble.other[b-sypjw5xzm8]  .chat-mention {
    color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}

.chat-bubble.mine[b-sypjw5xzm8]  .chat-mention {
    color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
}



[b-sypjw5xzm8] .chat-link {
    color: var(--mud-palette-info);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--mud-palette-info) 55%, transparent);
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

[b-sypjw5xzm8] .chat-link:hover {
    text-decoration-color: var(--mud-palette-info);
}


[b-sypjw5xzm8] .chat-tasklink {
    font-weight: 600;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}


.chat-empty[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 56px 16px;
    text-align: center;
}


.chat-row[b-sypjw5xzm8] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 14px;
    touch-action: pan-y;       
}


.chat-row.grouped[b-sypjw5xzm8] {
    margin-top: 2px;
}


.chat-row.mine[b-sypjw5xzm8] {
    flex-direction: row-reverse;
}


.chat-row.lp-active[b-sypjw5xzm8] {
    position: relative;
    z-index: 2101;
    
    pointer-events: none;
}

.chat-row.lp-active .chat-bubble[b-sypjw5xzm8] {
    box-shadow: 0 8px 24px -6px rgba(15, 23, 42, 0.4);
}

.chat-log[b-sypjw5xzm8] {
    margin: 8px 0;
}


.chat-log[b-sypjw5xzm8]  .chat-log-ic.vm-icon {
    width: 15px;
    height: 15px;
    color: var(--mud-palette-text-secondary);
}


.chat-log-link[b-sypjw5xzm8] {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);
    text-underline-offset: 2px;
}

.chat-log-link:hover[b-sypjw5xzm8] {
    color: var(--mud-palette-primary);
    text-decoration-color: currentColor;
}


.chat-log.is-nosel .chat-log-link[b-sypjw5xzm8] {
    pointer-events: none;
}


.chat-avatar-slot[b-sypjw5xzm8] {
    width: 28px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    margin-top: 2px;
}


[b-sypjw5xzm8] .chat-avatar-slot .mud-avatar {
    width: 28px;
    height: 28px;
    min-width: 28px;
    font-size: 12px;
    
    box-sizing: border-box;
    border: 1px solid var(--app-divider);
}

.chat-col[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 72%;
    min-width: 0;
}

.chat-col.mine[b-sypjw5xzm8] {
    align-items: flex-end;
}

.chat-col.other[b-sypjw5xzm8] {
    align-items: flex-start;
}


.chat-meta[b-sypjw5xzm8] {
    position: relative;   
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.chat-name[b-sypjw5xzm8] {
    font-size: 13px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}


.chat-time[b-sypjw5xzm8] {
    display: none;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.chat-row:hover .chat-time[b-sypjw5xzm8],
.chat-row.chat-sel .chat-time[b-sypjw5xzm8],
.chat-row:focus-within .chat-time[b-sypjw5xzm8] {
    display: inline;
}


.chat-day-sep[b-sypjw5xzm8] {
    text-align: center;
    margin: 16px 0 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--app-divider);
    flex-shrink: 0;   
}

.chat-day-sep-lbl[b-sypjw5xzm8] {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    color: var(--mud-palette-text-secondary);
}


.chat-col.mine .chat-meta[b-sypjw5xzm8] {
    justify-content: flex-end;
}

.chat-bubble[b-sypjw5xzm8] {
    padding: 8px 12px;
    
    border: 1px solid transparent;
    border-radius: 14px;
    width: fit-content;
    max-width: 100%;
    overflow-wrap: anywhere;
}


.chat-bubble.other[b-sypjw5xzm8] {
    background-color: var(--slate-50);
    color: var(--mud-palette-text-primary);
    border-color: var(--app-divider);
    border-bottom-left-radius: 4px;
}


.chat-bubble.mine[b-sypjw5xzm8] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 14%, var(--mud-palette-surface));
    border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, var(--mud-palette-surface));
    color: var(--mud-palette-text-primary);
    border-bottom-right-radius: 4px;
}


.chat-bubble.mine[b-sypjw5xzm8]  a {
    color: var(--mud-palette-info);
}


.chat-bubble.recalled[b-sypjw5xzm8] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 6%, var(--mud-palette-surface));
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}


.chat-bubble.highlighted[b-sypjw5xzm8] {
    animation: chat-highlight-fade-b-sypjw5xzm8 3.5s ease-out forwards;
}

@keyframes chat-highlight-fade-b-sypjw5xzm8 {
    0%, 45% { box-shadow: 0 0 0 3px var(--mud-palette-warning); }
    100%    { box-shadow: 0 0 0 3px transparent; }
}




[b-sypjw5xzm8] .chat-text-prewrap {
    white-space: pre-wrap;
}



[b-sypjw5xzm8] .chat-text {
    font-size: 0.875rem;
    line-height: 1.43;
}

[b-sypjw5xzm8] .chat-line {
    overflow-wrap: anywhere;
}

[b-sypjw5xzm8] .chat-line:empty {
    min-height: 1.43em;
}
[b-sypjw5xzm8] .chat-line:empty::before {
    content: "\00a0";
}


[b-sypjw5xzm8] .chat-quote-line {
    border-left: 3px solid color-mix(in srgb, currentColor 35%, transparent);
    padding-left: 8px;
    opacity: 0.9;
}

[b-sypjw5xzm8] .chat-bullet-line {
    position: relative;
    padding-left: 16px;
}
[b-sypjw5xzm8] .chat-bullet-line::before {
    content: "•";
    position: absolute;
    left: 4px;
    opacity: 0.7;
}


[b-sypjw5xzm8] .chat-number-line {
    position: relative;
    padding-left: 1.9em;
}
[b-sypjw5xzm8] .chat-num {
    position: absolute;
    left: 0;
    width: 1.5em;
    text-align: right;
    opacity: 0.85;
    font-variant-numeric: tabular-nums;
}


[b-sypjw5xzm8] .chat-code {
    font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: 0.85em;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: color-mix(in srgb, currentColor 12%, transparent);
    overflow-wrap: anywhere;
}


.chat-seen[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    margin-top: 2px;
    font-size: 0.72rem;
    color: var(--mud-palette-text-secondary);
    cursor: default;
}

.chat-seen .mud-icon-root[b-sypjw5xzm8] {
    font-size: 0.95em;
    color: var(--mud-palette-primary);
}



.chat-pin-badge[b-sypjw5xzm8] {
    position: absolute;
    top: calc(100% + 5px);
    left: -1px;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    color: var(--mud-palette-text-secondary);
}


.chat-col.mine .chat-pin-badge[b-sypjw5xzm8] {
    left: auto;
    right: -21px;
}


.chat-pin-badge[b-sypjw5xzm8]  .mud-icon-root {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
}


.chat-forward-tag[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-style: italic;
    opacity: 0.75;
    margin-bottom: 2px;
}

.chat-forward-tag .mud-icon-root[b-sypjw5xzm8] {
    font-size: 0.9em;
}

.chat-bubble.mine .chat-forward-tag[b-sypjw5xzm8] {
    color: var(--mud-palette-text-secondary);
}


.chat-edited-tag[b-sypjw5xzm8] {
    display: inline-block;
    margin-left: 6px;
    font-size: 0.72em;
    font-style: italic;
    opacity: 0.7;
    vertical-align: baseline;
    color: var(--mud-palette-text-secondary);
}

.chat-bubble.mine .chat-edited-tag[b-sypjw5xzm8] {
    color: var(--mud-palette-text-secondary);
}


.chat-bubble.mine.editing[b-sypjw5xzm8],
.chat-bubble.other.editing[b-sypjw5xzm8] {
    background: transparent;
    border-color: transparent;
    padding: 0;
    width: 100%;
    max-width: none;
    color: var(--mud-palette-text-primary);
}


.chat-edit-box[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 260px;
    width: 100%;
}

.chat-edit-input[b-sypjw5xzm8] {
    width: 100%;
    box-sizing: border-box;   
    resize: vertical;
    min-height: 60px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 8px;
    padding: 8px 10px;
    font: inherit;
    line-height: 1.4;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
}

.chat-edit-input:focus[b-sypjw5xzm8] {
    outline: none;
    border-color: var(--mud-palette-primary);
}

.chat-edit-actions[b-sypjw5xzm8] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

.chat-edit-btn[b-sypjw5xzm8] {
    border: none;
    border-radius: 6px;
    padding: 3px 12px;
    font-size: 0.82em;
    font-weight: 500;
    cursor: pointer;
}

.chat-edit-btn.cancel[b-sypjw5xzm8] {
    background-color: transparent;
    color: var(--mud-palette-text-secondary);
}

.chat-edit-btn.cancel:hover[b-sypjw5xzm8] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
}

.chat-edit-btn.save[b-sypjw5xzm8] {
    background-color: var(--mud-palette-primary);
    color: white;
}

.chat-edit-btn.save:disabled[b-sypjw5xzm8] {
    opacity: 0.5;
    cursor: default;
}


.chat-quote-row[b-sypjw5xzm8] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    padding: 6px 10px;
    margin-bottom: 4px;
    background: var(--slate-50);
    border-radius: 8px;
    cursor: pointer;
    max-width: 100%;
    transition: background 0.15s;
}


.chat-col.mine .chat-quote-row[b-sypjw5xzm8] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}

.chat-quote-row:hover[b-sypjw5xzm8] {
    background: var(--slate-100);
}

.chat-quote-bar[b-sypjw5xzm8] {
    width: 3px;
    border-radius: 2px;
    background: var(--mud-palette-primary);
    flex-shrink: 0;
}

.chat-quote-body[b-sypjw5xzm8] {
    flex: 1;
    min-width: 0;
}

.chat-quote-name[b-sypjw5xzm8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.chat-quote-text[b-sypjw5xzm8] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.chat-images[b-sypjw5xzm8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    max-width: 100%;
    position: relative;   
}


.chat-img-opts[b-sypjw5xzm8] {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: rgba(15, 23, 42, .55);
    color: var(--mud-palette-primary-text);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.chat-img-opts:active[b-sypjw5xzm8] {
    background: rgba(15, 23, 42, .75);
}


.chat-img-opts[b-sypjw5xzm8]  svg {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

@media (hover: none), (pointer: coarse), (max-width: 720px) {
    .chat-img-opts[b-sypjw5xzm8] { display: block; }
}


.chat-feed.sel-mode .chat-img-opts[b-sypjw5xzm8] { display: none !important; }

.chat-img[b-sypjw5xzm8] {
    border-radius: 8px;
    
    border: 1px solid var(--app-divider);
    cursor: pointer;
    display: block;
}

.chat-img:hover[b-sypjw5xzm8] {
    opacity: 0.9;
}


.chat-images.single .chat-img[b-sypjw5xzm8] {
    width: auto;
    height: auto;
    max-height: min(60cqh, 60vh);   
    max-width: min(50cqw, 100%);
    
    object-fit: contain;
    border-radius: 12px;
    cursor: zoom-in;   
}


.chat-images.multi[b-sypjw5xzm8] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
    margin-top: 4px;
    
    width: 420px;
    max-width: 100%;
    width: min(58cqw, 420px);
}


.chat-images.multi > *[b-sypjw5xzm8] { grid-column: span 3; }
.chat-images.multi > *:nth-child(n+5)[b-sypjw5xzm8] { display: none; }


.chat-images.multi.lay-3 > *:nth-child(3)[b-sypjw5xzm8] {
    grid-column: span 6;
    aspect-ratio: 2 / 1;
}


.chat-imgtile[b-sypjw5xzm8] {
    position: relative;
    min-width: 0;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

.chat-images.multi .chat-img[b-sypjw5xzm8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}


.chat-imgtile[data-more4][b-sypjw5xzm8]::after,
.chat-imgtile[data-more6][b-sypjw5xzm8]::after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.55);
    color: rgba(255, 255, 255, 1);
    font-size: 1.25rem;
    font-weight: 600;
    pointer-events: none;   
}


.chat-imgtile[data-more4][b-sypjw5xzm8]::after { content: attr(data-more4); }


@container (min-width: 521px) {
    .chat-images.multi > *[b-sypjw5xzm8] { grid-column: span 2; }
    .chat-images.multi > *:nth-child(n+5)[b-sypjw5xzm8] { display: block; }

    
    .chat-images.multi.lay-2 > *[b-sypjw5xzm8],
    .chat-images.multi.lay-4 > *[b-sypjw5xzm8] { grid-column: span 3; }

    
    .chat-images.multi.lay-3 > *:nth-child(3)[b-sypjw5xzm8] {
        grid-column: span 2;
        aspect-ratio: 1;
    }

    
    .chat-images.multi.lay-5 > *:nth-child(n+4)[b-sypjw5xzm8] { grid-column: span 3; }

    .chat-imgtile[data-more4][b-sypjw5xzm8]::after { content: none; }
    .chat-imgtile[data-more6][b-sypjw5xzm8]::after { content: attr(data-more6); }
}


.chat-bubble.imgonly[b-sypjw5xzm8] {
    padding: 0;
    background: transparent;
    border-color: transparent;
}


.chat-videos[b-sypjw5xzm8] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    max-width: 100%;
}

.chat-video[b-sypjw5xzm8] {
    display: block;
    max-width: min(60cqw, 100%);
    max-height: min(60cqh, 60vh);
    border-radius: 12px;
    border: 1px solid var(--app-divider);
    background: var(--app-video-bg);
}

.chat-col.mine .chat-videos[b-sypjw5xzm8]  { justify-content: flex-end; }
.chat-col.other .chat-videos[b-sypjw5xzm8] { justify-content: flex-start; }


@media (max-width: 600px) {
    .chat-video[b-sypjw5xzm8] { max-width: min(78cqw, 100%); }
}


.chat-col.mine .chat-images[b-sypjw5xzm8]  { justify-content: flex-end; }
.chat-col.other .chat-images[b-sypjw5xzm8] { justify-content: flex-start; }
.chat-col.mine .chat-bubble-wrap[b-sypjw5xzm8]  { align-self: flex-end; }
.chat-col.other .chat-bubble-wrap[b-sypjw5xzm8] { align-self: flex-start; }


.chat-zoom-overlay[b-sypjw5xzm8] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.85);
    cursor: zoom-out;
}

.chat-zoom-img[b-sypjw5xzm8] {
    max-width: 94vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}


.chat-zoom-frame[b-sypjw5xzm8] {
    position: relative;
    width: 94vw;
    height: 90vh;
}


.chat-zoom-close[b-sypjw5xzm8] {
    position: fixed;
    
    top: calc(16px + env(safe-area-inset-top, 0px));
    right: calc(16px + env(safe-area-inset-right, 0px));
    z-index: 2101;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    
    background: rgba(15, 23, 42, 0.62);
    color: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.chat-zoom-close:hover[b-sypjw5xzm8] {
    background: rgba(15, 23, 42, 0.82);
}

[b-sypjw5xzm8] .chat-zoom-close .mud-icon-root {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    color: rgba(255, 255, 255, 1);
}


.chat-zoom-overlay:focus[b-sypjw5xzm8] {
    outline: none;
}


.chat-zoom-nav[b-sypjw5xzm8] {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2101;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.chat-zoom-nav:hover[b-sypjw5xzm8] {
    background: rgba(255, 255, 255, 0.28);
}

.chat-zoom-nav.prev[b-sypjw5xzm8] { left: 16px; }
.chat-zoom-nav.next[b-sypjw5xzm8] { right: 16px; }


@media (min-width: 900px) {
    .chat-zoom-overlay.has-strip .chat-zoom-frame[b-sypjw5xzm8] {
        width: calc(94vw - 132px);
        margin-right: 120px;
    }

    .chat-zoom-overlay.has-strip .chat-zoom-nav.next[b-sypjw5xzm8] { right: 132px; }
}

[b-sypjw5xzm8] .chat-zoom-nav .mud-icon-root {
    width: 26px !important;
    height: 26px !important;
    font-size: 26px !important;
    color: rgba(255, 255, 255, 1);
}


.chat-zoom-counter[b-sypjw5xzm8] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2101;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.7);
    color: rgba(255, 255, 255, 1);
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}



.chat-file-group[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    max-width: 100%;
    margin-top: 4px;
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    background: var(--app-surface);
    overflow: hidden;
}

.chat-col.mine .chat-file-group[b-sypjw5xzm8] {
    margin-left: auto;   
}


.chat-file-group .chat-file-block[b-sypjw5xzm8] {
    display: flex;
    width: 100%;
    margin-top: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.chat-file-group .chat-file-block + .chat-file-block[b-sypjw5xzm8] {
    border-top: 1px solid var(--app-divider);
}


.chat-file-group .chat-file-block:hover[b-sypjw5xzm8] {
    background: var(--slate-100);
    box-shadow: none;
}


.chat-file-group .chat-file-block.is-pending:hover[b-sypjw5xzm8] {
    background: transparent;
}


.chat-file-group .chat-file-block.is-picked[b-sypjw5xzm8] {
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--app-surface));
}

.chat-file-block[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    margin-top: 4px;
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    background: var(--app-surface);
    text-decoration: none;
    color: inherit;
    
    min-width: 0;
    max-width: 320px;
    
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}


@media (min-width: 700px) {
    .chat-file-block[b-sypjw5xzm8] { min-width: 220px; }
    
    .chat-file-group[b-sypjw5xzm8] { min-width: 220px; }
}

.chat-file-block:hover[b-sypjw5xzm8] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}


.chat-file-block.is-pending[b-sypjw5xzm8] {
    cursor: default;
    opacity: 0.72;
}

.chat-file-block.is-pending:hover[b-sypjw5xzm8] {
    border-color: var(--app-divider);
    box-shadow: none;
}




.chat-poll-lead[b-sypjw5xzm8] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

.chat-file-acts[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}


.chat-file-view[b-sypjw5xzm8],
.chat-file-dl[b-sypjw5xzm8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 3px;
    border: none;
    background: transparent;
    border-radius: 6px;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}


.chat-file-view[b-sypjw5xzm8]::before,
.chat-file-dl[b-sypjw5xzm8]::before {
    content: "";
    position: absolute;
    
    top: -8px;
    right: -1px;
    bottom: -8px;
    left: -1px;
}

.chat-file-view:hover[b-sypjw5xzm8],
.chat-file-dl:hover[b-sypjw5xzm8] {
    background: var(--slate-100);
    color: var(--mud-palette-primary);
}

.chat-file-view:active[b-sypjw5xzm8],
.chat-file-dl:active[b-sypjw5xzm8] {
    background: var(--app-divider);
}


.chat-file-view[b-sypjw5xzm8]  svg,
.chat-file-dl[b-sypjw5xzm8]  svg {
    width: 17px;
    height: 17px;
    display: block;
}




.chat-file-bar[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-size: 0.76rem;
}

.chat-file-bar.mine[b-sypjw5xzm8] {
    justify-content: flex-end;
}

.chat-file-bar-n[b-sypjw5xzm8] {
    color: var(--mud-palette-text-secondary);
}

.chat-file-bar-btn[b-sypjw5xzm8] {
    padding: 2px 8px;
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-size: 0.76rem;
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.chat-file-bar-btn:hover:not(:disabled)[b-sypjw5xzm8] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.chat-file-bar-btn.primary:not(:disabled)[b-sypjw5xzm8] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 600;
}


.chat-file-bar-btn:disabled[b-sypjw5xzm8] {
    opacity: 0.5;
    cursor: default;
}


.chat-file-pick[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--mud-palette-text-secondary);
}

.chat-file-block.is-picked .chat-file-pick[b-sypjw5xzm8] {
    color: var(--mud-palette-primary);
}


.chat-file-block.is-picking[b-sypjw5xzm8] {
    cursor: pointer;
}

.chat-file-block.is-picked[b-sypjw5xzm8] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--app-surface));
}

.chat-file-ic[b-sypjw5xzm8] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: var(--slate-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.chat-file-meta[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.chat-file-name[b-sypjw5xzm8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-file-size[b-sypjw5xzm8] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}


.chat-linkcard[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    margin-top: 4px;
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    background: var(--app-surface);
    text-decoration: none;
    color: inherit;
    min-width: 200px;
    max-width: 320px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.chat-linkcard:hover[b-sypjw5xzm8] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}


.chat-linkcard-ico[b-sypjw5xzm8] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 4px;
    object-fit: contain;
    background: var(--slate-100);
}

.chat-linkcard-text[b-sypjw5xzm8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}


.chat-linkcard-host[b-sypjw5xzm8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-linkcard-path[b-sypjw5xzm8] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.chat-linkcard-rich[b-sypjw5xzm8] {
    align-items: flex-start;
    max-width: 380px;
    padding: 10px 12px;
}


.chat-linkcard-title[b-sypjw5xzm8] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2px;
}


.chat-linkcard-desc[b-sypjw5xzm8] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
}


.chat-linkcard-rich .chat-linkcard-host[b-sypjw5xzm8] {
    font-size: 11px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
}


.chat-linkcard-img[b-sypjw5xzm8] {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
    background: var(--slate-100);
}


.chat-reactions[b-sypjw5xzm8] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: -8px;         
    margin-bottom: 6px;       
    padding-inline: 3px;      
    position: relative;
    z-index: 1;
}

.reaction-chip[b-sypjw5xzm8] {
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--app-divider);
    
    box-shadow: 0 0 0 2px var(--mud-palette-surface);
    cursor: pointer;
    transition: background 120ms, border-color 120ms;
}

.reaction-chip:hover:not(:disabled)[b-sypjw5xzm8] {
    background: var(--slate-100);
}

.reaction-chip.active[b-sypjw5xzm8] {
    background: var(--brand-soft);
    border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.reaction-chip:disabled[b-sypjw5xzm8] {
    cursor: default;
    opacity: 0.6;
}

.reaction-emoji[b-sypjw5xzm8] {
    font-size: 13px;
    line-height: 1;
}

.reaction-count[b-sypjw5xzm8] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.reaction-chip.active .reaction-count[b-sypjw5xzm8] {
    color: var(--mud-palette-primary);
}


.reaction-chip-add[b-sypjw5xzm8] {
    padding: 0 6px;
    color: var(--mud-palette-text-secondary);
}

[b-sypjw5xzm8] .reaction-chip-add .mud-icon-root {
    width: 12px !important;
    height: 12px !important;
}


.chat-foot[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.chat-sending[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}


.chat-sending[b-sypjw5xzm8]  .mud-progress-circular {
    width: 13px;
    height: 13px;
}

.chat-retry[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    font-size: 0.75rem;
    color: var(--mud-palette-error);
}


.chat-pending-cancel[b-sypjw5xzm8] {
    color: var(--mud-palette-text-secondary);
}


.chat-retry[b-sypjw5xzm8]  .mud-icon-root {
    font-size: 0.9em;
}


.chat-bubble-wrap[b-sypjw5xzm8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}


.chat-bubble-wrap[b-sypjw5xzm8]::before {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    background-color: var(--mud-palette-primary);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 14 4 9 9 4'/%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E") center / 22px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 14 4 9 9 4'/%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E") center / 22px no-repeat;
    opacity: var(--sw-op, 0);
    transform: scale(var(--sw-sc, 0.6));
    transform-origin: center;
    pointer-events: none;
    z-index: 0;
}


.chat-bubble-wrap-empty[b-sypjw5xzm8] {
    min-height: 24px;
    min-width: 32px;
}

.chat-col.mine .chat-bubble-wrap[b-sypjw5xzm8] {
    flex-direction: row-reverse;
}



.chat-file-stack[b-sypjw5xzm8] { flex-direction: column; gap: 4px; min-width: 0; }
.chat-col.mine  .chat-file-stack[b-sypjw5xzm8] { flex-direction: column; align-items: flex-end; }
.chat-col.other .chat-file-stack[b-sypjw5xzm8] { flex-direction: column; align-items: flex-start; }

.chat-file-stack > .chat-file-block[b-sypjw5xzm8],
.chat-file-stack > .chat-file-group[b-sypjw5xzm8] { margin-top: 0; }


.chat-bubble-wrap.has-files[b-sypjw5xzm8] {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-width: 0;
}


.chat-col.mine .chat-bubble-wrap.has-files[b-sypjw5xzm8] {
    flex-direction: column;
    align-items: stretch;
}


.chat-bubble-wrap.has-files > .chat-bubble[b-sypjw5xzm8],
.chat-bubble-wrap.has-files > .chat-file-group[b-sypjw5xzm8] {
    width: auto;
    max-width: 100%;
}

.chat-bubble-wrap.has-files > .chat-bubble[b-sypjw5xzm8] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chat-bubble-wrap.has-files > .chat-file-group[b-sypjw5xzm8] {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.chat-col.mine .chat-bubble-wrap.has-files > .chat-file-group[b-sypjw5xzm8] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 30%, var(--mud-palette-surface));
}

.chat-col.other .chat-bubble-wrap.has-files > .chat-file-group[b-sypjw5xzm8] { border-bottom-left-radius: 4px; }
.chat-col.mine  .chat-bubble-wrap.has-files > .chat-file-group[b-sypjw5xzm8] { border-bottom-right-radius: 4px; }


.chat-bubble-wrap.has-files > .chat-file-bar[b-sypjw5xzm8] {
    margin: 3px 0 2px;
}


.chat-actions[b-sypjw5xzm8] {
    position: absolute;
    
    bottom: 8px;
    transform: translateY(0);
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    box-shadow: 0 4px 10px -2px rgba(15, 23, 42, .08);
    z-index: 2;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity .12s ease;
}


.chat-col.other .chat-actions[b-sypjw5xzm8] {
    left: 100%;
}


.chat-col.mine .chat-actions[b-sypjw5xzm8] {
    right: 100%;
}




@media (hover: hover) {
    
    .chat-bubble-wrap:hover .chat-actions[b-sypjw5xzm8] {
        opacity: 1;
        visibility: visible;
    }

    
    .chat-col:has(.chat-bubble-wrap-empty):hover .chat-actions[b-sypjw5xzm8] {
        opacity: 1;
        visibility: visible;
    }

    
    .chat-actions:has(.chat-emoji-pop)[b-sypjw5xzm8],
    .chat-actions:has(.chat-more-menu)[b-sypjw5xzm8] {
        opacity: 1;
        visibility: visible;
    }
}




.chat-row.menu-mo .chat-col[b-sypjw5xzm8],
.chat-row.chat-sel .chat-col[b-sypjw5xzm8] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 3px;
    border-radius: 10px;
}





.chat-sel-more[b-sypjw5xzm8] {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--app-divider);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    box-shadow: 0 4px 10px -2px rgba(15, 23, 42, .12);
    cursor: pointer;
    z-index: 3;
}

@media (hover: none), (pointer: coarse), (max-width: 720px) {
    .chat-sel-more[b-sypjw5xzm8] { display: inline-flex; }
}

.chat-sel-more:active[b-sypjw5xzm8] { background: var(--slate-100); }
.chat-col.other .chat-sel-more[b-sypjw5xzm8] { left: 100%; margin-left: 8px; }
.chat-col.mine  .chat-sel-more[b-sypjw5xzm8] { right: 100%; margin-right: 8px; }


.chat-action-btn[b-sypjw5xzm8] {
    width: 26px;
    height: 26px;
    border: none;
    background: transparent;
    border-radius: 999px;
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 120ms, color 120ms;
}

.chat-action-btn:hover:not(:disabled)[b-sypjw5xzm8] {
    background: var(--slate-100);
    color: var(--mud-palette-text-primary);
}

.chat-action-btn.is-active[b-sypjw5xzm8] {
    background: var(--brand-soft);
    color: var(--mud-palette-primary);
}

.chat-action-btn:disabled[b-sypjw5xzm8] {
    cursor: default;
    opacity: 0.5;
}

[b-sypjw5xzm8] .chat-action-btn .mud-icon-root {
    width: 14px !important;
    height: 14px !important;
}


.chat-emoji-trigger-wrap[b-sypjw5xzm8] {
    position: relative;
    display: inline-flex;
}


.chat-emoji-pop[b-sypjw5xzm8] {
    position: absolute;
    
    top: calc(100% + 6px);
    bottom: auto;
    
    left: 0;
    right: auto;
    transform: none;
    
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    padding: 6px;
    width: max-content;
    max-width: min(90vw, 320px);
    background: var(--mud-palette-surface);
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    box-shadow: 0 6px 16px -4px rgba(15, 23, 42, .18);
    z-index: 3;
}


.chat-emoji-pop.mine[b-sypjw5xzm8] {
    left: auto;
    right: 0;
}


.chat-actions:has(.chat-emoji-pop)[b-sypjw5xzm8],
.chat-actions:has(.chat-more-menu)[b-sypjw5xzm8] {
    z-index: 2200;
}


.chat-emoji-pop.pos-pending[b-sypjw5xzm8],
.chat-more-menu.pos-pending[b-sypjw5xzm8] {
    visibility: hidden;
}

.emoji-pick[b-sypjw5xzm8] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.05rem;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 999px;
    transition: background 120ms, transform 120ms;
}

.emoji-pick:hover[b-sypjw5xzm8] {
    background: var(--slate-100);
    transform: scale(1.15);
}

.emoji-pick:disabled[b-sypjw5xzm8] {
    cursor: default;
    opacity: 0.5;
}


.chat-more-trigger-wrap[b-sypjw5xzm8] {
    position: relative;
    display: inline-flex;
}


.chat-more-menu[b-sypjw5xzm8] {
    position: absolute;
    top: calc(100% + 6px);
    bottom: auto;
    
    right: 0;
    left: auto;
    min-width: 188px;
    display: flex;
    flex-direction: column;
    
    max-height: 70vh;
    overflow-y: auto;
    padding: 6px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    box-shadow: 0 12px 32px -4px rgba(15, 23, 42, .30);
    z-index: 3;
}


.chat-more-item[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 11px 14px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 8px;
    color: var(--mud-palette-text-primary);
    font-size: 0.925rem;
    text-align: left;
    white-space: nowrap;
}

.chat-more-item:hover:not(:disabled)[b-sypjw5xzm8] { background: var(--slate-100); }
.chat-more-item:disabled[b-sypjw5xzm8] { opacity: 0.5; cursor: default; }
.chat-more-item.danger[b-sypjw5xzm8] { color: var(--mud-palette-error); }


.chat-more-sep[b-sypjw5xzm8] {
    height: 1px;
    margin: 4px -6px;
    background: var(--app-divider);
}

.chat-more-ic[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    flex: 0 0 auto;
    font-size: 0.925rem;           
    color: var(--mud-palette-text-secondary);
}

.chat-more-item.danger .chat-more-ic[b-sypjw5xzm8] { color: var(--mud-palette-error); }

[b-sypjw5xzm8] .chat-more-ic .mud-icon-root {
    width: 1.15em !important;
    height: 1.15em !important;
    font-size: 1.15em !important;
}

.chat-more-label[b-sypjw5xzm8] {
    flex: 1;
    min-width: 0;
}


.chat-more-menu.mine .chat-more-item[b-sypjw5xzm8] {
    flex-direction: row-reverse;
    text-align: right;
}

.chat-more-menu.mine .chat-more-label[b-sypjw5xzm8] {
    text-align: right;
}


@keyframes chat-optimistic-in-b-sypjw5xzm8 {
    from { opacity: 0; transform: translateY(8px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.chat-row-optimistic[b-sypjw5xzm8] {
    animation: chat-optimistic-in-b-sypjw5xzm8 180ms cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: bottom right;
}

@media (prefers-reduced-motion: reduce) {
    .chat-row-optimistic[b-sypjw5xzm8] {
        animation: none;
    }
}


.chat-lpmenu-scrim[b-sypjw5xzm8] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    background: rgba(15, 23, 42, 0.32);
    animation: chat-lpmenu-fade-b-sypjw5xzm8 .15s ease;
}

.chat-lpmenu[b-sypjw5xzm8] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2101;
    
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 10px calc(12px + env(safe-area-inset-bottom));
    animation: chat-lpmenu-up-b-sypjw5xzm8 .22s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes chat-lpmenu-fade-b-sypjw5xzm8 { from { opacity: 0; } to { opacity: 1; } }
@keyframes chat-lpmenu-up-b-sypjw5xzm8   { from { transform: translateY(12%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .chat-lpmenu-scrim[b-sypjw5xzm8], .chat-lpmenu[b-sypjw5xzm8] { animation: none; }
}


.chat-lpmenu-reactions[b-sypjw5xzm8] {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    padding: 6px 10px;
    align-self: stretch;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: var(--mud-palette-surface);
    border-radius: 22px;
    box-shadow: 0 6px 22px -6px rgba(15, 23, 42, 0.26);
}

.chat-lpmenu-reactions[b-sypjw5xzm8]::-webkit-scrollbar { display: none; }

.chat-lpmenu-emoji[b-sypjw5xzm8] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 1;
    padding: 4px;
    border-radius: 999px;
    flex: 0 0 auto;                
    transition: transform 120ms;
}

.chat-lpmenu-emoji:active:not(:disabled)[b-sypjw5xzm8] { transform: scale(1.25); }
.chat-lpmenu-emoji:disabled[b-sypjw5xzm8] { opacity: 0.5; cursor: default; }


.chat-lpmenu-row[b-sypjw5xzm8] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    row-gap: 4px;
    padding: 8px 4px;
    background: var(--mud-palette-surface);
    border-radius: 16px;
    box-shadow: 0 6px 22px -6px rgba(15, 23, 42, 0.26);
}


.chat-lpmenu-cell[b-sypjw5xzm8] {
    flex: 0 0 calc(25% - 1.5px);
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 8px 2px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 12px;
    color: var(--mud-palette-text-primary);
}

.chat-lpmenu-cell:active:not(:disabled)[b-sypjw5xzm8] { background: var(--slate-100); }
.chat-lpmenu-cell:disabled[b-sypjw5xzm8] { opacity: 0.5; cursor: default; }
.chat-lpmenu-cell.danger[b-sypjw5xzm8] { color: var(--mud-palette-error); }


.chat-lpmenu-ic[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: var(--mud-palette-primary);
}

.chat-lpmenu-cell.danger .chat-lpmenu-ic[b-sypjw5xzm8] { color: var(--mud-palette-error); }

[b-sypjw5xzm8] .chat-lpmenu-ic .mud-icon-root {
    width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
    color: inherit !important;    
}

.chat-lpmenu-label[b-sypjw5xzm8] {
    font-size: 0.7rem;
    line-height: 1.1;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}

.chat-lpmenu-cell.danger .chat-lpmenu-label[b-sypjw5xzm8] { color: var(--mud-palette-error); }




.chat-feed.sel-mode .chat-row[b-sypjw5xzm8] {
    position: relative;              
    padding: 4px 6px;
    margin-bottom: -8px;
    margin-left: -6px;
    margin-right: -6px;
    border-radius: 12px;
    cursor: pointer;
}


.chat-feed.sel-mode .chat-avatar-slot[b-sypjw5xzm8] {
    visibility: hidden;
}


.chat-feed.sel-mode .chat-row.is-picked[b-sypjw5xzm8] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}


@media (hover: hover) and (pointer: fine) {
    .chat-feed.sel-mode .chat-row:hover:not(.is-nosel):not(.is-picked)[b-sypjw5xzm8] {
        background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    }

    
    .chat-feed.sel-mode .chat-row.is-picked:hover[b-sypjw5xzm8] {
        background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent);
    }

    
    .chat-feed.sel-mode .chat-row:hover:not(.is-nosel) .chat-sel-check[b-sypjw5xzm8] {
        border-color: var(--mud-palette-primary);
    }
}


.chat-feed.sel-mode .is-nosel[b-sypjw5xzm8] {
    opacity: .55;
    cursor: default;
    pointer-events: none;
}


.chat-sel-check[b-sypjw5xzm8] {
    
    position: absolute;
    top: 9px;
    left: 9px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 2px solid var(--app-divider);
    background: var(--mud-palette-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease;
}


.chat-row.mine .chat-sel-check[b-sypjw5xzm8] {
    left: auto;
    right: 9px;
}

.chat-sel-check.on[b-sypjw5xzm8] {
    background: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

.chat-sel-check[b-sypjw5xzm8]::after {
    content: "";
    width: 5px;
    height: 9px;
    margin-top: -2px;
    border: solid var(--mud-palette-primary-text);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .12s ease;
}

.chat-sel-check.on[b-sypjw5xzm8]::after {
    opacity: 1;
}


.chat-feed.sel-mode .chat-actions[b-sypjw5xzm8],
.chat-feed.sel-mode .chat-sel-more[b-sypjw5xzm8] {
    display: none !important;
}


.chat-feed.sel-mode[b-sypjw5xzm8]  .chat-link,
.chat-feed.sel-mode .chat-linkcard[b-sypjw5xzm8] {
    pointer-events: none;
}


@media (max-width: 600px) {
    .chat-sel-check[b-sypjw5xzm8] {
        width: 24px;
        height: 24px;
        top: 8px;
        left: 8px;
    }

    .chat-row.mine .chat-sel-check[b-sypjw5xzm8] {
        left: auto;
        right: 8px;
    }

    .chat-sel-check[b-sypjw5xzm8]::before {
        content: "";
        position: absolute;
        inset: -9px;           
    }
}


.chat-linkcard-task[b-sypjw5xzm8] {
    align-items: flex-start;
    gap: 8px;
    max-width: 320px;
    padding: 7px 9px;
    border: 0;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    box-shadow: none;
    transition: background-color .15s;
}


.chat-linkcard-task:hover[b-sypjw5xzm8] {
    border-color: transparent;
    box-shadow: none;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 9%, transparent);
}


.chat-linkcard-task-ic[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
    color: var(--mud-palette-info);
}


[b-sypjw5xzm8] .chat-linkcard-task-ic .mud-icon-root.mud-svg-icon {
    width: 13px !important;
    height: 13px !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}


.chat-linkcard-task .cvc-title[b-sypjw5xzm8] {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--mud-palette-text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.chat-linkcard-task .cvc-meta[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 1px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.chat-linkcard-task .cvc-ma[b-sypjw5xzm8] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.chat-linkcard-task .cvc-tt[b-sypjw5xzm8] {
    padding: 0 6px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
}

.chat-linkcard-task .cvc-tt.qua-han[b-sypjw5xzm8] {
    background-color: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
    color: var(--mud-palette-error);
    font-weight: 600;
}

.chat-linkcard-task .cvc-nguoi[b-sypjw5xzm8] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.chat-feed.sel-mode .chat-linkcard-task[b-sypjw5xzm8] {
    pointer-events: none;
}


.chat-linkcard-task.no-open[b-sypjw5xzm8] {
    cursor: default;
}

.chat-linkcard-task.no-open:hover[b-sypjw5xzm8] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
}


.chat-linkcard-doc[b-sypjw5xzm8] {
    align-items: flex-start;
    gap: 8px;
    max-width: 320px;
    padding: 7px 9px;
    border: 0;
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
    box-shadow: none;
    transition: background-color .15s;
    
    cursor: pointer;
}
.chat-linkcard-doc:hover[b-sypjw5xzm8] {
    border-color: transparent;
    box-shadow: none;
    background: color-mix(in srgb, var(--mud-palette-text-primary) 9%, transparent);
}
.chat-linkcard-doc-ic[b-sypjw5xzm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    border-radius: 6px;
    background-color: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}
[b-sypjw5xzm8] .chat-linkcard-doc-ic .mud-icon-root.mud-svg-icon {
    width: 14px !important;
    height: 14px !important;
}
.chat-linkcard-doc .cvc-title[b-sypjw5xzm8] {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--mud-palette-text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.chat-linkcard-doc .cvc-meta[b-sypjw5xzm8] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 1px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}
.chat-linkcard-doc .cvc-ma[b-sypjw5xzm8] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--mud-palette-primary);
}
.chat-linkcard-doc .cvc-tt[b-sypjw5xzm8] {
    padding: 0 6px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 8%, transparent);
}
.chat-linkcard-doc .dvc-loai[b-sypjw5xzm8] {
    padding: 0 6px;
    border-radius: 999px;
    font-weight: 600;
    background-color: color-mix(in srgb, var(--mud-palette-secondary) 14%, transparent);
    color: var(--mud-palette-secondary);
}
.chat-linkcard-doc .cvc-nguoi[b-sypjw5xzm8] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-feed.sel-mode .chat-linkcard-doc[b-sypjw5xzm8] { pointer-events: none; }
.chat-linkcard-doc.no-open[b-sypjw5xzm8] { cursor: default; }
.chat-linkcard-doc.no-open:hover[b-sypjw5xzm8] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 5%, transparent);
}


.chat-pollcard-wrap[b-sypjw5xzm8] {
    display: flex;
    margin-top: 4px;
}

.chat-pollcard-wrap.mine[b-sypjw5xzm8]  { justify-content: flex-end; }
.chat-pollcard-wrap.other[b-sypjw5xzm8] { justify-content: flex-start; }


.callov[b-ouspg5p95h] {
    position: fixed;
    left: 50%;
    top: calc(72px + env(safe-area-inset-top, 0px));
    transform: translateX(-50%);
    z-index: 2100;   
}

.callov-card[b-ouspg5p95h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 224px;
    max-width: 92vw;
    padding: 20px 24px 22px;
    border-radius: 22px;
    background: var(--mud-palette-surface);
}


.callov-in .callov-card[b-ouspg5p95h] { animation: callov-pop-b-ouspg5p95h 1.6s ease-in-out infinite; }

@keyframes callov-pop-b-ouspg5p95h {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.035); }
}


.callov-ava-wrap[b-ouspg5p95h] {
    position: relative;
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    margin-bottom: 2px;
}

.callov-ava[b-ouspg5p95h] {
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 1.5rem;
    font-weight: 600;
}


.callov-ava-wrap[b-ouspg5p95h]::before,
.callov-ava-wrap[b-ouspg5p95h]::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 2px solid transparent;
    pointer-events: none;
}

.callov-in .callov-ava-wrap[b-ouspg5p95h]::before { border-color: var(--mud-palette-success); animation: callov-ring-b-ouspg5p95h 1.5s ease-out infinite; }
.callov-in .callov-ava-wrap[b-ouspg5p95h]::after  { border-color: var(--mud-palette-success); animation: callov-ring-b-ouspg5p95h 1.5s ease-out .75s infinite; }
.callov-out .callov-ava-wrap[b-ouspg5p95h]::before { border-color: var(--mud-palette-primary); animation: callov-ring-b-ouspg5p95h 2s ease-out infinite; }

@keyframes callov-ring-b-ouspg5p95h {
    0%   { transform: scale(.75); opacity: .8; }
    100% { transform: scale(1.35); opacity: 0; }
}


.callov-ava.speaking[b-ouspg5p95h] { animation: callov-speak-b-ouspg5p95h 1s ease-out infinite; }

@keyframes callov-speak-b-ouspg5p95h {
    0%   { box-shadow: 0 0 0 0 rgba(var(--mud-palette-primary-rgb), .5); }
    100% { box-shadow: 0 0 0 14px rgba(var(--mud-palette-primary-rgb), 0); }
}


.callov-name[b-ouspg5p95h] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.callov-sub[b-ouspg5p95h] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .82rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.callov-dot[b-ouspg5p95h] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mud-palette-text-disabled);
    flex: none;
}

.callov-in .callov-dot[b-ouspg5p95h]   { background: var(--mud-palette-success); animation: callov-blink-b-ouspg5p95h 1s steps(1) infinite; }
.callov-out .callov-dot[b-ouspg5p95h]  { background: var(--mud-palette-primary); animation: callov-blink-b-ouspg5p95h 1.4s steps(1) infinite; }
.callov-live .callov-dot[b-ouspg5p95h] { background: var(--mud-palette-success); }

@keyframes callov-blink-b-ouspg5p95h { 50% { opacity: .2; } }


.callov-actions[b-ouspg5p95h] {
    display: flex;
    gap: 24px;
    margin-top: 12px;
}

.callov-btn[b-ouspg5p95h] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: transform .12s ease, filter .12s ease;
}

.callov-btn:hover:not(:disabled)[b-ouspg5p95h]  { transform: scale(1.07); }
.callov-btn:active:not(:disabled)[b-ouspg5p95h] { transform: scale(.96); }
.callov-btn:disabled[b-ouspg5p95h] { opacity: .55; cursor: default; animation: none; }

.callov-btn--accept[b-ouspg5p95h] { background: var(--mud-palette-success); color: var(--mud-palette-success-text); }
.callov-btn--reject[b-ouspg5p95h],
.callov-btn--end[b-ouspg5p95h]    { background: var(--mud-palette-error); color: var(--mud-palette-error-text); }


.callov-btn--mute[b-ouspg5p95h] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
}
.callov-btn--mute.on[b-ouspg5p95h] {
    background: var(--mud-palette-text-primary);
    color: var(--mud-palette-surface);
    border-color: var(--mud-palette-text-primary);
}


.callov-btn--rec[b-ouspg5p95h] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
}
.callov-btn--rec.on[b-ouspg5p95h] {
    background: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
    border-color: var(--mud-palette-error);
}


.callov-rec[b-ouspg5p95h] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font-size: .78rem;
    color: var(--mud-palette-error);
}
.callov-rec-dot[b-ouspg5p95h] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mud-palette-error);
    animation: callov-blink-b-ouspg5p95h 1s steps(1) infinite;
}


.callov-btn--retry[b-ouspg5p95h],
.callov-btn--play[b-ouspg5p95h] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}


.callov-in .callov-btn--accept[b-ouspg5p95h] { animation: callov-bob-b-ouspg5p95h 1.2s ease-in-out infinite; }

@keyframes callov-bob-b-ouspg5p95h { 50% { transform: scale(1.08); } }

.callov-ic[b-ouspg5p95h] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    color: inherit;
}


.callov-ic[b-ouspg5p95h]  svg {
    width: 100%;
    height: 100%;
    display: block;
}

.callov-ic--end[b-ouspg5p95h]  svg { transform: rotate(135deg); }


@media (prefers-reduced-motion: reduce) {
    .callov-ava-wrap[b-ouspg5p95h]::before,
    .callov-ava-wrap[b-ouspg5p95h]::after,
    .callov-ava.speaking[b-ouspg5p95h],
    .callov-in .callov-card[b-ouspg5p95h],
    .callov-in .callov-btn--accept[b-ouspg5p95h],
    .callov-dot[b-ouspg5p95h] { animation: none !important; }
}

@media (max-width: 520px) {
    .callov[b-ouspg5p95h] {
        left: 12px;
        right: 12px;
        top: calc(12px + env(safe-area-inset-top, 0px));
        transform: none;
    }

    .callov-card[b-ouspg5p95h] { width: auto; }
}



.chat-page[b-xbw2vl2kx9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    
    flex: 1 1 auto;
    min-height: 0;
}


.chat-page-head[b-xbw2vl2kx9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.chat-page-head-text[b-xbw2vl2kx9] {
    min-width: 0;
}


.chat-crumbs[b-xbw2vl2kx9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

.chat-crumbs .sep[b-xbw2vl2kx9] {
    opacity: 0.5;
}


.chat-page-title[b-xbw2vl2kx9] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--mud-palette-text-primary);
    margin: 0;
    line-height: 1.2;
}

.chat-page-actions[b-xbw2vl2kx9] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}


.chat-card[b-xbw2vl2kx9] {
    position: relative;
    padding: 0;
    overflow: hidden;
    display: grid;
    
    --chat-channels-width: 300px;
    grid-template-columns: var(--chat-channels-width) 6px 1fr 280px;
    
    flex: 1 1 auto;
    min-height: 0;
}


.chat-card.no-aside[b-xbw2vl2kx9] {
    grid-template-columns: var(--chat-channels-width) 6px 1fr;
}


.chat-card > *[b-xbw2vl2kx9] {
    min-width: 0;
    min-height: 0;
}


.chat-channels[b-xbw2vl2kx9] {
    display: flex;
    flex-direction: column;
    background: var(--slate-25);
    border-right: 1px solid var(--app-divider);
    overflow: hidden;
}


.chat-resizer[b-xbw2vl2kx9] {
    cursor: col-resize;
    background: transparent;
    position: relative;
    user-select: none;
    touch-action: none;
    transition: background 0.15s;
}


.chat-resizer[b-xbw2vl2kx9]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--app-divider);
    transform: translateX(-50%);
}


.chat-resizer[b-xbw2vl2kx9]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 36px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: var(--mud-palette-lines-default);
    transition: background 0.15s, height 0.15s;
}

.chat-resizer:hover[b-xbw2vl2kx9]::after,
.chat-resizer:active[b-xbw2vl2kx9]::after {
    background: var(--mud-palette-primary);
    height: 52px;
}

.chat-resizer:hover[b-xbw2vl2kx9] {
    background: var(--app-primary-lighten);
}


.chat-main[b-xbw2vl2kx9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}


.chat-aside[b-xbw2vl2kx9] {
    border-left: 1px solid var(--app-divider);
    background: var(--app-surface);
    
    overflow: hidden;
    min-height: 0;
}


@media (max-width: 1280px) {
    .chat-card[b-xbw2vl2kx9] {
        grid-template-columns: var(--chat-channels-width) 6px 1fr;
    }
    .chat-aside[b-xbw2vl2kx9] {
        display: none;
    }
}


.chat-mobile-trigger[b-xbw2vl2kx9] {
    display: none;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    
    width: 40px;
    height: 40px;
    border: 1px solid var(--app-divider);
    background: var(--app-surface);
    border-radius: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, border-color 0.15s;
}

.chat-mobile-trigger:hover[b-xbw2vl2kx9] {
    background: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
}


.chat-info-back[b-xbw2vl2kx9] {
    display: none;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 11;
    width: 40px;
    height: 40px;
    border: 1px solid var(--app-divider);
    background: var(--app-surface);
    border-radius: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, border-color 0.15s;
}

.chat-info-back:hover[b-xbw2vl2kx9] {
    background: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
}


@media (max-width: 880px) {
    
    .chat-card[b-xbw2vl2kx9],
    .chat-card.no-aside[b-xbw2vl2kx9] {
        grid-template-columns: 1fr;
    }

    
    .chat-resizer[b-xbw2vl2kx9],
    .chat-aside[b-xbw2vl2kx9] {
        display: none;
    }

    
    .chat-page-head[b-xbw2vl2kx9] {
        display: none;
    }

    
    .chat-channels[b-xbw2vl2kx9] {
        display: flex;
        border-right: none;   
    }
    .chat-main[b-xbw2vl2kx9] {
        display: none;
    }

    
    .chat-page.thread-open .chat-channels[b-xbw2vl2kx9] {
        display: none;
    }
    .chat-page.thread-open .chat-main[b-xbw2vl2kx9] {
        display: flex;
    }
    .chat-page.thread-open .chat-mobile-trigger[b-xbw2vl2kx9] {
        display: inline-flex;
    }

    
    .chat-page.info-open .chat-channels[b-xbw2vl2kx9],
    .chat-page.info-open .chat-main[b-xbw2vl2kx9] {
        display: none;
    }
    .chat-page.info-open .chat-aside[b-xbw2vl2kx9] {
        display: block;
        position: relative;   
    }
    .chat-page.info-open .chat-mobile-trigger[b-xbw2vl2kx9] {
        display: none;   
    }
    .chat-page.info-open .chat-info-back[b-xbw2vl2kx9] {
        display: inline-flex;
    }
}


.chat-rt-banner[b-xbw2vl2kx9] {
    flex: 0 0 auto;
    margin: 0;
}

.chat-rt-banner-row[b-xbw2vl2kx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}



.q-row[b-5tyb6cj7rf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.q-opt[b-5tyb6cj7rf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px 7px 10px;
    border: 0;                                   
    border-radius: 999px;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-primary);
    font: inherit;
    font-size: 0.875rem;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .12s ease, color .12s ease;
}

.q-opt:hover[b-5tyb6cj7rf] { background: var(--mud-palette-action-disabled-background); }

.q-opt:focus-visible[b-5tyb6cj7rf] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}


.q-tick[b-5tyb6cj7rf] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--mud-palette-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    color: transparent;                          
}

.q-opt.is-on[b-5tyb6cj7rf] { color: #fff; font-weight: 600; }
.q-opt.is-on .q-tick[b-5tyb6cj7rf] { background: rgba(255, 255, 255, .28); color: #fff; }


.q-opt.is-on.q-dat[b-5tyb6cj7rf]     { background: var(--mud-palette-text-secondary); }
.q-opt.is-on.q-kha[b-5tyb6cj7rf]     { background: var(--mud-palette-info); }
.q-opt.is-on.q-tot[b-5tyb6cj7rf]     { background: var(--mud-palette-warning); }
.q-opt.is-on.q-xuatsac[b-5tyb6cj7rf] { background: var(--mud-palette-success); }



.cvr-root[b-q5qa35ekdp] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-height: 0;
}

.cvr-intro[b-q5qa35ekdp] {
    font-size: .82em;
    opacity: .78;
    line-height: 1.4;
}

.cvr-toolbar[b-q5qa35ekdp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.cvr-search[b-q5qa35ekdp] {
    min-width: 200px;
    flex: 1 1 220px;
}

.cvr-tabs[b-q5qa35ekdp] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.cvr-center[b-q5qa35ekdp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1.25rem .5rem;
    opacity: .8;
}

.cvr-empty[b-q5qa35ekdp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    text-align: center;
    padding: 2rem 1rem;
}

.cvr-empty-ic[b-q5qa35ekdp] {
    opacity: .45;
}

.cvr-empty-t[b-q5qa35ekdp] {
    font-weight: 600;
}

.cvr-empty-s[b-q5qa35ekdp] {
    font-size: .85em;
    opacity: .72;
    max-width: 420px;
}


.cvr-name[b-q5qa35ekdp] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.cvr-name-ic[b-q5qa35ekdp] {
    flex: 0 0 auto;
    opacity: .7;
}

.cvr-name-t[b-q5qa35ekdp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}

.cvr-last[b-q5qa35ekdp] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.cvr-muted[b-q5qa35ekdp] {
    opacity: .6;
}

.cvr-status-chip[b-q5qa35ekdp] {
    margin: 0;
}


.cvr-runs[b-q5qa35ekdp] {
    border: 1px solid var(--mud-palette-lines-default, rgba(0,0,0,.12));
    border-radius: 10px;
    padding: .5rem .75rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.cvr-runs-head[b-q5qa35ekdp] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 600;
}

.cvr-runs-title[b-q5qa35ekdp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cvr-runs-empty[b-q5qa35ekdp] {
    padding: .35rem 0;
    font-size: .85em;
}


.cvr-tpl[b-q5qa35ekdp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .25rem .75rem;
    font-size: .85em;
    padding: .1rem 0 .35rem;
}

.cvr-tpl-k[b-q5qa35ekdp] {
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.cvr-tpl-v[b-q5qa35ekdp] {
    min-width: 0;
}

.cvr-tpl-desc[b-q5qa35ekdp] {
    white-space: pre-wrap;
    word-break: break-word;
    opacity: .9;
}

.cvr-tpl-sub[b-q5qa35ekdp] {
    font-size: .82em;
    opacity: .68;
    margin: .1rem 0 .3rem;
}

.cvr-runs-sub[b-q5qa35ekdp] {
    font-weight: 600;
    font-size: .85em;
    opacity: .72;
    margin-top: .35rem;
}


.cvr-assignee[b-q5qa35ekdp] {
    font-size: 11.5px;
    opacity: .82;
}

.cvr-run-list[b-q5qa35ekdp] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    max-height: 260px;
    overflow-y: auto;
}

.cvr-run-row[b-q5qa35ekdp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .2rem 0;
}

.cvr-run-time[b-q5qa35ekdp] {
    flex: 0 0 auto;
    font-size: .85em;
    opacity: .85;
}

.cvr-run-msg[b-q5qa35ekdp] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .82em;
    opacity: .72;
}



.cvtm-head[b-ep5900fpg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.cvtm-title[b-ep5900fpg0] {
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.cvtm-loading[b-ep5900fpg0] {
    display: flex;
    justify-content: center;
    padding: 28px 0;
}

.cvtm-note[b-ep5900fpg0] {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--mud-palette-text-secondary);
}

.cvtm-empty[b-ep5900fpg0] {
    margin: 0;
    padding: 18px 4px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.cvtm-list[b-ep5900fpg0] {
    display: flex;
    flex-direction: column;
}

.cvtm-row[b-ep5900fpg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 4px;
    border-radius: 8px;
}

.cvtm-row + .cvtm-row[b-ep5900fpg0] {
    border-top: 1px solid var(--app-divider);
}

.cvtm-row.is-edit[b-ep5900fpg0] {
    display: block;
    background: var(--slate-50);
    padding: 10px;
}


.cvtm-chip[b-ep5900fpg0] {
    min-width: 84px;
    justify-content: center;
    font-size: 11px;
    padding: 3px 8px;
}

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

.cvtm-count[b-ep5900fpg0] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    flex: none;
}


.cvtm-edit-top[b-ep5900fpg0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cvtm-input[b-ep5900fpg0] {
    flex: 1;
    min-width: 0;
}

.cvtm-preview[b-ep5900fpg0] {
    flex: none;
    min-width: 74px;
    justify-content: center;
    font-size: 11px;
    padding: 3px 8px;
}

.cvtm-edit-bot[b-ep5900fpg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.cvtm-swatches[b-ep5900fpg0] {
    display: flex;
    gap: 6px;
}


.cvtm-sw[b-ep5900fpg0] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--app-divider);
    border-radius: 7px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.cvtm-sw.is-on[b-ep5900fpg0] {
    box-shadow: 0 0 0 2px var(--mud-palette-surface), 0 0 0 3.5px var(--mud-palette-primary);
}


.cvtm-sw.chat-tag--brand[b-ep5900fpg0]  { background: var(--brand-soft);  border-color: var(--brand); }
.cvtm-sw.chat-tag--info[b-ep5900fpg0]   { background: var(--info-50);     border-color: var(--info-600); }
.cvtm-sw.chat-tag--ok[b-ep5900fpg0]     { background: var(--success-50);  border-color: var(--success-700); }
.cvtm-sw.chat-tag--warn[b-ep5900fpg0]   { background: var(--warning-50);  border-color: var(--warning-700); }
.cvtm-sw.chat-tag--err[b-ep5900fpg0]    { background: var(--error-50);    border-color: var(--error-700); }
.cvtm-sw.chat-tag--purple[b-ep5900fpg0] { background: var(--purple-50);   border-color: var(--purple-600); }


html[data-theme="dark"] .cvtm-sw.chat-tag--brand[b-ep5900fpg0]  { background: color-mix(in srgb, var(--brand) 24%, var(--bg-surface)); }
html[data-theme="dark"] .cvtm-sw.chat-tag--info[b-ep5900fpg0]   { background: color-mix(in srgb, var(--info-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .cvtm-sw.chat-tag--ok[b-ep5900fpg0]     { background: color-mix(in srgb, var(--success-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .cvtm-sw.chat-tag--warn[b-ep5900fpg0]   { background: color-mix(in srgb, var(--warning-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .cvtm-sw.chat-tag--err[b-ep5900fpg0]    { background: color-mix(in srgb, var(--error-500) 24%, var(--bg-surface)); }
html[data-theme="dark"] .cvtm-sw.chat-tag--purple[b-ep5900fpg0] { background: color-mix(in srgb, var(--purple-600) 30%, var(--bg-surface)); }

.cvtm-cap[b-ep5900fpg0] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-right: auto;
}


.cert-public-page[b-j4v1uia5xd] {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 16px;
}




.dao-tao-filter-btn-mob[b-bhpplo0bmg],
.dao-tao-msheet-scrim[b-bhpplo0bmg],
.dao-tao-msheet-head[b-bhpplo0bmg],
.dao-tao-msheet-foot[b-bhpplo0bmg] {
    display: none;
}


.dao-tao-mfilter-dot[b-bhpplo0bmg] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

@media (max-width: 600px) {
    
    .dao-tao-filter-btn-mob[b-bhpplo0bmg] {
        display: inline-flex;
        flex: none;
    }

    
    .dao-tao-left-nav[b-bhpplo0bmg] {
        display: none;
    }

    
    .dao-tao-layout.is-mfilters-open .dao-tao-msheet-scrim[b-bhpplo0bmg] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1360;
        background: rgba(0, 0, 0, .45);
        cursor: pointer;   
        animation: vm-scrim-fade .22s ease;
    }

    
    .dao-tao-layout.is-mfilters-open .dao-tao-left-nav[b-bhpplo0bmg] {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 1361;
        width: auto;
        min-width: 0;
        max-width: none;
        height: auto;
        max-height: 85dvh;
        overflow: hidden;
        border-right: none;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 30px color-mix(in srgb, var(--mud-palette-text-primary) 24%, transparent);
        animation: vm-sheet-up .3s cubic-bezier(.16, 1, .3, 1);
    }

    
    .dao-tao-msheet-head[b-bhpplo0bmg] {
        display: block;
        flex: none;
        padding: 8px 12px 0;
        background: var(--mud-palette-surface);
    }

    .dao-tao-msheet-grab[b-bhpplo0bmg] {
        display: block;
        width: 38px;
        height: 4px;
        margin: 0 auto 8px;
        border-radius: 999px;
        background: var(--mud-palette-lines-default);
    }

    .dao-tao-msheet-bar[b-bhpplo0bmg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding-bottom: 6px;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

    
    .dao-tao-msheet-foot[b-bhpplo0bmg] {
        display: block;
        flex: none;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-lines-default);
    }
}




.dao-tao-actions-desk[b-bhpplo0bmg],   
.dao-tao-create-desk[b-bhpplo0bmg],    
.dao-tao-view-desk[b-bhpplo0bmg] {     
    display: contents;
}


.dao-tao-create-mob[b-bhpplo0bmg] {
    display: none;
}

@media (max-width: 600px) {
    

    
    .dao-tao-actions-desk[b-bhpplo0bmg],
    .dao-tao-create-desk[b-bhpplo0bmg],
    .dao-tao-view-desk[b-bhpplo0bmg] {
        display: none;
    }

    
    .dao-tao-create-mob[b-bhpplo0bmg] {
        display: inline-flex;
        flex: none;
    }
}


@media (prefers-reduced-motion: reduce) {
    .dao-tao-layout.is-mfilters-open .dao-tao-left-nav[b-bhpplo0bmg],
    .dao-tao-layout.is-mfilters-open .dao-tao-msheet-scrim[b-bhpplo0bmg] {
        animation: none;
    }
}




.dao-tao-filter-btn-mob[b-0f8tj516pu],
.dao-tao-msheet-scrim[b-0f8tj516pu],
.dao-tao-msheet-head[b-0f8tj516pu],
.dao-tao-msheet-foot[b-0f8tj516pu] {
    display: none;
}


.td-lammoi-desk[b-0f8tj516pu] {
    display: contents;
}


.dao-tao-mfilter-dot[b-0f8tj516pu] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

@media (max-width: 600px) {
    
    .dao-tao-filter-btn-mob[b-0f8tj516pu] {
        display: inline-flex;
        flex: none;
    }

    
    .td-lammoi-desk[b-0f8tj516pu] {
        display: none;
    }

    
    .dao-tao-left-nav[b-0f8tj516pu] {
        display: none;
    }

    
    .dao-tao-layout.is-mfilters-open .dao-tao-msheet-scrim[b-0f8tj516pu] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1360;
        background: rgba(0, 0, 0, .45);
        cursor: pointer;
        animation: vm-scrim-fade .22s ease;
    }

    
    .dao-tao-layout.is-mfilters-open .dao-tao-left-nav[b-0f8tj516pu] {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 1361;
        width: auto;
        min-width: 0;
        max-width: none;
        height: auto;
        max-height: 85dvh;
        overflow: hidden;
        border-right: none;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 30px color-mix(in srgb, var(--mud-palette-text-primary) 24%, transparent);
        animation: vm-sheet-up .3s cubic-bezier(.16, 1, .3, 1);
    }

    
    .dao-tao-msheet-head[b-0f8tj516pu] {
        display: block;
        flex: none;
        padding: 8px 12px 0;
        background: var(--mud-palette-surface);
    }

    .dao-tao-msheet-grab[b-0f8tj516pu] {
        display: block;
        width: 38px;
        height: 4px;
        margin: 0 auto 8px;
        border-radius: 999px;
        background: var(--mud-palette-lines-default);
    }

    .dao-tao-msheet-bar[b-0f8tj516pu] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding-bottom: 6px;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

    
    .dao-tao-msheet-foot[b-0f8tj516pu] {
        display: block;
        flex: none;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-lines-default);
    }
}


@media (prefers-reduced-motion: reduce) {
    .dao-tao-layout.is-mfilters-open .dao-tao-left-nav[b-0f8tj516pu],
    .dao-tao-layout.is-mfilters-open .dao-tao-msheet-scrim[b-0f8tj516pu] {
        animation: none;
    }
}


.dao-tao-content-scroll[b-0f8tj516pu]  .td-col-card {
    display: none;
}

@media (max-width: 600px) {
    .dao-tao-content-scroll[b-0f8tj516pu]  .td-col-desk {
        display: none;
    }

    .dao-tao-content-scroll[b-0f8tj516pu]  .td-col-card {
        display: table-cell;
        padding: 10px 8px !important;
        max-width: 0;   
        width: 100%;
    }

    
    .dao-tao-content-scroll[b-0f8tj516pu]  thead {
        display: none;
    }
}


.td-mcard[b-0f8tj516pu] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.td-mcard-head[b-0f8tj516pu] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.td-mcard-idt[b-0f8tj516pu] {
    flex: 1 1 auto;
    min-width: 0;
}

.td-mcard-name[b-0f8tj516pu] {
    font-weight: 600;
    font-size: .9rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-mcard-code[b-0f8tj516pu] {
    font-family: 'JetBrains Mono', monospace;
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

.td-mcard-org[b-0f8tj516pu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 6px;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
    min-width: 0;
}

.td-mcard-org-sep[b-0f8tj516pu] {
    color: var(--mud-palette-text-disabled);
}

.td-mcard-metrics[b-0f8tj516pu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    font-size: .8rem;
}

.td-mcard-metric[b-0f8tj516pu] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}


.td-mcard-metric[b-0f8tj516pu]  .mud-icon-root {
    font-size: .95em;
}

.td-mcard-foot[b-0f8tj516pu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
}

.td-mcard-done[b-0f8tj516pu] {
    white-space: nowrap;
}



.doc-viewer-root[b-2cctypp805] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
    min-height: 520px;
}

.doc-viewer-state[b-2cctypp805] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 16px;
    color: var(--mud-palette-text-secondary);
}


.doc-viewer-header[b-2cctypp805] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    background: var(--mud-palette-background-grey);
    border-radius: 6px;
}

.doc-viewer-header-info[b-2cctypp805] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}


.doc-viewer-header.has-close .doc-viewer-header-info[b-2cctypp805] { padding-right: 36px; }


.doc-viewer-header-foot[b-2cctypp805] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    min-width: 0;
}


.doc-viewer-size[b-2cctypp805] {
    font-size: .75rem;
    line-height: 1.6;
    flex-shrink: 0;
}


[b-2cctypp805] .doc-viewer-header-info > .mud-icon-root { font-size: 13px !important; flex-shrink: 0; }


[b-2cctypp805] .doc-viewer-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    
    flex: 1;
    min-width: 0;
}


@media (max-width: 600px) {
    .doc-viewer-root[b-2cctypp805] { gap: 8px; }
    .doc-viewer-header[b-2cctypp805] { padding: 6px 8px; }
    .doc-viewer-header-info[b-2cctypp805] { gap: 8px; }
    
    .doc-viewer-header-actions[b-2cctypp805] { gap: 2px; }
    
    [b-2cctypp805] .doc-viewer-an-khi-hep { display: none; }
    [b-2cctypp805] .doc-viewer-header-actions .mud-button-root { padding-left: 8px; padding-right: 8px; min-width: 0; }

    
    [b-2cctypp805] .doc-viewer-html-frame table { width: auto; min-width: 100%; }

    
    [b-2cctypp805] .doc-viewer-name { -webkit-line-clamp: 3; }
}

.doc-viewer-header-actions[b-2cctypp805] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    margin-left: auto;   
}


[b-2cctypp805] .doc-viewer-noshare {
    font-size: 15px !important;
    color: var(--mud-palette-text-disabled);
    align-self: center;
    cursor: help;
}


[b-2cctypp805] .doc-pdf-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 6px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}


[b-2cctypp805] .doc-viewer-close {
    position: absolute;
    top: 4px;
    right: 4px;
}

.doc-viewer-content[b-2cctypp805] {
    flex: 1;
    min-height: 480px;
    overflow: auto;
}


[b-2cctypp805] .doc-viewer-html-frame {
    padding: 16px 20px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    line-height: 1.55;
    overflow: auto;
    max-height: 70vh;
}

[b-2cctypp805] .doc-viewer-html-frame img { max-width: 100%; height: auto; }
[b-2cctypp805] .doc-viewer-html-frame table { border-collapse: collapse; width: 100%; }
[b-2cctypp805] .doc-viewer-html-frame table th,
[b-2cctypp805] .doc-viewer-html-frame table td { border: 1px solid var(--mud-palette-lines-default); padding: 6px 10px; }


[b-2cctypp805] .doc-viewer-xl-frame {
    padding: 12px 14px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    overflow: auto;
    max-height: 70vh;
}


[b-2cctypp805] .doc-viewer-xl-frame .doc-xl-sheet {
    margin: 18px 0 6px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}
[b-2cctypp805] .doc-viewer-xl-frame .doc-xl-sheet:first-child { margin-top: 0; }


[b-2cctypp805] .doc-viewer-xl-frame .doc-xl-wrap { overflow-x: auto; padding-bottom: 4px; }



[b-2cctypp805] .doc-viewer-xl-frame .doc-xl-cut {
    margin: 10px 0 0;
    font-size: 12.5px;
    color: var(--mud-palette-warning);
}


[b-2cctypp805] .doc-viewer-text-frame {
    padding: 12px 14px;
    background: var(--mud-palette-background-grey);
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 13px;
    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
    max-height: 70vh;
    margin: 0;
}


[b-2cctypp805] .doc-viewer-image-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 72vh;
    min-height: 480px;
    background: repeating-conic-gradient(#f3f3f3 0% 25%, #ffffff 0% 50%) 50% / 20px 20px;
    border-radius: 6px;
    overflow: hidden;
}


[b-2cctypp805] .doc-viewer-image-frame .zoom-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


[b-2cctypp805] .doc-viewer-unsupported {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 16px;
    text-align: center;
}

.doc-viewer-page-wrapper[b-ewzxyhgi3q] {
    padding: 16px;
    min-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.doc-viewer-page-toolbar[b-ewzxyhgi3q] {
    padding: 4px 0 12px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}



.cc-chart[b-2ei114779l] {
    display: flex;
    gap: 14px;
    align-items: flex-end;
    height: 220px;
    padding: 0 4px;
}

.cc-chart-col[b-2ei114779l] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.cc-chart-bar[b-2ei114779l] {
    display: flex;
    flex-direction: column-reverse;
    width: 38px;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
}

.cc-chart-bar-weekend[b-2ei114779l] {
    background: var(--mud-palette-background-grey);
    border: 1px dashed var(--mud-palette-lines-default);
}

.cc-chart-label[b-2ei114779l] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

.cc-chart-sublabel[b-2ei114779l] {
    font-size: 10.5px;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.cc-chart-total[b-2ei114779l] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
}


@media (max-width: 720px) {
    .cc-chart[b-2ei114779l] {
        height: 180px;
    }

    .cc-chart-bar[b-2ei114779l] {
        width: 26px;
        height: 140px;
    }
}

@media (max-width: 520px) {
    .cc-chart[b-2ei114779l] {
        gap: 8px;
        height: 160px;
    }

    .cc-chart-bar[b-2ei114779l] {
        width: 22px;
        height: 120px;
    }

    .cc-chart-label[b-2ei114779l] {
        font-size: 11px;
    }
}




.kn-section[b-23pthjzwyd] {
    margin-top: 12px;
}


.kn-empty[b-23pthjzwyd] {
    padding: 12px 14px;
    border: 1px dashed var(--app-divider);
    border-radius: 10px;
    background: var(--mud-palette-background-grey);
    margin-bottom: 10px;
}

.kn-empty-title[b-23pthjzwyd] {
    font-weight: 600;
    font-size: .85rem;
    color: var(--fg-1);
    margin-bottom: 2px;
}

.kn-empty-desc[b-23pthjzwyd] {
    font-size: .8rem;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}


.kn-row[b-23pthjzwyd] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    background: var(--app-surface);
    margin-bottom: 8px;
}


.kn-row--off[b-23pthjzwyd] {
    opacity: .62;
}

.kn-row-main[b-23pthjzwyd] {
    flex: 1;
    min-width: 0;          
}

.kn-row-unit[b-23pthjzwyd] {
    font-size: .875rem;
    line-height: 1.4;
    color: var(--fg-1);
}

.kn-unit-path[b-23pthjzwyd] {
    font-weight: 600;
}

.kn-role[b-23pthjzwyd] {
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
}

.kn-row-meta[b-23pthjzwyd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
}

.kn-note[b-23pthjzwyd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 22rem;
}

.kn-row-actions[b-23pthjzwyd] {
    display: flex;
    gap: 2px;
    flex: 0 0 auto;
}



.kn-chip[b-23pthjzwyd] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
}

.kn-chip--on[b-23pthjzwyd] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
}

.kn-chip--soon[b-23pthjzwyd] {
    color: var(--mud-palette-info);
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
}

.kn-chip--off[b-23pthjzwyd] {
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 12%, transparent);
}


.kn-form[b-23pthjzwyd] {
    padding: 12px;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 10px;
    background: var(--app-surface);
    margin-bottom: 8px;
}

.kn-form-title[b-23pthjzwyd] {
    font-weight: 700;
    font-size: .85rem;
    color: var(--fg-1);
    margin-bottom: 10px;
}


.kn-lbl[b-23pthjzwyd] {
    display: block;
    font-size: .8rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}


.kn-radio[b-23pthjzwyd]  .mud-input-control-boolean-input {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
}



.kn-form-hint[b-23pthjzwyd] {
    margin-top: 10px;
    font-size: .78rem;
    line-height: 1.45;
    color: var(--mud-palette-text-secondary);
}

.kn-form-actions[b-23pthjzwyd] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
}


.kn-limit[b-23pthjzwyd] {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: .8rem;
    line-height: 1.45;
    color: var(--mud-palette-warning-darken);
    background: color-mix(in srgb, var(--mud-palette-warning) 12%, transparent);
}

@media (max-width: 600px) {
    .kn-note[b-23pthjzwyd] { max-width: 100%; }
}




.nv-name-row[b-id065et7s4]  .mud-chip .mud-icon-root {
    font-size: .85em;
    width: 1em;
    height: 1em;
}


.nv-miss[b-id065et7s4] {
    font-size: 11px;
    line-height: 1.2;
    color: var(--mud-palette-warning-darken);
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.nv-page[b-id065et7s4] {
    min-height: calc(100dvh - 224px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.nv-search-field[b-id065et7s4] {
    flex: 1 1 260px;
    min-width: 200px;
}


.nv-chucdanh-field[b-id065et7s4] {
    flex: 0 0 190px;
    position: relative;
}
.nv-chucdanh-field.open[b-id065et7s4] {
    z-index: 6;
}


.nv-attr-field[b-id065et7s4] {
    flex: 0 0 148px;
}


@media (max-width: 960px) {
    .nv-search-field[b-id065et7s4] {
        flex-basis: 100%;
        min-width: 0;
    }
    .nv-chucdanh-field[b-id065et7s4] {
        flex: 1 1 100%;
    }
    .nv-attr-field[b-id065et7s4] {
        flex: 1 1 100%;
    }
}


@media (max-width: 600px) {
    .nv-attr-field[b-id065et7s4] {
        flex: 1 1 calc(50% - 5px);
        min-width: 0;
    }
}




.nv-act-desk[b-id065et7s4] {
    display: contents;
}


.nv-imp-desk[b-id065et7s4] {
    display: contents;
}

.nv-sbtoggle-mob[b-id065et7s4] {
    display: none;
}

.nv-act-add-short[b-id065et7s4] {
    display: none;
}

@media (max-width: 600px) {
    
    .nv-imp-desk[b-id065et7s4] {
        display: none;
    }

    

    
    .nv-act-add-full[b-id065et7s4] {
        display: none;
    }

    .nv-act-add-short[b-id065et7s4] {
        display: inline;
    }

    .nv-sbtoggle-desk[b-id065et7s4] {
        display: none;
    }

    .nv-sbtoggle-mob[b-id065et7s4] {
        display: inline-flex;
        flex: none;
    }
}




.nv-mfilter-dot[b-id065et7s4] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}


.nv-cta[b-id065et7s4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
}


.nv-cta-warn[b-id065et7s4] {
    border-color: rgba(var(--mud-palette-warning-rgb), .4);
    background: rgba(var(--mud-palette-warning-rgb), .06);
}

.nv-cta-title[b-id065et7s4] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}


.nv-cta[b-id065et7s4]  .mud-icon-root {
    font-size: 12px !important;
}


.nv-cta-chip[b-id065et7s4] {
    border: 0;
    margin: 0;
    font-family: inherit;
    cursor: pointer;
    transition: filter .15s ease;
}
.nv-cta-chip:hover[b-id065et7s4] { filter: brightness(.96); }
.nv-cta-chip:focus-visible[b-id065et7s4] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}


.nv-shell[b-id065et7s4] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
    align-items: stretch;
}


.nv-sidebar[b-id065et7s4] {
    width: 250px;
    flex-shrink: 0;
    position: sticky;
    top: 72px;                            
    align-self: flex-start;               
    max-height: calc(100dvh - 242px);
    overflow-y: auto;
    padding-right: 4px;
    
    display: flex;
    flex-direction: column;
}


.nv-side-header[b-id065et7s4] {
    position: sticky;
    top: 0;
    padding-bottom: 6px;
    background: var(--mud-palette-background);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    z-index: 1;
}


.nv-warn[b-id065et7s4] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: var(--mud-palette-warning-hover);
    border: 1px solid var(--mud-palette-warning);
}

.nv-warn-body[b-id065et7s4] {
    flex: 1;
    min-width: 0;
}


.nv-fchips[b-id065et7s4] {
    flex-shrink: 0;
    margin: 0;
}

.nv-fchips-lead[b-id065et7s4] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}


.nv-fchip-txt[b-id065et7s4] {
    max-width: min(320px, 60vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.nv-shell.is-sidebar-collapsed .nv-sidebar[b-id065et7s4] {
    display: none;
}

.nv-main[b-id065et7s4] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.nv-grid-wrap[b-id065et7s4] {
    flex: 1 1 auto;
    min-height: 360px;
    position: relative;
}


@media (max-width: 960px) {
    .nv-page[b-id065et7s4] {
        min-height: 0;
    }

    .nv-shell[b-id065et7s4] {
        flex-direction: column;
    }

    .nv-sidebar[b-id065et7s4] {
        width: 100%;
        height: auto;
        
        position: static;
        max-height: none;
        overflow: visible;
    }

    .nv-grid-wrap[b-id065et7s4] {
        min-height: 480px;
    }
}


@media (max-width: 600px) {
    .nv-page[b-id065et7s4] {
        min-height: calc(100dvh - 150px);
    }

    .nv-shell[b-id065et7s4],
    .nv-main[b-id065et7s4] {
        min-height: 0;
    }

    .nv-grid-wrap[b-id065et7s4] {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }
}


.nv-filter-group[b-id065et7s4] {
    margin-bottom: 12px;
}


.nv-filter-group-title[b-id065et7s4] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
}

.nv-filter-group-title:hover[b-id065et7s4] {
    background: var(--mud-palette-action-default-hover);
}

.nv-filter-group-title:focus-visible[b-id065et7s4] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}


.nv-filter-group-title[b-id065et7s4]  .mud-icon-root {
    font-size: 14px;
    color: var(--mud-palette-text-secondary);
    transition: transform .18s ease;
    flex: none;
}

.nv-filter-group-title.is-open[b-id065et7s4]  .mud-icon-root {
    transform: rotate(90deg);
}


.nv-fg-body[b-id065et7s4] {
    padding-left: 18px;
}


.nv-filter-row[b-id065et7s4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: .85rem;
    color: var(--mud-palette-text-primary);
}

.nv-filter-row:hover[b-id065et7s4] {
    background: var(--mud-palette-action-default-hover);
}


.nv-filter-row-active[b-id065et7s4] {
    background: var(--mud-palette-primary-hover);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    font-weight: 600;
}

.nv-filter-row-active .nv-filter-label[b-id065et7s4] {
    color: var(--mud-palette-primary);
}

.nv-filter-row-active .nv-filter-count[b-id065et7s4] {
    background: var(--mud-palette-primary-hover);
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: var(--mud-palette-primary);
}

.nv-filter-dot[b-id065et7s4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.nv-filter-label[b-id065et7s4] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nv-filter-count[b-id065et7s4] {
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    border-radius: 10px;
    padding: 0 8px;
    min-width: 26px;
    text-align: center;
}




.nv-cell[b-id065et7s4] {
    line-height: 1.3;
    min-width: 0;
}

.nv-cell-p[b-id065et7s4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.nv-cell-p.num[b-id065et7s4] {
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}


.nv-cell-p.nv-cell-muted[b-id065et7s4] {
    font-weight: 400;
    color: var(--mud-palette-text-disabled);
}

.nv-cell-s[b-id065et7s4] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.nv-stt[b-id065et7s4] {
    line-height: 1.3;
}

.nv-stt-badge[b-id065et7s4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 999px;
    line-height: 1.4;
    white-space: nowrap;
}

.nv-stt-badge .nv-stt-dot[b-id065et7s4] {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: currentColor;
    flex-shrink: 0;
}

.nv-stt-sub[b-id065et7s4] {
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
    font-variant-numeric: tabular-nums;
}


.nv-stt-success[b-id065et7s4] { background: rgba(var(--mud-palette-success-rgb), .14); color: var(--mud-palette-success-darken); }
.nv-stt-info[b-id065et7s4]    { background: rgba(var(--mud-palette-info-rgb), .14);    color: var(--mud-palette-info-darken); }
.nv-stt-warning[b-id065et7s4] { background: rgba(var(--mud-palette-warning-rgb), .16); color: var(--mud-palette-warning-darken); }
.nv-stt-error[b-id065et7s4]   { background: rgba(var(--mud-palette-error-rgb), .14);   color: var(--mud-palette-error-darken); }
.nv-stt-neutral[b-id065et7s4] { background: var(--mud-palette-action-default-hover);   color: var(--mud-palette-text-secondary); }


.nv-grid-wrap[b-id065et7s4]  .nv-col-card {
    display: none;
}

@media (max-width: 600px) {
    .nv-grid-wrap[b-id065et7s4]  .nv-col-desk {
        display: none;
    }

    .nv-grid-wrap[b-id065et7s4]  .nv-col-card {
        display: table-cell;
    }

    
    .nv-grid-wrap[b-id065et7s4]  .mud-table-head {
        display: none;
    }

    
    .nv-grid-wrap[b-id065et7s4]  .nv-col-card {
        padding: 10px 8px;
        max-width: 0;   
        width: 100%;
    }

    
    .nv-grid-wrap[b-id065et7s4]  .mud-table-cell {
        vertical-align: top;
    }
}

.nv-mcard[b-id065et7s4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.nv-mcard-head[b-id065et7s4] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.nv-mcard-idt[b-id065et7s4] {
    flex: 1 1 auto;
    min-width: 0;   
}

.nv-mcard-name[b-id065et7s4] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.nv-mcard-hoten[b-id065et7s4] {
    font-weight: 600;
    font-size: .9rem;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nv-mcard-dot[b-id065et7s4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: none;
}

.nv-mcard-sub[b-id065et7s4] {
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.3;
}

.nv-mcard-stt[b-id065et7s4] {
    flex: none;
    align-self: flex-start;
}

.nv-mcard-line[b-id065et7s4] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px 8px;
    font-size: .78rem;
    line-height: 1.35;
    min-width: 0;
}

.nv-mcard-cd[b-id065et7s4] {
    font-weight: 500;
}

.nv-mcard-org[b-id065et7s4] {
    color: var(--mud-palette-text-secondary);
    font-size: .74rem;
}

.nv-mcard-foot[b-id065et7s4] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
}


.nv-mcard-hs[b-id065et7s4] {
    margin-left: auto;
    font-weight: 600;
    font-size: .7rem;
    padding: 2px 7px;
    border-radius: 999px;
    white-space: nowrap;
}

.nv-mcard-hs.is-ok[b-id065et7s4]   { background: rgba(var(--mud-palette-success-rgb), .14); color: var(--mud-palette-success-darken); }
.nv-mcard-hs.is-warn[b-id065et7s4] { background: rgba(var(--mud-palette-warning-rgb), .16); color: var(--mud-palette-warning-darken); }




.nv-msheet-scrim[b-id065et7s4],
.nv-msheet-head[b-id065et7s4],
.nv-msheet-foot[b-id065et7s4] {
    display: none;
}

@media (max-width: 600px) {
    
    .nv-sidebar[b-id065et7s4] {
        display: none;
    }

    
    .nv-shell.is-mfilters-open .nv-msheet-scrim[b-id065et7s4] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1360;
        background: rgba(0, 0, 0, .45);
        
        cursor: pointer;
        animation: vm-scrim-fade .22s ease;
    }

    
    .nv-shell.is-mfilters-open .nv-sidebar[b-id065et7s4] {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 1361;
        width: auto;
        height: auto;
        max-height: 85dvh;
        overflow-y: auto;
        overscroll-behavior: contain;   
        padding: 0 12px;
        background: var(--mud-palette-surface);
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 30px color-mix(in srgb, var(--mud-palette-text-primary) 24%, transparent);
        animation: vm-sheet-up .3s cubic-bezier(.16, 1, .3, 1);
    }

    

    
    .nv-msheet-head[b-id065et7s4] {
        display: block;
        position: sticky;
        top: 0;
        z-index: 2;
        padding-top: 6px;
        background: var(--mud-palette-surface);
    }

    
    .nv-side-header[b-id065et7s4] {
        position: static;
    }

    .nv-msheet-grab[b-id065et7s4] {
        display: block;
        width: 38px;
        height: 4px;
        margin: 0 auto 6px;
        border-radius: 999px;
        background: var(--mud-palette-lines-default);
    }

    .nv-msheet-bar[b-id065et7s4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding-bottom: 4px;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

    
    .nv-msheet-foot[b-id065et7s4] {
        display: block;
        position: sticky;
        bottom: 0;
        z-index: 2;
        padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-lines-default);
    }
}


.nv-filterctl-desk[b-id065et7s4],
.nv-filterctl[b-id065et7s4] {
    display: contents;
}

.nv-filterctl-mob[b-id065et7s4] {
    display: none;
}


.nv-count-desk[b-id065et7s4] {
    display: contents;
}

@media (max-width: 600px) {
    
    .nv-filterctl-desk[b-id065et7s4] {
        display: none;
    }

    .nv-filterctl-mob[b-id065et7s4] {
        display: block;
        margin-bottom: 12px;
    }

    
    .nv-count-desk[b-id065et7s4] {
        display: none;
    }

    
    .nv-filterctl[b-id065et7s4] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 10px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .nv-shell.is-mfilters-open .nv-sidebar[b-id065et7s4],
    .nv-shell.is-mfilters-open .nv-msheet-scrim[b-id065et7s4] {
        animation: none;
    }
}


.nv-rowact[b-id065et7s4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 0;
}
.nv-rowact[b-id065et7s4]  .mud-icon-button {
    padding: 5px;
}



.nv-drawer-root[b-vxeb7pzqlq] {
    display: flex;
    flex-direction: column;
    height: 100%;
}



.nv-drawer-head[b-vxeb7pzqlq] {
    padding: 16px;
    background: linear-gradient(135deg, var(--brand), var(--brand-pressed));
    color: var(--brand-on);
}

.nv-dr-head-top[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 12px;
}


.nv-dr-avatar[b-vxeb7pzqlq] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.16);
    color: var(--brand-on);
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1;
}

.nv-dr-avatar img[b-vxeb7pzqlq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nv-dr-head-id[b-vxeb7pzqlq] {
    min-width: 0;
    flex: 1;
}

.nv-dr-name[b-vxeb7pzqlq] {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    color: var(--brand-on);
    word-break: break-word;
}

.nv-dr-sub[b-vxeb7pzqlq] {
    margin-top: 1px;
    font-size: .8125rem;
    color: rgba(255, 255, 255, 0.82);
    word-break: break-word;
}


.nv-dr-chips[b-vxeb7pzqlq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
}

.nv-dr-chip[b-vxeb7pzqlq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.nv-dr-dot[b-vxeb7pzqlq] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    flex-shrink: 0;
}


.nv-dr-chip--status[b-vxeb7pzqlq] {
    background: rgba(255, 255, 255, 0.95);
    color: var(--fg-1);
}


.nv-dr-chip--ok[b-vxeb7pzqlq] {
    background: rgba(255, 255, 255, 0.95);
    color: var(--app-success);
}


.nv-dr-chip--warn[b-vxeb7pzqlq] {
    background: var(--app-warning);
    color: var(--brand-pressed);
}


.nv-dr-chip--ghost[b-vxeb7pzqlq] {
    background: rgba(255, 255, 255, 0.14);
    color: var(--brand-on);
    border: 1px solid rgba(255, 255, 255, 0.24);
}


.nv-drawer-head[b-vxeb7pzqlq]  .nv-dr-chip .mud-icon-root {
    font-size: .85em;
    width: 1em;
    height: 1em;
}


.nv-dr-ts[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    font-size: .75rem;
    color: rgba(255, 255, 255, 0.7);
}

.nv-drawer-head[b-vxeb7pzqlq]  .nv-dr-ts .mud-icon-root {
    font-size: .95rem;
    width: .95rem;
    height: .95rem;
}


.nv-drawer-body[b-vxeb7pzqlq] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    background: var(--app-bg);
}


.nv-drawer-body[b-vxeb7pzqlq]  .mud-expansion-panels {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: transparent;
    box-shadow: none;
}

.nv-drawer-body[b-vxeb7pzqlq]  .mud-expand-panel {
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-xs);
    overflow: hidden;
}


.nv-drawer-body[b-vxeb7pzqlq]  .mud-expand-panel::before {
    display: none;
}

.nv-drawer-foot[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--app-divider);
    flex-wrap: wrap;
}


.nv-panel-title[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--fg-2);
}

.nv-drawer-body[b-vxeb7pzqlq]  .nv-panel-title .mud-icon-root {
    color: var(--brand);
}


.nv-lock-badge[b-vxeb7pzqlq] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--mud-palette-warning);
    background: rgba(var(--mud-palette-warning-rgb), .12);
}


.nv-drawer-body[b-vxeb7pzqlq]  .nv-lock-badge .mud-icon-root {
    font-size: 14px;
    color: var(--mud-palette-warning);
}


.nv-kv[b-vxeb7pzqlq] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 8px;
    padding: 3px 0;
    align-items: start;
}

.nv-kv-l[b-vxeb7pzqlq] {
    color: var(--mud-palette-text-secondary);
    font-size: .8125rem;
}

.nv-kv-v[b-vxeb7pzqlq] {
    font-size: .875rem;
    word-break: break-word;
}


[b-vxeb7pzqlq] .nv-kv-v .mud-icon-root {
    font-size: 12px !important;
}

.nv-mono[b-vxeb7pzqlq] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
}


.nv-link[b-vxeb7pzqlq] {
    color: var(--mud-palette-primary);
    text-decoration: none;
    word-break: break-word;
}

.nv-link:hover[b-vxeb7pzqlq] {
    text-decoration: underline;
}


.nv-dr-acct-empty[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    background: var(--app-bg);
}

.nv-dr-acct-ic[b-vxeb7pzqlq] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

.nv-dr-acct-body[b-vxeb7pzqlq] {
    min-width: 0;
    flex: 1;
}

.nv-dr-acct-title[b-vxeb7pzqlq] {
    font-weight: 600;
    font-size: .875rem;
}

.nv-dr-acct-sub[b-vxeb7pzqlq] {
    margin-top: 2px;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
}


.nv-dr-files[b-vxeb7pzqlq] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.nv-dr-fgroup-head[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 5px;
}


[b-vxeb7pzqlq] .nv-dr-fgroup-head .mud-icon-root {
    font-size: 10px !important;
}

.nv-dr-fgroup-count[b-vxeb7pzqlq] {
    margin-left: auto;
    min-width: 18px;
    text-align: center;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    border-radius: 10px;
    padding: 0 7px;
    font-size: .6875rem;
    line-height: 18px;
    font-weight: 600;
}

.nv-dr-file[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border: 1px solid var(--app-divider);
    border-radius: 8px;
}


[b-vxeb7pzqlq] .nv-dr-file > .mud-icon-root {
    font-size: 12px !important;
}

.nv-dr-file + .nv-dr-file[b-vxeb7pzqlq] {
    margin-top: 6px;
}

.nv-dr-fbody[b-vxeb7pzqlq] {
    min-width: 0;
    flex: 1;
}

.nv-dr-fname[b-vxeb7pzqlq] {
    font-size: .8125rem;
    font-weight: 500;
    word-break: break-word;
}

.nv-dr-fmeta[b-vxeb7pzqlq] {
    font-size: .6875rem;
    color: var(--mud-palette-text-secondary);
}

.nv-dr-fver[b-vxeb7pzqlq] {
    font-weight: 700;
    color: var(--mud-palette-primary);
    margin-right: 4px;
}

.nv-dr-facts[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}


.nv-dr-fdl[b-vxeb7pzqlq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--mud-palette-text-secondary);
}

.nv-dr-fdl:hover[b-vxeb7pzqlq] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-primary);
}

.nv-dr-fempty[b-vxeb7pzqlq] {
    font-size: .75rem;
    font-style: italic;
    color: var(--mud-palette-text-secondary);
    padding: 2px 2px;
}

@media (max-width: 520px) {
    .nv-kv[b-vxeb7pzqlq] {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .nv-kv-l[b-vxeb7pzqlq] {
        font-size: .75rem;
    }
}


.nv-timeline[b-vxeb7pzqlq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 4px;
}

.nv-tl-item[b-vxeb7pzqlq] {
    display: grid;
    grid-template-columns: 14px 1fr;
    gap: 8px;
}

.nv-tl-dot[b-vxeb7pzqlq] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--brand);
    margin-top: 6px;
    
    box-shadow: 0 14px 0 -3.5px var(--app-divider);
    position: relative;
}

.nv-tl-body[b-vxeb7pzqlq] {
    border: 1px solid var(--app-divider);
    border-radius: var(--radius-card);
    padding: 6px 10px;
    background: var(--app-surface);
}

.nv-tl-head[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.nv-tl-date[b-vxeb7pzqlq] {
    font-weight: 600;
    font-size: .82rem;
    color: var(--fg-1);
}

.nv-tl-meta[b-vxeb7pzqlq] {
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
    margin-top: 3px;
}


.nv-dep-item[b-vxeb7pzqlq] {
    border: 1px solid var(--app-divider);
    border-radius: var(--radius-card);
    padding: 6px 10px;
    background: var(--app-surface);
    margin-bottom: 8px;
}

.nv-dep-item:last-child[b-vxeb7pzqlq] {
    margin-bottom: 0;
}

.nv-dep-head[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}


.nv-dr-kn-head[b-vxeb7pzqlq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0 6px;
    padding-top: 8px;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: .8125rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.nv-dr-kn[b-vxeb7pzqlq] {
    padding: 6px 0;
}

.nv-dr-kn + .nv-dr-kn[b-vxeb7pzqlq] {
    border-top: 1px dashed var(--mud-palette-lines-default);
}


.nv-dr-kn.is-off[b-vxeb7pzqlq] {
    opacity: .6;
}

.nv-dr-kn-main[b-vxeb7pzqlq] {
    font-size: .875rem;
    line-height: 1.35;
}

.nv-dr-kn-dv[b-vxeb7pzqlq] {
    font-weight: 600;
}

.nv-dr-kn-meta[b-vxeb7pzqlq] {
    margin-top: 2px;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.nv-dr-kn-cd[b-vxeb7pzqlq] {
    color: var(--mud-palette-text-primary);
}

.nv-dr-kn-sep[b-vxeb7pzqlq] {
    color: var(--mud-palette-text-disabled);
}

.nv-dr-kn-tt[b-vxeb7pzqlq] {
    padding: 0 6px;
    border-radius: 8px;
    background: var(--mud-palette-action-default-hover);
}


.nv-dr-sub-head[b-vxeb7pzqlq] {
    margin: 12px 0 6px;
    padding-top: 10px;
    border-top: 1px solid var(--mud-palette-lines-default);
    font-size: .8125rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}




.ee-head[b-ut0xzzhx9v] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.ee-head-avatar[b-ut0xzzhx9v] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand), var(--brand-pressed));
    color: var(--brand-on);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
}

.ee-head-body[b-ut0xzzhx9v] {
    min-width: 0;
    flex: 1;
}

.ee-head-name[b-ut0xzzhx9v] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.25;
    color: var(--fg-1);
}

.ee-head-name-text[b-ut0xzzhx9v] {
    word-break: break-word;
}

.ee-head-meta[b-ut0xzzhx9v] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
    font-size: .8125rem;
    color: var(--mud-palette-text-secondary);
}

.ee-sep[b-ut0xzzhx9v] {
    color: var(--app-divider-strong);
}

.ee-mono[b-ut0xzzhx9v] {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
}


.ee-st-chip[b-ut0xzzhx9v] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--mud-palette-action-default-hover);
    font-size: .72rem;
    font-weight: 600;
    color: var(--fg-2);
}

.ee-st-dot[b-ut0xzzhx9v] {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    flex-shrink: 0;
}


.ee-banner[b-ut0xzzhx9v] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    margin-bottom: 12px;
    border: 1px solid var(--app-info-border);
    border-left: 4px solid var(--app-info);
    border-radius: 8px;
    background: var(--app-info-bg);
    color: var(--app-info-fg);
    font-size: .8125rem;
    line-height: 1.4;
}


.ee-banner[b-ut0xzzhx9v]  .mud-icon-root {
    font-size: .85em;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    margin-top: 1px;
}

.ee-banner-body[b-ut0xzzhx9v] {
    flex: 1;
    min-width: 0;
}

.ee-banner-title[b-ut0xzzhx9v] {
    font-weight: 600;
}

.ee-banner-title b[b-ut0xzzhx9v] {
    font-weight: 700;
}

.ee-banner-chips[b-ut0xzzhx9v] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}


.ee-banner-chip[b-ut0xzzhx9v] {
    border: 1px solid var(--app-info-border);
    background: var(--app-surface);
    color: var(--app-info-fg);
    border-radius: 999px;
    padding: 2px 10px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    font-family: inherit;
}

.ee-banner-chip:hover[b-ut0xzzhx9v] {
    background: var(--app-info-bg);
}


.ee-banner-chip.is-locked[b-ut0xzzhx9v] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-color: var(--app-divider);
    background: var(--app-surface);
    color: var(--mud-palette-text-disabled);
    cursor: default;
}


.ee-banner-chip.is-locked[b-ut0xzzhx9v]  .mud-icon-root {
    font-size: 13px;
}

.ee-banner-chip.is-locked[b-ut0xzzhx9v]  .mud-icon-root.mud-svg-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.4;
}


.ee-banner-note[b-ut0xzzhx9v] {
    margin-top: 6px;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
}


.ee-sections[b-ut0xzzhx9v] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 6px 2px 2px;
}

.ee-section[b-ut0xzzhx9v] {
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    padding: 14px;
    background: var(--app-surface);
}

.ee-section-head[b-ut0xzzhx9v] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}


.ee-ic[b-ut0xzzhx9v] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--brand-soft);
    color: var(--brand);
}

.ee-section-title[b-ut0xzzhx9v] {
    font-weight: 700;
    font-size: .9rem;
    color: var(--fg-1);
}

.ee-section-hint[b-ut0xzzhx9v] {
    margin-left: auto;
    font-size: .75rem;
    color: var(--mud-palette-text-secondary);
    text-align: right;
}

.ee-section-hint b[b-ut0xzzhx9v] {
    color: var(--app-error);
}

.ee-section-hint-actions[b-ut0xzzhx9v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}


.ee-foot-wrap[b-ut0xzzhx9v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.ee-foot[b-ut0xzzhx9v] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    flex-wrap: wrap;
}

.ee-foot-left[b-ut0xzzhx9v] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
}

.ee-foot-dirty[b-ut0xzzhx9v] {
    color: var(--app-warning);
    font-weight: 600;
    white-space: nowrap;
}

.ee-foot-actions[b-ut0xzzhx9v] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}


@media (max-width: 600px) {
    .ee-section-hint:not(.ee-section-hint-actions)[b-ut0xzzhx9v] {
        display: none;
    }

    .ee-foot-actions[b-ut0xzzhx9v] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-end;
    }
}



.nv-tree[b-pii2yuzxan] {
    display: flex;
    flex-direction: column;
}

.nv-tree-row[b-pii2yuzxan] {
    display: flex;
    align-items: stretch;   
    min-height: 30px;
    cursor: pointer;
    font-size: .85rem;
    color: var(--mud-palette-text-primary);
}


.nv-tree-body[b-pii2yuzxan] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    border-radius: 8px;
    padding-right: 8px;
}

.nv-tree-row:hover .nv-tree-body[b-pii2yuzxan] {
    background: var(--mud-palette-action-default-hover);
}


.nv-tree-row.is-active .nv-tree-body[b-pii2yuzxan] {
    background: var(--mud-palette-primary-hover);
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    font-weight: 600;
}

.nv-tree-row.is-active .nv-tree-label[b-pii2yuzxan] {
    color: var(--mud-palette-primary);
}

.nv-tree-row.is-active .nv-tree-count[b-pii2yuzxan] {
    background: var(--mud-palette-primary-hover);
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    color: var(--mud-palette-primary);
}


.nv-tree-row--root[b-pii2yuzxan] {
    padding-left: 8px;
}

.nv-tree-row--ct[b-pii2yuzxan] {
    padding-left: 8px;
    font-weight: 600;
}



.nv-tree-rail[b-pii2yuzxan],
.nv-tree-elbow[b-pii2yuzxan] {
    position: relative;
    flex: 0 0 14px;
    width: 14px;
}


.nv-tree-rail.is-on[b-pii2yuzxan]::before,
.nv-tree-elbow[b-pii2yuzxan]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--mud-palette-lines-default);
}


.nv-tree-elbow.is-last[b-pii2yuzxan]::before {
    bottom: 50%;
}


.nv-tree-elbow[b-pii2yuzxan]::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    border-top: 1px solid var(--mud-palette-lines-default);
}



.nv-tree-dot[b-pii2yuzxan] {
    align-self: center;
    margin-left: 6px;   
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 8px;
}

.nv-tree-row--root .nv-tree-dot[b-pii2yuzxan]  { background: transparent; }
.nv-tree-row--ct .nv-tree-dot[b-pii2yuzxan]    { background: var(--mud-palette-primary); }
.nv-tree-row--cn .nv-tree-dot[b-pii2yuzxan]    { background: var(--mud-palette-info); }
.nv-tree-row--pb .nv-tree-dot[b-pii2yuzxan]    { background: var(--mud-palette-secondary); }
.nv-tree-row--bp .nv-tree-dot[b-pii2yuzxan]    { background: var(--mud-palette-tertiary); }


.nv-tree-row--khoi .nv-tree-dot[b-pii2yuzxan] {
    background: transparent;
    border: 1.5px solid var(--mud-palette-text-secondary);
}

.nv-tree-row--khoi .nv-tree-label[b-pii2yuzxan] {
    color: var(--mud-palette-text-secondary);
}



.nv-tree-label[b-pii2yuzxan] {
    align-self: center;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nv-tree-count[b-pii2yuzxan] {
    align-self: center;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    border-radius: 10px;
    padding: 0 8px;
    min-width: 26px;
    text-align: center;
    margin-left: 6px;
}

.nv-tree-empty[b-pii2yuzxan] {
    align-items: center;
    color: var(--mud-palette-text-disabled);
    cursor: default;
    font-size: .8rem;
}

.nv-tree-empty:hover[b-pii2yuzxan] {
    background: transparent;
}


@media (max-width: 600px) {
    .nv-tree-row[b-pii2yuzxan] {
        min-height: 40px;
    }
}


.inbox-page[b-w1ctgzzl3i] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: 12px;
}

.inbox-head[b-w1ctgzzl3i] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inbox-head-row[b-w1ctgzzl3i] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}


.inbox-scroll[b-w1ctgzzl3i] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}


.inbox-sentinel[b-w1ctgzzl3i] {
    width: 100%;
    height: 1px;
}

.inbox-loading[b-w1ctgzzl3i],
.inbox-loadmore[b-w1ctgzzl3i],
.inbox-end[b-w1ctgzzl3i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13px;
}


.inbox-filter-btn[b-w1ctgzzl3i] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 40px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-family: inherit;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.inbox-filter-btn:hover[b-w1ctgzzl3i] { background: var(--mud-palette-action-default-hover); }
.inbox-filter-btn:focus-visible[b-w1ctgzzl3i] { outline: 2px solid var(--brand); outline-offset: 1px; }


.inbox-filter-btn[b-w1ctgzzl3i]  .mud-icon-root {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: var(--mud-palette-text-secondary);
}


.inbox-filter-item[b-w1ctgzzl3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 148px;
}

.inbox-filter-tick[b-w1ctgzzl3i] {
    display: inline-flex;
    color: var(--brand);
}


[b-w1ctgzzl3i] .inbox-head-actions .mud-button-root {
    border-color: var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    min-height: 40px;
    height: 40px;
}

[b-w1ctgzzl3i] .inbox-item {
    cursor: pointer;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 12px 16px;
}

[b-w1ctgzzl3i] .inbox-item:last-child {
    border-bottom: none;
}


[b-w1ctgzzl3i] .inbox-item.inbox-unread {
    background: var(--brand-soft);
    box-shadow: inset 3px 0 0 0 var(--brand);
}

[b-w1ctgzzl3i] .inbox-item.inbox-unread .inbox-title {
    font-weight: 700;
    color: var(--fg-1);
}


[b-w1ctgzzl3i] .inbox-item:not(.inbox-unread) .inbox-title {
    font-weight: 500;
    color: var(--fg-2);
}

[b-w1ctgzzl3i] .inbox-item:not(.inbox-unread) .inbox-src-name {
    font-weight: 600;
    color: var(--fg-3);
}


@media (max-width: 600px) {
    .inbox-head-row[b-w1ctgzzl3i] {
        gap: 6px;
        flex-wrap: nowrap;
    }

    
    .inbox-head-row[b-w1ctgzzl3i]  .mud-typography-h5 {
        font-size: 1.0625rem;
        line-height: 1.25;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    
    [b-w1ctgzzl3i] .inbox-head-actions {
        flex: 0 0 auto;
        gap: 6px;
    }

    .inbox-filter-btn[b-w1ctgzzl3i] {
        height: 36px;
        max-width: 138px;
        padding: 0 4px 0 10px;
        font-size: .8125rem;
    }

    
    .inbox-filter-txt[b-w1ctgzzl3i] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-w1ctgzzl3i] .inbox-head-actions .mud-button-root {
        min-height: 36px;
        height: 36px;
        font-size: .8125rem;
        padding: 0 10px;
    }

    [b-w1ctgzzl3i] .inbox-head-actions .mud-icon-button {
        width: 36px;
        min-width: 36px;
        padding: 6px;
    }

    [b-w1ctgzzl3i] .inbox-item {
        padding: 12px 12px;
    }
}






.tss-shell[b-tzixnoyxqr] { gap: 16px; align-items: start; }
@media (min-width: 1101px) {
    
    .tss-shell[b-tzixnoyxqr] { grid-template-columns: 260px minmax(0, 1fr); }
    
    .tss-aside[b-tzixnoyxqr] { position: sticky; top: 16px; max-height: calc(100vh - 96px); overflow-y: auto; }
    
    .tss-facet-foot[b-tzixnoyxqr] { position: sticky; bottom: 0; background: var(--mud-palette-surface); }
}

.tss-crumbs[b-tzixnoyxqr] { display: block; margin-bottom: 2px; }


.tss-row-sub[b-tzixnoyxqr] {
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.tss-main[b-tzixnoyxqr]  .tss-mchip ~ .tss-row-sub::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    margin-right: 8px;
    vertical-align: -1px;
    background: var(--mud-palette-lines-default);
}


.tss-main[b-tzixnoyxqr]  tr.tss-row-ctx > td {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) !important;
}

.tss-main[b-tzixnoyxqr]  tr.tss-row-ctx > td:first-child {
    box-shadow: inset 3px 0 0 0 var(--mud-palette-primary);
}


.tss-main[b-tzixnoyxqr]  tr.tss-row-ctx .tss-card {
    outline: 2px solid color-mix(in srgb, var(--mud-palette-primary) 55%, transparent);
    outline-offset: 2px;
    border-radius: 12px;
}


.tss-ctx-anchor[b-tzixnoyxqr] { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }


.tss-facet-dot[b-tzixnoyxqr] { width: 8px; height: 8px; border-radius: 999px; display: inline-block; flex: 0 0 auto; }
.tss-dot-success[b-tzixnoyxqr] { background: var(--mud-palette-success); }
.tss-dot-warning[b-tzixnoyxqr] { background: var(--mud-palette-warning); }
.tss-dot-error[b-tzixnoyxqr]   { background: var(--mud-palette-error); }
.tss-dot-default[b-tzixnoyxqr] { background: var(--mud-palette-text-secondary); }


.tss-facet-group[b-tzixnoyxqr] { padding: 6px 0; }
.tss-facet-group + .tss-facet-group[b-tzixnoyxqr] { border-top: 1px solid var(--mud-palette-lines-default); margin-top: 4px; padding-top: 10px; }
.tss-facet-title[b-tzixnoyxqr] { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mud-palette-text-secondary); margin-bottom: 6px; }
.tss-facet-title-toggle[b-tzixnoyxqr] { display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none; border-radius: 6px; padding: 3px 4px; margin: 0 -4px 6px; }
.tss-facet-title-toggle:hover[b-tzixnoyxqr] { background: var(--mud-palette-action-default-hover); }

.tss-facet-title-t[b-tzixnoyxqr] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tss-facet-title-hint[b-tzixnoyxqr] { flex: 0 0 auto; margin-right: 6px; font-size: 10px; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--mud-palette-text-disabled); }

.tss-facet-scroll[b-tzixnoyxqr] { max-height: 320px; overflow-y: auto; }
.tss-facet[b-tzixnoyxqr] {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 8px; border-radius: 8px; cursor: pointer;
    transition: background 120ms;
}
.tss-facet:hover[b-tzixnoyxqr] { background: var(--mud-palette-action-default-hover); }
.tss-facet-active[b-tzixnoyxqr] { background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }
.tss-facet-active .tss-facet-label[b-tzixnoyxqr] { color: var(--mud-palette-primary); font-weight: 600; }
.tss-facet-lead[b-tzixnoyxqr] { display: inline-flex; align-items: center; justify-content: center; width: 26px; flex-shrink: 0; }
.tss-facet-lead[b-tzixnoyxqr]  .mud-icon-root { font-size: 1.05rem; }

.tss-facet-label[b-tzixnoyxqr] { flex: 1 1 auto; min-width: 0; font-size: 13px; color: var(--mud-palette-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tss-facet-count[b-tzixnoyxqr] {
    font-size: 11.5px; font-weight: 600; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums;
    min-width: 22px; text-align: center; padding: 1px 7px; border-radius: 999px;
    background: var(--mud-palette-action-default-hover);
}
.tss-facet-active .tss-facet-count[b-tzixnoyxqr] { background: var(--mud-palette-surface); color: var(--mud-palette-primary); }
.tss-facet-count.tss-count-error[b-tzixnoyxqr]   { background: color-mix(in srgb, var(--mud-palette-error)   14%, transparent); color: var(--mud-palette-error); }
.tss-facet-count.tss-count-warning[b-tzixnoyxqr] { background: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent); color: var(--mud-palette-warning); }


.tss-facet-foot[b-tzixnoyxqr] {
    margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--mud-palette-lines-default);
}


.tss-result-count[b-tzixnoyxqr] { font-size: 12.5px; color: var(--mud-palette-text-secondary); white-space: nowrap; }


.tss-main[b-tzixnoyxqr]  .tss-bulk-bar {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    border-radius: 10px;
}


.tss-main[b-tzixnoyxqr]  .tss-table td { vertical-align: top; }


.tss-main[b-tzixnoyxqr]  .tss-table th.tss-c-check,
.tss-main[b-tzixnoyxqr]  .tss-table td.tss-c-check {
    width: 36px;
    padding-left: 8px; padding-right: 0;
    padding-inline-start: 8px; padding-inline-end: 0;
}

.tss-main[b-tzixnoyxqr]  .tss-table th.tss-stt,
.tss-main[b-tzixnoyxqr]  .tss-table td.tss-stt {
    width: 40px;
    text-align: center;
    padding-left: 0; padding-right: 8px;
    padding-inline-start: 0; padding-inline-end: 8px;
}


.tss-main[b-tzixnoyxqr]  .tss-c-check .mud-checkbox { margin: 0; }
.tss-main[b-tzixnoyxqr]  .tss-c-check .mud-icon-root { font-size: 1.15rem; }


.tss-main[b-tzixnoyxqr]  .tss-ic-xs { font-size: 14px; width: 14px; height: 14px; flex: 0 0 auto; }

.tss-row-name[b-tzixnoyxqr] { font-size: 13.5px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tss-link[b-tzixnoyxqr] { cursor: pointer; }
.tss-link:hover[b-tzixnoyxqr] { color: var(--mud-palette-primary); text-decoration: underline; }
.tss-row-meta[b-tzixnoyxqr] { font-size: 11.5px; }

.tss-identity[b-tzixnoyxqr] { font-family: var(--font-mono, monospace); font-size: 11.5px; color: var(--mud-palette-text-secondary); }


.tss-main[b-tzixnoyxqr]  .tss-mchip {
    display: inline-flex; align-items: center; gap: 4px;
    max-width: 240px; min-width: 0;
    height: 20px; padding: 0 6px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    background: var(--mud-palette-background-grey);
    font-size: 11px; line-height: 1;
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
}


.tss-main[b-tzixnoyxqr]  .tss-mchip-t { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.tss-main[b-tzixnoyxqr]  .tss-mchip-ic { flex: 0 0 auto; font-size: 12px; width: 12px; height: 12px; }


.tss-main[b-tzixnoyxqr]  .tss-url:hover { border-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); }


.tss-copyable[b-tzixnoyxqr] { cursor: pointer; }
.tss-main[b-tzixnoyxqr]  .tss-copyable:hover { border-color: var(--mud-palette-text-secondary); }
.tss-main[b-tzixnoyxqr]  .tss-copy-ic { opacity: 0; transition: opacity .12s ease; }
.tss-main[b-tzixnoyxqr]  tr:hover .tss-copy-ic { opacity: .55; }
.tss-main[b-tzixnoyxqr]  .tss-copyable:hover .tss-copy-ic { opacity: 1; }
.tss-company[b-tzixnoyxqr] { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; color: var(--mud-palette-text-secondary); }
.tss-company[b-tzixnoyxqr]  .mud-icon-root { font-size: 0.95rem; }
.tss-pt-name[b-tzixnoyxqr] { font-size: 12.5px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tss-pt-sub[b-tzixnoyxqr] { font-size: 10.5px; }
.tss-exp-date[b-tzixnoyxqr] { font-size: 12.5px; font-weight: 600; color: var(--mud-palette-text-primary); font-variant-numeric: tabular-nums; }
.tss-cost[b-tzixnoyxqr] { font-size: 11px; }


.tss-exp-cell[b-tzixnoyxqr] { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.tss-exp-badge[b-tzixnoyxqr] {
    display: inline-flex; align-items: center;
    font-size: 10.5px; font-weight: 600; line-height: 1.2;
    padding: 2px 8px; border-radius: 999px; white-space: nowrap;
}
.tss-exp-badge.tss-exp-error[b-tzixnoyxqr]   { background: var(--mud-palette-error);   color: var(--mud-palette-error-text); }
.tss-exp-badge.tss-exp-warning[b-tzixnoyxqr] { background: var(--mud-palette-warning); color: var(--mud-palette-warning-text); }
.tss-exp-badge.tss-exp-info[b-tzixnoyxqr]    { background: var(--mud-palette-info);    color: var(--mud-palette-info-text); }
.tss-exp-badge.tss-exp-success[b-tzixnoyxqr] { background: var(--mud-palette-success); color: var(--mud-palette-success-text); }


.tss-avatar-stack[b-tzixnoyxqr] { display: inline-flex; }
.tss-avatar-stack[b-tzixnoyxqr]  .mud-avatar { border: 2px solid var(--mud-palette-surface); font-size: 10px; }
.tss-avatar-stack[b-tzixnoyxqr]  .mud-avatar:not(:first-child) { margin-left: -8px; }


.tss-empty[b-tzixnoyxqr] { text-align: center; padding: 48px 20px; }
.tss-empty-circle[b-tzixnoyxqr] {
    width: 64px; height: 64px; border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
    display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px;
}




.tss-hdr-mob[b-tzixnoyxqr]  { display: none; }
.tss-bulk-mob[b-tzixnoyxqr] { display: none; align-items: center; gap: 8px; flex-wrap: wrap; }
.tss-sort-mob[b-tzixnoyxqr] { display: none; }
.tss-main[b-tzixnoyxqr]  .tss-filter-btn { display: none; }


.tss-main[b-tzixnoyxqr]  .tss-col-card { display: none; }


.tss-card[b-tzixnoyxqr] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.tss-card-r1[b-tzixnoyxqr] { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: start; gap: 6px; }

.tss-card-hd[b-tzixnoyxqr] { display: flex; align-items: flex-start; flex-wrap: nowrap; gap: 4px; min-width: 0; padding-top: 3px; }
.tss-card-hd > :not(.tss-card-name)[b-tzixnoyxqr] { flex: 0 0 auto; margin-top: 1px; }

.tss-card-name[b-tzixnoyxqr] { flex: 1 1 auto; min-width: 0; font-size: 13.5px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tss-card-name-t[b-tzixnoyxqr] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    overflow-wrap: anywhere;
}

.tss-card-r2[b-tzixnoyxqr],
.tss-card-r3[b-tzixnoyxqr] { display: flex; align-items: center; gap: 6px; min-width: 0; }

.tss-card-r2[b-tzixnoyxqr] { flex-wrap: nowrap; padding-left: 64px; margin-top: -2px; }
.tss-card-r2 > *[b-tzixnoyxqr] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tss-card-r3[b-tzixnoyxqr] { flex-wrap: wrap; padding-left: 64px; }

.tss-card-cost[b-tzixnoyxqr] { font-size: 12px; font-weight: 600; color: var(--mud-palette-text-primary); white-space: nowrap; }
.tss-card-cyc[b-tzixnoyxqr]  { font-size: 11px; font-weight: 400; color: var(--mud-palette-text-secondary); }

.tss-card-owner[b-tzixnoyxqr]  .mud-icon-root { font-size: 0.95rem; flex: 0 0 auto; }

.tss-card-owner-t[b-tzixnoyxqr] { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tss-card-menu[b-tzixnoyxqr] { display: inline-flex; align-items: center; }

.tss-card-owner[b-tzixnoyxqr] { display: inline-flex; align-items: center; gap: 3px; min-width: 0;
    font-size: 11.5px; color: var(--mud-palette-text-secondary); }

.tss-card[b-tzixnoyxqr]  .tss-card-cb { margin-left: -6px; }
.tss-card[b-tzixnoyxqr]  .mud-chip { height: 22px; margin: 0; }

@media (max-width: 720px) {
    
    .tss-hdr-desk[b-tzixnoyxqr] { display: none !important; }
    
    .tss-hdr-conn[b-tzixnoyxqr] { display: none; }
    .tss-hdr-mob[b-tzixnoyxqr]  { display: block; }

    
    .tss-bulk-desk[b-tzixnoyxqr] { display: none !important; }
    .tss-bulk-mob[b-tzixnoyxqr]  { display: flex; }
    .tss-main[b-tzixnoyxqr]  .tss-bulk-bar .mud-button-root { min-height: 40px; }

    
    .tss-aside[b-tzixnoyxqr] { display: none; }
    .tss-main[b-tzixnoyxqr]  .tss-filter-btn { display: inline-flex; min-height: 40px; }

    
    .tss-main[b-tzixnoyxqr]  .tss-toolbar { flex-wrap: nowrap; align-items: center; margin: 0; width: 100%; }
    .tss-main[b-tzixnoyxqr]  .tss-toolbar > .mud-grid-item { padding: 0; max-width: none; flex: 0 0 auto; }
    .tss-main[b-tzixnoyxqr]  .tss-toolbar > .tss-tb-search { flex: 1 1 auto; min-width: 0; }
    .tss-main[b-tzixnoyxqr]  .tss-toolbar > .tss-tb-filter { gap: 0; margin-left: 8px; }
    .tss-main[b-tzixnoyxqr]  .tss-toolbar > .tss-tb-sort   { margin-left: 6px; }

    
    .tss-result-count[b-tzixnoyxqr] { display: none; }

    
    .tss-main[b-tzixnoyxqr]  .tss-sort-desk { display: none; }
    .tss-sort-mob[b-tzixnoyxqr] { display: block; }
    .tss-sort-mob[b-tzixnoyxqr]  .mud-button-root { min-width: 40px; min-height: 40px; }

    
    .tss-main[b-tzixnoyxqr]  .mud-table-root { table-layout: fixed; width: 100%; }
    .tss-main[b-tzixnoyxqr]  .tss-table thead { display: none; }
    .tss-main[b-tzixnoyxqr]  .tss-col-desk { display: none; }
    .tss-main[b-tzixnoyxqr]  .tss-col-card { display: table-cell; }
    .tss-main[b-tzixnoyxqr]  .tss-table td { vertical-align: middle; }

    
    .tss-pager-wrap[b-tzixnoyxqr]  .mud-stack { justify-content: center; }

    
    .tss-facet[b-tzixnoyxqr] { padding: 10px 8px; min-height: 40px; touch-action: manipulation; }

    
    .tss-facet-scroll[b-tzixnoyxqr] { max-height: none; overflow: visible; }
}

@media (max-width: 520px) {
    
    .tss-result-count[b-tzixnoyxqr] { white-space: normal; }
    
    .tss-card-r2[b-tzixnoyxqr], .tss-card-r3[b-tzixnoyxqr] { padding-left: 0; }
    .tss-exp-badge[b-tzixnoyxqr] { font-size: 12px; }
}




.tss-dh[b-95nvfjx4v5] { border-bottom: 1px solid var(--mud-palette-lines-default); flex-shrink: 0;
    padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important; }
.tss-dh-meta[b-95nvfjx4v5] { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: var(--mud-palette-text-secondary); }
.tss-df[b-95nvfjx4v5] { border-top: 1px solid var(--mud-palette-lines-default); flex-shrink: 0;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; }


@media (max-width: 720px) {
    .tss-df[b-95nvfjx4v5] { flex-wrap: nowrap !important; overflow-x: auto; }
    .tss-df[b-95nvfjx4v5]  .mud-button-root { flex: 0 0 auto; }
    .tss-df[b-95nvfjx4v5]  .mud-spacer { display: none; }
}


@media (max-width: 520px) {
    .tss-dh[b-95nvfjx4v5] { padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important; }
    .tss-df[b-95nvfjx4v5] { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
}


.tss-banner[b-95nvfjx4v5] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; }
.tss-banner-ttl[b-95nvfjx4v5] { font-weight: 600; font-size: 13px; color: var(--mud-palette-text-primary); }
.tss-banner-sub[b-95nvfjx4v5] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.tss-banner-success[b-95nvfjx4v5] { background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent); color: var(--mud-palette-success); }
.tss-banner-warning[b-95nvfjx4v5] { background: color-mix(in srgb, var(--mud-palette-warning) 14%, transparent); color: var(--mud-palette-warning); }
.tss-banner-error[b-95nvfjx4v5]   { background: color-mix(in srgb, var(--mud-palette-error)   12%, transparent); color: var(--mud-palette-error); }
.tss-banner-neutral[b-95nvfjx4v5] { background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-secondary); }


.tss-dstats[b-95nvfjx4v5] { gap: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; overflow: hidden; }
.tss-dstat[b-95nvfjx4v5] { background: var(--mud-palette-surface); padding: 10px 12px; min-width: 0;
    box-shadow: -1px 0 0 var(--mud-palette-lines-default), 0 -1px 0 var(--mud-palette-lines-default); }
.tss-dstat-lab[b-95nvfjx4v5] { font-size: 11px; color: var(--mud-palette-text-secondary); text-transform: uppercase; letter-spacing: 0.03em; }
.tss-dstat-val[b-95nvfjx4v5] { font-size: 14px; font-weight: 700; color: var(--mud-palette-text-primary); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tss-dstat-sub[b-95nvfjx4v5] { font-size: 11px; color: var(--mud-palette-text-secondary); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tss-dstat.tone-error .tss-dstat-val[b-95nvfjx4v5]   { color: var(--mud-palette-error); }
.tss-dstat.tone-warning .tss-dstat-val[b-95nvfjx4v5] { color: var(--mud-palette-warning); }

@media (max-width: 520px) {
    .tss-dstat-val[b-95nvfjx4v5], .tss-dstat-sub[b-95nvfjx4v5] { white-space: normal; }
}


.tss-card[b-95nvfjx4v5] { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; overflow: hidden; }
.tss-card-title[b-95nvfjx4v5] { display: flex; align-items: center; gap: 6px; padding: 10px 14px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.03em; color: var(--mud-palette-text-secondary); background: var(--mud-palette-background-grey); border-bottom: 1px solid var(--mud-palette-lines-default); }

.tss-card-num[b-95nvfjx4v5] { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: color-mix(in srgb, var(--mud-palette-text-secondary) 16%, transparent); color: var(--mud-palette-text-secondary); font-size: 10px; font-weight: 700; letter-spacing: 0; flex-shrink: 0; }
.tss-card-text[b-95nvfjx4v5] { padding: 12px 14px; font-size: 13px; color: var(--mud-palette-text-primary); line-height: 1.6; }
.tss-card-empty[b-95nvfjx4v5] { display: flex; gap: 10px; align-items: flex-start; padding: 14px; font-size: 12.5px; color: var(--mud-palette-text-secondary); }


.tss-d-kv[b-95nvfjx4v5] { display: flex; gap: 12px; padding: 9px 14px; align-items: center; }
.tss-d-kv + .tss-d-kv[b-95nvfjx4v5] { border-top: 1px solid var(--mud-palette-lines-default); }
.tss-d-kv-lab[b-95nvfjx4v5] { flex: 0 0 150px; font-size: 12.5px; color: var(--mud-palette-text-secondary); }
.tss-d-kv-val[b-95nvfjx4v5] { flex: 1 1 auto; min-width: 0; font-size: 13px; color: var(--mud-palette-text-primary); }
.tss-kv-trail[b-95nvfjx4v5] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.tss-kv-strong[b-95nvfjx4v5] { font-size: 13px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tss-kv-mini[b-95nvfjx4v5] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.tss-kv-ok[b-95nvfjx4v5] { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; color: var(--mud-palette-success); }
.tss-mono[b-95nvfjx4v5] { font-family: var(--font-mono, monospace); }
.tss-link-url[b-95nvfjx4v5] { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }

@media (max-width: 520px) {
    .tss-d-kv[b-95nvfjx4v5] { flex-direction: column; align-items: stretch; gap: 2px; padding: 8px 12px; }
    .tss-d-kv-lab[b-95nvfjx4v5] { flex: 0 0 auto; font-size: 12px; }
}


.tss-toggle-pill[b-95nvfjx4v5] { width: 34px; height: 18px; border-radius: 999px; background: var(--mud-palette-action-disabled); position: relative; flex-shrink: 0; display: inline-block; }
.tss-toggle-pill[b-95nvfjx4v5]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--mud-palette-surface); transition: left 0.15s; }
.tss-toggle-pill.on[b-95nvfjx4v5] { background: var(--mud-palette-primary); }
.tss-toggle-pill.warn.on[b-95nvfjx4v5] { background: var(--mud-palette-warning); }
.tss-toggle-pill.on[b-95nvfjx4v5]::after { left: 18px; }


.tss-cost-cards[b-95nvfjx4v5] { gap: 10px; }
.tss-cost-card[b-95nvfjx4v5] { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; padding: 12px 14px; }
.tss-cost-card .lab[b-95nvfjx4v5] { font-size: 11.5px; color: var(--mud-palette-text-secondary); }
.tss-cost-card .val[b-95nvfjx4v5] { font-size: 17px; font-weight: 700; color: var(--mud-palette-text-primary); margin-top: 4px; }
.tss-cost-card .sub[b-95nvfjx4v5] { font-size: 11px; color: var(--mud-palette-text-secondary); margin-top: 2px; }


.tss-avatar-stack[b-95nvfjx4v5] { display: inline-flex; }
.tss-avatar-stack[b-95nvfjx4v5]  .mud-avatar { border: 2px solid var(--mud-palette-surface); font-size: 10px; }
.tss-avatar-stack[b-95nvfjx4v5]  .mud-avatar:not(:first-child) { margin-left: -8px; }


.tss-db[b-95nvfjx4v5]  .mud-tabs-tabbar {
    min-height: 44px;
    background: var(--mud-palette-background-grey);
    border-top: 1px solid var(--mud-palette-lines-default);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    position: sticky; top: 0; z-index: 2;
}
.tss-db[b-95nvfjx4v5]  .mud-tab {
    min-width: 0; min-height: 44px; padding: 0 14px;
    font-size: 12.5px; font-weight: 500; text-transform: none;
    color: var(--mud-palette-text-secondary);
}
.tss-db[b-95nvfjx4v5]  .mud-tab .mud-icon-root { font-size: 1rem; }
.tss-db[b-95nvfjx4v5]  .mud-tab:hover { color: var(--mud-palette-text-primary); }
.tss-db[b-95nvfjx4v5]  .mud-tab.mud-tab-active { color: var(--mud-palette-primary); font-weight: 600; }
.tss-db[b-95nvfjx4v5]  .mud-tab-slider { background: var(--mud-palette-primary); }
.tss-db[b-95nvfjx4v5]  .mud-tabs-panels { padding: 16px; }

@media (max-width: 520px) {
    .tss-db[b-95nvfjx4v5]  .mud-tab .mud-icon-root { display: none; }
    .tss-db[b-95nvfjx4v5]  .mud-tab { padding: 0 10px; font-size: 12px; min-height: 44px; }
}


.tss-users-banner[b-95nvfjx4v5] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; font-size: 12.5px; margin-bottom: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 45%, transparent);
    color: var(--mud-palette-primary); }
.tss-users-banner b[b-95nvfjx4v5] { font-weight: 700; }
.tss-banner-muted[b-95nvfjx4v5] { color: var(--mud-palette-text-secondary); margin-left: 6px; }
.tss-grant-panel[b-95nvfjx4v5] { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; padding: 12px; }


.tss-users-table[b-95nvfjx4v5] { font-size: 12.5px; }
.tss-users-head[b-95nvfjx4v5], .tss-users-row[b-95nvfjx4v5] { display: grid; gap: 10px; align-items: center;
    grid-template-columns: minmax(130px, 1.4fr) minmax(100px, 1fr) minmax(130px, 1.2fr) minmax(80px, 0.9fr) 40px; }
.tss-users-head[b-95nvfjx4v5] { padding: 8px 14px; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary); background: var(--mud-palette-background-grey);
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.tss-users-row[b-95nvfjx4v5] { padding: 8px 14px; }
.tss-users-row + .tss-users-row[b-95nvfjx4v5] { border-top: 1px dashed var(--mud-palette-lines-default); }
.tss-users-row.is-revoked[b-95nvfjx4v5] { opacity: 0.55; }
.tss-users-cell-user[b-95nvfjx4v5] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.tss-users-name[b-95nvfjx4v5] { font-size: 12.5px; font-weight: 600; color: var(--mud-palette-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tss-users-branch[b-95nvfjx4v5] { font-size: 10.5px; color: var(--mud-palette-text-secondary); }
.tss-users-scope[b-95nvfjx4v5] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.tss-users-last[b-95nvfjx4v5] { font-size: 11.5px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }
.tss-users-revoked[b-95nvfjx4v5] { font-size: 11.5px; color: var(--mud-palette-error); }
.tss-users-empty[b-95nvfjx4v5] { display: flex; align-items: center; gap: 8px; padding: 14px; font-size: 12.5px; color: var(--mud-palette-text-secondary); }

@media (max-width: 720px) {
    .tss-users-head[b-95nvfjx4v5] { display: none; }
    .tss-users-row[b-95nvfjx4v5] { grid-template-columns: 1fr; gap: 4px; }
}


.tss-legend[b-95nvfjx4v5] { border: 1px dashed var(--mud-palette-lines-default); border-radius: 10px; padding: 12px 14px; background: transparent; }
.tss-legend-title[b-95nvfjx4v5] { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mud-palette-text-secondary); margin-bottom: 8px; }
.tss-legend-row[b-95nvfjx4v5] { display: grid; grid-template-columns: 120px 1fr; gap: 10px; align-items: center; padding: 4px 0; }
.tss-legend-row > span[b-95nvfjx4v5] { font-size: 12px; color: var(--mud-palette-text-secondary); min-width: 0; }
.tss-legend-row[b-95nvfjx4v5]  .mud-chip { justify-self: start; margin: 0; }
@media (max-width: 520px) { .tss-legend-row[b-95nvfjx4v5] { grid-template-columns: 1fr; } }


.tss-tl[b-95nvfjx4v5] { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; padding: 14px 16px 4px; }
.tss-tl-row[b-95nvfjx4v5] { display: flex; gap: 12px; padding-bottom: 12px; }
.tss-tl-rail[b-95nvfjx4v5] { width: 16px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; position: relative; }
.tss-tl-rail[b-95nvfjx4v5]::after { content: ""; position: absolute; top: 14px; bottom: -10px; width: 1px; background: var(--mud-palette-lines-default); }
.tss-tl-row:last-child .tss-tl-rail[b-95nvfjx4v5]::after { display: none; }
.tss-tl-dot[b-95nvfjx4v5] { width: 10px; height: 10px; border-radius: 999px; background: var(--mud-palette-primary); margin-top: 4px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent); position: relative; z-index: 1; }
.tss-tl-main[b-95nvfjx4v5] { flex: 1; min-width: 0; }
.tss-tl-head[b-95nvfjx4v5] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.tss-tl-t[b-95nvfjx4v5] { font-size: 13px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tss-tl-d[b-95nvfjx4v5] { font-size: 11.5px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tss-tl-note[b-95nvfjx4v5] { font-size: 12.5px; color: var(--mud-palette-text-primary); margin-top: 2px; word-break: break-word; }
.tss-tl-who[b-95nvfjx4v5] { font-size: 11.5px; color: var(--mud-palette-text-secondary); margin-top: 2px; }
.tss-tl-who b[b-95nvfjx4v5] { color: var(--mud-palette-text-primary); font-weight: 600; }


@media (max-width: 520px) {
    .tss-drawer[b-95nvfjx4v5]  .mud-icon-button { min-width: 40px; min-height: 40px; }
}


.tss-reveal[b-95nvfjx4v5] {
    padding: 12px 14px 14px;
}




.tss-fb[b-keeadi4e61] { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; overflow: hidden; background: var(--mud-palette-surface); }
.tss-fb-head[b-keeadi4e61] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--mud-palette-background-grey); border-bottom: 1px solid var(--mud-palette-lines-default); }

.tss-fb-head.tss-clickable[b-keeadi4e61],
.tss-ai-head.tss-clickable[b-keeadi4e61] { cursor: pointer; user-select: none; }
.tss-fb-head.tss-clickable:hover[b-keeadi4e61] { background: var(--mud-palette-action-default-hover); }
.tss-fb-head.tss-collapsed[b-keeadi4e61] { border-bottom: none; }
.tss-fb-grow[b-keeadi4e61] { flex: 1 1 auto; min-width: 0; }
.tss-fb-tt[b-keeadi4e61] { font-size: 13px; font-weight: 700; color: var(--mud-palette-text-primary); }
.tss-fb-sub[b-keeadi4e61] { font-size: 11.5px; color: var(--mud-palette-text-secondary); margin-top: 1px; }
.tss-fb-body[b-keeadi4e61] { padding: 14px; }


.tss-badge[b-keeadi4e61] { font-size: 10.5px; font-weight: 700; padding: 2px 9px; border-radius: 999px; white-space: nowrap; flex-shrink: 0; }
.tss-badge-req[b-keeadi4e61] { color: var(--mud-palette-error); background: color-mix(in srgb, var(--mud-palette-error) 13%, transparent); }
.tss-badge-opt[b-keeadi4e61] { color: var(--mud-palette-text-secondary); background: var(--mud-palette-action-default-hover); }


.tss-type-grid[b-keeadi4e61] { display: flex; flex-wrap: wrap; gap: 6px; }

.tss-quick[b-keeadi4e61] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.tss-quick-lab[b-keeadi4e61] { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mud-palette-text-secondary); margin-right: 2px; }

.tss-quick[b-keeadi4e61]  .mud-chip.tss-quick-add { border-style: dashed; }


.tss-toggle-row[b-keeadi4e61] { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; }


.tss-type-grid[b-keeadi4e61], .tss-quick[b-keeadi4e61] { touch-action: manipulation; }


@media (max-width: 520px) {
    .tss-type-grid[b-keeadi4e61]  .mud-chip,
    .tss-quick[b-keeadi4e61]  .mud-chip { height: 40px; font-size: 13px; padding: 0 12px; }

    .tss-fb-sub[b-keeadi4e61] { font-size: 13px; line-height: 1.4; }
    .tss-badge[b-keeadi4e61] { font-size: 12px; }
    .tss-quick-lab[b-keeadi4e61] { font-size: 12px; letter-spacing: .02em; }
    .tss-fb-body[b-keeadi4e61], .tss-fb-head[b-keeadi4e61] { padding: 10px; }
}


.tss-ai[b-keeadi4e61] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 38%, var(--mud-palette-lines-default));
    border-radius: 10px; overflow: hidden;
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
    
    position: relative;
}
.tss-ai-head[b-keeadi4e61] {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px;
    background: color-mix(in srgb, var(--mud-palette-primary) 9%, var(--mud-palette-surface));
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    touch-action: manipulation;
}
.tss-ai-head:hover[b-keeadi4e61] { background: color-mix(in srgb, var(--mud-palette-primary) 14%, var(--mud-palette-surface)); }
.tss-ai-body[b-keeadi4e61] { padding: 14px; display: flex; flex-direction: column; gap: 8px; }

.tss-ai-row[b-keeadi4e61] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tss-ai-count[b-keeadi4e61] { font-size: 11.5px; color: var(--mud-palette-text-secondary); }
.tss-ai-actions[b-keeadi4e61] { display: flex; align-items: center; gap: 6px; margin-left: auto; }

.tss-ai-status[b-keeadi4e61] { display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; line-height: 1.45;
    color: var(--mud-palette-text-primary); }
.tss-ai-status-ico[b-keeadi4e61] { color: var(--mud-palette-primary); flex-shrink: 0; margin-top: 1px; }
.tss-ai-warn-line + .tss-ai-warn-line[b-keeadi4e61] { margin-top: 3px; }


.tss-ai[b-keeadi4e61]  .tss-ai-go,
.tss-ai[b-keeadi4e61]  .tss-ai-undo { text-transform: none; }


.tss-ai[b-keeadi4e61]  .tss-ai-hint { color: var(--mud-palette-text-secondary); line-height: 1.4; margin-top: -2px; }


@keyframes tssAiHl-b-keeadi4e61 {
    from { box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 48%, transparent); }
    to   { box-shadow: 0 0 0 2px transparent; }
}
.tss-ai-hl[b-keeadi4e61] { border-radius: 8px; animation: tssAiHl-b-keeadi4e61 2.4s ease; }


@media (prefers-reduced-motion: reduce) {
    .tss-ai-hl[b-keeadi4e61] { animation: none; box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary) 40%, transparent); }
}




.tss-ai-pickrow[b-keeadi4e61] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }


.tss-ai-pick[b-keeadi4e61] {
    display: inline-flex; align-items: center; gap: 6px;
    min-height: 34px; padding: 4px 12px; border-radius: 999px;
    border: 1px dashed color-mix(in srgb, var(--mud-palette-primary) 50%, transparent);
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
    font-size: 12.5px; font-weight: 600; cursor: pointer;
    touch-action: manipulation; user-select: none;
}
.tss-ai-pick:hover[b-keeadi4e61] { background: color-mix(in srgb, var(--mud-palette-primary) 13%, transparent); }

.tss-ai-pick--off[b-keeadi4e61] { opacity: .5; pointer-events: none; }
.tss-ai-pick-hint[b-keeadi4e61] { font-size: 11.5px; color: var(--mud-palette-text-secondary); flex: 1 1 160px; min-width: 0; }


.tss-ai[b-keeadi4e61]  .tss-ai-pick .mud-icon-root { font-size: .95em; }


.tss-ai[b-keeadi4e61]  .tss-ai-dropinput {
    position: absolute; inset: 0; width: 100%; height: 100%;
    opacity: 0; cursor: copy; pointer-events: none;
}
.tss-ai.tss-ai-dragover[b-keeadi4e61]  .tss-ai-dropinput { pointer-events: auto; }


.tss-ai[b-keeadi4e61]  .tss-ai-dropinput:focus-visible {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
    border-radius: 12px;
}
.tss-ai.tss-ai-dragover[b-keeadi4e61] { border-color: color-mix(in srgb, var(--mud-palette-primary) 70%, transparent); }


.tss-ai-dropmask[b-keeadi4e61] {
    position: absolute; inset: 0; display: none; align-items: center; justify-content: center; gap: 8px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface));
    color: var(--mud-palette-primary); font-size: 13px; font-weight: 600;
    border-radius: 10px; pointer-events: none;
}
.tss-ai.tss-ai-dragover .tss-ai-dropmask[b-keeadi4e61] { display: flex; }


.tss-ai-chips[b-keeadi4e61] { display: flex; flex-wrap: wrap; gap: 6px; }
.tss-ai-chip[b-keeadi4e61] {
    display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 40px;
    padding: 4px 4px 4px 8px; border-radius: 10px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}
.tss-ai-chip--busy[b-keeadi4e61] { opacity: .8; }
.tss-ai-chip--err[b-keeadi4e61] {
    border-color: color-mix(in srgb, var(--mud-palette-warning) 55%, transparent);
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, var(--mud-palette-surface));
}
.tss-ai-chip-thumb[b-keeadi4e61] { width: 32px; height: 32px; flex: 0 0 auto; object-fit: cover; border-radius: 6px;
    border: 1px solid var(--mud-palette-lines-default); }
.tss-ai-chip-body[b-keeadi4e61] { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.tss-ai-chip-name[b-keeadi4e61] { font-size: 12.5px; font-weight: 600; color: var(--mud-palette-text-primary);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 210px; }
.tss-ai-chip-meta[b-keeadi4e61] { font-size: 11px; color: var(--mud-palette-text-secondary);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 210px; }
.tss-ai-chip-meta--err[b-keeadi4e61] { color: var(--mud-palette-warning-darken); white-space: normal; }


.tss-ai-chip-x[b-keeadi4e61] {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border: 0; border-radius: 8px; padding: 0;
    background: transparent; color: var(--mud-palette-text-secondary); cursor: pointer;
    touch-action: manipulation;
}
.tss-ai-chip-x:hover[b-keeadi4e61] { background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-primary); }
.tss-ai-chip-x:disabled[b-keeadi4e61] { opacity: .4; cursor: default; }


.tss-ai-chip-again[b-keeadi4e61] {
    flex: 0 0 auto; border: 0; padding: 4px 6px; border-radius: 6px;
    background: transparent; color: var(--mud-palette-primary);
    font-size: 11px; font-weight: 600; text-decoration: underline; cursor: pointer;
    touch-action: manipulation; white-space: nowrap;
}
.tss-ai-chip-again:hover[b-keeadi4e61] { background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); }
.tss-ai-chip-again:disabled[b-keeadi4e61] { opacity: .4; cursor: default; text-decoration: none; }
.tss-ai[b-keeadi4e61]  .tss-ai-chip-ico { flex: 0 0 auto; width: 24px; height: 24px; }
.tss-ai[b-keeadi4e61]  .tss-ai-chip-spin { flex: 0 0 auto; margin: 0 4px; }


@media (max-width: 520px) {
    .tss-ai-head[b-keeadi4e61], .tss-ai-body[b-keeadi4e61] { padding: 10px; }
    .tss-ai-actions[b-keeadi4e61] { width: 100%; margin-left: 0; }
    .tss-ai[b-keeadi4e61]  .tss-ai-go,
    .tss-ai[b-keeadi4e61]  .tss-ai-undo { min-height: 40px; font-size: 13px; }
    .tss-ai-count[b-keeadi4e61] { font-size: 12px; }
    .tss-ai-status[b-keeadi4e61] { font-size: 13px; }

    
    .tss-ai-pick[b-keeadi4e61] { min-height: 40px; font-size: 13px; padding: 6px 14px; }
    .tss-ai-pick-hint[b-keeadi4e61] { font-size: 12px; flex: 1 1 100%; }
    .tss-ai-chip[b-keeadi4e61] { width: 100%; }
    .tss-ai-chip-name[b-keeadi4e61], .tss-ai-chip-meta[b-keeadi4e61] { max-width: none; }
    .tss-ai-chip-name[b-keeadi4e61] { font-size: 13px; }
    .tss-ai-chip-meta[b-keeadi4e61] { font-size: 12px; }
    .tss-ai-chip-x[b-keeadi4e61] { width: 40px; height: 40px; }
    
    .tss-ai-chip-again[b-keeadi4e61] { min-height: 40px; font-size: 12px; padding: 4px 8px; }
}


.tss-ai-mode[b-keeadi4e61] {
    display: inline-flex; gap: 2px; padding: 2px; margin-bottom: 8px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 10px;
    background: var(--mud-palette-background-grey);
}
.tss-ai-mode-btn[b-keeadi4e61] {
    display: inline-flex; align-items: center; gap: 4px;
    border: 0; background: transparent; cursor: pointer; touch-action: manipulation;
    padding: 5px 12px; border-radius: 8px; font-size: 12px; font-weight: 600;
    color: var(--mud-palette-text-secondary); font-family: inherit;
}
.tss-ai-mode-btn:disabled[b-keeadi4e61] { opacity: .5; cursor: default; }
.tss-ai-mode-on[b-keeadi4e61] {
    background: var(--mud-palette-surface); color: var(--mud-palette-primary);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--mud-palette-text-primary) 12%, transparent);
}


.tss-batch-empty[b-keeadi4e61] {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px;
    padding: 24px 12px; border: 1px dashed var(--mud-palette-lines-default); border-radius: 12px;
    background: var(--mud-palette-background-grey);
}
.tss-batch-empty-tt[b-keeadi4e61] { font-weight: 700; }
.tss-batch-empty-sub[b-keeadi4e61] { font-size: 13px; color: var(--mud-palette-text-secondary); max-width: 420px; }

.tss-batch-head[b-keeadi4e61] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    padding: 4px 2px; border-bottom: 1px solid var(--mud-palette-lines-default);
}
.tss-batch-head-hint[b-keeadi4e61] { font-size: 12px; color: var(--mud-palette-text-secondary); margin-left: auto; }


.tss-batch-bulk[b-keeadi4e61] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.tss-batch-bulk-lbl[b-keeadi4e61] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.tss-batch-bulk[b-keeadi4e61]  .tss-batch-bulk-sel { flex: 1 1 190px; min-width: 160px; max-width: 300px; }


.tss-batch-saveimg[b-keeadi4e61] {
    margin-top: 6px; padding: 8px 10px; border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 40%, transparent);
}
.tss-batch-saveimg[b-keeadi4e61]  .tss-batch-saveimg-warn { display: block; color: var(--mud-palette-text-secondary); line-height: 1.4; margin-top: 2px; }

.tss-batch-card[b-keeadi4e61] {
    border: 1px solid var(--mud-palette-lines-default); border-radius: 12px;
    padding: 10px 12px; margin-top: 8px; background: var(--mud-palette-surface);
}
.tss-batch-card-ok[b-keeadi4e61]  { border-color: var(--mud-palette-success); background: color-mix(in srgb, var(--mud-palette-success) 6%, transparent); }
.tss-batch-card-err[b-keeadi4e61] { border-color: var(--mud-palette-error); }

.tss-batch-top[b-keeadi4e61] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tss-batch-thumb[b-keeadi4e61] {
    width: 34px; height: 34px; object-fit: cover; border-radius: 6px; flex: 0 0 auto;
    border: 1px solid var(--mud-palette-lines-default);
}
.tss-batch-src[b-keeadi4e61] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.tss-batch-status[b-keeadi4e61] { margin-left: auto; }

.tss-batch-grid[b-keeadi4e61] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }

.tss-batch-grid[b-keeadi4e61]  .tss-batch-name { grid-column: 1 / -1; }

.tss-batch-meta[b-keeadi4e61] {
    display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px;
    font-size: 12px; color: var(--mud-palette-text-secondary);
}
.tss-batch-date[b-keeadi4e61] { display: flex; flex-direction: column; gap: 2px; }
.tss-batch-date > label[b-keeadi4e61] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.tss-batch-date > input[type=date][b-keeadi4e61] {
    height: 38px; padding: 0 10px; border-radius: 8px; font: inherit; color-scheme: light dark;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface); color: var(--mud-palette-text-primary);
}
.tss-batch-card[b-keeadi4e61]  .tss-batch-warn { margin-top: 8px; }


@media (max-width: 520px) {
    .tss-ai-mode[b-keeadi4e61] { width: 100%; }
    .tss-ai-mode-btn[b-keeadi4e61] { flex: 1 1 0; min-height: 40px; justify-content: center; font-size: 13px; }
    .tss-batch-grid[b-keeadi4e61] { grid-template-columns: 1fr; }
    .tss-batch-head-hint[b-keeadi4e61] { display: none; }
}



.tssex-wrap[b-1m4vx1wme4] {
    min-width: 420px;
    max-width: 720px;
}


.tssex-radio[b-1m4vx1wme4] {
    align-items: flex-start;
}

.tssex-opt-title[b-1m4vx1wme4] {
    display: block;
    font-weight: 600;
}

.tssex-opt-desc[b-1m4vx1wme4] {
    display: block;
    font-size: .78rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.35;
}

.tssex-bar[b-1m4vx1wme4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.tssex-group-title[b-1m4vx1wme4] {
    font-weight: 600;
}

.tssex-group-desc[b-1m4vx1wme4] {
    display: block;
    margin-bottom: 2px;
}


.tssex-cols[b-1m4vx1wme4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0 12px;
}

@media (max-width: 600px) {
    .tssex-wrap[b-1m4vx1wme4] {
        min-width: 0;
    }

    .tssex-cols[b-1m4vx1wme4] {
        grid-template-columns: 1fr;
    }
}



.tssim-wrap[b-uaeqwcbv4d] {
    min-width: 680px;
    
    max-width: 1280px;
}

.tssim-opts[b-uaeqwcbv4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.tssim-stats[b-uaeqwcbv4d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}


.tssim-tools[b-uaeqwcbv4d] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}


.tssim-tools[b-uaeqwcbv4d]  .tssim-search {
    flex: 1 1 240px;
    max-width: 380px;
}

.tssim-selinfo[b-uaeqwcbv4d] {
    font-size: .82rem;
    color: var(--mud-palette-text-secondary);
    margin-inline-start: auto;
    white-space: nowrap;
}


.tssim-kind[b-uaeqwcbv4d] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.tssim-kind--new[b-uaeqwcbv4d] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
}

.tssim-kind--upd[b-uaeqwcbv4d] {
    color: var(--mud-palette-info);
    background: color-mix(in srgb, var(--mud-palette-info) 14%, transparent);
}

.tssim-kind--skip[b-uaeqwcbv4d] {
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 12%, transparent);
}

.tssim-kind--err[b-uaeqwcbv4d] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 14%, transparent);
}


.tssim-table-wrap[b-uaeqwcbv4d]  .mud-table-root {
    table-layout: fixed;
    width: 100%;
}


.tssim-table-wrap[b-uaeqwcbv4d]  th {
    white-space: nowrap;
}


.tssim-table-wrap[b-uaeqwcbv4d]  td {
    overflow-wrap: anywhere;
    vertical-align: top;
}

.tssim-name[b-uaeqwcbv4d] {
    font-weight: 500;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tssim-sub[b-uaeqwcbv4d] {
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.tssim-match[b-uaeqwcbv4d] {
    opacity: .8;
}

.tssim-mono[b-uaeqwcbv4d] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .8rem;
}

.tssim-err[b-uaeqwcbv4d] {
    color: var(--mud-palette-error);
    font-size: .78rem;
    line-height: 1.35;
}

.tssim-note[b-uaeqwcbv4d] {
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    line-height: 1.35;
}


.tssim-chg-head[b-uaeqwcbv4d] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--mud-palette-info);
    margin-bottom: 2px;
}

.tssim-chg[b-uaeqwcbv4d] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-size: .78rem;
    line-height: 1.45;
    
    flex-wrap: wrap;
}

.tssim-chg-f[b-uaeqwcbv4d] {
    color: var(--mud-palette-text-secondary);
    flex: 0 0 auto;
    
    white-space: nowrap;
}

.tssim-chg-old[b-uaeqwcbv4d] {
    color: var(--mud-palette-text-secondary);
    opacity: .85;
}

.tssim-chg-ar[b-uaeqwcbv4d] {
    color: var(--mud-palette-text-secondary);
}

.tssim-chg-new[b-uaeqwcbv4d] {
    color: var(--mud-palette-text-primary);
}


.tssim-table-wrap[b-uaeqwcbv4d]  .tssim-chg-more {
    padding: 0;
    min-width: 0;
    min-height: 0;
    font-size: .74rem;
}


.tssim-table-wrap[b-uaeqwcbv4d]  tr.tssim-row-err td {
    background: color-mix(in srgb, var(--mud-palette-error) 8%, transparent);
}


.tssim-table-wrap[b-uaeqwcbv4d]  tr.tssim-row-off td {
    opacity: .5;
}

.tssim-table-wrap[b-uaeqwcbv4d]  tr.tssim-row-off td:first-child {
    opacity: 1;
}

@media (max-width: 720px) {
    .tssim-wrap[b-uaeqwcbv4d] {
        min-width: 0;
    }
}



.tsskn-wrap[b-ivraspb8ji] { min-width: 0; }


.tsskn-steps-bar[b-ivraspb8ji] {
    display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
    padding-bottom: 12px; margin-bottom: 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.tsskn-sb[b-ivraspb8ji] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; color: var(--mud-palette-text-secondary);
}

.tsskn-sb-no[b-ivraspb8ji] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; border-radius: 999px;
    border: 1px solid var(--mud-palette-lines-default);
    font-size: 11px; font-weight: 600;
}

.tsskn-sb-on[b-ivraspb8ji] { color: var(--mud-palette-text-primary); font-weight: 600; }
.tsskn-sb-on .tsskn-sb-no[b-ivraspb8ji] {
    background: var(--mud-palette-primary); color: var(--mud-palette-primary-text);
    border-color: var(--mud-palette-primary);
}


.tsskn-sb-done .tsskn-sb-no[b-ivraspb8ji] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }


.tsskn-nt-grid[b-ivraspb8ji] {
    display: grid; gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.tsskn-nt[b-ivraspb8ji] {
    display: flex; align-items: center; gap: 10px; min-width: 0;
    padding: 12px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--mud-palette-lines-default);
    transition: border-color .12s ease, background .12s ease;
}

.tsskn-nt:hover[b-ivraspb8ji] { border-color: var(--mud-palette-primary); }

.tsskn-nt-on[b-ivraspb8ji] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
}


.tsskn-nt-off[b-ivraspb8ji] { opacity: .5; cursor: not-allowed; }
.tsskn-nt-off:hover[b-ivraspb8ji] { border-color: var(--mud-palette-lines-default); }

.tsskn-nt-txt[b-ivraspb8ji] { min-width: 0; }
.tsskn-nt-ten[b-ivraspb8ji] { font-size: 13.5px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tsskn-nt-sub[b-ivraspb8ji] { font-size: 11.5px; color: var(--mud-palette-text-secondary); }



.tsskn-li-ten[b-ivraspb8ji] { font-size: 13px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tsskn-li-sub[b-ivraspb8ji] { font-size: 11.5px; color: var(--mud-palette-text-secondary); }


.tsskn-badge[b-ivraspb8ji] {
    display: inline-flex; align-items: center;
    padding: 1px 7px; border-radius: 999px;
    font-size: 10.5px; font-weight: 600; line-height: 1.6; white-space: nowrap;
}

.tsskn-tt-hoat_dong[b-ivraspb8ji]    { background: color-mix(in srgb, var(--mud-palette-success) 16%, transparent); color: var(--mud-palette-success); }
.tsskn-tt-loi[b-ivraspb8ji]          { background: color-mix(in srgb, var(--mud-palette-error)   16%, transparent); color: var(--mud-palette-error); }
.tsskn-tt-chua_ket_noi[b-ivraspb8ji] { background: var(--mud-palette-background-grey); color: var(--mud-palette-text-secondary); }

.tsskn-xl-them_moi[b-ivraspb8ji]  { background: color-mix(in srgb, var(--mud-palette-success) 16%, transparent); color: var(--mud-palette-success); }
.tsskn-xl-cap_nhat[b-ivraspb8ji]  { background: color-mix(in srgb, var(--mud-palette-info)    16%, transparent); color: var(--mud-palette-info); }
.tsskn-xl-khong_doi[b-ivraspb8ji] { background: var(--mud-palette-background-grey); color: var(--mud-palette-text-secondary); }
.tsskn-xl-bo_qua[b-ivraspb8ji]    { background: color-mix(in srgb, var(--mud-palette-warning) 18%, transparent); color: var(--mud-palette-warning); }


.tsskn-wrap[b-ivraspb8ji]  .tsskn-hd .mud-expand-panel { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; }

.tsskn-steps[b-ivraspb8ji] { margin: 0; padding-left: 20px; }
.tsskn-steps li[b-ivraspb8ji] { font-size: 12.5px; line-height: 1.65; margin-bottom: 8px; color: var(--mud-palette-text-primary); }


.tsskn-scope[b-ivraspb8ji] {
    display: flex; align-items: center; gap: 6px;
    margin-top: 4px; padding: 4px 6px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 6px;
    background: var(--mud-palette-background-grey);
}

.tsskn-scope code[b-ivraspb8ji] {
    flex: 1 1 auto; min-width: 0;
    font-size: 11px; white-space: nowrap; overflow-x: auto;
}

.tsskn-mau[b-ivraspb8ji] { font-size: 11.5px; margin-top: 4px; opacity: .9; }



.tsskn-table-wrap[b-ivraspb8ji]  .mud-table-root { table-layout: fixed; width: 100%; }
.tsskn-table-wrap[b-ivraspb8ji]  th { white-space: nowrap; }
.tsskn-table-wrap[b-ivraspb8ji]  td { overflow-wrap: anywhere; vertical-align: top; }

.tsskn-tk[b-ivraspb8ji]      { font-size: 12.5px; font-weight: 600; color: var(--mud-palette-text-primary); }
.tsskn-tk-mail[b-ivraspb8ji] { font-size: 11px; color: var(--mud-palette-text-secondary); font-family: var(--font-mono, monospace); }
.tsskn-chg[b-ivraspb8ji]     { font-size: 11px; color: var(--mud-palette-text-secondary); }

.tsskn-tag[b-ivraspb8ji] {
    display: inline-flex; align-items: center;
    padding: 0 6px; border-radius: 4px; margin-right: 4px;
    font-size: 10.5px; font-weight: 600;
    background: color-mix(in srgb, var(--mud-palette-warning) 16%, transparent);
    color: var(--mud-palette-warning);
}


.tsskn-tools[b-ivraspb8ji]  .tsskn-search { max-width: 240px; }

.tsskn-empty[b-ivraspb8ji] {
    display: flex; align-items: center; justify-content: center;
    padding: 40px 12px; font-size: 13px; color: var(--mud-palette-text-secondary);
}



.tsskn-li[b-ivraspb8ji] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px; border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    margin-bottom: 6px;
}

.tsskn-li + .tsskn-li[b-ivraspb8ji] { margin-top: 0; }
.tsskn-li-txt[b-ivraspb8ji] { flex: 1 1 auto; min-width: 0; cursor: pointer; }
.tsskn-li-txt:hover .tsskn-li-ten[b-ivraspb8ji] { color: var(--mud-palette-primary); }


.tsskn-khoa-ok[b-ivraspb8ji] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 40%, transparent);
    background: color-mix(in srgb, var(--mud-palette-success) 7%, transparent);
    border-radius: 10px; padding: 10px 12px;
}

.tsskn-khoa-hd[b-ivraspb8ji] {
    display: flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 600; color: var(--mud-palette-success);
    margin-bottom: 6px;
}

.tsskn-wrap[b-ivraspb8ji]  .tsskn-khoa-ic { font-size: 15px; width: 15px; height: 15px; }


.tsskn-kv[b-ivraspb8ji] {
    display: flex; align-items: center; gap: 8px;
    font-size: 11.5px; min-width: 0; padding: 2px 0;
}

.tsskn-kv > span:first-child[b-ivraspb8ji] {
    flex: 0 0 auto; min-width: 108px;
    color: var(--mud-palette-text-secondary);
}

.tsskn-kv em[b-ivraspb8ji] { font-style: normal; opacity: .75; }

.tsskn-kv code[b-ivraspb8ji] {
    flex: 1 1 auto; min-width: 0;
    font-size: 11px; white-space: nowrap; overflow-x: auto;
    color: var(--mud-palette-text-primary);
}


.tsskn-ungvien[b-ivraspb8ji] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.tsskn-ungvien-lb[b-ivraspb8ji] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.tsskn-wrap[b-ivraspb8ji]  .tsskn-ungvien .mud-chip { height: 20px; margin: 0; font-size: 11px; }


.tsskn-dungkhoa[b-ivraspb8ji] {
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 8px; padding: 8px 10px; margin-bottom: 8px;
}

.tsskn-dungkhoa-lb[b-ivraspb8ji] { font-size: 11.5px; color: var(--mud-palette-text-secondary); margin-bottom: 4px; }
.tsskn-dungkhoa-ds[b-ivraspb8ji] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.tsskn-wrap[b-ivraspb8ji]  .tsskn-dungkhoa-ds .mud-chip { height: 22px; margin: 0; font-size: 11px; }


.tsskn-uyquyen[b-ivraspb8ji] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.tsskn-uyquyen-note[b-ivraspb8ji] { font-size: 11px; color: var(--mud-palette-text-secondary); flex: 1 1 200px; min-width: 0; }



.test-module-html[b-3cvmphuwas] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    padding: 12px 16px;
    max-height: 480px;
    overflow: auto;
}


.test-module-html[b-3cvmphuwas]  table {
    border-collapse: collapse;
    margin: 8px 0;
}

.test-module-html[b-3cvmphuwas]  td,
.test-module-html[b-3cvmphuwas]  th {
    padding: 4px 8px;
    border: 1px solid var(--mud-palette-lines-default);
}

.test-module-pre[b-3cvmphuwas] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 6px;
    padding: 12px 16px;
    max-height: 480px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0;
}



.wrap[b-qrsmoj25xa] {
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(1.2rem, 4vw, 2.6rem) clamp(1rem, 4vw, 1.5rem) 3rem;
}

.sheet[b-qrsmoj25xa] {
    background: var(--bg-surface);
    border: 1px solid var(--border-1);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}
.sheet-in[b-qrsmoj25xa] { padding: clamp(1.4rem, 4vw, 2.6rem); }


.eyebrow[b-qrsmoj25xa] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--brand);
    background: var(--brand-soft);
    border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--border-1));
    border-radius: var(--radius-pill);
    padding: .3rem .75rem;
}
.eyebrow svg[b-qrsmoj25xa] { width: .95rem; height: .95rem; }

h1[b-qrsmoj25xa] {
    font-size: clamp(1.5rem, 1.15rem + 1.6vw, 2.15rem);
    line-height: 1.14;
    font-weight: 800;
    letter-spacing: -.02em;
    margin: .9rem 0 0;
    text-wrap: balance;
    color: var(--fg-1);
}

h1:focus[b-qrsmoj25xa] { outline: none; }
.lede[b-qrsmoj25xa] {
    font-size: clamp(1rem, .97rem + .3vw, 1.1rem);
    color: var(--fg-3);
    margin: .7rem 0 0;
    max-width: 62ch;
}
.lede b[b-qrsmoj25xa] { color: var(--fg-1); }


.appswap[b-qrsmoj25xa] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(.9rem, 5vw, 2.2rem);
    margin: 1.6rem 0 0;
    padding: 1.5rem 1rem;
    background: var(--bg-sunken);
    border: 1px solid var(--border-1);
    border-radius: var(--radius-card);
}
.appswap .tile[b-qrsmoj25xa] {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
}
.appswap .ico[b-qrsmoj25xa] {
    width: 68px;
    height: 68px;
    border-radius: 17px;
    background: var(--bg-surface);
    display: grid;
    place-items: center;
    overflow: hidden;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--fg-1) 15%, transparent),
                0 1px 3px color-mix(in srgb, var(--fg-1) 12%, transparent);
}
.appswap .ico svg[b-qrsmoj25xa] { width: 60px; height: 60px; }
.appswap .ico img[b-qrsmoj25xa] { width: 100%; height: 100%; object-fit: cover; display: block; }

.appswap .old .ico img[b-qrsmoj25xa] { object-fit: contain; padding: 12px; }
.appswap .old[b-qrsmoj25xa] { opacity: .92; }
.appswap .new .ico[b-qrsmoj25xa] {
    box-shadow: 0 0 0 2px var(--brand),
                0 8px 20px color-mix(in srgb, var(--brand) 26%, transparent);
}
.appswap figcaption[b-qrsmoj25xa] { font-size: .82rem; font-weight: 700; }
.appswap .old figcaption[b-qrsmoj25xa] { color: var(--fg-3); }
.appswap .new figcaption[b-qrsmoj25xa] { color: var(--brand); }
.appswap .swaparrow[b-qrsmoj25xa] { flex: 0 0 auto; color: var(--brand); display: grid; place-items: center; }
.appswap .swaparrow svg[b-qrsmoj25xa] { width: 30px; height: 30px; }


.effbanner[b-qrsmoj25xa] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 1.5rem 0 0;
    padding: 1rem 1.2rem;
    border-radius: var(--radius-input);
    background: linear-gradient(135deg, var(--blue-700), var(--blue-800));
    color: var(--brand-on);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--blue-700) 28%, transparent);
}
.effbanner svg[b-qrsmoj25xa] { width: 1.7rem; height: 1.7rem; flex: 0 0 auto; }
.effbanner .t[b-qrsmoj25xa] { font-size: .95rem; }
.effbanner .t b[b-qrsmoj25xa] { font-size: 1.15rem; font-weight: 800; display: block; letter-spacing: .01em; }

.body[b-qrsmoj25xa] { margin-top: 1.6rem; }
.body > p[b-qrsmoj25xa] { color: var(--fg-1); font-size: 1rem; margin: 0 0 1.1rem; }

h2[b-qrsmoj25xa] {
    font-size: 1.18rem;
    font-weight: 750;
    margin: 1.9rem 0 .8rem;
    padding-left: .7rem;
    border-left: 3px solid var(--brand);
    color: var(--fg-1);
}


.reasons[b-qrsmoj25xa] { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.reasons li[b-qrsmoj25xa] {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    background: var(--bg-sunken);
    border: 1px solid var(--border-1);
    border-radius: var(--radius-input);
    padding: .9rem 1rem;
}
.reasons .n[b-qrsmoj25xa] {
    flex: 0 0 auto;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--brand);
    color: var(--brand-on);
    font-weight: 800;
    font-size: .85rem;
    display: grid;
    place-items: center;
}
.reasons b[b-qrsmoj25xa] { display: block; font-size: .98rem; color: var(--fg-1); }
.reasons span span[b-qrsmoj25xa] { font-size: .9rem; color: var(--fg-3); }


.todo[b-qrsmoj25xa] { display: grid; grid-template-columns: 1fr; gap: .9rem; margin-top: .3rem; }
.todo .card[b-qrsmoj25xa] {
    background: var(--bg-surface);
    border: 1px solid var(--border-1);
    border-radius: var(--radius-input);
    padding: 1rem 1.1rem;
}
.todo .card.now[b-qrsmoj25xa] { border-top: 3px solid var(--brand); }
.todo .card.after[b-qrsmoj25xa] { border-top: 3px solid var(--fg-3); }
.todo h3[b-qrsmoj25xa] {
    margin: 0 0 .5rem;
    font-size: .95rem;
    font-weight: 750;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--fg-1);
}
.todo h3 .tag[b-qrsmoj25xa] {
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: .15rem .5rem;
    border-radius: var(--radius-pill);
}
.todo .now .tag[b-qrsmoj25xa] {
    background: var(--brand-soft);
    color: var(--brand);
    border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--border-1));
}
.todo .after .tag[b-qrsmoj25xa] {
    background: var(--bg-sunken);
    color: var(--fg-3);
    border: 1px solid var(--border-1);
}
.todo ol[b-qrsmoj25xa], .todo ul[b-qrsmoj25xa] { margin: 0; padding-left: 1.15rem; }
.todo li[b-qrsmoj25xa] { font-size: .9rem; color: var(--fg-3); margin: .25rem 0; }
.todo li b[b-qrsmoj25xa] { color: var(--fg-1); }


.cta[b-qrsmoj25xa] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1.6rem;
    background: var(--brand);
    color: var(--brand-on);
    font-weight: 700;
    font-size: .98rem;
    padding: .8rem 1.4rem;
    border-radius: var(--radius-input);
    text-decoration: none;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--brand) 22%, transparent);
}
.cta:hover[b-qrsmoj25xa] { background: var(--brand-hover); }
.cta .arw[b-qrsmoj25xa] { font-weight: 800; }

.note[b-qrsmoj25xa] {
    margin-top: 1.4rem;
    padding: .9rem 1.1rem;
    background: var(--brand-soft);
    border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--border-1));
    border-radius: var(--radius-input);
    font-size: .9rem;
    color: var(--fg-1);
}


.sign[b-qrsmoj25xa] {
    margin-top: 2rem;
    padding-top: 1.3rem;
    border-top: 1px dashed var(--border-1);
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 2rem;
    justify-content: space-between;
    align-items: flex-end;
}
.sign .who small[b-qrsmoj25xa] { display: block; color: var(--fg-3); font-size: .8rem; }
.sign .who b[b-qrsmoj25xa] { font-size: .98rem; color: var(--fg-1); }
.sign .help[b-qrsmoj25xa] { font-size: .86rem; color: var(--fg-3); }
.sign .help b[b-qrsmoj25xa] { color: var(--fg-1); }

@media (min-width: 620px) {
    .todo[b-qrsmoj25xa] { grid-template-columns: 1fr 1fr; }
}



.td-panel[b-zge8hmp0ye] {
    padding: 20px;
    
    position: relative;
}


.td-timeline-scroll[b-zge8hmp0ye] {
    display: flex;
    flex-direction: column-reverse;
    overflow-y: auto;
    max-height: 42vh;
    border-radius: 12px;
    background-color: var(--mud-palette-background-grey);
    padding: 8px 12px;
}


.td-composer-sticky[b-zge8hmp0ye] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    background: var(--app-surface);
    margin: 12px -20px -20px;
    padding: 12px 20px 16px;
    border-top: 1px solid var(--app-divider);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}


.td-top-row[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.td-id[b-zge8hmp0ye] {
    font-family: var(--font-mono, monospace);
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    letter-spacing: 0.02em;
}

.td-top-spacer[b-zge8hmp0ye] {
    flex: 1;
    min-width: 8px;
}


.td-sla-chip[b-zge8hmp0ye] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.td-sla-ok[b-zge8hmp0ye] {
    background: var(--app-sla-ok-bg);
    color: var(--app-sla-ok-text);
    border-color: var(--app-sla-ok-border);
}

.td-sla-warn[b-zge8hmp0ye] {
    background: var(--app-sla-warn-bg);
    color: var(--app-sla-warn-text);
    border-color: var(--app-sla-warn-border);
}

.td-sla-err[b-zge8hmp0ye] {
    background: var(--app-sla-err-bg);
    color: var(--app-sla-err-text);
    border-color: var(--app-sla-err-border);
}

.td-sla-done[b-zge8hmp0ye] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    border-color: var(--app-divider);
}

[b-zge8hmp0ye] .td-sla-chip .mud-icon-root {
    width: 12px !important;
    height: 12px !important;
    font-size: 12px !important;
}


.td-title[b-zge8hmp0ye] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--mud-palette-text-primary);
    margin: 0;
}


.td-meta-row[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}


.td-people-row[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

.td-avatar[b-zge8hmp0ye] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10.5px;
    font-weight: 700;
    color: white;
    flex-shrink: 0;
    letter-spacing: 0.02em;
}


.td-avatar-from[b-zge8hmp0ye] {
    background: linear-gradient(135deg, var(--app-avatar-warm-from), var(--app-avatar-warm-to));
    color: white;
}


.td-avatar-to[b-zge8hmp0ye] {
    background: linear-gradient(135deg, var(--app-avatar-cool-from), var(--app-avatar-cool-to));
    color: white;
}

.td-person-name[b-zge8hmp0ye] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

.td-person-meta[b-zge8hmp0ye] {
    color: var(--mud-palette-text-secondary);
}

.td-meta-sep[b-zge8hmp0ye] {
    color: var(--mud-palette-text-secondary);
    opacity: 0.5;
    margin: 0 2px;
}

.td-arrow[b-zge8hmp0ye] {
    margin: 0 4px;
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
}

.td-time[b-zge8hmp0ye] {
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
}


.td-supp-group[b-zge8hmp0ye] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
}

[b-zge8hmp0ye] .td-supp-group .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
}


.td-desc-block[b-zge8hmp0ye] {
    border: 1px solid var(--app-divider);
    border-radius: 10px;
    background: var(--app-surface);
    overflow: hidden;
}

.td-desc-block.expanded[b-zge8hmp0ye] {
    background: var(--app-surface);
}


.td-desc-row[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    background: transparent;
    border: none;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.td-desc-row:hover[b-zge8hmp0ye] {
    background: var(--mud-palette-action-default-hover);
}

[b-zge8hmp0ye] .td-desc-row .td-desc-icon {
    color: var(--mud-palette-primary);
    width: 16px !important;
    height: 16px !important;
}

.td-desc-label[b-zge8hmp0ye] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-primary);
    flex-shrink: 0;
}


.td-desc-preview[b-zge8hmp0ye] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.td-desc-spacer[b-zge8hmp0ye] {
    flex: 1;
    min-width: 4px;
}


.td-desc-chip[b-zge8hmp0ye] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    font-size: 11.5px;
    font-weight: 600;
    flex-shrink: 0;
}

.td-desc-chip-note[b-zge8hmp0ye] {
    background: rgba(245, 158, 11, 0.10);
    color: var(--warning-500, #F59E0B);
}

[b-zge8hmp0ye] .td-desc-chip .mud-icon-root {
    width: 13px !important;
    height: 13px !important;
}

[b-zge8hmp0ye] .td-desc-chev {
    color: var(--mud-palette-text-secondary);
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
}


.td-desc-body[b-zge8hmp0ye] {
    padding: 14px;
    border-top: 1px solid var(--app-divider);
}

.td-desc-text[b-zge8hmp0ye] {
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    white-space: pre-wrap;
}


.td-attachments[b-zge8hmp0ye] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.td-attachment[b-zge8hmp0ye] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 8px;
    font-size: 12.5px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.td-attachment:hover[b-zge8hmp0ye] {
    border-color: var(--mud-palette-primary);
    background: var(--app-primary-lighten);
}

.td-attach-ext[b-zge8hmp0ye] {
    font-family: var(--font-mono, monospace);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    letter-spacing: 0.04em;
}

.td-attach-name[b-zge8hmp0ye] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
    white-space: nowrap;
}

.td-attach-size[b-zge8hmp0ye] {
    color: var(--mud-palette-text-secondary);
    font-size: 11.5px;
}


.td-int-note[b-zge8hmp0ye] {
    border: 1px dashed rgba(245, 158, 11, 0.50);
    background: rgba(245, 158, 11, 0.06);
    border-radius: 8px;
    padding: 8px 12px;
    margin-top: 12px;
}

.td-int-note-head[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.td-int-note-label[b-zge8hmp0ye] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--warning-500, #F59E0B);
}

[b-zge8hmp0ye] .td-int-note-label .mud-icon-root {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    color: var(--warning-500, #F59E0B);
}

.td-int-note-hint[b-zge8hmp0ye] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.td-int-note-spacer[b-zge8hmp0ye] {
    flex: 1;
    min-width: 4px;
}


.td-int-note-edit[b-zge8hmp0ye] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: var(--mud-palette-primary);
    font-size: 12.5px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s;
}

.td-int-note-edit:hover:not(:disabled)[b-zge8hmp0ye] {
    background: var(--app-primary-lighten);
}

.td-int-note-edit:disabled[b-zge8hmp0ye] {
    opacity: 0.55;
    cursor: not-allowed;
}

[b-zge8hmp0ye] .td-int-note-edit .mud-icon-root {
    width: 13px !important;
    height: 13px !important;
    font-size: 13px !important;
}

.td-int-note-body[b-zge8hmp0ye] {
    font-size: 13px;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    white-space: pre-wrap;
    padding-left: 2px;
}

.td-int-note-empty[b-zge8hmp0ye] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    font-size: 12.5px;
}


.td-actions-row[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.td-actions-buttons[b-zge8hmp0ye] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}


[b-zge8hmp0ye] .td-actions-buttons .mud-button-root {
    padding: 4px 12px !important;
    min-height: 32px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

[b-zge8hmp0ye] .td-actions-buttons .mud-button-root .mud-button-icon-start {
    margin-right: 4px;
}

[b-zge8hmp0ye] .td-actions-buttons .mud-button-root .mud-icon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

[b-zge8hmp0ye] .td-actions-buttons .mud-icon-button {
    padding: 4px !important;
    width: 32px !important;
    height: 32px !important;
}




.reply-banner[b-te498wjvg3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 6px 2px 10px;
    margin-bottom: 6px;
    border-left: 3px solid var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface));
    border-radius: 6px;
    font-size: 0.82rem;
}

.reply-banner-text[b-te498wjvg3] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.composer-top[b-te498wjvg3] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 6px;
    padding: 0 4px;
}

.composer-box[b-te498wjvg3] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: 6px 8px 6px 14px;
    background-color: var(--mud-palette-surface);
    transition: border-color .15s ease;
}

.composer-box:focus-within[b-te498wjvg3] {
    border-color: var(--mud-palette-primary);
}

.composer-actions[b-te498wjvg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.img-tray[b-te498wjvg3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.img-thumb[b-te498wjvg3] {
    position: relative;
    width: 64px;
    height: 64px;
}

.img-thumb img[b-te498wjvg3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    cursor: zoom-in;
    border: 1px solid var(--mud-palette-lines-default);
}

.img-thumb-x[b-te498wjvg3] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    font-size: 0.7rem;
    line-height: 1;
    padding: 0;
}

.img-thumb-x:hover[b-te498wjvg3] {
    color: var(--mud-palette-error);
}




.img-add-btn[b-te498wjvg3] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 6px;
    border-radius: 50%;
    color: var(--mud-palette-text-secondary);
}

.img-add-btn:hover[b-te498wjvg3] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent);
}



.chat-feed[b-lvxd0zvrqb] {
    display: flex;
    flex-direction: column;
}

.chat-feed > :first-child[b-lvxd0zvrqb] {
    margin-top: 0;
}

.chat-row[b-lvxd0zvrqb] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-top: 10px;
}


.chat-row.grouped[b-lvxd0zvrqb] {
    margin-top: 2px;
}

.chat-row.mine[b-lvxd0zvrqb] {
    justify-content: flex-end;
}

.chat-row.other[b-lvxd0zvrqb] {
    justify-content: flex-start;
}

.chat-log[b-lvxd0zvrqb] {
    margin: 8px 0;
}


.chat-avatar-slot[b-lvxd0zvrqb] {
    width: 36px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}

.chat-col[b-lvxd0zvrqb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 80%;
    min-width: 0;
}

.chat-col.mine[b-lvxd0zvrqb] {
    align-items: flex-end;
}

.chat-col.other[b-lvxd0zvrqb] {
    align-items: flex-start;
}

.chat-meta[b-lvxd0zvrqb] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.chat-bubble[b-lvxd0zvrqb] {
    padding: 8px 12px;
    border-radius: 14px;
    width: fit-content;
    max-width: 100%;
}

.chat-bubble.other[b-lvxd0zvrqb] {
    background-color: var(--mud-palette-surface);
    border-bottom-left-radius: 4px;
}

.chat-bubble.mine[b-lvxd0zvrqb] {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
    border-bottom-right-radius: 4px;
}


.chat-bubble.internal[b-lvxd0zvrqb] {
    background-color: color-mix(in srgb, var(--mud-palette-warning) 16%, var(--mud-palette-surface));
}


.chat-quote[b-lvxd0zvrqb] {
    display: flex;
    flex-direction: column;
    border-left: 3px solid var(--mud-palette-primary);
    padding: 2px 8px;
    margin-bottom: 4px;
    font-size: 0.78rem;
    opacity: 0.8;
}

.chat-quote span[b-lvxd0zvrqb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.chat-images[b-lvxd0zvrqb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.chat-img[b-lvxd0zvrqb] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    display: block;
}

.chat-img:hover[b-lvxd0zvrqb] {
    opacity: 0.9;
}




.chat-reactions[b-lvxd0zvrqb] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.reaction-chip[b-lvxd0zvrqb] {
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    border-radius: 12px;
    padding: 0 8px;
    font-size: 0.78rem;
    line-height: 1.7;
    cursor: pointer;
}

.reaction-chip:hover[b-lvxd0zvrqb] {
    border-color: var(--mud-palette-primary);
}

.reaction-chip.active[b-lvxd0zvrqb] {
    border-color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
}

.reaction-chip:disabled[b-lvxd0zvrqb] {
    cursor: default;
    opacity: 0.6;
}


.chat-foot[b-lvxd0zvrqb] {
    display: flex;
    align-items: center;
    gap: 2px;
}


.chat-sending[b-lvxd0zvrqb] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.chat-retry[b-lvxd0zvrqb] {
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    font-size: 0.75rem;
    color: var(--mud-palette-error);
}

.chat-actions[b-lvxd0zvrqb] {
    display: flex;
    align-items: center;
    gap: 2px;
    opacity: 0;
    transition: opacity .12s ease;
}

.chat-row:hover .chat-actions[b-lvxd0zvrqb] {
    opacity: 1;
}


@media (hover: none) {
    .chat-actions[b-lvxd0zvrqb] {
        opacity: 1;
    }
}


.emoji-pick[b-lvxd0zvrqb] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 3px;
    border-radius: 50%;
}

.emoji-pick:hover[b-lvxd0zvrqb] {
    background-color: color-mix(in srgb, var(--mud-palette-text-primary) 10%, transparent);
}

.emoji-pick:disabled[b-lvxd0zvrqb] {
    cursor: default;
    opacity: 0.5;
}


.ticket-page-head[b-viyd4wmk20] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.ticket-page-head-text[b-viyd4wmk20] {
    min-width: 0;
}

.ticket-crumbs[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

.ticket-crumbs .sep[b-viyd4wmk20] {
    opacity: 0.5;
}

.ticket-page-title[b-viyd4wmk20] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--mud-palette-text-primary);
    margin: 0;
    line-height: 1.2;
}

.ticket-page-subtitle[b-viyd4wmk20] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin-top: 4px;
}

.ticket-page-actions[b-viyd4wmk20] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}


.ticket-stats[b-viyd4wmk20] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.ticket-stat-card[b-viyd4wmk20] {
    padding: 14px 16px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    box-shadow: var(--app-shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.04));
}

.ticket-stat-label[b-viyd4wmk20] {
    font-size: 11px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ticket-stat-value[b-viyd4wmk20] {
    font-size: 22px;
    font-weight: 700;
    margin-top: 4px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
    line-height: 1.2;
}


@media (max-width: 960px) {
    .ticket-stats[b-viyd4wmk20] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ticket-stats[b-viyd4wmk20] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


.ticket-tabs[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0 16px;
    overflow: visible;
    flex-wrap: wrap;
}

.ticket-tab[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.ticket-tab:hover[b-viyd4wmk20] {
    color: var(--mud-palette-text-primary);
}

.ticket-tab.active[b-viyd4wmk20] {
    color: var(--mud-palette-primary);
    border-bottom-color: var(--mud-palette-primary);
    font-weight: 600;
}

.ticket-tab .count[b-viyd4wmk20] {
    font-size: 11px;
    font-weight: 600;
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    padding: 2px 7px;
    border-radius: 999px;
    min-width: 20px;
    text-align: center;
}

.ticket-tab.active .count[b-viyd4wmk20] {
    background: var(--mud-palette-primary);
    color: white;
}


.ticket-tabs-spacer[b-viyd4wmk20] {
    flex: 1;
    min-width: 8px;
}


.ticket-prio-select[b-viyd4wmk20] {
    height: 30px;
    min-width: 140px;
    padding: 0 8px;
    font-family: inherit;
    font-size: 12px;
    color: var(--mud-palette-text-primary);
    background: var(--app-surface);
    border: 1px solid var(--app-divider-strong);
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
}

.ticket-prio-select:hover[b-viyd4wmk20] {
    border-color: var(--mud-palette-primary);
}

.ticket-prio-select:focus[b-viyd4wmk20] {
    outline: none;
    border-color: var(--mud-palette-primary);
    box-shadow: var(--app-focus-ring);
}


.ticket-filter-btn[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    flex-shrink: 0;
}

.ticket-filter-btn:hover[b-viyd4wmk20] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-primary);
}

.ticket-filter-btn.active[b-viyd4wmk20] {
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    border-color: var(--app-primary-lighten);
}


.ticket-filter-badge[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 2px;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    color: white;
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}


.ticket-filter-wrap[b-viyd4wmk20] {
    position: relative;
}


.tf-pop[b-viyd4wmk20] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 50;
    width: 380px;
    max-width: calc(100vw - 32px);
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    box-shadow: var(--app-shadow-pop, 0 8px 24px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.04));
    overflow: hidden;
    
    animation: tf-pop-in-b-viyd4wmk20 160ms var(--ease-out, cubic-bezier(.16, 1, .3, 1));
}

@keyframes tf-pop-in-b-viyd4wmk20 {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}


.tf-pop-head[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--app-divider);
}

.tf-pop-title[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

[b-viyd4wmk20] .tf-pop-title .mud-icon-root {
    color: var(--mud-palette-primary);
}

.tf-pop-count[b-viyd4wmk20] {
    font-size: 11px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: var(--app-primary-lighten);
    padding: 2px 8px;
    border-radius: 999px;
}

.tf-clear[b-viyd4wmk20] {
    background: transparent;
    border: none;
    font-family: inherit;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.15s, background 0.15s;
}

.tf-clear:hover:not(:disabled)[b-viyd4wmk20] {
    color: var(--mud-palette-error);
    background: rgba(239, 68, 68, 0.06);
}

.tf-clear:disabled[b-viyd4wmk20] {
    opacity: 0.4;
    cursor: not-allowed;
}


.tf-pop-body[b-viyd4wmk20] {
    padding: 12px 14px;
    max-height: 60vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.tf-section[b-viyd4wmk20] {
    
}

.tf-section-head[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.tf-section-title[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
}

[b-viyd4wmk20] .tf-section-title .mud-icon-root {
    width: 14px !important;
    height: 14px !important;
}

.tf-section-count[b-viyd4wmk20] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    background: var(--app-primary-lighten);
    padding: 1px 7px;
    border-radius: 999px;
}


.tf-seg[b-viyd4wmk20] {
    display: flex;
    gap: 4px;
    padding: 3px;
    background: var(--slate-100, var(--mud-palette-action-default-hover));
    border-radius: 8px;
}

.tf-seg-btn[b-viyd4wmk20] {
    flex: 1;
    padding: 6px 8px;
    border: none;
    background: transparent;
    border-radius: 6px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
}

.tf-seg-btn:hover:not(.on)[b-viyd4wmk20] {
    color: var(--mud-palette-text-primary);
}

.tf-seg-btn.on[b-viyd4wmk20] {
    background: var(--app-surface);
    color: var(--mud-palette-primary);
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}


.tf-date-row[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.tf-date-field[b-viyd4wmk20] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.tf-date-field input[b-viyd4wmk20] {
    padding: 6px 8px;
    border: 1px solid var(--app-divider);
    border-radius: 6px;
    font-family: inherit;
    font-size: 12.5px;
    color: var(--mud-palette-text-primary);
    background: var(--app-surface);
}

.tf-date-field input:focus[b-viyd4wmk20] {
    outline: none;
    border-color: var(--mud-palette-primary);
    box-shadow: var(--app-focus-ring);
}

.tf-date-sep[b-viyd4wmk20] {
    color: var(--mud-palette-text-secondary);
    font-size: 16px;
    align-self: flex-end;
    padding-bottom: 6px;
}


.tf-search[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 8px;
    margin-bottom: 8px;
}

.tf-search input[b-viyd4wmk20] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    color: var(--mud-palette-text-primary);
    min-width: 0;
}

[b-viyd4wmk20] .tf-search .mud-icon-root {
    color: var(--mud-palette-text-secondary);
    width: 14px !important;
    height: 14px !important;
}


.tf-dept-list[b-viyd4wmk20] {
    max-height: 180px;
    overflow-y: auto;
    border: 1px solid var(--app-divider);
    border-radius: 8px;
    background: var(--app-surface);
}

.tf-dept-item[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.15s;
    font-size: 13px;
    color: var(--mud-palette-text-primary);
    border-bottom: 1px solid var(--app-divider);
}

.tf-dept-item:last-child[b-viyd4wmk20] {
    border-bottom: none;
}

.tf-dept-item:hover[b-viyd4wmk20] {
    background: var(--mud-palette-action-default-hover);
}

.tf-dept-item.on[b-viyd4wmk20] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.tf-dept-item input[type="checkbox"][b-viyd4wmk20] {
    width: 16px;
    height: 16px;
    accent-color: var(--mud-palette-primary);
    cursor: pointer;
}

.tf-empty[b-viyd4wmk20] {
    padding: 16px;
    text-align: center;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}


.tf-chip-wrap[b-viyd4wmk20] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tf-chip[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid var(--app-divider-strong);
    background: var(--app-surface);
    border-radius: 999px;
    font-family: inherit;
    font-size: 12px;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.tf-chip:hover[b-viyd4wmk20] {
    border-color: var(--mud-palette-primary);
}

.tf-chip.on[b-viyd4wmk20] {
    border-color: var(--mud-palette-primary);
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    font-weight: 600;
}


.tf-dot[b-viyd4wmk20] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tf-sla-ok .tf-dot[b-viyd4wmk20] { background: var(--success-500, #16A34A); }
.tf-sla-warn .tf-dot[b-viyd4wmk20] { background: var(--warning-500, #F59E0B); }
.tf-sla-err .tf-dot[b-viyd4wmk20] { background: var(--error-500, #EF4444); }


.tf-chip-person[b-viyd4wmk20] {
    padding-left: 4px;  
}

.tf-avatar[b-viyd4wmk20] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9.5px;
    font-weight: 700;
    flex-shrink: 0;
}

.tf-avatar-none[b-viyd4wmk20] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

.tf-chip-person.on .tf-avatar[b-viyd4wmk20] {
    background: var(--mud-palette-primary);
    color: white;
}


.tf-toggle-row[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: var(--mud-palette-action-default-hover);
    border-radius: 8px;
}

.tf-toggle-label[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

[b-viyd4wmk20] .tf-toggle-label .mud-icon-root {
    color: var(--mud-palette-primary);
    width: 14px !important;
    height: 14px !important;
}


.tf-pop-foot[b-viyd4wmk20] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid var(--app-divider);
    background: var(--app-surface);
}



.ticket-list-panel[b-viyd4wmk20] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 320px);
    min-height: 420px;
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    border-radius: 12px;
    overflow: hidden;
}


.ticket-list[b-viyd4wmk20] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}


.ticket-list-paging[b-viyd4wmk20] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--app-divider);
    background: var(--app-surface);
}


.ticket-row[b-viyd4wmk20] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--app-divider);
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background-color .15s ease;
}

.ticket-row:last-child[b-viyd4wmk20] {
    border-bottom: none;
}

.ticket-row:hover[b-viyd4wmk20] {
    background-color: var(--mud-palette-action-default-hover);
}

.ticket-row.selected[b-viyd4wmk20] {
    background-color: var(--app-primary-lighten);
    border-left-color: var(--mud-palette-primary);
}


.ticket-row-avatar[b-viyd4wmk20] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--app-primary-lighten);
    color: var(--mud-palette-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-top: 2px;
}


.ticket-row-main[b-viyd4wmk20] {
    flex: 1;
    min-width: 0;
}

.ticket-row-id-line[b-viyd4wmk20] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}


.ticket-row-id[b-viyd4wmk20] {
    font-family: var(--font-mono, monospace);
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
}


.ticket-row-dot[b-viyd4wmk20] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    flex-shrink: 0;
}

.ticket-row-title[b-viyd4wmk20] {
    font-size: 14px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    line-height: 1.4;
    margin-bottom: 4px;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ticket-row-meta[b-viyd4wmk20] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-row-badges[b-viyd4wmk20] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}


.ticket-row-sla[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
}

.ticket-row-sla-ok[b-viyd4wmk20] {
    background: var(--app-sla-ok-bg);
    color: var(--app-sla-ok-text);
    border-color: var(--app-sla-ok-border);
}

.ticket-row-sla-warn[b-viyd4wmk20] {
    background: var(--app-sla-warn-bg);
    color: var(--app-sla-warn-text);
    border-color: var(--app-sla-warn-border);
}

.ticket-row-sla-err[b-viyd4wmk20] {
    background: var(--app-sla-err-bg);
    color: var(--app-sla-err-text);
    border-color: var(--app-sla-err-border);
}

.ticket-row-sla-done[b-viyd4wmk20] {
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
    border-color: var(--app-divider);
}


[b-viyd4wmk20] .ticket-row-sla .mud-icon-root {
    width: 12px !important;
    height: 12px !important;
    font-size: 12px !important;
}


.ticket-row-reply[b-viyd4wmk20] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--mud-palette-primary);
}

.ticket-row-reply[b-viyd4wmk20]::before {
    content: '💬';
    font-size: 10px;
}


.ticket-row-right[b-viyd4wmk20] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    flex-shrink: 0;
    min-height: 60px;
}

.ticket-row-time[b-viyd4wmk20] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}


.ticket-row-assignee[b-viyd4wmk20] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--mud-palette-secondary, #4E8EA2);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}



.cl-wrap[b-3rc3dubq2i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    gap: 16px;
    min-height: 200px;
    width: 100%;
}

.cl-spinner[b-3rc3dubq2i] {
    opacity: 0.85;
}

.cl-msg[b-3rc3dubq2i] {
    opacity: 0.65;
    text-align: center;
}



.fpl-overlay[b-obnuo6a8t8] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-background, var(--app-bg));
    z-index: 9999;
}

.fpl-card[b-obnuo6a8t8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px 48px;
    background: var(--mud-palette-surface, var(--app-surface));
    border-radius: 16px;
    box-shadow: var(--app-shadow-overlay-card);
    min-width: 240px;
}

.fpl-icon-wrap[b-obnuo6a8t8] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--mud-palette-primary, var(--app-primary));
    border-radius: 14px;
    color: var(--app-surface);
    margin-bottom: 4px;
}

.fpl-hex-icon[b-obnuo6a8t8] {
    width: 32px;
    height: 32px;
}

.fpl-title[b-obnuo6a8t8] {
    font-weight: 700 !important;
    color: var(--mud-palette-text-primary);
    letter-spacing: -0.3px;
}

.fpl-progress[b-obnuo6a8t8] {
    width: 160px;
    margin: 4px 0 !important;
}

.fpl-msg[b-obnuo6a8t8] {
    opacity: 0.7;
}



.guide-shell[b-7pf2f9l2f4] {
    background: var(--bg-app);
    color: var(--fg-1);
    font-family: var(--font-sans);
    font-size: var(--fs-body);
    line-height: 1.6;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}



.guide-nav[b-7pf2f9l2f4] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--bg-surface);
    border-bottom: 1px solid var(--border-1);
}
.guide-nav-in[b-7pf2f9l2f4] {
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--space-3) var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-4);
    flex-wrap: wrap;
}
.guide-brand[b-7pf2f9l2f4] { display: flex; align-items: center; gap: var(--space-2); text-decoration: none; margin-right: auto; }
.gb-mark[b-7pf2f9l2f4] {
    width: 2.1rem; height: 2.1rem; border-radius: var(--radius-sm);
    background: var(--brand); color: var(--brand-on);
    font-weight: 800; font-size: .82rem; letter-spacing: .02em;
    display: grid; place-items: center;
}
.gb-text b[b-7pf2f9l2f4] { display: block; color: var(--fg-1); font-weight: 750; font-size: .98rem; line-height: 1.1; }
.gb-text small[b-7pf2f9l2f4] { display: block; color: var(--fg-3); font-size: .72rem; }

.guide-links[b-7pf2f9l2f4] { display: flex; gap: .3rem; flex-wrap: wrap; }
.guide-link[b-7pf2f9l2f4] {
    font-size: .85rem; font-weight: 600; color: var(--fg-2);
    text-decoration: none; padding: .36rem .7rem;
    border-radius: var(--radius-pill); border: 1px solid transparent; white-space: nowrap;
}
.guide-link:hover[b-7pf2f9l2f4] { color: var(--brand); background: var(--bg-surface); border-color: var(--border-1); }
.guide-link.active[b-7pf2f9l2f4] { color: var(--brand); background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 22%, var(--border-1)); }


.guide-backapp[b-7pf2f9l2f4] {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: .35rem;
    font-size: .82rem; font-weight: 600; color: var(--fg-2);
    text-decoration: none; padding: .38rem .72rem;
    border-radius: var(--radius-pill); border: 1px solid var(--border-1);
    background: var(--bg-surface); white-space: nowrap;
}
.guide-backapp svg[b-7pf2f9l2f4] { width: 15px; height: 15px; }
.guide-backapp:hover[b-7pf2f9l2f4] { color: var(--brand); background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 35%, var(--border-1)); }


.guide-tabbar[b-7pf2f9l2f4] { display: none; }

.guide-totop[b-7pf2f9l2f4] {
    position: fixed; right: 16px; bottom: 16px; z-index: 40;
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--brand); color: var(--brand-on); border: none;
    display: grid; place-items: center; cursor: pointer;
    box-shadow: var(--shadow-pop);
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.guide-totop svg[b-7pf2f9l2f4] { width: 20px; height: 20px; }
.guide-totop:hover[b-7pf2f9l2f4] { background: var(--brand-hover); }
.guide-totop.show[b-7pf2f9l2f4] { opacity: 1; visibility: visible; transform: translateY(0); }

.guide-main[b-7pf2f9l2f4] { max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 var(--space-4); flex: 1 0 auto; }

.guide-foot[b-7pf2f9l2f4] { max-width: 1000px; margin: var(--space-6) auto 0; padding: var(--space-5) var(--space-4); border-top: 1px solid var(--border-1); color: var(--fg-3); font-size: .85rem; }
.guide-foot p[b-7pf2f9l2f4] { margin: .2rem 0; }
.guide-foot b[b-7pf2f9l2f4] { color: var(--fg-2); }


.guide-shell[b-7pf2f9l2f4]  .hero { padding: var(--space-7) 0 var(--space-4); }
.guide-shell[b-7pf2f9l2f4]  .eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-3); margin: 0 0 .6rem; }
.guide-shell[b-7pf2f9l2f4]  h1 { font-size: clamp(1.7rem, 1.2rem + 2vw, 2.4rem); line-height: 1.14; margin: 0; font-weight: 800; letter-spacing: -.02em; color: var(--fg-1); text-wrap: balance; }
.guide-shell[b-7pf2f9l2f4]  .lede { font-size: clamp(1rem, .97rem + .3vw, 1.12rem); color: var(--fg-2); max-width: 62ch; margin: .9rem 0 0; }
.guide-shell[b-7pf2f9l2f4]  .note { display: block; margin-top: var(--space-4); padding: var(--space-3) var(--space-4); background: var(--bg-sunken); border: 1px solid var(--border-1); border-left: 3px solid var(--brand); border-radius: var(--radius-sm); font-size: .9rem; color: var(--fg-2); }
.guide-shell[b-7pf2f9l2f4]  .note b { color: var(--fg-1); }

.guide-shell[b-7pf2f9l2f4]  section.feat { padding: var(--space-6) 0; border-top: 1px solid var(--border-1); }
.guide-shell[b-7pf2f9l2f4]  .kicker { border-left: 3px solid var(--brand); padding-left: var(--space-3); margin: 0 0 .3rem; }
.guide-shell[b-7pf2f9l2f4]  h2 { font-size: clamp(1.3rem, 1.1rem + 1vw, 1.7rem); margin: 0; font-weight: 750; color: var(--fg-1); }
.guide-shell[b-7pf2f9l2f4]  .sub { color: var(--fg-3); margin: .4rem 0 var(--space-4); max-width: 64ch; }

.guide-shell[b-7pf2f9l2f4]  .s3 { font-size: 1.14rem; font-weight: 750; color: var(--fg-1); margin: var(--space-6) 0 var(--space-3); padding-bottom: .5rem; border-bottom: 1px solid var(--border-1); scroll-margin-top: 5rem; }
.guide-shell[b-7pf2f9l2f4]  .s3sub { color: var(--fg-3); font-size: .9rem; margin: 0 0 var(--space-3); max-width: 64ch; }

.guide-shell[b-7pf2f9l2f4]  .legend { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.guide-shell[b-7pf2f9l2f4]  .legend li { display: flex; gap: .7rem; align-items: flex-start; background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: var(--radius-input); padding: .7rem .85rem; box-shadow: var(--shadow-xs); }
.guide-shell[b-7pf2f9l2f4]  .legend .n { flex: 0 0 auto; width: 1.55rem; height: 1.55rem; border-radius: 50%; background: var(--warning-500); color: var(--slate-900); font-weight: 800; font-size: .85rem; display: grid; place-items: center; }
.guide-shell[b-7pf2f9l2f4]  .legend .t { font-size: .92rem; color: var(--fg-2); }
.guide-shell[b-7pf2f9l2f4]  .legend .t b { color: var(--fg-1); }

.guide-shell[b-7pf2f9l2f4]  .callout { display: block; background: var(--bg-sunken); border: 1px solid var(--border-1); border-left: 3px solid var(--brand); border-radius: var(--radius-sm); padding: .9rem 1rem; margin-top: var(--space-3); font-size: .9rem; color: var(--fg-2); }
.guide-shell[b-7pf2f9l2f4]  .callout b { color: var(--fg-1); }


.guide-shell[b-7pf2f9l2f4]  .gbtn { display: inline-flex; align-items: center; gap: .45rem; margin-top: var(--space-3); background: var(--brand); color: var(--brand-on); font-weight: 700; font-size: .92rem; line-height: 1.2; padding: .6rem 1.15rem; border-radius: var(--radius-button); text-decoration: none; border: 1px solid var(--brand); box-shadow: var(--shadow-xs); }
.guide-shell[b-7pf2f9l2f4]  .gbtn:hover { background: color-mix(in srgb, var(--brand) 86%, var(--slate-900)); border-color: color-mix(in srgb, var(--brand) 86%, var(--slate-900)); }
.guide-shell[b-7pf2f9l2f4]  .gbtn .arw { font-weight: 800; }


.guide-shell[b-7pf2f9l2f4]  .realshot { position: relative; container-type: inline-size; border-radius: 14px; overflow: hidden; border: 1px solid var(--border-1); box-shadow: var(--shadow-card); background: var(--bg-sunken); cursor: zoom-in; }
.guide-shell[b-7pf2f9l2f4]  .realshot img { display: block; width: 100%; }

.guide-shell[b-7pf2f9l2f4]  .rp { position: absolute; transform: translate(-50%, -50%); width: 3cqw; height: 3cqw; min-width: 15px; min-height: 15px; border-radius: 50%; background: var(--warning-500); color: var(--slate-900); font-weight: 800; font-size: max(9px, 1.72cqw); line-height: 1; display: grid; place-items: center; border: max(1.5px, .2cqw) solid var(--slate-0); box-shadow: 0 2px 8px color-mix(in srgb, var(--slate-900) 42%, transparent); z-index: 3; }
.guide-shell[b-7pf2f9l2f4]  .rr { position: absolute; border: 2.5px solid var(--warning-500); border-radius: 8px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--warning-500) 26%, transparent); z-index: 2; }
.guide-shell[b-7pf2f9l2f4]  figure { margin: 0; }
.guide-shell[b-7pf2f9l2f4]  figcaption { font-size: .78rem; color: var(--fg-3); text-align: center; margin-top: .4rem; }


.guide-shell[b-7pf2f9l2f4]  .strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: .7rem 0 0; }
.guide-shell[b-7pf2f9l2f4]  .strip figure { display: flex; flex-direction: column; gap: .5rem; }
.guide-shell[b-7pf2f9l2f4]  .strip img { width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--border-1); box-shadow: var(--shadow-card); background: var(--bg-surface); }
.guide-shell[b-7pf2f9l2f4]  .strip figcaption { font-size: .84rem; color: var(--fg-2); text-align: left; display: flex; gap: .5rem; align-items: flex-start; line-height: 1.4; }
.guide-shell[b-7pf2f9l2f4]  .strip figcaption .sn { flex: 0 0 auto; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--brand); color: var(--brand-on); font-weight: 800; font-size: .74rem; display: inline-grid; place-items: center; margin-top: .05rem; }


.guide-shell[b-7pf2f9l2f4]  .duo { display: grid; grid-template-columns: 1fr; gap: 1rem; margin: .7rem 0 0; }
.guide-shell[b-7pf2f9l2f4]  .duo figure { display: flex; flex-direction: column; gap: .5rem; margin: 0; }
.guide-shell[b-7pf2f9l2f4]  .duo img { width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--border-1); box-shadow: var(--shadow-card); background: var(--bg-surface); display: block; }
.guide-shell[b-7pf2f9l2f4]  .duo figcaption { font-size: .84rem; color: var(--fg-2); text-align: left; display: flex; gap: .5rem; align-items: flex-start; line-height: 1.4; }
.guide-shell[b-7pf2f9l2f4]  .duo figcaption .sn { flex: 0 0 auto; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--brand); color: var(--brand-on); font-weight: 800; font-size: .74rem; display: inline-grid; place-items: center; margin-top: .05rem; }


.guide-shell[b-7pf2f9l2f4]  .appshot { margin: 1rem 0 0; }
.guide-shell[b-7pf2f9l2f4]  .appshot img { width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--border-1); box-shadow: var(--shadow-card); background: var(--bg-surface); display: block; }
.guide-shell[b-7pf2f9l2f4]  .appshot.wide { max-width: 840px; }
.guide-shell[b-7pf2f9l2f4]  .appshot.narrow { max-width: 420px; margin-inline: auto; }
.guide-shell[b-7pf2f9l2f4]  .appshot figcaption { margin-top: .5rem; text-align: center; }


.guide-shell[b-7pf2f9l2f4]  .appshot img, .guide-shell[b-7pf2f9l2f4]  .strip img, .guide-shell[b-7pf2f9l2f4]  .duo img { cursor: zoom-in; }

.guide-shell[b-7pf2f9l2f4]  .guide-lightbox {
    position: fixed; inset: 0; z-index: 60;
    background: color-mix(in srgb, var(--slate-900) 90%, transparent);
    overflow: auto; -webkit-overflow-scrolling: touch;
    padding: 20px;
    display: flex; align-items: safe center; justify-content: safe center;
    opacity: 0; transition: opacity .18s ease;
}
.guide-shell[b-7pf2f9l2f4]  .guide-lightbox.show { opacity: 1; }
.guide-shell[b-7pf2f9l2f4]  .guide-lightbox .gl-shot { flex: 0 0 auto; cursor: default; }

.guide-shell[b-7pf2f9l2f4]  .guide-lightbox img { width: auto !important; max-width: none; height: auto; border-radius: 10px; }
.guide-shell[b-7pf2f9l2f4]  .guide-lightbox .realshot { max-width: none; width: auto; box-shadow: none; border: none; background: transparent; cursor: default; }
.guide-shell[b-7pf2f9l2f4]  .guide-lightbox-x {
    position: fixed; top: 14px; right: 14px; z-index: 61;
    width: 40px; height: 40px; border-radius: 50%; cursor: pointer;
    background: color-mix(in srgb, var(--brand-on) 16%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on) 40%, transparent);
    color: var(--brand-on); font-size: 1.05rem; line-height: 1;
}


.guide-shell[b-7pf2f9l2f4]  .devlbl { font-weight: 750; color: var(--fg-1); font-size: 1rem; margin: var(--space-4) 0 .4rem; }
.guide-shell[b-7pf2f9l2f4]  .devlbl small { font-weight: 500; color: var(--fg-3); }


.guide-shell[b-7pf2f9l2f4]  .psteps { list-style: none; margin: .55rem 0 0; padding: 0; display: grid; gap: .6rem; counter-reset: ps; max-width: 66ch; }
.guide-shell[b-7pf2f9l2f4]  .psteps li { position: relative; padding-left: 2rem; font-size: .89rem; color: var(--fg-2); line-height: 1.5; }
.guide-shell[b-7pf2f9l2f4]  .psteps li::before { counter-increment: ps; content: counter(ps); position: absolute; left: 0; top: .05rem; width: 1.45rem; height: 1.45rem; border-radius: 50%; background: var(--brand); color: var(--brand-on); font-weight: 800; font-size: .76rem; display: grid; place-items: center; }
.guide-shell[b-7pf2f9l2f4]  .psteps li b { color: var(--fg-1); }


.guide-shell[b-7pf2f9l2f4]  .caps { display: grid; grid-template-columns: 1fr; gap: .6rem; margin: 1rem 0 0; }
.guide-shell[b-7pf2f9l2f4]  .cap { background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: var(--radius-input); padding: .75rem .95rem; }
.guide-shell[b-7pf2f9l2f4]  .cap b { display: block; font-size: .9rem; color: var(--fg-1); }
.guide-shell[b-7pf2f9l2f4]  .cap span { font-size: .82rem; color: var(--fg-2); }


.guide-shell[b-7pf2f9l2f4]  .twoway { display: grid; grid-template-columns: 1fr; gap: .9rem; margin-top: 1rem; }
.guide-shell[b-7pf2f9l2f4]  .way { background: var(--bg-surface); border: 1px solid var(--border-1); border-top: 3px solid var(--brand); border-radius: 14px; padding: 1rem; }
.guide-shell[b-7pf2f9l2f4]  .way h4 { margin: 0 0 .3rem; font-size: 1rem; color: var(--fg-1); font-weight: 700; }
.guide-shell[b-7pf2f9l2f4]  .way p { margin: 0; font-size: .86rem; color: var(--fg-2); }


.guide-shell[b-7pf2f9l2f4]  .road { display: grid; grid-template-columns: 1fr; gap: .9rem; margin-top: 1.2rem; }
.guide-shell[b-7pf2f9l2f4]  .ritem { background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: 14px; padding: 1rem; }
.guide-shell[b-7pf2f9l2f4]  .ritem h3 { margin: 0 0 .2rem; font-size: 1rem; color: var(--fg-1); font-weight: 700; display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.guide-shell[b-7pf2f9l2f4]  .ritem p { margin: 0; font-size: .87rem; color: var(--fg-2); }
.guide-shell[b-7pf2f9l2f4]  .chip { font-size: .64rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: .18rem .5rem; border-radius: var(--radius-pill); color: var(--fg-3); background: var(--bg-sunken); border: 1px solid var(--border-1); }

.guide-shell[b-7pf2f9l2f4]  kbd { font-size: .82em; background: var(--bg-sunken); border: 1px solid var(--border-1); border-radius: 6px; padding: .05em .42em; color: var(--fg-1); }


.guide-shell[b-7pf2f9l2f4]  .toc { display: grid; grid-template-columns: 1fr; gap: .8rem; margin: var(--space-4) 0 var(--space-6); }
.guide-shell[b-7pf2f9l2f4]  .toc-card { display: flex; gap: .9rem; align-items: flex-start; background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: var(--radius-card); padding: 1rem 1.1rem; text-decoration: none; box-shadow: var(--shadow-xs); }
.guide-shell[b-7pf2f9l2f4]  .toc-card:hover { border-color: color-mix(in srgb, var(--brand) 35%, var(--border-1)); box-shadow: var(--shadow-card); }
.guide-shell[b-7pf2f9l2f4]  .toc-n { flex: 0 0 auto; width: 1.9rem; height: 1.9rem; border-radius: var(--radius-sm); background: var(--brand-soft); color: var(--brand); font-weight: 800; display: grid; place-items: center; font-size: .9rem; }
.guide-shell[b-7pf2f9l2f4]  .toc-card b { color: var(--fg-1); font-size: 1rem; }
.guide-shell[b-7pf2f9l2f4]  .toc-card p { margin: .15rem 0 0; color: var(--fg-3); font-size: .87rem; }
.guide-shell[b-7pf2f9l2f4]  .toc-card .soon { font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--fg-3); background: var(--bg-sunken); border: 1px solid var(--border-1); border-radius: var(--radius-pill); padding: .12rem .45rem; margin-left: .4rem; vertical-align: middle; }

@media (min-width: 560px) {
    .guide-shell[b-7pf2f9l2f4]  .caps { grid-template-columns: 1fr 1fr; }
    .guide-shell[b-7pf2f9l2f4]  .twoway { grid-template-columns: 1fr 1fr; }
    .guide-shell[b-7pf2f9l2f4]  .road { grid-template-columns: 1fr 1fr; }
    .guide-shell[b-7pf2f9l2f4]  .duo { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .guide-shell[b-7pf2f9l2f4]  .strip { grid-template-columns: 1fr; max-width: 300px; margin-inline: auto; }
}


@media (max-width: 680px) {
    .guide-nav-in[b-7pf2f9l2f4] { flex-direction: row; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-3); }
    .guide-brand[b-7pf2f9l2f4] { margin-right: auto; }
    .guide-links[b-7pf2f9l2f4] { display: none; }   

    .guide-main[b-7pf2f9l2f4] { padding: 0 var(--space-3); }
    .guide-shell[b-7pf2f9l2f4]  .hero { padding: var(--space-5) 0 var(--space-3); }
    .guide-shell[b-7pf2f9l2f4]  section.feat { padding: var(--space-5) 0; }

    
    .guide-shell[b-7pf2f9l2f4] { padding-bottom: calc(58px + env(safe-area-inset-bottom)); }

    .guide-tabbar[b-7pf2f9l2f4] {
        display: flex;
        position: fixed; left: 0; right: 0; bottom: 0; z-index: 39;
        gap: .1rem;
        padding: .25rem .3rem calc(.25rem + env(safe-area-inset-bottom));
        
        background: var(--bg-surface);
        border-top: 1px solid var(--border-1);
    }
    
    .guide-tab[b-7pf2f9l2f4] {
        flex: 1 1 0; min-width: 0;
        display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
        padding: .34rem .2rem; border-radius: var(--radius-sm);
        text-decoration: none; color: var(--fg-3);
        background: none; border: none; font-family: inherit; cursor: pointer;
    }
    .guide-tab .gt-ico svg[b-7pf2f9l2f4] { width: 22px; height: 22px; display: block; }
    .guide-tab .gt-lbl[b-7pf2f9l2f4] { font-size: .66rem; font-weight: 600; white-space: nowrap; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
    .guide-tab.active[b-7pf2f9l2f4] { color: var(--brand); background: var(--brand-soft); }

    
    .guide-more-backdrop[b-7pf2f9l2f4] { position: fixed; inset: 0; z-index: 38; background: transparent; }
    .guide-more-pop[b-7pf2f9l2f4] {
        position: fixed; right: 8px; z-index: 41;
        bottom: calc(58px + env(safe-area-inset-bottom));
        min-width: 190px; padding: .35rem;
        background: var(--bg-surface); border: 1px solid var(--border-1); border-radius: var(--radius-input);
        box-shadow: var(--shadow-pop); display: flex; flex-direction: column; gap: 2px;
    }
    .guide-more-item[b-7pf2f9l2f4] {
        display: flex; align-items: center; gap: .6rem;
        padding: .55rem .65rem; border-radius: var(--radius-sm);
        text-decoration: none; color: var(--fg-2); font-size: .9rem; font-weight: 600;
    }
    .guide-more-item .gmi-ico[b-7pf2f9l2f4] { display: inline-flex; color: var(--fg-3); }
    .guide-more-item .gmi-ico svg[b-7pf2f9l2f4] { width: 19px; height: 19px; }
    .guide-more-item:hover[b-7pf2f9l2f4] { background: var(--bg-sunken); }
    .guide-more-item.active[b-7pf2f9l2f4] { color: var(--brand); background: var(--brand-soft); }
    .guide-more-item.active .gmi-ico[b-7pf2f9l2f4] { color: var(--brand); }

    
    .guide-totop[b-7pf2f9l2f4] { bottom: calc(64px + env(safe-area-inset-bottom)); right: 14px; }
}



.login-main-content[b-gphpph9jvq] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: var(--app-auth-bg-gradient);
}


.login-pwa-install[b-gphpph9jvq] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
}


@media (max-width: 480px) {
    .login-main-content[b-gphpph9jvq] {
        padding: 16px;
    }
}


.crm-nav-progress-bar[b-iff22ytm7o] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 9999;
}

.app-main-content[b-iff22ytm7o] {
    min-height: 100vh;
    background: var(--mud-palette-background);
    
    padding-top: 60px;
}


.crm-app-bar[b-iff22ytm7o] {
    box-shadow: none !important;
    border-bottom: 1px solid var(--mud-palette-divider) !important;
    z-index: 1300;
    height: 60px !important;
    min-height: 60px !important;
}


[b-iff22ytm7o] .crm-app-bar .mud-toolbar {
    min-height: 60px !important;
    height: 60px !important;
    padding: 0 20px !important;
    gap: 16px;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer-fixed {
    top: 0 !important;
    height: 100vh !important;
}


.crm-search-bar[b-iff22ytm7o] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--mud-palette-background-grey);
    padding: 0 14px;
    height: 38px;
    flex: 1 1 0%;
    min-width: 320px;
    max-width: 520px;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}


[b-iff22ytm7o] .crm-search-bar .mud-icon-root {
    font-size: 13px !important;
}


@media (max-width: 720px) {
    .crm-search-bar[b-iff22ytm7o] {
        min-width: 180px !important;
    }
    .crm-search-kbd[b-iff22ytm7o] {
        display: none;
    }
}

.crm-search-bar:hover[b-iff22ytm7o] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 3px var(--mud-palette-primary-lighten);
}


.crm-search-kbd[b-iff22ytm7o] {
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    background: var(--slate-200);
    color: var(--app-text-secondary);
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
}


.crm-search-placeholder[b-iff22ytm7o] {
    flex: 1;
    font-size: 14px;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.crm-user-stack[b-iff22ytm7o] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 4px 12px 4px 4px;
    border-radius: 999px;
    transition: background 0.15s;
}

.crm-user-stack:hover[b-iff22ytm7o] {
    background: var(--mud-palette-action-default-hover);
}


.crm-user-info[b-iff22ytm7o] {
    text-align: right;
    line-height: 1.25;
}

.crm-user-name[b-iff22ytm7o] {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--mud-palette-text-primary);
}

.crm-user-role[b-iff22ytm7o] {
    font-size: 12px;
    white-space: nowrap;
    color: var(--mud-palette-text-secondary);
}

.crm-avatar-text[b-iff22ytm7o] {
    font-size: 14px;
    font-weight: 600;
}


[b-iff22ytm7o] .crm-drawer {
    
    box-shadow: none !important;
    border-right: 1px solid var(--mud-palette-divider) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}


.crm-drawer-header[b-iff22ytm7o] {
    flex-shrink: 0 !important;
}


.crm-drawer-scroll[b-iff22ytm7o] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: var(--slate-300) transparent;
}


.crm-collapse-btn[b-iff22ytm7o] {
    flex-shrink: 0 !important;
}

[b-iff22ytm7o] .crm-drawer-divider {
    flex-shrink: 0 !important;
}




[b-iff22ytm7o] .crm-drawer > .mud-drawer-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100%;
    max-height: 100%;
    overflow: hidden !important;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .crm-drawer-header {
    padding: 16px 0;
    justify-content: center;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .crm-nav {
    padding: 10px 6px 16px !important;
    scrollbar-gutter: stable;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .mud-nav-link,
[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .mud-nav-group-header {
    justify-content: center !important;
    align-items: center !important;
    
    padding: 10px 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    margin: 2px 6px !important;
    gap: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    width: auto !important;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .mud-nav-link .mud-icon-root,
[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .mud-nav-group-header .mud-icon-root {
    margin: 0 !important;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .mud-nav-link-text {
    display: none !important;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .mud-nav-link-expand-icon {
    display: none !important;
}


[b-iff22ytm7o] .crm-drawer.mud-drawer--closed .crm-collapse-btn {
    justify-content: center;
    padding: 12px 0;
}


[b-iff22ytm7o] .crm-drawer-scroll::-webkit-scrollbar {
    width: 8px;
}

[b-iff22ytm7o] .crm-drawer-scroll::-webkit-scrollbar-thumb {
    background: var(--slate-300);
    border-radius: 999px;
}

[b-iff22ytm7o] .crm-drawer-scroll::-webkit-scrollbar-track {
    background: transparent;
}


.crm-drawer-header[b-iff22ytm7o] {
    padding: 16px 18px;
    background: var(--mud-palette-drawer-background);
    
    min-height: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--mud-palette-divider);
}


.crm-logo-box[b-iff22ytm7o] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--brand), var(--brand-pressed));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.crm-logo-icon[b-iff22ytm7o] {
    font-size: 30px;
}


.crm-maintenance-banner[b-iff22ytm7o] {
    position: sticky;
    top: 0;
    z-index: 1500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text);
    padding: 8px 16px;
    font-size: 0.9rem;
    font-weight: 500;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


[b-iff22ytm7o] .crm-maintenance-banner .mud-icon-root {
    font-size: 13px !important;
}

.crm-maintenance-logout[b-iff22ytm7o] {
    margin-left: auto;
    font-style: italic;
    opacity: 0.85;
}


.crm-logo-img[b-iff22ytm7o] {
    height: 32px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    object-position: left center;
    flex-shrink: 0;
    display: block;
}

.crm-logo-text[b-iff22ytm7o] {
    color: var(--mud-palette-primary);
    font-weight: 700;
    font-size: 17px;
    white-space: nowrap;
    letter-spacing: -0.3px;
}


.crm-topbar-brand[b-iff22ytm7o] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-right: 8px;
    flex: 0 0 auto;
}
.crm-topbar-brand:hover[b-iff22ytm7o] { text-decoration: none; }

@media (max-width: 640px) {
    .crm-topbar-brand .crm-logo-text[b-iff22ytm7o] { display: none; }
}


.crm-section-header[b-iff22ytm7o] {
    display: block;
    color: var(--mud-palette-text-secondary) !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 16px 12px 6px !important;
    pointer-events: none;
}


[b-iff22ytm7o] .crm-nav.mud-nav-menu {
    padding: 10px 10px 16px !important;
}


[b-iff22ytm7o] .crm-nav .mud-nav-link-icon {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 19px !important;
    height: 19px !important;
    font-size: 19px !important;
}


.crm-section-divider[b-iff22ytm7o] {
    height: 1px;
    background: var(--mud-palette-divider);
    margin: 10px 14px;
    opacity: 0.7;
}


[b-iff22ytm7o] .crm-nav .mud-nav-link .mud-nav-link-text {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    
    font-size: 14px !important;
    
    margin-left: 0 !important;
    margin-inline-start: 0 !important;
}


.crm-nav-badge[b-iff22ytm7o] {
    margin-left: auto !important;
    align-self: center;
    background: var(--mud-palette-primary);
    color: white;
    font-size: 12px;          
    font-weight: 600;         
    padding: 2px 7px;
    border-radius: 999px;
    min-width: 20px;
    height: 20px;             
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}


.crm-nav-badge-warning[b-iff22ytm7o] {
    background: var(--warning-500, #F59E0B);
}

.crm-nav-badge-error[b-iff22ytm7o] {
    background: var(--error-500, #EF4444);
}


[b-iff22ytm7o] .crm-nav .mud-nav-link.active .crm-nav-badge {
    background: var(--mud-palette-primary);
    color: white;
}


.crm-nav-more-btn[b-iff22ytm7o] {
    display: flex;
    align-items: center;
    gap: 11px;                 
    width: calc(100% - 8px);
    margin: 2px 4px;
    padding: 7px 12px;
    border: none;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-family: inherit;
    font-size: 13px;
    font-style: normal;        
    cursor: pointer;
    border-radius: 8px;
    transition: color 0.15s;
    text-align: left;
}

.crm-nav-more-btn:hover[b-iff22ytm7o] {
    background: transparent;
    color: var(--mud-palette-primary);
}

.crm-nav-more-btn:focus-visible[b-iff22ytm7o] {
    outline: 2px solid var(--mud-palette-primary-lighten);
    outline-offset: -2px;
}


[b-iff22ytm7o] .crm-nav .mud-nav-link,
[b-iff22ytm7o] .crm-nav .mud-nav-group-header {
    color: var(--mud-palette-drawer-text) !important;
    border-radius: 8px !important;
    margin: 2px 4px !important;
    padding: 9px 12px !important;
    gap: 11px !important;          
    font-size: 14px;
    font-weight: 500;
    transition: background 0.15s;
}


[b-iff22ytm7o] .crm-nav .mud-nav-link .mud-icon-root,
[b-iff22ytm7o] .crm-nav .mud-nav-group-header .mud-icon-root {
    width: 19px !important;
    height: 19px !important;
    font-size: 19px !important;
    margin: 0 !important;
}


[b-iff22ytm7o] .crm-nav-more-btn .mud-icon-root {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

[b-iff22ytm7o] .crm-nav .mud-nav-link:hover,
[b-iff22ytm7o] .crm-nav .mud-nav-group-header:hover {
    background-color: var(--mud-palette-action-default-hover) !important;
}

[b-iff22ytm7o] .crm-nav .mud-nav-link.active {
    background-color: var(--mud-palette-primary-lighten) !important;
    color: var(--mud-palette-primary) !important;
    font-weight: 600;
}

[b-iff22ytm7o] .crm-nav .mud-nav-link.active .mud-icon-root {
    color: var(--mud-palette-primary) !important;
}

[b-iff22ytm7o] .crm-nav .mud-nav-link .mud-icon-root,
[b-iff22ytm7o] .crm-nav .mud-nav-group-header .mud-icon-root {
    color: var(--mud-palette-drawer-icon) !important;
}

[b-iff22ytm7o] .crm-nav .mud-nav-link.crm-nav-sub {
    color: var(--mud-palette-text-secondary) !important;
    font-size: 13px;
    padding-left: 44px !important;
    margin: 1px 6px !important;
    border-radius: 8px !important;
}

[b-iff22ytm7o] .crm-nav .mud-nav-link.crm-nav-sub.active {
    background-color: var(--mud-palette-primary-lighten) !important;
    color: var(--mud-palette-primary) !important;
}

[b-iff22ytm7o] .crm-drawer-divider {
    border-color: var(--mud-palette-divider) !important;
    margin: 0 12px !important;
}

.crm-collapse-btn[b-iff22ytm7o] {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.crm-collapse-btn:hover[b-iff22ytm7o] {
    background: var(--mud-palette-action-default-hover);
}

.crm-collapse-icon[b-iff22ytm7o] {
    color: var(--mud-palette-drawer-icon);
    opacity: 0.8;
}


[b-iff22ytm7o] .crm-collapse-icon.mud-icon-root {
    font-size: 12px !important;
}

.crm-collapse-text[b-iff22ytm7o] {
    color: var(--mud-palette-drawer-icon);
    margin-left: 8px;
    font-size: 13px;
}

.crm-user-menu-header[b-iff22ytm7o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 24px 12px;
    text-align: center;
    min-width: 230px;
    background: var(--mud-palette-background-grey);
    border-radius: 12px 12px 0 0;
}

.crm-user-menu-version[b-iff22ytm7o] {
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    opacity: .55;
    padding: 8px 12px 4px;
}



.notice-shell[b-uc286vc5wo] {
    background: var(--bg-app);
    color: var(--fg-1);
    font-family: var(--font-sans);
    line-height: 1.6;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
}


.notice-top[b-uc286vc5wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: calc(.7rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .7rem calc(1rem + env(safe-area-inset-left));
    background: var(--bg-surface);
    border-bottom: 1px solid var(--border-1);
}

.notice-brand[b-uc286vc5wo] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: inherit;
    text-decoration: none;
    min-width: 0;
}
.notice-brand .nb-mark[b-uc286vc5wo] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 9px;
    background: var(--brand);
    color: var(--brand-on);
    font-weight: 800;
    font-size: .72rem;
    display: grid;
    place-items: center;
}
.notice-brand .nb-text[b-uc286vc5wo] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}
.notice-brand .nb-text b[b-uc286vc5wo] { font-weight: 750; font-size: .98rem; }
.notice-brand .nb-text small[b-uc286vc5wo] { color: var(--fg-3); font-size: .76rem; }

.notice-backapp[b-uc286vc5wo] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    flex: 0 0 auto;
    color: var(--fg-3);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    padding: .4rem .75rem;
    border-radius: var(--radius-pill);
    border: 1px solid var(--border-1);
    background: var(--bg-surface);
    white-space: nowrap;
}
.notice-backapp svg[b-uc286vc5wo] { width: 15px; height: 15px; }
.notice-backapp:hover[b-uc286vc5wo] {
    color: var(--brand);
    background: var(--brand-soft);
    border-color: color-mix(in srgb, var(--brand) 35%, var(--border-1));
}


.notice-main[b-uc286vc5wo] { flex: 1 1 auto; }

.notice-foot[b-uc286vc5wo] {
    text-align: center;
    color: var(--fg-3);
    font-size: .82rem;
    padding: 1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));
    border-top: 1px solid var(--border-1);
    background: var(--bg-surface);
}
.notice-foot b[b-uc286vc5wo] { color: var(--fg-1); }


@media (max-width: 420px) {
    .notice-backapp .ba-lbl[b-uc286vc5wo] { display: none; }
    .notice-backapp[b-uc286vc5wo] { padding: .45rem .55rem; }
}




.home-hero-wrap[b-ohndaf4a47]  .home-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 24px;
    border-radius: var(--radius-card);
    background: linear-gradient(135deg, var(--blue-700), var(--blue-800));
    color: var(--brand-on);
    text-decoration: none;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--blue-700) 32%, transparent);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px color-mix(in srgb, var(--blue-700) 42%, transparent);
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero:active { transform: translateY(0); }
.home-hero-wrap[b-ohndaf4a47]  .home-hero:focus-visible {
    outline: none;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--blue-700) 32%, transparent),
                0 0 0 3px color-mix(in srgb, var(--brand-on) 55%, transparent);
}

.home-hero-wrap[b-ohndaf4a47]  .home-hero-badge {
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    color: var(--brand-on);
    background: color-mix(in srgb, var(--brand-on) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on) 28%, transparent);
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-badge svg { width: 27px; height: 27px; }

.home-hero-wrap[b-ohndaf4a47]  .home-hero-body {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}


.home-hero-wrap[b-ohndaf4a47]  .home-hero-eyebrow {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--brand-on);
    background: color-mix(in srgb, var(--brand-on) 20%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on) 40%, transparent);
    border-radius: var(--radius-pill);
    padding: 5px 12px;
    margin-bottom: 10px;
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-eyebrow svg { width: 15px; height: 15px; }

.home-hero-wrap[b-ohndaf4a47]  .home-hero-title {
    font-size: clamp(1.2rem, 1rem + 1vw, 1.55rem);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: var(--brand-on);
    text-wrap: balance;
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-desc {
    margin-top: 8px;
    font-size: 0.92rem;
    line-height: 1.5;
    max-width: 60ch;
    color: color-mix(in srgb, var(--brand-on) 88%, transparent);
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-chips span {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--brand-on);
    background: color-mix(in srgb, var(--brand-on) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--brand-on) 22%, transparent);
    border-radius: var(--radius-pill);
    padding: 3px 11px;
}

.home-hero-wrap[b-ohndaf4a47]  .home-hero-cta {
    flex: 0 0 auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--brand-on);
    color: var(--blue-700);
    font-weight: 700;
    font-size: 0.95rem;
    padding: 11px 20px;
    border-radius: var(--radius-button);
    white-space: nowrap;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--blue-900) 32%, transparent);
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-cta .a { font-weight: 800; }


.home-hero-wrap[b-ohndaf4a47]  .home-hero-wm {
    position: absolute;
    right: -18px;
    bottom: -46px;
    width: 200px;
    height: 200px;
    opacity: 0.1;
    color: var(--brand-on);
    pointer-events: none;
}
.home-hero-wrap[b-ohndaf4a47]  .home-hero-wm svg { width: 100%; height: 100%; }


.home-sec-h[b-ohndaf4a47] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.home-sec-t[b-ohndaf4a47] {
    font-size: 1.12rem;
    font-weight: 700;
    color: var(--fg-1);
}
.home-sec-s[b-ohndaf4a47] {
    font-size: 0.85rem;
    color: var(--app-text-secondary);
}


.home-launcher[b-ohndaf4a47]  .home-tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    height: 100%;
    padding: 18px;
    border-radius: var(--radius-card);
    background: var(--app-surface);
    border: 1px solid var(--app-divider);
    box-shadow: var(--app-shadow-card);
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}
.home-launcher[b-ohndaf4a47]  .home-tile:hover {
    border-color: color-mix(in srgb, var(--brand) 45%, var(--app-divider));
    box-shadow: var(--app-shadow-card-strong);
    transform: translateY(-2px);
}
.home-launcher[b-ohndaf4a47]  .home-tile:active {
    transform: translateY(0);
    box-shadow: var(--app-shadow-card);
}
.home-launcher[b-ohndaf4a47]  .home-tile:focus-visible {
    outline: none;
    border-color: var(--brand);
    box-shadow: var(--app-shadow-card-strong), 0 0 0 3px var(--brand-soft);
}


.home-launcher[b-ohndaf4a47]  .home-tile-ico {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--brand-soft);
    color: var(--brand);
}
.home-launcher[b-ohndaf4a47]  .home-tile-ico svg { width: 23px; height: 23px; }

.home-launcher[b-ohndaf4a47]  .home-tile-title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3;
    color: var(--fg-1);
}
.home-launcher[b-ohndaf4a47]  .home-tile-desc {
    font-size: 0.85rem;
    line-height: 1.4;
    color: var(--app-text-secondary);
    flex: 1 1 auto;
}


.home-launcher[b-ohndaf4a47]  .home-tile-go {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--brand);
    margin-top: 2px;
    transition: gap 0.18s ease;
}
.home-launcher[b-ohndaf4a47]  .home-tile-go svg { width: 14px; height: 14px; }
.home-launcher[b-ohndaf4a47]  .home-tile:hover .home-tile-go { gap: 9px; }


@media (max-width: 680px) {
    .home-hero-wrap[b-ohndaf4a47]  .home-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 18px;
    }
    .home-hero-wrap[b-ohndaf4a47]  .home-hero-cta { align-self: stretch; justify-content: center; }
    .home-hero-wrap[b-ohndaf4a47]  .home-hero-wm { width: 150px; height: 150px; bottom: -36px; right: -14px; }
}
@media (max-width: 600px) {
    .home-launcher[b-ohndaf4a47]  .home-tile {
        padding: 15px;
        border-radius: 14px;
    }
    .home-launcher[b-ohndaf4a47]  .home-tile-ico {
        width: 42px;
        height: 42px;
    }
}