.duty-picker-shell{color:#11234d}.duty-picker-head{margin-bottom:22px}.duty-picker-head h1{margin:0 0 8px!important;text-align:left!important;font-size:25px!important;line-height:1.2}.duty-picker-head p{margin:0;color:#7181a5;font-size:11px;line-height:1.5}.duty-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:44px;margin-bottom:16px}.duty-search{height:45px;display:flex;align-items:center;border:1px solid #dce5f3;border-radius:9px;background:#fff;padding:0 13px;box-shadow:0 2px 8px rgba(23,63,125,.02)}.duty-search span{order:2;margin-left:auto;color:#315aaf;font-size:24px;line-height:1;transform:rotate(-18deg)}.duty-search input{height:auto!important;width:100%;padding:0!important;border:0!important;outline:0;background:transparent;color:#162855;font:500 10px Inter}.duty-search input::placeholder{color:#9aa8c3}.duty-template{height:45px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d6e1f4!important;border-radius:9px!important;background:#fff!important;color:#1359e7!important;padding:0 15px!important;font:700 10px Inter!important;box-shadow:0 2px 8px rgba(23,63,125,.02)}.duty-template span{font-size:18px}.duty-browser{display:grid;grid-template-columns:32% minmax(0,1fr);min-height:475px;border:1px solid #dfe7f3;border-radius:11px;background:#fff;overflow:hidden}.duty-categories{padding:8px;border-right:1px solid #e1e8f3;background:#fff;overflow:auto}.duty-categories button{width:100%;min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr) 30px;align-items:center;gap:5px;padding:5px 8px;border:0!important;border-radius:7px!important;background:transparent!important;color:#24375f!important;text-align:left;font:600 9px Inter!important;box-shadow:none!important}.duty-categories button:first-child{grid-template-columns:minmax(0,1fr) 30px}.duty-categories button:hover{background:#f5f8fe!important}.duty-categories button.active{background:#edf3ff!important;color:#1559e8!important}.duty-categories i{display:grid;place-items:center;width:22px;height:22px;color:#1d3e79;font-style:normal;font-size:12px}.duty-categories span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duty-categories em{justify-self:end;padding:3px 5px;border-radius:5px;background:#f5f7fb;color:#7484a7;font:500 8px Inter}.duty-categories .active em{background:#fff;color:#1760ef}.duty-options{min-width:0;background:#fff}.duty-options>header{height:46px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #edf1f7;color:#7584a3;font-size:9px}.duty-options>header span{margin-right:6px;color:#5278bd}.clear-duties{margin-left:auto;border:0!important;background:transparent!important;color:#1760ed!important;padding:6px!important;font:600 9px Inter!important}.duty-options-list{height:428px;padding:8px 16px 12px;overflow:auto}.duty-options-list h2{margin:8px 4px!important;font-size:11px!important}.duty-option{min-height:51px;display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:7px 10px;border:0;border-radius:7px;cursor:pointer;transition:background .16s ease}.duty-option:hover{background:#f7f9fd}.duty-option.selected{background:#f4f7fc}.duty-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.duty-checkbox{width:13px;height:13px;display:grid;place-items:center;border:1px solid #becbe0;border-radius:2px;background:#fff;color:transparent;font-size:8px;font-weight:900}.duty-option.selected .duty-checkbox{border-color:#1762ee;background:#1762ee;color:#fff}.duty-copy{min-width:0}.duty-copy b,.duty-copy small{display:block}.duty-copy b{color:#22375f;font-size:9px;line-height:1.4}.duty-copy small{margin-top:3px;color:#7f8dab;font-size:7px;line-height:1.4}.duty-info{width:13px;height:13px;display:grid;place-items:center;border:1px solid #7790bf;border-radius:50%;color:#607caf;font:700 7px serif}.duty-empty{padding:30px;text-align:center;color:#8391aa;font-size:10px}.selected-duties{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:16px;padding:10px 17px;border:1px solid #dfe7f3;border-radius:10px;background:#fff}.selected-duties>strong{font-size:10px;white-space:nowrap}.selected-duties>strong span{color:#7182a5}.selected-duty-icons{display:flex;align-items:center;gap:7px;min-width:0}.selected-duty-icons>button{width:27px;height:27px;display:flex;align-items:center;gap:8px;border:0!important;border-radius:7px!important;background:#eef5ff!important;color:#1660ed!important;padding:0!important;font-size:10px!important}.selected-duty-icons>button:nth-child(3n+1){background:#eafbf5!important;color:#13a87b!important}.selected-duty-icons>button:nth-child(3n+2){background:#f0efff!important;color:#7459e9!important}.selected-duty-icons>button i{width:27px;flex:none;font-style:normal}.selected-duty-icons>button span,.selected-duty-icons>button em{display:none}.selected-duty-icons small{color:#8a98b2;font-size:8px}.selected-more{padding:6px;border-radius:7px;background:#f6f8fc;color:#637395;font-size:8px}.toggle-selected{border:1px solid #dae4f3!important;background:#fff!important;color:#1760ed!important;padding:9px 16px!important;font:600 9px Inter!important}.selected-duties.expanded{align-items:start}.selected-duties.expanded .selected-duty-icons{flex-wrap:wrap}.selected-duties.expanded .selected-duty-icons>button{width:auto;max-width:250px;padding-right:7px!important}.selected-duties.expanded .selected-duty-icons>button span,.selected-duties.expanded .selected-duty-icons>button em{display:block}.selected-duties.expanded .selected-duty-icons>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-duties.expanded .selected-duty-icons>button em{font-style:normal;color:#d94e5b}@media(max-width:900px){.duty-toolbar{grid-template-columns:1fr;gap:10px}.duty-template{justify-self:end}.duty-browser{grid-template-columns:230px minmax(0,1fr)}.selected-duties{grid-template-columns:1fr auto}.selected-duty-icons{grid-column:1/-1;grid-row:2}.toggle-selected{grid-column:2;grid-row:1}}@media(max-width:650px){.duty-picker-head h1{font-size:22px!important}.duty-template{width:100%;justify-self:stretch}.duty-browser{display:block}.duty-categories{display:flex;border-right:0;border-bottom:1px solid #e1e8f3;overflow:auto}.duty-categories button,.duty-categories button:first-child{min-width:180px;grid-template-columns:24px minmax(0,1fr) 30px}.duty-categories button:first-child{min-width:130px;grid-template-columns:minmax(0,1fr) 30px}.duty-options-list{height:420px;padding:6px}.selected-duties{display:flex;align-items:stretch;flex-direction:column;gap:10px}.selected-duty-icons{order:2}.toggle-selected{align-self:flex-start}}
.duty-toolbar{grid-template-columns:minmax(0,1fr);gap:0}.duty-search input{font-size:12px}.duty-category-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:48px;border-radius:8px}.duty-category-row:hover{background:#f5f8fe}.duty-category-row.active{background:#edf3ff}.duty-categories .duty-category-check{display:grid;grid-template-columns:1fr;width:20px;height:20px;min-height:20px;margin-left:5px;padding:0;border:1px solid #b8c6dc!important;border-radius:5px!important;background:#fff!important;color:transparent!important;place-items:center;font:800 12px Inter!important}.duty-categories .duty-category-check.checked{border-color:#1762ee!important;background:#1762ee!important;color:#fff!important}.duty-categories .duty-category-check.partial{border-color:#1762ee!important;background:#dbe7ff!important;color:#1762ee!important}.duty-categories .duty-category-check.partial::before{content:"−";font-size:14px}.duty-categories .duty-category-check.partial{font-size:0!important}.duty-categories .duty-category-open{display:grid;grid-template-columns:28px minmax(0,1fr) 36px;gap:7px;min-height:48px;padding:6px 8px 6px 2px;background:transparent!important;color:#24375f!important;text-align:left;font:600 13px/1.3 Inter!important}.duty-category-row:first-child .duty-category-open{grid-template-columns:minmax(0,1fr) 36px}.duty-category-row.active .duty-category-open{color:#1559e8!important}.duty-categories i{width:26px;height:26px;font-size:15px}.duty-categories em{font-size:10px}.duty-options>header{height:54px;font-size:12px}.duty-bulk-actions{display:flex;gap:8px;margin-left:auto}.duty-bulk-actions button{padding:7px 10px!important;border:1px solid #d4dfef!important;border-radius:7px!important;background:#fff!important;color:#1760ed!important;font:600 11px Inter!important}.duty-bulk-actions button:hover{background:#f1f6ff!important}.duty-options-list{padding:5px 16px 9px}.duty-options-list h2{font-size:15px!important}.duty-option{min-height:42px;gap:9px;padding:3px 10px}.duty-checkbox{width:17px;height:17px;font-size:10px}.duty-copy b{font-size:13px;line-height:1.3}.duty-copy small{margin-top:2px;font-size:10px;line-height:1.3}.duty-info{width:17px;height:17px;font-size:9px}.selected-duties>strong{font-size:12px}.toggle-selected{font-size:11px!important}@media(max-width:650px){.duty-category-row{min-width:220px}.duty-categories .duty-category-check{min-width:20px!important}.duty-categories .duty-category-open{min-width:0}.duty-bulk-actions{gap:4px}.duty-bulk-actions button{padding:6px!important;font-size:9px!important}.duty-options>header{padding:0 8px}}
.duty-browser{grid-template-columns:40% minmax(0,1fr)}.duty-categories span{overflow:visible;white-space:normal;text-overflow:clip}.duty-category-row{min-height:52px}.duty-category-row:first-child .duty-category-open{grid-template-columns:28px minmax(0,1fr) 36px}.duty-categories .duty-category-check{position:relative;display:block;place-items:initial}.duty-categories .duty-category-check.checked::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.duty-categories .duty-category-check.partial::before{content:"";position:absolute;left:4px;top:8px;width:10px;height:2px;border-radius:2px;background:#1762ee}.duty-selected-count{color:#18a957;font-size:14px;font-weight:800}@media(max-width:900px) and (min-width:651px){.duty-browser{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:650px){.duty-browser{display:block}.duty-category-row{min-width:270px}}
