.work-groups{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;margin:10px 0;border:1px solid #d9e0e5;border-radius:12px;background:#fff}.work-groups strong{font-size:14px}.work-groups select,.work-groups button{min-height:38px}.work-group-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f1f4f6;font-weight:800}.work-group-badge i{width:10px;height:22px;border-radius:5px;background:var(--group-color,#9ca3af)}
.group-assigned{position:relative}.group-assigned:before{content:"";position:absolute;z-index:3;left:0;top:5px;bottom:5px;width:5px;border-radius:0 5px 5px 0;background:var(--group-color)}
.work-group-dialog{max-width:760px}.work-group-create,.work-group-edit{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.work-group-create label{display:grid;gap:4px}.work-group-list{display:grid;gap:12px;margin:18px 0}.work-group-entry{border:1px solid #dce2e7;border-left:6px solid var(--group-color);border-radius:10px;padding:12px}.work-group-entry header{display:flex;justify-content:space-between;align-items:center}.work-group-entry .checks{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.work-group-entry label{display:inline-flex;align-items:center;gap:5px}.group-item-check{margin-right:8px}
@media(max-width:700px){.work-groups{position:sticky;top:0;z-index:20}.work-group-badge{width:100%;justify-content:center}}
#returnGroupContext>.work-groups{padding:0;margin:0;border:0;flex:1}
.work-group-chips{display:flex;gap:7px;flex-wrap:wrap}.group-chip{display:inline-flex;align-items:center;gap:7px;border:2px solid transparent}.group-chip i,.group-action-card h1 i{display:inline-block;width:6px;height:22px;border-radius:4px;background:var(--group-color,#94a3b8)}.group-chip.selected{border-color:#111827;background:#eef2ff}.group-action-card{max-width:420px}.group-action-card h1{display:flex;align-items:center;gap:10px}.group-action{display:block;width:100%;padding:18px;margin:10px 0;border:1px solid #d5dce2;border-radius:12px;background:#fff;text-align:left;font-size:17px;font-weight:800}.group-action:hover{background:#f5f7fa}.group-user-grid{display:grid;gap:8px;margin:16px 0}.group-user{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid transparent;border-radius:10px}.group-user.clocked{background:#dcfce7}.group-user.offline{background:#e5e7eb;color:#59616b}.group-user.selected{border-color:#5b21b6;box-shadow:0 0 0 2px #ede9fe}.group-user input{width:22px;height:22px}.group-user span{display:grid}.group-item-check{display:flex;align-items:center;gap:6px;padding:8px;background:#ede9fe;border-radius:8px;font-weight:800}.group-item-check input{width:22px!important;height:22px}.assign-filter{min-width:220px}
.work-group-assign-mode #materialList .material-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:54px!important;padding:8px 14px!important}.work-group-assign-mode #materialList .material-row>*:not(.group-item-check):not(.article-title):not(.progress){display:none!important}.work-group-assign-mode #materialList .article-title{display:block!important;min-width:0!important}.work-group-assign-mode #materialList .article-title strong{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-group-assign-mode #materialList .article-title small{display:none!important}.work-group-assign-mode #materialList .progress{display:block!important;white-space:nowrap;font-size:16px}.work-group-assign-mode #materialList .group-item-check{display:flex!important;padding:0;background:transparent}.work-group-assign-mode #materialList .group-item-check span{display:none!important}.work-group-assign-mode #materialList .group-item-check input{margin:0!important}.work-group-assign-mode #resultTable .article-flow{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;min-height:54px}.work-group-assign-mode #resultTable .article-flow>.group-item-check{display:flex!important}.work-group-assign-mode #resultTable .article-flow>.allocation-strip{display:none!important}.work-group-assign-mode #resultTable .article-name small,.work-group-assign-mode #resultTable .article-name label{display:none!important}
.work-group-assign-mode{background:#f4f1ff!important}.work-group-assign-mode #projectView,.work-group-assign-mode #flowSection{background:linear-gradient(180deg,rgba(124,58,237,.055),rgba(124,58,237,.015))}.work-group-assign-mode .work-groups{position:sticky!important;top:0!important;z-index:80!important;border-color:#8b5cf6!important;box-shadow:0 8px 24px rgba(76,29,149,.16)!important}.assign-status{color:#6d28d9;font-size:13px;font-weight:700}.assign-group{font-weight:800}
.assign-group-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.assign-group-chips .group-chip{background:#fff}.assign-group-chips .group-chip.selected{border-color:var(--group-color);background:#f5f3ff;box-shadow:0 0 0 2px color-mix(in srgb,var(--group-color) 25%,transparent)}
@media(max-width:700px){body.role-admin:not(.mobile-admin-tools) .material-row .admin-only,body.role-admin:not(.mobile-admin-tools) .material-row .drag,body.role-admin:not(.mobile-admin-tools) .project-actions .admin-only{display:none!important}#mobileAdminTools{display:inline-flex!important;white-space:nowrap}.material-row .item-actions{gap:6px}.material-row .item-actions button{min-height:34px;padding:6px 10px;font-size:12px}body.mobile-admin-tools .material-row .item-actions{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}body.mobile-admin-tools .material-row .item-actions>*{flex:0 0 auto}.project-actions{gap:6px}.project-actions button{padding:7px 10px;font-size:12px}}
.group-chip-wrap{display:inline-flex;align-items:stretch}.group-chip-wrap>.group-chip{border-radius:999px 0 0 999px}.group-manage{border:1px solid #cbd5db;border-left:0;border-radius:0 999px 999px 0;background:#fff;color:#52606e;padding:0 10px;cursor:pointer;font-weight:850}.group-manage:hover{background:#edf7f5;color:#0f766e}
.group-assigned:before{width:8px;box-shadow:1px 0 0 color-mix(in srgb,var(--group-color) 45%,#111827)}
.group-chip[style]{border-color:color-mix(in srgb,var(--group-color) 52%,#cbd5e1);background:color-mix(in srgb,var(--group-color) 12%,white)}
.group-chip[style] i{width:9px;background:var(--group-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--group-color) 60%,#111827)}
.group-chip[style].selected{border-color:var(--group-color);background:color-mix(in srgb,var(--group-color) 20%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--group-color) 35%,transparent)}
.work-group-badge[style]{background:color-mix(in srgb,var(--group-color) 15%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--group-color) 42%,#d1d5db)}
#materialList .material-row[hidden],#resultTable .article-flow[hidden],#resultTable tr[hidden]{display:none!important}
.role-admin .admin-toolbox{display:block!important}.tools>.admin-toolbox{grid-column:1/-1}.admin-toolbox{margin:4px 0 10px;border:1px solid #c4b5fd;border-radius:12px;background:#faf9ff;overflow:hidden}.admin-toolbox-trigger{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 13px;border:0;background:linear-gradient(100deg,#ede9fe,#f8f7ff);color:#3f2a71;text-align:left}.admin-toolbox-trigger>span:nth-child(2){display:grid;gap:2px}.admin-toolbox-trigger strong{font-size:13px}.admin-toolbox-trigger small{color:#6f6291;font-size:11px}.admin-toolbox-trigger>b{font-size:18px;transition:transform .18s}.admin-toolbox-trigger[aria-expanded="true"]>b{transform:rotate(180deg)}.admin-toolbox-icon{display:grid!important;place-items:center;width:32px;height:32px;border-radius:8px;background:#6d28d9;color:#fff;font-size:16px}.admin-toolbox-panel{padding:10px;border-top:1px solid #ddd6fe;background:#fff}.admin-toolbox-panel:not(.hidden){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.admin-tool-option,.admin-tool-status{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:9px 11px;border:1px solid #e4e0ee;border-radius:9px;background:#faf9ff}.admin-tool-option>span,.admin-tool-status{color:#3f2a71}.admin-tool-option>span{display:grid;gap:2px}.admin-tool-option small,.admin-tool-status small{display:block;color:#756b8d;font-size:11px}.admin-tool-option input{width:22px!important;height:22px!important;flex:0 0 auto;accent-color:#6d28d9}.admin-tool-status{display:grid;justify-content:stretch}.commission-page .item-actions .admin-only{border-color:#c4b5fd!important;background:#f5f3ff!important;color:#5b21b6!important}body.commission-page.role-admin:not(.mobile-admin-tools) .material-row .item-actions>.admin-only,body.commission-page.role-admin:not(.mobile-admin-tools) .material-row>.drag.admin-only{display:none!important}.commission-page .admin-toolbox{margin:0}.return-page .admin-toolbox{margin:0 0 12px}
@media(max-width:700px){.admin-toolbox-panel:not(.hidden){grid-template-columns:1fr}.admin-toolbox-trigger{padding:9px 10px}.admin-toolbox-trigger small{white-space:normal}}
.tools>.commission-admin-toolbox{position:relative;grid-column:auto;justify-self:start;margin:0;border:0;background:transparent;overflow:visible}.commission-admin-toolbox .admin-toolbox-trigger{display:inline-flex;width:auto;min-height:44px;gap:7px;padding:6px 11px;border:1px solid #c4b5fd;border-radius:9px;background:#f5f3ff;color:#5b21b6;white-space:nowrap}.commission-admin-toolbox .admin-toolbox-icon{width:28px;height:28px;font-size:13px}.commission-admin-toolbox .admin-toolbox-panel{position:absolute;z-index:90;right:0;top:calc(100% + 7px);width:min(520px,calc(100vw - 28px));border:1px solid #c4b5fd;border-radius:11px;box-shadow:0 16px 42px rgba(46,30,82,.22)}
@media(max-width:720px){.tools>.commission-admin-toolbox{justify-self:end}.commission-admin-toolbox .admin-toolbox-panel{left:auto;right:0;width:min(520px,calc(100vw - 28px))}}