#tagger-pos-data {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#tagger-pos-categories {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pos-category-wrapper {
    width: 100%;
    background: #F4F4F4;
    padding: 10px;
    border-radius: 10px;
}

.pos-category-arrow {
    font-size: 1.2em;
    margin-left: 12px;
    transition: transform 0.2s;
    display: inline-block;
    flex: 0 0 auto;
    color: #ffd600;
}

.pos-category-arrow img {
    width: 16px;
    height: 16px;
}

.pos-category-items {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 10px 18px;
    box-sizing: border-box;
    width: 100%;
}
/* POS Category Toggle Enhanced Styles */
.pos-category-toggle {
    background: unset;
    border: none;
    border-radius: 10px;
    padding: 5px;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
}

.pos-category-title {
    margin-right: 8px;
    flex: 1 1 auto;
    text-align: left;
}
.pos-category-items {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 10px 18px;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
    width: 100%;
}

:root {
    --tag-NP-bg: #FFF9C4;
    --tag-CO-bg: #E1F5FE;
    --tag-NN-bg: #F8BBD0;
    --tag-IN-bg: #DCEDC8;
    --tag-CD-bg: #FFE0B2;
    --tag-VBD-bg: #D1C4E9;
    --tag-JJ-bg: #FFECB3;
    --tag-TO-bg: #B2EBF2;
    --tag-VV-bg: #C8E6C9;
    --tag-THAT-bg: #FFCCBC;
    --tag-PP-bg: #F0F4C3;
    --tag-RB-bg: #B3E5FC;
    --tag-DAT-bg: #F5F5DC;
    --tag-NNS-bg: #F3E5F5;
    --tag-VVP-bg: #FFCDD2;
    --tag-VB-bg: #E0F7FA;
    --tag-VVN-bg: #FFF8E1;
    --tag-PN-bg: #E6EE9C;
    --tag-VVD-bg: #FBE9E7;
    --tag-DTW-bg: #EDE7F6;
    --tag-VHD-bg: #FFCCBC;
    --tag-PP2-bg: #D7CCC8;
    --tag-MD-bg: #B2DFDB;
    --tag-VVG-bg: #F9FBE7;
    --tag-NPS-bg: #FFECB3;
    --tag-EX-bg: #E0E0E0;
    --tag-VH-bg: #F8BBD0;
    --tag-VVD-bg: #FBE9E7;
    --tag-JJS-bg: #FFF9C4;
    --tag-DTW-bg: #EDE7F6;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
    --tag-VVD-bg: #FBE9E7;
    --tag-VVG-bg: #F9FBE7;
    --tag-VHD-bg: #FFCCBC;
    --tag-VVN-bg: #FFF8E1;
}

.tag-token {
    padding: 2px 6px;
    border-radius: 6px;
}
.tag-NP {
    background: var(--tag-NP-bg);
}
.tag-CO {
    background: var(--tag-CO-bg);
}
.tag-NN {
    background: var(--tag-NN-bg);
}

.tag-IN {
    background: var(--tag-IN-bg);
}
.tag-CD {
    background: var(--tag-CD-bg);
}
.tag-VBD {
    background: var(--tag-VBD-bg);
}
.tag-JJ {
    background: var(--tag-JJ-bg);
}
.tag-TO {
    background: var(--tag-TO-bg);
}
.tag-VV {
    background: var(--tag-VV-bg);

}
.tag-THAT {
    background: var(--tag-THAT-bg);

}
.tag-PP {
    background: var(--tag-PP-bg);

}
.tag-RB {
    background: var(--tag-RB-bg);

}
.tag-DAT {
    background: var(--tag-DAT-bg);

}
.tag-NNS {
    background: var(--tag-NNS-bg);

}
.tag-VVP {
    background: var(--tag-VVP-bg);

}
.tag-VB {
    background: var(--tag-VB-bg);

}
.tag-VVN {
    background: var(--tag-VVN-bg);

}
.tag-PN {
    background: var(--tag-PN-bg);

}
.tag-VVD {
    background: var(--tag-VVD-bg);

}
.tag-DTW {
    background: var(--tag-DTW-bg);

}
.tag-VHD {
    background: var(--tag-VHD-bg);

}
.tag-PP2 {
    background: var(--tag-PP2-bg);

}
.tag-MD {
    background: var(--tag-MD-bg);

}
.tag-VVG {
    background: var(--tag-VVG-bg);

}
.tag-NPS {
    background: var(--tag-NPS-bg);

}
.tag-EX {
    background: var(--tag-EX-bg);

}
.tag-VH {
    background: var(--tag-VH-bg);

}

.pos-category-items-heading {
    display: flex;
    flex-wrap: nowrap;
}

/* Eye toggle button next to each pos-item */
.pos-eye-toggle {
    background: transparent;
    border: none;
    padding: 0 6px;
    margin-left: 8px;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 1;
    vertical-align: middle;
}
.pos-eye-toggle img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.pos-eye-toggle .eye-open,
.pos-eye-toggle .eye-closed {
    display: inline-block;
}

/* Category-level eye: visually distinct */
.pos-category-eye {
    /* background: rgba(0,0,0,0.04); */
    border-radius: 999px;
    padding: 6px;
    margin-right: 10px;
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pos-category-eye img {
    width: 20px;
    height: 20px;
}
.pos-category-eye:hover {
    background: rgba(0,0,0,0.06);
}

.pos-item-tokens {
    font-size: 14px;
}

/* When token backgrounds should be hidden, add .no-bg to tokens */
.tag-token.no-bg {
    background: transparent !important;
}
/* Tagger styles */

#tagger-tokens {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.textinspector-tools-wrapper .dashboard.dashboard-tagger {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1200px) {
    .textinspector-tools-wrapper .dashboard.dashboard-tagger {
        grid-template-columns: 2fr 1fr;
    }
}