.project-tasks-frame{width:100%;padding:0;margin:0;overflow:hidden;position:relative;isolation:isolate;background:#001722;color:#dbeaf0}
.project-tasks-reference{box-sizing:border-box;position:relative;isolation:isolate;width:1280px;height:575px;overflow:hidden;padding:10px 24px 8px;background:radial-gradient(ellipse at 52% 0%,#07344a77,transparent 65%),linear-gradient(135deg,#001b29,#00141e 65%,#001c27);font:11px "Segoe UI",sans-serif;text-align:left;color:#d6e7ee}
:is(#detail,.project-team-shell) :is(.project-tasks-reference,.project-tasks-dialog) *{box-sizing:border-box;font-family:"Segoe UI",sans-serif;letter-spacing:normal}
:is(#detail,.project-team-shell) .project-tasks-reference :is(h1,h2,h3,h4,p,dl,dd,dt,header,form,figure){margin:0;padding:0;background:none;border:0;min-height:0}
:is(#detail,.project-team-shell) .project-tasks-reference :where(button,input,select,textarea){font:inherit;line-height:1.3;letter-spacing:normal;text-transform:none;min-height:0;color:inherit}
:is(#detail,.project-team-shell) .project-tasks-reference :where(button){display:block;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;cursor:pointer;transform:none;text-decoration:none}
.project-tasks-reference :is(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #f5d994;outline-offset:2px}
.project-tasks-reference .project-tasks-icon,.project-tasks-dialog .project-tasks-icon{display:inline-block;width:16px;height:16px;flex-shrink:0;vertical-align:middle}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-title{display:flex;align-items:center;justify-content:flex-start;gap:14px;height:38px;margin:0 0 7px;white-space:nowrap}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-title h1{font-size:32px;font-weight:700;line-height:1.18;color:#e9ebea;text-shadow:0 1px 5px #8fc3d422}
.project-tasks-title>span{font-size:8px;border:1px solid #336073;border-radius:4px;background:#123e4f66;color:#b7d6e3;padding:4px 8px}
.project-tasks-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px}
.project-tasks-left{min-width:0}
.project-tasks-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 244px;gap:7px;margin-bottom:9px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-kpi{display:flex;align-items:flex-start;gap:15px;height:72px;border:1px solid #21546a;border-radius:5px;background:linear-gradient(130deg,#073044,#002431);padding:11px 9px;position:relative;color:#c6dce8;cursor:pointer}
.project-tasks-kpi>i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #377e98;border-radius:50%;background:#0b3b50;color:#82cce6;flex-shrink:0}
.project-tasks-kpi>i svg{width:21px;height:21px}
.project-tasks-kpi>span{font-size:9px;flex:1;min-width:0;white-space:nowrap}
.project-tasks-kpi strong{display:block;font-size:23px;color:#e2e8ea;font-weight:650;line-height:1.1;margin-top:3px}
.project-tasks-kpi>small{position:absolute;right:10px;bottom:24px;font-size:8px;color:#bed7e2}
.project-tasks-kpi.kpi-done>i{color:#053d33;background:#3ec48c;border-color:#59cfac}.project-tasks-kpi.kpi-doing>i{color:#8fceff;border-color:#4a9ddd;background:radial-gradient(#367ecf,#0b4a7b)}.project-tasks-kpi.kpi-todo>i{color:#ddc578;border-color:#9a8d57;background:#3b482d}
.project-tasks-progress{display:block;height:6px;background:#335565;border-radius:5px;margin-top:6px;overflow:hidden}
.project-tasks-progress>i{display:block;height:100%;background:#47ba82;border-radius:5px}.kpi-doing .project-tasks-progress>i{background:#53a2ed}.kpi-todo .project-tasks-progress>i{background:#e9ce80}
.project-tasks-filters{border:1px solid #244552;border-radius:4px;background:#001d28;padding:7px;display:grid;grid-template-columns:1.4fr 1fr;gap:4px 8px;font-size:8px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-filters label{display:block;margin:0;padding:0;line-height:1.3;font-size:8px}
.project-tasks-filters select{display:block;border:1px solid #315462;border-radius:4px;width:100%;height:21px;padding:2px 5px;background:#0c2e3d;color:#c4dce7;margin-top:2px;font-size:8px}
.project-tasks-filters>div{grid-column:1/-1;display:flex;align-items:center;gap:4px;border:1px solid #315462;border-radius:4px;height:22px;background:#0a2c39;padding:3px 5px}
.project-tasks-filters input{border:0;background:none;width:100%;padding:0;height:15px;outline-offset:4px;color:#c6d9e3;font-size:8px}.project-tasks-filters input::placeholder{color:#9cb6c6}.project-tasks-filters svg{width:11px;height:11px;color:#a9c9dc}
.project-tasks-session{position:absolute;bottom:1px;left:24px;right:340px;font-size:8px;color:#edd79c;white-space:nowrap;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.project-tasks-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:317px;margin-bottom:6px}
.project-tasks-column{border:1px solid #225266;border-radius:5px;background:linear-gradient(130deg,#19353d77,#03212a);padding:4px;min-width:0;position:relative;overflow:hidden}
.project-tasks-column-head{display:flex;align-items:center;justify-content:space-between;height:23px;padding:1px 4px 5px;position:relative}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-column-head>button:first-child{display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap;color:#c6dce6}
.project-tasks-column-head>button:first-child>i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#c0d8df;color:#345867;border:1px solid #adc8d6}
.project-tasks-column-head>button:first-child svg{width:11px;height:11px;stroke-width:2}
.project-tasks-column-head>button:last-of-type svg{width:12px;height:12px;color:#a7c7d4}
.project-tasks-column.column-doing .project-tasks-column-head>button:first-child{color:#64b8ee}.project-tasks-column.column-doing .project-tasks-column-head>button:first-child>i{background:#4094df;border-color:#77bbf3;color:#064a7c}
.project-tasks-column.column-review .project-tasks-column-head>button:first-child>i{background:#e3cc7c;border-color:#f1dd9e;color:#514b2f}.project-tasks-column.column-done .project-tasks-column-head>button:first-child>i{background:#47bc83;border-color:#71d6ab;color:#0e6044}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-more{position:absolute;right:19px;top:0;height:17px;border:1px solid #9d8b59;border-radius:4px;padding:1px 4px;background:#31514f;color:#f5dd9c;font-size:8px}
.project-tasks-cards{display:flex;flex-direction:column;gap:4px;padding-top:2px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-card{position:relative;display:block;width:100%;height:67px;padding:5px 6px;background:linear-gradient(120deg,#06303e,#05212d);border:1px solid #1d5262;border-left:2px solid #b7a16b;border-radius:4px;color:#d3e1e8;flex-shrink:0;overflow:hidden}
.project-tasks-column.column-doing .project-tasks-card{border-left-color:#6db7db}.project-tasks-column.column-done .project-tasks-card{border-left-color:#58c797}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-card.is-selected{border-color:#e7c67b;background:linear-gradient(125deg,#1b3d48,#0b2c35);box-shadow:inset 0 0 7px #d3b76922,0 0 5px #d3b76944}
.project-tasks-card strong{display:block;position:absolute;left:6px;top:5px;right:30px;font-size:9px;font-weight:600;line-height:1.25;max-height:24px;overflow:hidden}
.project-tasks-id{position:absolute;right:5px;top:7px;font-size:6px;color:#a5bdca}
.project-tasks-card-project{position:absolute;top:29px;left:6px;font-size:8px;color:#92aebb}
.project-tasks-card-meta{position:absolute;bottom:6px;left:6px;right:5px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;white-space:nowrap}
.project-tasks-card-meta>span:nth-child(2){display:flex;align-items:center;gap:3px}.project-tasks-card-meta .project-tasks-icon{width:10px;height:10px}
.project-tasks-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:19px;height:19px;border:1px solid #91c9e5;border-radius:50%;background:#81bcee;color:#12324f;font-size:8px;font-weight:600}
.project-tasks-priority{display:inline-block;padding:2px 7px;border:1px solid #8e844c;border-radius:12px;font-size:7px;white-space:nowrap;line-height:1.1;background:#3f492d;color:#eddf99}
.project-tasks-priority.priority-high{background:#623a3e;border-color:#744c50;color:#e9b2b0}.project-tasks-priority.priority-low{background:#224c56;border-color:#34616c;color:#bbd7d9}
.project-tasks-checkcount{display:flex;align-items:center;gap:3px}.project-tasks-checkcount svg{width:10px;height:10px;border:1px solid #8dabb4;border-radius:1px;padding:1px}
.project-tasks-card.is-blocked .project-tasks-card-project{top:22px}.project-tasks-card.is-blocked .project-tasks-card-meta{bottom:17px}
.project-tasks-blocked-line{position:absolute;bottom:3px;left:7px;font-size:7px;color:#ed687b;white-space:nowrap;display:flex;align-items:center;gap:3px}.project-tasks-blocked-line svg{width:9px!important;height:9px!important}
.project-tasks-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:7px;height:109px}
.project-tasks-small-table{border:1px solid #203e4a;border-radius:4px;overflow:hidden;padding:5px 7px;background:#001b24;min-width:0}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-small-heading{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.4;margin:0 0 4px;width:100%;white-space:nowrap;color:#e16a79}
.project-tasks-small-heading svg{width:16px;height:16px;fill:#ee586e;stroke:#03232a;padding:2px;background:#ee586e;border-radius:50%}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-small-heading.unassigned{color:#e4eaeb}.project-tasks-small-heading.unassigned svg{background:#e9cc87;fill:none;stroke:#2c3936}
.project-tasks-small-table table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:7px;line-height:1.3;white-space:nowrap}
.project-tasks-small-table th{font-size:6px;font-weight:400;background:#092f3f;padding:3px 2px;text-align:left;color:#b4d0db}
.project-tasks-small-table td{padding:1px 2px;height:14px;border-bottom:1px solid #123541;overflow:hidden;text-overflow:ellipsis;color:#c8dce5;white-space:nowrap}
.project-tasks-small-table tr:last-child td{border:0}.project-tasks-small-table tr[role=button]{cursor:pointer;outline-offset:-1px}.project-tasks-small-table tr:focus-visible{outline:1px solid #eedda2;background:#204f5d}
.project-tasks-small-table th:first-child{width:4%}.project-tasks-small-table th:nth-child(2){width:24%}.project-tasks-small-table th:nth-child(3){width:13%}.project-tasks-small-table th:nth-child(4){width:16%}.project-tasks-small-table th:nth-child(5){width:13%}.project-tasks-small-table th:nth-child(6){width:8%}.project-tasks-small-table th:nth-child(7){width:10%}.project-tasks-small-table th:nth-child(8){width:12%}
.project-tasks-small-table:nth-child(2) th:nth-child(2){width:43%}.project-tasks-small-table:nth-child(2) th:nth-child(3){width:20%}.project-tasks-small-table:nth-child(2) th:nth-child(4){width:20%}.project-tasks-small-table:nth-child(2) th:nth-child(5){width:13%}
.project-tasks-small-table .project-tasks-avatar{width:14px;height:14px;font-size:6px;margin-right:5px}.project-tasks-small-table .project-tasks-priority{font-size:6px;padding:1px 4px}
.project-tasks-status{display:inline-block;border:1px solid #31505a;border-radius:4px;background:#153a4a;color:#a2cbeb;font-size:6px;padding:1px 4px}.project-tasks-status.status-review{background:#5a5133;color:#f4dda0;border-color:#9b8954}.project-tasks-status.status-done{color:#96e1bc;background:#144b38}
.project-tasks-reference .project-tasks-red{color:#ed6b83!important}
.project-tasks-detail{height:552px;border:1px solid #163947;border-radius:6px;padding:13px 12px;background:linear-gradient(140deg,#001c25,#001620);overflow:hidden}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-detail>header{display:flex;align-items:start;justify-content:space-between;gap:8px;margin:0 0 8px;padding-left:7px;border-left:2px solid #e5c67e}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-detail h2{font-size:13px;line-height:1.3;font-weight:650;color:#e9e9e3}
.project-tasks-detail>header button{color:#8ba9b7}.project-tasks-detail>header svg{width:12px;height:12px}
.project-tasks-detail-id{display:flex;align-items:center;gap:11px;font-size:9px;color:#99b3c0;margin-bottom:13px}
.project-tasks-detail-meta{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:8px;margin-bottom:15px;font-size:9px}
.project-tasks-detail-meta small{display:block;font-size:8px;color:#b6cdd5;white-space:nowrap;margin-bottom:5px}
.project-tasks-detail-meta b{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:400;white-space:nowrap}.project-tasks-detail-meta b svg{width:12px;height:12px}.project-tasks-detail-meta .project-tasks-avatar{width:21px;height:21px}.project-tasks-detail-meta .project-tasks-red{font-size:8px;display:block;margin:4px 0 0 20px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-state-button{display:block;text-align:center;background:linear-gradient(#f0d18a,#cead67);color:#24312f;border:1px solid #efd498;border-radius:15px;width:100%;height:21px;font-size:8px;font-weight:600}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-detail h3{font-size:10px;font-weight:600;color:#e2e8e8;margin:10px 0 6px;line-height:1.4}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-description{font-size:9px;line-height:1.65;color:#c2d2d7;margin:0 0 7px}
.project-tasks-acceptance{display:grid;gap:5px;margin-bottom:10px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-acceptance label{display:flex;align-items:center;gap:7px;margin:0;padding:0;font-size:9px;line-height:1.2;color:#c2d7e0}
.project-tasks-reference input[type=checkbox]{appearance:none;display:inline-grid;place-content:center;width:12px;height:12px;flex-shrink:0;min-height:0;margin:0;border:1px solid #73949e;border-radius:2px;background:#092632;cursor:pointer}
.project-tasks-reference input[type=checkbox]:checked{background:linear-gradient(#67c2e1,#3d9dba);border-color:#79d2e3}.project-tasks-reference input[type=checkbox]:checked::after{content:"";width:6px;height:3px;border-left:1.5px solid #ebfff6;border-bottom:1.5px solid #ebfff6;transform:rotate(-45deg);margin-top:-2px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-dependency-title{display:flex;align-items:center;gap:7px;white-space:nowrap}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-dependency{display:inline-flex;align-items:center;gap:4px;background:#143a4c;border:1px solid #295268;border-radius:9px;font-size:8px;font-weight:400;color:#9cc5df;padding:3px 7px}.project-tasks-dependency svg{width:10px!important;height:10px!important}
.project-tasks-attachment{display:flex;align-items:center;gap:10px;border:1px solid #203f4b;border-radius:5px;padding:9px;background:#06232e}
.project-tasks-attachment>span{display:grid;place-items:center;width:25px;height:25px;background:#2878c1;border-radius:5px;color:#d6f0ff}.project-tasks-attachment>span svg{width:17px;height:17px}
.project-tasks-attachment>div{flex:1;min-width:0}.project-tasks-attachment b{font-size:9px;font-weight:400;white-space:nowrap}.project-tasks-attachment small{display:block;font-size:8px;color:#a6bfcd;margin-top:3px}.project-tasks-attachment>button{flex-shrink:0;color:#c7dce6}.project-tasks-attachment button svg{width:12px;height:12px}
.project-tasks-comments{max-height:89px;overflow:auto;scrollbar-width:thin;scrollbar-color:#28586a transparent}
.project-tasks-comments article{display:flex;align-items:start;gap:7px;border:1px solid #163a45;background:#05232d;border-radius:5px;padding:6px;margin-bottom:4px}
.project-tasks-comments article:last-child{margin-bottom:0}
.project-tasks-comments article>div{min-width:0;flex:1}.project-tasks-comments .project-tasks-avatar{width:19px;height:19px;background:#c1e2ef;color:#2d5160;font-size:7px;border-color:#a6c8db}
.project-tasks-comments b{font-size:8px;font-weight:600;color:#d1e0e8}.project-tasks-comments time{font-size:7px;color:#9bb4c2;margin-left:7px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-comments p{font-size:8px;line-height:1.4;margin:3px 0 0;color:#c1d5df;overflow-wrap:anywhere}
.project-tasks-comment-form{display:flex;align-items:center;gap:4px;border:1px solid #315461!important;border-radius:5px;height:25px;margin-top:6px!important;background:#0b2c39!important;padding:3px 6px!important}
.project-tasks-comment-form input{width:100%;min-width:0;border:0;background:none;color:#d8e5ea;padding:0;height:17px;font-size:8px}.project-tasks-comment-form input::placeholder{color:#8daebd}.project-tasks-comment-form button svg{width:13px;height:13px;color:#aacddc}
.project-tasks-detail-closed{display:none}.project-tasks-dashboard-layout.detail-closed{grid-template-columns:1fr}.project-tasks-dashboard-layout.detail-closed>.project-tasks-detail{display:none}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-link-button{font-size:10px;border:1px solid #3c6c7b;border-radius:5px;padding:5px 8px;color:#bce2f0}
.project-tasks-reference .project-tasks-empty{padding:14px 7px;font-size:9px;line-height:1.5;color:#9bb9c8}
/* Story native stage panels */
.project-tasks-story{height:545px;padding:13px 14px 12px;background:radial-gradient(ellipse at 50% -10%,#0d385b99,transparent 70%),linear-gradient(130deg,#001724,#001c2b 55%,#001723)}
.project-tasks-story .project-tasks-title{margin-left:13px!important;margin-bottom:13px!important}
.project-tasks-steps{display:grid;grid-template-columns:322px 289px 366px 245px;gap:10px;height:365px;margin-bottom:12px}
.project-tasks-step{position:relative;border:1px solid #3e92b3;border-radius:12px;background:linear-gradient(135deg,#1d638133,#092c43 25%,#032239 80%);box-shadow:inset 0 0 15px #458fbd55,0 0 7px #1e659755}
.project-tasks-step::before{content:"";position:absolute;inset:3px;border:1px solid #59879d33;border-radius:9px;pointer-events:none}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-step>header{display:flex;align-items:start;justify-content:flex-start;gap:19px;padding:10px 13px;height:69px}
.project-tasks-step>header>span{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border:1px solid #e0c895;border-radius:50%;box-shadow:inset 0 0 4px #dec27855;color:#f2dca2;font-size:16px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-step h2{font-size:16px;line-height:1.3;color:#eee6d4;font-weight:650;white-space:nowrap;margin:3px 0 4px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-step>header p{font-size:10px;line-height:1.4;color:#c0d1dc;font-weight:400}
.project-tasks-step-arrow{position:absolute;right:-26px;top:82px;color:#ead09a;font-size:40px;z-index:2;text-shadow:0 0 8px #f3d99699;line-height:1}
.project-tasks-glass-form{border:1px solid #4b8ca4!important;border-radius:10px;background:linear-gradient(130deg,#245b74,#07324d 45%,#09273d)!important;box-shadow:inset 1px 1px 8px #88c0d666,0 4px 12px #001426aa;padding:9px!important;color:#d9e8ef}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-glass-form h3{font-size:10px;font-weight:600;line-height:1.3;margin:0 0 6px;color:#eff4f1}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-glass-form h4{font-size:9px;font-weight:400;line-height:1.3;margin:8px 0 6px;color:#e4edf1}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-glass-form label{display:block;margin:0 0 7px;padding:0;font-size:8px;line-height:1.4;color:#d5e3e9}
.project-tasks-glass-form label>input:not([type=checkbox],[type=radio]),.project-tasks-glass-form textarea{display:block;width:100%;min-height:0;border:1px solid #396b82;border-radius:5px;resize:none;background:linear-gradient(#143e54,#0c3149);color:#e0edf0;font-size:8px;padding:5px;height:23px;margin:3px 0 0;line-height:1.5}
.project-tasks-glass-form textarea{height:49px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-check-label{display:flex;align-items:start;gap:6px;font-size:8px;line-height:1.4;margin:0 0 5px;padding:0;color:#dae9ee}
.project-tasks-check-label input[type=checkbox]{width:11px;height:11px;margin-top:1px;border-color:#8cb3c6}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-gold{width:100%;padding:6px 5px;border:1px solid #e7c883;border-radius:6px;background:linear-gradient(110deg,#f3dda4,#d0af6b);color:#343b34;font-weight:600;font-size:9px;line-height:1.4;text-align:center;box-shadow:0 0 10px #e5c26e55,inset 0 1px 2px #fff4d077;white-space:nowrap}
.project-tasks-create-form{position:absolute;top:81px;right:9px;width:197px;height:260px}
.project-tasks-create-form .project-tasks-gold{margin-top:14px!important}
.project-tasks-prop{display:block;background-image:var(--project-tasks-props);background-repeat:no-repeat;pointer-events:none;flex-shrink:0}
.project-tasks-prop-clipboard{position:absolute;left:3px;top:87px;width:113px;height:251px;background-size:262px 448px;background-position:-12px -2px}
.project-tasks-assign-form{position:absolute;top:84px;right:8px;width:169px;height:266px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-owner-select{width:100%;height:36px;border:1px solid #3b7086;border-radius:6px;background:#143b50;display:flex;align-items:center;gap:5px;padding:4px;margin-top:3px;font-size:8px}
.project-tasks-owner-select>span:nth-child(2){flex:1}.project-tasks-owner-select small{display:block;font-size:6px;color:#b1c8d5;margin-top:2px}.project-tasks-owner-select>i{font-size:10px;font-style:normal}
.project-tasks-face{display:block;width:22px;height:22px;border-radius:50%;background:var(--project-tasks-portraits) 0 0 / 200% 200% no-repeat;background-color:#b6cdd2;border:1px solid #cadfdf;flex-shrink:0}
:is(.project-tasks-reference,.project-tasks-dialog) .project-tasks-face-1{background-position:100% 0}:is(.project-tasks-reference,.project-tasks-dialog) .project-tasks-face-2{background-position:0 100%}:is(.project-tasks-reference,.project-tasks-dialog) .project-tasks-face-3{background-position:100% 100%}
.project-tasks-date-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.project-tasks-date-pair input{font-size:7px!important;padding:5px 4px!important;height:22px!important}
.project-tasks-priority-options{display:flex;gap:5px;align-items:center;margin-bottom:10px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-priority-options label{display:flex;align-items:center;gap:3px;font-size:7px;border:1px solid #386076;border-radius:4px;padding:3px 4px;margin:0;white-space:nowrap}
.project-tasks-priority-options input{width:8px;height:8px;margin:0;accent-color:#f2d692}.project-tasks-priority-options label:has(:checked){border-color:#ceaf6b;box-shadow:0 0 5px #dfbe6b55}
.project-tasks-assign-form textarea{height:45px}.project-tasks-assign-form .project-tasks-gold{margin-top:10px!important}
.project-tasks-calendar{position:absolute;left:3px;top:126px;width:108px;height:207px;border:1px solid #4d94af;border-radius:8px;background:linear-gradient(120deg,#357a8d,#103b54 19%,#062e48 76%,#2a6579);box-shadow:-5px 4px 0 #092536,-8px 6px 0 #2b6275,inset 2px 2px 5px #a3dce380,0 8px 10px #0009;transform:skewY(-6deg);padding:10px 6px}
.project-tasks-calendar::before{content:"";position:absolute;inset:3px;border:1px solid #6b9baf55;border-radius:5px;pointer-events:none}
.project-tasks-rings{display:flex;justify-content:space-between;position:absolute;top:-11px;left:6px;right:6px;height:23px;z-index:1}
.project-tasks-rings i{width:9px;height:23px;border:2px solid #cdbd8b;border-left-color:#ebdeaf;border-right-color:#657a77;border-radius:50%;background:none;box-shadow:1px 2px 2px #001520}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-calendar h3{font-size:10px;color:#ebdab0;text-align:center;margin:12px 0 9px;white-space:nowrap;font-weight:500}
.project-tasks-week{display:grid;grid-template-columns:repeat(7,1fr);font-size:7px;color:#d3e7ee;text-align:center;gap:1px;margin-bottom:7px}
.project-tasks-week[hidden]{display:none}
.project-tasks-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:18px;align-items:center;justify-items:center;gap:0 1px;margin-bottom:7px}
.project-tasks-days>i{height:6px;width:5px;border-top:1px solid #a3c2cc88;border-bottom:1px solid #a3c2cc88;opacity:.45}
.project-tasks-days.calendar-edited{grid-auto-rows:13px;min-height:78px}
.project-tasks-days.milestone-mode{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:78px;gap:7px}
.project-tasks-days.milestone-mode>i{display:none}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-days.milestone-mode button{width:100%;height:auto;border-radius:5px;padding:5px 3px;font-size:8px;white-space:nowrap}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-days button{display:grid;place-items:center;width:17px;height:18px;text-align:center;border-radius:50%;font-size:10px;color:#203a43;background:#e8ce83;box-shadow:0 0 6px #f0d18355;z-index:1}.project-tasks-reference .project-tasks-days .day-due{background:#8be4be;box-shadow:0 0 6px #62d7b344}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-calendar-owner{display:flex;align-items:center;gap:5px;border:1px solid #44758b;border-radius:5px;background:#19465c;padding:5px 3px;width:100%;font-size:8px;white-space:nowrap}
.project-tasks-calendar-owner small{display:block;font-size:6px;color:#bad2db;line-height:1.4}.project-tasks-calendar-arrow{position:absolute;bottom:4px;right:-5px;font-size:28px;color:#e9cc83;text-shadow:0 0 5px #fff1ba88}
.project-tasks-story-board{position:absolute;top:74px;left:9px;right:9px;height:170px;border:1px solid #4a879f;border-radius:8px;background:linear-gradient(130deg,#18455f,#071f35);box-shadow:inset 0 0 7px #326d8955;padding:5px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-story-board>header{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 6px;font-size:9px;border-bottom:1px solid #31586f}.project-tasks-story-board header svg{width:11px;height:11px;margin-right:5px}.project-tasks-story-board header b{font-weight:600}.project-tasks-story-board header button{font-size:18px;color:#b1c9d6;line-height:1}
.project-tasks-mini-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px}.project-tasks-mini-columns>section{min-width:0}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-mini-columns h3{font-size:8px;font-weight:400;color:#d2e3ee;padding:4px 3px;margin:0 0 3px;background:#18374988;border-radius:4px}.project-tasks-mini-columns h3 b{font-size:7px;margin-left:4px;font-weight:400;background:#3a5c7044;padding:1px 3px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-mini-columns section>button{display:block;border:1px solid #31556d;border-radius:5px;background:#14364b;color:#cbdce5;padding:5px 4px;margin:0 0 4px;width:100%;height:48px;font-size:8px;line-height:1.4}
.project-tasks-mini-columns section>button>span{display:flex;align-items:center;gap:5px;font-size:7px;margin-top:5px}.project-tasks-mini-columns .project-tasks-face{width:17px;height:17px}.project-tasks-mini-columns section>button i{margin-left:auto;font-size:7px;font-style:normal;display:flex;align-items:center;gap:3px}.project-tasks-mini-columns section>button svg{width:9px;height:9px}.project-tasks-mini-columns section>button b{font-size:7px;font-weight:400}
.project-tasks-selected-story>strong{display:block;font-size:8px;font-weight:600;line-height:1.35}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-mini-columns .project-tasks-selected-story{height:62px;background:linear-gradient(130deg,#f5df9c,#d9c277);border:1px solid #f3d487;color:#35403b;box-shadow:0 0 7px #f3d27766}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-mini-columns .project-tasks-story-blocked{background:#4b283b;border-color:#9b5264;color:#ecc8cc;height:58px}
.project-tasks-story-blocked svg{fill:#ee7b89;color:#f99eaa}.project-tasks-blocked-connector{display:block;color:#d8b273;text-align:center;font-size:15px;line-height:13px;margin:-3px 0 2px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-mini-columns .project-tasks-api-blocker{display:block;height:33px;background:#231f30;color:#d9b2ba;text-align:center;border-style:dashed;border-color:#906168;font-size:7px;padding:4px}.project-tasks-api-blocker svg{margin-right:3px}
.project-tasks-story-progress{position:absolute;left:8px;right:8px;top:248px;height:108px;border:1px solid #467e9a;border-radius:8px;background:linear-gradient(120deg,#15435a,#062b42);display:grid;grid-template-columns:1.1fr 1fr;gap:9px;padding:7px;box-shadow:inset 0 0 7px #326b8c55}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-story-progress h3{font-size:9px;font-weight:500;margin:0 0 8px;color:#d5e6ed;white-space:nowrap}.project-tasks-story-progress .project-tasks-check-label{font-size:8px!important;line-height:1.5!important;gap:5px!important;margin-bottom:7px!important}
.project-tasks-story-discussion .project-tasks-comments{height:53px;max-height:53px}.project-tasks-story-discussion .project-tasks-comments article{padding:4px;gap:5px}.project-tasks-story-discussion .project-tasks-face{width:20px;height:20px}.project-tasks-story-discussion .project-tasks-comments b{font-size:7px;white-space:nowrap}.project-tasks-story-discussion time{font-size:5px;margin-left:4px;white-space:nowrap}.project-tasks-story-discussion .project-tasks-comments p{font-size:7px!important;margin-top:3px!important;line-height:1.4!important}.project-tasks-story-discussion .project-tasks-comment-form{height:22px;margin-top:5px!important;padding:2px 5px!important}.project-tasks-story-discussion .project-tasks-comment-form input{font-size:7px;height:15px}
.project-tasks-step.step-deliver>header{gap:12px;padding:10px 11px}.project-tasks-step.step-deliver h2{font-size:15px}.project-tasks-step.step-deliver>header p{font-size:9px}
.project-tasks-devices{position:absolute;top:81px;left:10px;right:10px;height:110px}
.project-tasks-desktop{position:absolute;left:0;top:4px;width:192px;height:107px;border:4px solid #34444f;border-radius:12px;background:#d8edf3;box-shadow:0 0 0 1px #b7d0d4,3px 4px 6px #001421aa;overflow:hidden;transform:skewY(-2deg);padding:8px}
.project-tasks-desktop>header{display:flex;align-items:center;gap:5px;height:10px;justify-content:flex-start!important;color:#253e53}.project-tasks-desktop header b{font-size:8px;margin-right:auto}.project-tasks-desktop header i{display:block;width:10px;height:2px;background:#6790aa;border-radius:3px}.project-tasks-screen-content{display:flex;gap:8px;margin-top:9px;height:42px}.project-tasks-screen-content>div{width:42px;padding-top:2px}.project-tasks-screen-content>div i{display:block;height:3px;width:32px;background:#79badb;border-radius:4px;margin-bottom:4px}.project-tasks-screen-content>div i:nth-child(2){width:24px}.project-tasks-screen-content>div i:nth-child(3){width:28px}.project-tasks-screen-content>div i:last-child{height:6px;width:24px;background:#4399c5}.project-tasks-screen-content>svg{width:110px;height:46px;border-radius:5px;overflow:hidden}
.project-tasks-preview-bottom{display:flex;gap:9px;margin-top:9px}.project-tasks-preview-bottom i{display:block;height:16px;width:42px;background:linear-gradient(130deg,#c3e3ed,#6b9cb9);border-radius:5px}
.project-tasks-phone{position:absolute;right:12px;top:22px;width:54px;height:89px;border:4px solid #263b4b;border-radius:11px;background:#e5f3f8;box-shadow:0 0 0 1px #b5cbd4,0 3px 6px #001122aa;padding:6px 3px;color:#253e53;transform:skewY(2deg)}
.project-tasks-phone b{display:block;font-size:6px}.project-tasks-phone>div{height:29px;margin:6px 0 6px;background:linear-gradient(170deg,#b5e8f5 20%,#4f9dca 30%,#82c5dd 55%,#256c9f 65%,#1e5484);border-radius:4px}.project-tasks-phone>i{display:block;width:27px;height:3px;background:#84b5c9;margin-bottom:3px;border-radius:4px}.project-tasks-device-check{display:grid;place-items:center;position:absolute;right:0;top:-6px;width:31px;height:31px;border-radius:50%;background:linear-gradient(#b5f2d7,#65c99a);border:1px solid #d6f8b4;color:#26744d;box-shadow:0 0 10px #74c49055}.project-tasks-device-check svg{width:23px;height:23px;stroke-width:3}
.project-tasks-screen-content>.project-tasks-landscape{display:block;width:110px;height:46px;border-radius:5px;background-size:cover;background-position:center}
.project-tasks-phone>div[style]{background-size:cover;background-position:center}
.project-tasks-review-form{position:absolute;top:190px;left:9px;right:9px;height:164px}
.project-tasks-review-form .project-tasks-check-label{font-size:8px!important;gap:5px!important;margin-bottom:4px!important}.project-tasks-review-form input[type=checkbox]:checked{background:#7fd1aa;border-color:#b3dfbe}.project-tasks-review-form>label:not(.project-tasks-check-label){font-size:8px;margin-top:7px!important;margin-bottom:7px!important}.project-tasks-review-form input:not([type=checkbox]){height:21px!important;font-size:8px!important}.project-tasks-review-form .project-tasks-gold{padding:5px!important}
.project-tasks-benefits{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;height:85px}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-benefits>button{display:flex;align-items:center;gap:16px;border:1px solid #2a5d78;border-radius:10px;background:linear-gradient(130deg,#0a354f,#04243a 60%,#031e31);box-shadow:inset 0 0 7px #417b9e33;padding:10px 12px;min-width:0;height:85px}
.project-tasks-benefits>button>div{border-left:1px solid #d6cead;padding-left:17px;min-width:0}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-benefits h2{font-size:14px;font-weight:650;line-height:1.4;margin:0 0 4px;color:#e8e4d4;white-space:nowrap}
:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-benefits p{font-size:10px;line-height:1.5;color:#b6cbd7;white-space:nowrap}
.project-tasks-benefits .project-tasks-prop{width:95px;height:65px}
.project-tasks-prop-people{background-size:211px 164px;background-position:-106px -20px}.project-tasks-prop-warning{background-size:205px 182px;background-position:-8px -107px}.project-tasks-prop-folder{background-size:218px 174px;background-position:-117px -99px}
.project-tasks-motion .project-tasks-step-arrow{animation:project-tasks-flow 3s ease-in-out infinite}@keyframes project-tasks-flow{50%{color:#fff0bb;text-shadow:0 0 12px #f1d276bb}}
@media(prefers-reduced-motion:reduce){.project-tasks-reference *{animation:none!important}}
/* Module-only native modal. */
:is(#detail,.project-team-shell) dialog.project-tasks-dialog{position:fixed;inset:0;width:min(580px,92vw);height:fit-content;min-height:0;max-height:88vh;overflow:auto;margin:auto;padding:22px;border:1px solid #84bdd0;border-radius:14px;background:linear-gradient(140deg,#153c50,#031d2c);color:#dceaf0;font:14px "Segoe UI",sans-serif;box-shadow:0 18px 70px #000c;text-align:left}
.project-tasks-dialog::backdrop{background:#001016c9}
:is(#detail,.project-team-shell) .project-tasks-dialog :is(p,h2,header){padding:0;margin:0;font-family:"Segoe UI",sans-serif;background:none;color:inherit;line-height:1.6}
:is(#detail,.project-team-shell) .project-tasks-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
:is(#detail,.project-team-shell) .project-tasks-dialog h2{font-size:20px;font-weight:650}
:is(#detail,.project-team-shell) .project-tasks-dialog p{font-size:14px;font-weight:400;margin:10px 0;line-height:1.6}
:is(#detail,.project-team-shell) .project-tasks-dialog :is(button,input,select,textarea){font:14px "Segoe UI",sans-serif;min-height:0;letter-spacing:normal;box-sizing:border-box}
:is(#detail,.project-team-shell) .project-tasks-dialog button{border:1px solid #53869b;border-radius:7px;padding:8px 13px;background:#134056;color:#e0edf2;text-transform:none;cursor:pointer}
.project-tasks-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid #f1d590;outline-offset:2px}
:is(#detail,.project-team-shell) .project-tasks-dialog [data-project-tasks-modal-close]{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;padding:5px;flex-shrink:0}
:is(#detail,.project-team-shell) .project-tasks-dialog .project-tasks-primary{background:linear-gradient(#f1dca7,#c4a365);color:#243a3f;border-color:#e9d294;font-weight:600}
.project-tasks-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
:is(#detail,.project-team-shell) .project-tasks-dialog .project-tasks-modal-note{font-size:11px;line-height:1.5;color:#8daeba;margin:17px 0 0}
:is(#detail,.project-team-shell) .project-tasks-dialog .project-tasks-modal-field{display:flex;flex-direction:column;gap:7px;margin:13px 0;font:14px "Segoe UI",sans-serif;color:#cadde5}
.project-tasks-modal-field input,.project-tasks-modal-field select{width:100%;border:1px solid #477b90;border-radius:6px;background:#0a293b;color:#d9eaf1;padding:10px 12px;height:40px}
:is(#detail,.project-team-shell) .project-tasks-dialog .project-tasks-modal-check{display:flex;gap:10px;align-items:start;margin:16px 0;font:14px "Segoe UI",sans-serif;color:#cfdee6;line-height:1.5}.project-tasks-modal-check input{margin:4px 0 0;accent-color:#d6c080}
.project-tasks-modal-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto;margin-top:14px}
:is(#detail,.project-team-shell) .project-tasks-dialog .project-tasks-modal-list button{text-align:left}.project-tasks-modal-list button b{display:block;font-size:14px}.project-tasks-modal-list button span{display:block;font-size:12px;margin-top:4px;color:#a4c0ce}
.project-tasks-modal-person{display:flex;align-items:center;gap:18px}.project-tasks-modal-person>.project-tasks-face{width:75px;height:75px}.project-tasks-modal-person b{font-size:16px}

:is(#detail,.project-team-shell) .project-tasks-reference .project-tasks-days button.day-due{background:#8be4be;box-shadow:0 0 6px #62d7b344}
.project-tasks-phone>div>svg{width:100%;height:100%;display:block}