:root{--bg:#f7f7f8;--sidebar:#f1f1f3;--surface:#fff;--ink:#202124;--muted:#777980;--faint:#a2a4aa;--line:#e6e6e8;--hover:#ececef;--accent:#5e60ce;--green:#26a269;--blue:#4b7bec;--orange:#df8b3c;--pink:#d65d87;--violet:#8a64cf;--font:"Avenir Next","PingFang SC",sans-serif}

*{box-sizing:border-box}
body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:13px}
button,input,select{font:inherit}
button{color:inherit}
.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:12px 10px;border-right:1px solid #dedee1;background:var(--sidebar)}

.workspace-switcher{height:38px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;width:100%;padding:0 8px;border:0;border-radius:7px;background:transparent;cursor:pointer;text-align:left}
.workspace-switcher:hover{background:#e7e7e9}
.workspace-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:white;background:#292a2e;font-size:11px;font-weight:700}
.workspace-switcher strong{font-size:13px}
.chevron{color:#98999e;font-size:12px}
.quick-create{height:34px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:5px;margin:12px 3px 10px;padding:0 8px;border:1px solid #d8d8dc;border-radius:7px;color:#5f6168;background:#fafafa;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;text-align:left}
.quick-create:hover{border-color:#c7c7cd;background:white}
.quick-create b{font-size:11px;font-weight:600}
.quick-create kbd{padding:1px 5px;border:1px solid #dedee1;border-radius:4px;color:#a0a1a6;background:#f4f4f5;font-size:8px}

.primary-nav{display:grid;gap:2px}
.nav-item{position:relative;height:33px;display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:7px;padding:0 9px;border:0;border-radius:6px;color:#62646b;background:transparent;cursor:pointer;text-align:left;font-size:11px}
.nav-item:hover{background:#e7e7e9}
.nav-item.active{color:#292a2e;background:#dfdfe3;font-weight:650}
.nav-item svg,.search-box svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item b{min-width:18px;color:#999aa0;font-size:9px;text-align:center}
.sidebar-section{margin-top:23px;min-height:0}
.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 9px 7px;color:#8d8e94;font-size:9px;font-weight:650}
.section-label button{border:0;color:#88898f;background:none;cursor:pointer;font-size:16px}
.sidebar-tags{display:grid;gap:1px;max-height:43vh;overflow:auto}
.side-tag{height:31px;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:6px;color:#676970;background:transparent;cursor:pointer;text-align:left;font-size:10px}
.side-tag:hover,.side-tag.active{color:#25262a;background:#e4e4e7}
.tag-symbol{color:var(--tag-color);font-size:12px;font-weight:700}
.side-tag b{color:#a1a2a7;font-size:8px}
.sidebar-footer{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;margin-top:auto;padding:11px 7px 2px;border-top:1px solid #dedee1}
.user-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:white;background:#596473;font-size:9px;font-weight:700}
.sidebar-footer strong,.sidebar-footer small{display:block}
.sidebar-footer strong{font-size:10px}
.sidebar-footer small{margin-top:1px;color:#8f9197;font-size:8px}
.sidebar-footer small i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#36b37e}
.sidebar-footer button{border:0;color:#8e8f95;background:none;cursor:pointer}

.main-content{min-width:0;background:#fbfbfc}
.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(251,251,252,.9);backdrop-filter:blur(14px)}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#96979d;font-size:10px}
.breadcrumb b{font-weight:400}
.breadcrumb strong{color:#4e5056}
.top-actions{display:flex;align-items:center;gap:8px}
.search-box{width:155px;height:30px;display:flex;align-items:center;gap:6px;padding:0 7px;border:1px solid #e1e1e4;border-radius:6px;background:#f5f5f6;color:#93949a}
.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:10px}
.search-box kbd{font-size:8px}
.help-button{width:28px;height:28px;border:1px solid #e2e2e5;border-radius:50%;color:#8a8b91;background:white;cursor:pointer}
.member-button{display:flex;align-items:center;padding:0;border:0;background:none;cursor:pointer}
.member-button span{width:25px;height:25px;display:grid;place-items:center;margin-left:-5px;border:2px solid #fbfbfc;border-radius:50%;color:white;background:#667183;font-size:7px}
.member-button span:nth-child(2){background:#be795d}
.member-button i{margin-left:4px;color:#8e9096;font-size:8px;font-style:normal}
.mobile-menu{display:none}

.view{width:min(1040px,100%);margin:0 auto;padding:44px 48px 80px}
.view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:28px}
.title-line{display:flex;align-items:center;gap:10px}
.title-line h1{margin:0;font-size:24px;letter-spacing:-.04em}
.inbox-icon,.tag-title-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#5d5f67;background:#ededf0;font-weight:700}
.tag-title-icon{color:var(--accent);background:#efeffd}
.view-header p{margin:7px 0 0 39px;color:#85878e;font-size:10px}
.header-actions{display:flex;align-items:center;gap:9px}
.primary-button{height:32px;padding:0 12px;border:0;border-radius:6px;color:white;background:#33343a;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;font-size:10px;font-weight:650}
.primary-button:hover{background:#222328}
.segmented{display:flex;padding:2px;border:1px solid #e3e3e5;border-radius:7px;background:#f4f4f5}
.segmented button{height:26px;padding:0 9px;border:0;border-radius:5px;color:#898a90;background:transparent;cursor:pointer;font-size:8px}
.segmented button.active{color:#45464c;background:white;box-shadow:0 1px 3px rgba(0,0,0,.08)}

.sync-banner{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;margin-bottom:26px;padding:12px 14px;border:1px solid #e5e5ef;border-radius:8px;background:#f7f7fd}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:#6f70d8;box-shadow:0 0 0 4px #e5e5fb}
.sync-banner p{margin:0}
.sync-banner strong,.sync-banner small{display:block}
.sync-banner strong{font-size:10px}
.sync-banner small{margin-top:2px;color:#8b8c94;font-size:8px}
.sync-banner button{border:0;color:#6667bf;background:none;cursor:pointer;font-size:9px;font-weight:650}
.list-toolbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid var(--line);border-radius:7px 7px 0 0;color:#777980;background:#f6f6f7;font-size:9px}
.list-options{display:flex;align-items:center;gap:3px}
.list-toolbar button{width:25px;border:0;color:#8b8c92;background:none;cursor:pointer}
.group-select{display:flex;align-items:center;gap:4px;color:#999aa0;font-size:8px}
.group-select select{height:24px;padding:0 20px 0 7px;border:1px solid #dedee1;border-radius:5px;outline:0;color:#5f6067;background:white;font-size:8px;cursor:pointer}
.task-list{border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;background:white;overflow:hidden}
.task-item{position:relative;display:grid;grid-template-columns:22px 24px minmax(0,1fr) 92px 50px 28px;align-items:center;min-height:47px;padding:0 10px;border-top:1px solid #ededee;transition:.12s}
.task-item:first-child{border-top:0}
.task-item:hover{background:#fafafa}
.status-button{width:15px;height:15px;display:grid;place-items:center;padding:0;border:1.5px solid #b7b8bd;border-radius:50%;background:white;cursor:pointer}
.status-button svg{width:9px;fill:none;stroke:white;stroke-width:2.5;opacity:0}
.task-item.done .status-button{border-color:var(--green);background:var(--green)}
.task-item.done .status-button svg{opacity:1}
.task-item.done .task-title{color:#a5a6ab;text-decoration:line-through}
.priority-mark{color:#aeb0b5;font-size:12px}
.task-item.high .priority-mark{color:#e06060}
.task-title{min-width:0;overflow:hidden;font-size:10px;font-weight:550;white-space:nowrap;text-overflow:ellipsis}
.task-tag{width:fit-content;max-width:88px;overflow:hidden;padding:3px 7px;border-radius:4px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 9%,white);font-size:7px;white-space:nowrap;text-overflow:ellipsis}
.due{color:#98999e;font-size:8px}
.due.urgent{color:#d25f58}
.owner{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:white;background:#606b7c;font-size:7px}
.owner.me{color:#64666d;background:#e4e4e7}
.task-group{border-top:1px solid #e7e7e9}
.task-group:first-child{border-top:0}
.task-group-header{height:34px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#5e6067;background:#fafafa;font-size:9px;font-weight:650}
.task-group-header i{width:7px;height:7px;border-radius:2px;background:var(--group-color,#a7a8ad)}
.task-group-header b{margin-left:auto;color:#a0a1a6;font-size:8px;font-weight:500}
.group-rows .task-item:first-child{border-top:1px solid #ededee}
.inline-create{margin-top:8px;padding:6px 9px;border:0;color:#8e9096;background:none;cursor:pointer;font-size:9px}
.inline-create:hover{color:#55575e}
.empty-state{padding:70px;text-align:center;color:#94959b;font-size:10px}
.empty-state b{display:block;margin-bottom:5px;color:#62646b}

.tags-header{border-bottom:1px solid var(--line)}
.tag-controls{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.tag-tabs{display:flex;gap:18px;height:100%}
.tag-tabs button{position:relative;border:0;color:#8a8b92;background:none;cursor:pointer;font-size:10px}
.tag-tabs button.active{color:#33343a;font-weight:650}
.tag-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#57585f}
.tag-controls>span{display:flex;align-items:center;gap:5px;color:#92939a;font-size:8px}
.tag-controls>span i{width:6px;height:6px;border-radius:50%;background:#36b37e}
.tag-table{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}
.tag-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,1.5fr) 90px 80px;align-items:center;min-height:62px;padding:0 15px;border-top:1px solid #ededee;transition:.12s}
.tag-row:first-child{border-top:0}
.tag-row:hover{background:#fafafa}
.tag-name{display:flex;align-items:center;gap:9px;min-width:0}
.tag-name>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 10%,white);font-weight:700}
.tag-name strong{display:block;font-size:10px}
.tag-name small{display:block;margin-top:3px;color:#a0a1a7;font-size:7px}
.tag-description{overflow:hidden;color:#7d7f86;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.tag-people{display:flex;align-items:center;color:#999aa0;font-size:8px}
.tag-people span{width:19px;height:19px;display:grid;place-items:center;margin-left:-4px;border:2px solid white;border-radius:50%;color:white;background:#697487;font-size:6px}
.tag-people span:first-child{margin-left:0}
.claim-button{height:27px;border:1px solid #dcdce0;border-radius:6px;color:#6f7178;background:white;cursor:pointer;font-size:8px;font-weight:650}
.claim-button:hover{border-color:#bdbec4}
.claim-button.claimed{border-color:#d9d9f0;color:#6263b9;background:#f3f3fd}

.sheet-dialog{width:min(470px,calc(100% - 28px));padding:0;border:0;border-radius:12px;color:var(--ink);background:white;box-shadow:0 25px 80px rgba(26,27,31,.25)}
.sheet-dialog::backdrop{background:rgba(35,36,41,.35);backdrop-filter:blur(3px)}
.sheet-dialog form{padding:21px}
.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.dialog-header span{color:#999aa0;font-size:8px}
.dialog-header h2{margin:3px 0 0;font-size:18px}
.dialog-header button{width:25px;height:25px;border:0;border-radius:50%;color:#929399;background:#f0f0f2;cursor:pointer;font-size:16px}
.sheet-dialog label,.sheet-dialog legend{display:grid;gap:6px;color:#696b72;font-size:9px;font-weight:650}
.sheet-dialog input,.sheet-dialog select{width:100%;height:37px;padding:0 10px;border:1px solid #dedee2;border-radius:6px;outline:0;color:#2c2d32;background:#fafafa;font-size:10px}
.sheet-dialog input:focus,.sheet-dialog select:focus{border-color:#9a9bd6;box-shadow:0 0 0 3px #eeeeff;background:white}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}
.dialog-note{display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px;border-radius:6px;color:#7d7e8e;background:#f4f4f9;font-size:8px}
.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.secondary-button{height:32px;padding:0 12px;border:1px solid #dedee2;border-radius:6px;color:#71737a;background:white;cursor:pointer;font-size:9px}
.small-dialog{width:min(410px,calc(100% - 28px))}
.prefixed-input{display:flex;align-items:center;border:1px solid #dedee2;border-radius:6px;background:#fafafa}
.prefixed-input>span{padding-left:10px;color:#999aa0}
.prefixed-input input{border:0;box-shadow:none!important}
.sheet-dialog fieldset{margin:13px 0;padding:0;border:0}
.color-options{display:flex;gap:10px;margin-top:7px}
.color-options label{cursor:pointer}
.color-options input{position:absolute;opacity:0}
.color-options span{width:20px;height:20px;display:block;border:4px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d8d8dc}
.color-options input:checked+span{box-shadow:0 0 0 2px var(--swatch)}
.blue{--swatch:var(--blue)}
.green{--swatch:var(--green)}
.orange{--swatch:var(--orange)}
.pink{--swatch:var(--pink)}
.violet{--swatch:var(--violet)}
.claim-toggle{display:flex!important;align-items:center;justify-content:space-between;padding:10px;border:1px solid #e3e3e6;border-radius:7px;background:#fafafa;cursor:pointer}
.claim-toggle strong,.claim-toggle small{display:block}
.claim-toggle strong{color:#4e5056;font-size:9px}
.claim-toggle small{margin-top:2px;color:#999aa0;font-size:7px}
.claim-toggle input{position:absolute;opacity:0}
.claim-toggle>span{position:relative;width:30px;height:17px;border-radius:10px;background:#d0d1d5}
.claim-toggle>span::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:white;transition:.15s}
.claim-toggle input:checked+span{background:#6466c5}
.claim-toggle input:checked+span::after{transform:translateX(13px)}

.team-popover{position:fixed;z-index:20;top:45px;right:18px;width:200px;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 14px 40px rgba(25,26,30,.14)}
.team-popover>strong{display:block;margin-bottom:5px;font-size:9px}
.team-popover p{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;margin:0;padding:7px 0;border-top:1px solid #eee}
.team-popover p>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:white;background:#657184;font-size:7px}
.team-popover p b{font-size:8px}
.team-popover p i,.team-popover p em{color:#2ba46d;font-size:7px;font-style:normal}
.team-popover p em{color:#aaa}
.toast-region{position:fixed;z-index:30;right:20px;bottom:20px;display:grid;gap:6px}
.toast{min-width:220px;padding:10px 12px;border-radius:7px;color:white;background:#303137;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:9px;animation:toastIn .2s both}
.toast.out{animation:toastOut .2s both}
@keyframes toastIn{from{opacity:0;transform:translateY(5px)}
}
@keyframes toastOut{to{opacity:0;transform:translateX(7px)}
}

@media(max-width:760px){.app-shell{display:block}
.sidebar{position:fixed;z-index:30;left:0;top:0;width:232px;transform:translateX(-100%);transition:.2s;box-shadow:15px 0 40px rgba(0,0,0,.12)}
.sidebar.open{transform:translateX(0)}
.topbar{padding:0 14px}
.mobile-menu{display:block;border:0;background:none;cursor:pointer}
.breadcrumb>span,.breadcrumb>b{display:none}
.search-box{width:32px;padding:0 7px;overflow:hidden}
.search-box input,.search-box kbd{display:none}
.view{padding:27px 16px 70px}
.view-header{display:grid;padding-bottom:22px}
.view-header p{margin-left:0;line-height:1.55}
.header-actions{justify-content:space-between}
.header-actions .primary-button{margin-left:auto}
.sync-banner{grid-template-columns:10px 1fr}
.sync-banner button{grid-column:2;text-align:left;padding:0}
.task-item{grid-template-columns:25px 20px minmax(0,1fr) 33px;min-height:55px}
.task-tag{grid-column:3;margin-top:-13px}
.task-item .due{display:none}
.owner{grid-column:4;grid-row:1/3}
.tag-controls>span{display:none}
.tag-row{grid-template-columns:minmax(0,1fr) 75px;padding:11px 12px}
.tag-description,.tag-people{display:none}
.sheet-dialog{margin:auto auto 0;border-radius:12px 12px 0 0}
.form-row{grid-template-columns:1fr}
.toast-region{left:14px;right:14px}
.toast{min-width:0}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.progress-title-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#23855d;background:#eaf6f0;font-weight:700}
.progress-header{border-bottom:1px solid var(--line)}
.secondary-action{height:31px;padding:0 11px;border:1px solid #dedee2;border-radius:6px;color:#66686f;background:white;cursor:pointer;font-size:9px}
.progress-overview{display:grid;grid-template-columns:120px minmax(230px,1fr) 115px 115px;align-items:center;gap:22px;margin:24px 0;border:1px solid var(--line);border-radius:9px;padding:19px 21px;background:white}
.overall-score{border-right:1px solid var(--line)}
.overall-score strong,.overall-score span,.overview-stat strong,.overview-stat span{display:block}
.overall-score strong{font-size:27px;letter-spacing:-.05em}
.overall-score span,.overview-stat span{margin-top:2px;color:#92949a;font-size:8px}
.overall-track>div{height:7px;border-radius:5px;background:#ececef;overflow:hidden}
.overall-track>div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6264c7,#36a978);transition:width .35s ease}
.overall-track p{margin:7px 0 0;color:#92949a;font-size:8px}
.overall-track p strong{color:#4f5158}
.overall-track p i{margin:0 4px;font-style:normal}
.overview-stat{padding-left:18px;border-left:1px solid var(--line)}
.overview-stat strong{font-size:19px}
.progress-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid var(--line);border-radius:7px 7px 0 0;color:#585a61;background:#f6f6f7;font-size:9px;font-weight:650}
.progress-toolbar small{color:#9b9ca2;font-size:7px;font-weight:500}
.progress-table{border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;background:white;overflow:hidden}
.progress-row{width:100%;min-height:64px;display:grid;grid-template-columns:minmax(180px,1.25fr) 100px minmax(150px,1fr) 55px 65px 14px;align-items:center;gap:14px;padding:0 14px;border:0;border-top:1px solid #ededee;background:white;cursor:pointer;text-align:left}
.progress-row:first-child{border-top:0}
.progress-row:hover{background:#fafafa}
.progress-tag{display:flex;align-items:center;gap:10px;min-width:0}
.progress-tag>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 10%,white);font-weight:700}
.progress-tag strong,.progress-tag small{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.progress-tag strong{font-size:10px}
.progress-tag small{margin-top:3px;color:#a0a1a6;font-size:7px}
.progress-owners{display:flex}
.progress-owners i{width:20px;height:20px;display:grid;place-items:center;margin-left:-4px;border:2px solid white;border-radius:50%;color:white;background:#687487;font-size:6px;font-style:normal}
.progress-owners i:first-child{margin-left:0}
.progress-owners em{color:#a2a3a8;font-size:7px;font-style:normal}
.row-progress>div{height:5px;border-radius:4px;background:#ececef;overflow:hidden}
.row-progress>div span{display:block;height:100%;border-radius:inherit;background:var(--tag-color);transition:width .3s ease}
.row-progress small{display:block;margin-top:5px;color:#999aa0;font-size:7px}
.percent-value{font-size:11px;text-align:right}
.percent-value.empty{color:#b4b5ba}
.progress-status{width:fit-content;padding:3px 6px;border-radius:4px;color:#777980;background:#f0f0f2;font-size:7px;white-space:nowrap}
.status-进行中{color:#6667ba;background:#f0f0fc}
.status-已完成{color:#26845e;background:#ebf7f1}
.status-未开始{color:#8b7a61;background:#f7f2ea}
.status-暂无任务{color:#999aa0;background:#f2f2f3}
.progress-row>b{color:#b1b2b7;font-size:14px;font-weight:400}
@media(max-width:760px){.progress-overview{grid-template-columns:85px 1fr;gap:15px;padding:15px}
.overview-stat{display:none}
.overall-score strong{font-size:22px}
.progress-row{grid-template-columns:minmax(0,1fr) 75px 45px 12px;gap:8px;padding:10px 11px}
.progress-owners,.progress-status{display:none}
.row-progress{grid-column:2}
.progress-tag small{max-width:170px}
.progress-row>b{grid-column:4}
.percent-value{grid-column:3}
.progress-toolbar small{display:none}
}

.content-title-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#c35e82;background:#f9edf2;font-size:9px}
.content-header{border-bottom:1px solid var(--line)}
.publishing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.publishing-summary>div{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:white}
.summary-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:12px}
.summary-icon.scheduled{color:#6667bd;background:#efeffb}
.summary-icon.week{color:#be6b32;background:#faf0e8}
.summary-icon.published{color:#29825e;background:#eaf6f0}
.publishing-summary p{margin:0}
.publishing-summary strong,.publishing-summary small{display:block}
.publishing-summary strong{font-size:16px}
.publishing-summary small{margin-top:2px;color:#96979d;font-size:7px}
.content-controls{margin-bottom:14px;border-bottom:1px solid var(--line)}
.platform-tabs{display:flex;gap:19px;overflow-x:auto}
.platform-tabs button{position:relative;flex:0 0 auto;height:37px;padding:0;border:0;color:#8c8e94;background:none;cursor:pointer;font-size:9px}
.platform-tabs button.active{color:#303137;font-weight:650}
.platform-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#45464c}
.content-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:18px 0}
.week-day{height:75px;display:grid;place-items:center;padding:8px 3px;border:1px solid var(--line);border-radius:8px;color:#898a91;background:white;cursor:pointer}
.week-day:hover{border-color:#cdced3}
.week-day.active{border-color:#aaaadd;background:#f6f6fd;box-shadow:0 0 0 2px #eeeeff}
.week-day span{font-size:7px}
.week-day strong{font-size:16px;color:#3d3e44}
.week-day small{font-size:7px;color:#a0a1a7}
.week-day.active strong{color:#6162bd}
.agenda-toolbar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid var(--line);border-radius:7px 7px 0 0;color:#5b5d64;background:#f6f6f7;font-size:9px;font-weight:650}
.agenda-toolbar small{color:#9a9ba1;font-size:7px;font-weight:500}
.content-agenda{border:1px solid var(--line);border-top:0;border-radius:0 0 7px 7px;background:white;overflow:hidden}
.content-item{min-height:61px;display:grid;grid-template-columns:75px 32px minmax(170px,1fr) 28px 55px 83px;align-items:center;gap:10px;padding:0 12px;border-top:1px solid #ededee}
.content-item:first-child{border-top:0}
.content-item:hover{background:#fafafa}
.publish-time strong,.publish-time span{display:block}
.publish-time strong{font-size:8px}
.publish-time span{margin-top:3px;color:#75777e;font-size:10px;font-weight:700}
.platform-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:white;background:var(--platform-color);font-size:7px;font-weight:800}
.content-copy{min-width:0}
.content-copy strong,.content-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.content-copy strong{font-size:10px}
.content-copy small{margin-top:4px;color:#999aa0;font-size:7px}
.content-owner{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:white;background:#657184;font-size:7px}
.content-state{width:fit-content;padding:3px 6px;border-radius:4px;font-size:7px;white-space:nowrap}
.state-draft{color:#8c744f;background:#f7f0e7}
.state-scheduled{color:#6667b8;background:#f0f0fc}
.state-published{color:#27805b;background:#eaf6f0}
.publish-action{height:27px;padding:0 8px;border:1px solid #dedee2;border-radius:6px;color:#696b72;background:white;cursor:pointer;font-size:7px}
.publish-action:hover{border-color:#a9d6c2;color:#237b57;background:#f3faf7}
.published-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#28825d;background:#eaf6f0;font-size:9px}
.content-empty{padding:60px;text-align:center;color:#999aa0}
.content-empty strong,.content-empty span{display:block}
.content-empty strong{color:#5e6067;font-size:10px}
.content-empty span{margin-top:5px;font-size:8px}
.content-dialog{width:min(500px,calc(100% - 28px))}
@media(max-width:760px){.publishing-summary{grid-template-columns:repeat(3,1fr);gap:6px}
.publishing-summary>div{display:grid;justify-items:center;gap:5px;padding:10px 4px;text-align:center}
.summary-icon{width:26px;height:26px}
.content-week{gap:4px}
.week-day{height:64px}
.week-day span{font-size:6px}
.week-day strong{font-size:13px}
.content-item{grid-template-columns:60px 28px minmax(0,1fr) 26px;gap:8px;padding:8px 9px}
.content-state,.content-item>.publish-action,.content-item>.published-check{grid-column:3;margin-top:-5px}
.content-owner{grid-column:4;grid-row:1/3}
.content-copy small{max-width:190px}
.platform-tabs{gap:16px}
.agenda-toolbar small{display:none}
}

.task-tag-field{display:grid;gap:6px;color:#696b72;font-size:9px;font-weight:650}
.field-label-row{display:flex;align-items:center;justify-content:space-between}
.field-label-row button{padding:0;border:0;color:#6566bd;background:none;cursor:pointer;font-size:7px;font-weight:650}
.inline-tag-creator{margin:-3px 0 14px;padding:12px;border:1px solid #dfdff0;border-radius:8px;background:#f8f8fd}
.inline-tag-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.inline-tag-heading strong,.inline-tag-heading small{display:block}
.inline-tag-heading strong{font-size:9px}
.inline-tag-heading small{margin-top:2px;color:#999aa1;font-size:7px}
.inline-tag-heading button{width:20px;height:20px;border:0;border-radius:50%;color:#8e8f96;background:#eaeaef;cursor:pointer}
.inline-tag-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(100px,.5fr);gap:9px;margin-bottom:9px}
.inline-tag-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px}
.inline-tag-footer>span{color:#d15b55;font-size:7px}
.inline-tag-footer button{height:27px;padding:0 9px;border:0;border-radius:5px;color:white;background:#5f60bd;cursor:pointer;font-size:7px;font-weight:650}
.inline-tag-footer button:hover{background:#5152ad}
@media(max-width:760px){.inline-tag-grid{grid-template-columns:1fr}
.inline-tag-creator{margin-top:2px}
}

.priority-button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;font-size:8px;font-weight:800;transition:.15s}
.priority-button:hover{transform:scale(1.08);background:#f0f0f2}
.priority-urgent{color:white;background:#e45b55;box-shadow:0 3px 8px rgba(228,91,85,.23)}
.priority-urgent:hover{background:#d94e49}
.priority-high{color:#df665f}
.priority-medium,.priority-normal{color:#d5963f}
.priority-low{color:#5682ca}
.priority-none{color:#afb0b5}
.task-item.urgent{background:linear-gradient(90deg,#fff5f4 0,white 26%)}
.task-item.urgent:hover{background:#fff5f4}
.task-item.done .priority-button{opacity:.55}
.task-settings-row{margin-bottom:0}
.sheet-dialog{max-height:calc(100vh - 28px);overflow:auto}

.sheet-dialog textarea{width:100%;min-height:76px;resize:vertical;padding:10px;border:1px solid #dedee2;border-radius:6px;outline:0;color:#2c2d32;background:#fafafa;font:inherit;font-size:10px;line-height:1.55}
.sheet-dialog textarea:focus{border-color:#9a9bd6;box-shadow:0 0 0 3px #eeeeff;background:white}
.task-content-fields{display:grid;gap:13px;margin-top:13px}
.attachment-field{display:grid;gap:6px}
.field-label-row small{color:#a0a1a7;font-size:7px;font-weight:500}
.attachment-drop{min-height:58px;display:grid!important;place-content:center;gap:3px;border:1px dashed #cfd0d7;border-radius:8px;color:#686a72!important;background:#fafafa;cursor:pointer;text-align:center;transition:.15s}
.attachment-drop:hover{border-color:#8e90ce;background:#f7f7fd}
.attachment-drop strong{color:#5f60bd;font-size:9px}
.attachment-drop span{color:#9a9ba2;font-size:7px;font-weight:500}
.pending-files{display:flex;flex-wrap:wrap;gap:6px}
.pending-file{display:flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px;border:1px solid #e3e3e6;border-radius:6px;background:white;font-size:7px}
.pending-file span{max-width:185px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pending-file small{color:#a0a1a7}
.pending-file button{width:16px;height:16px;padding:0;border:0;border-radius:50%;color:#9899a0;background:#eeeeef;cursor:pointer}
.task-copy{min-width:0;display:grid;gap:3px}
.task-title-button{min-width:0;overflow:hidden;padding:0;border:0;color:#2c2d32;background:none;cursor:pointer;font-size:10px;font-weight:550;text-align:left;white-space:nowrap;text-overflow:ellipsis}
.task-title-button:hover{color:#5f60bd}
.task-item.done .task-title-button{color:#a5a6ab;text-decoration:line-through}
.task-content-meta{display:flex;gap:7px;color:#8d8f96;font-size:7px}
.task-content-meta span{display:inline-flex;align-items:center;gap:3px}
.task-detail-dialog{width:min(590px,calc(100% - 28px));max-height:min(760px,calc(100vh - 30px));overflow:auto}
.detail-meta{display:flex;flex-wrap:wrap;gap:6px;margin:-7px 0 17px}
.detail-meta span{padding:4px 7px;border-radius:5px;color:#71737a;background:#f0f0f2;font-size:7px}
.detail-section{display:grid;gap:8px;margin-top:16px}
.link-composer{display:grid;grid-template-columns:1fr auto;gap:7px}
.link-composer button{padding:0 12px;border:0;border-radius:6px;color:white;background:#5f60bd;cursor:pointer;font-size:8px}
.detail-links,.detail-attachments{display:grid;gap:7px}
.detail-link{display:grid;grid-template-columns:24px minmax(0,1fr) 22px;align-items:center;gap:7px;padding:7px;border:1px solid #e5e5e8;border-radius:7px;background:white}
.detail-link>a{min-width:0;overflow:hidden;color:#5153b4;font-size:8px;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}
.detail-link>span{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:#5f60bd;background:#f0f0fc;font-size:9px}
.detail-link button,.attachment-card button{width:22px;height:22px;padding:0;border:0;border-radius:5px;color:#a0a1a7;background:#f1f1f2;cursor:pointer}
.detail-empty{padding:15px;border:1px dashed #dedee3;border-radius:7px;color:#a0a1a7;text-align:center;font-size:8px}
.detail-attachments{grid-template-columns:repeat(2,minmax(0,1fr))}
.attachment-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:7px;border:1px solid #e4e4e7;border-radius:8px;background:white}
.attachment-preview{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:6px;color:#686a72;background:#f0f0f2;font-size:8px;font-weight:700}
.attachment-preview img{width:100%;height:100%;object-fit:cover}
.attachment-info{min-width:0}
.attachment-info a,.attachment-info small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.attachment-info a{color:#404148;font-size:8px;text-decoration:none}
.attachment-info small{margin-top:3px;color:#9a9ba1;font-size:7px}
@media(max-width:760px){.task-item{grid-template-columns:25px 20px minmax(0,1fr) 33px}
.task-copy{grid-column:3}
.task-tag{grid-column:3;margin-top:-9px}
.task-content-meta{margin-top:1px}
.task-detail-dialog{max-height:calc(100vh - 18px)}
.detail-attachments{grid-template-columns:1fr}
.sheet-dialog textarea{min-height:68px}
}

.language-picker{height:30px;display:flex;align-items:center;gap:4px;padding:0 7px;border:1px solid #e1e1e4;border-radius:6px;color:#85878e;background:#f7f7f8}
.language-picker>span{font-size:10px}
.language-picker select{max-width:76px;border:0;outline:0;color:#65676e;background:transparent;cursor:pointer;font:inherit;font-size:8px}
@media(max-width:760px){.language-picker{padding:0 5px}
.language-picker>span{display:none}
.language-picker select{width:64px}
}

.view-mode-toggle{height:26px;display:flex;align-items:center;padding:2px;border:1px solid #dedee1;border-radius:6px;background:white}
.view-mode-toggle button{width:auto!important;height:20px;display:flex;align-items:center;gap:4px;padding:0 7px!important;border-radius:4px!important;color:#9a9ba1!important;font-size:7px!important}
.view-mode-toggle button b{font-weight:600}
.view-mode-toggle button.active{color:#4f5158!important;background:#eeeef2!important}
.task-list.board-mode{border:0;background:transparent;overflow:visible}
.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:10px;align-items:start}
.kanban-column{min-width:0;border:1px solid #e2e2e5;border-radius:9px;background:#f5f5f6;overflow:hidden}
.kanban-column-header{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid #e3e3e6;color:#55575e;background:#f9f9fa;font-size:9px;font-weight:650}
.kanban-column-header i{width:7px;height:7px;border:2px solid #9b9ca2;border-radius:50%}
.kanban-column[data-status="doing"] .kanban-column-header i{border:0;background:#d49a45;box-shadow:0 0 0 3px #f5e9d7}
.kanban-column[data-status="done"] .kanban-column-header i{border:0;background:#31a16f;box-shadow:0 0 0 3px #dff1e9}
.kanban-column-header b{margin-left:auto;color:#9b9ca2;font-size:8px;font-weight:550}
.kanban-cards{display:grid;gap:7px;min-height:84px;padding:8px}
.kanban-empty{padding:26px 8px;color:#adaeb3;text-align:center;font-size:8px}
.kanban-card{position:relative;display:grid;gap:9px;padding:11px;border:1px solid #dedee2;border-radius:8px;background:white;box-shadow:0 1px 2px rgba(28,29,33,.035);transition:.15s}
.kanban-card:hover{border-color:#cfd0d5;box-shadow:0 5px 16px rgba(28,29,33,.07);transform:translateY(-1px)}
.kanban-card-top,.kanban-card-footer{display:flex;align-items:center;gap:7px}
.kanban-priority{font-size:8px;font-weight:800}
.kanban-tag{max-width:150px;overflow:hidden;padding:3px 6px;border-radius:4px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 9%,white);font-size:7px;white-space:nowrap;text-overflow:ellipsis}
.kanban-card-title{width:100%;padding:0;border:0;color:#2f3035;background:none;cursor:pointer;font-size:10px;font-weight:650;line-height:1.45;text-align:left}
.kanban-card.done .kanban-card-title{color:#989aa0;text-decoration:line-through}
.kanban-content-meta{display:flex;gap:8px;color:#92949a;font-size:7px}
.kanban-card-footer{padding-top:8px;border-top:1px solid #eeeeef}
.kanban-owner{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:white;background:#626d7d;font-size:7px}
.kanban-owner.me{color:#64666d;background:#e4e4e7}
.kanban-due{color:#92949a;font-size:7px}
.kanban-next{margin-left:auto;height:24px;padding:0 7px;border:1px solid #dedee2;border-radius:5px;color:#66686f;background:#fafafa;cursor:pointer;font-size:7px}
.kanban-next:hover{border-color:#aaaadd;color:#5c5db4;background:#f5f5fd}
@media(max-width:760px){.list-toolbar{height:auto;min-height:40px;gap:8px;flex-wrap:wrap;padding:6px 8px}
.list-options{margin-left:auto}
.view-mode-toggle button b{display:none}
.view-mode-toggle button{padding:0 6px!important}
.kanban-board{display:flex;gap:9px;padding-bottom:8px;overflow-x:auto;scroll-snap-type:x proximity}
.kanban-column{min-width:min(78vw,280px);scroll-snap-align:start}
.task-list.board-mode{margin-right:-16px}
.kanban-board{padding-right:16px}
}
.content-calendar{margin:18px 0 16px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 4px 18px rgba(36,37,42,.025);overflow:hidden}
.calendar-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafafb)}
.calendar-toolbar>div{display:flex;align-items:baseline;gap:10px}
.calendar-toolbar span{color:#96979d;font-size:7px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}
.calendar-toolbar strong{font-size:15px;letter-spacing:-.025em}
.calendar-toolbar nav{display:flex;align-items:center;gap:5px}
.calendar-toolbar button{height:29px;min-width:29px;padding:0 9px;border:1px solid #dedee2;border-radius:6px;color:#64666d;background:white;cursor:pointer;font-size:9px}
.calendar-toolbar button:hover{border-color:#b9b9d9;color:#5f60b5;background:#f7f7fd}
.calendar-toolbar button[data-calendar-shift]{padding:0;font-size:18px;line-height:1}
.calendar-scroll{overflow-x:auto}
.calendar-weekdays,.calendar-grid{min-width:700px;display:grid;grid-template-columns:repeat(7,1fr)}
.calendar-weekdays{height:31px;border-bottom:1px solid var(--line);background:#fafafb}
.calendar-weekdays span{display:grid;place-items:center;border-left:1px solid #efeff1;color:#92949a;font-size:7px;font-weight:650}
.calendar-weekdays span:first-child{border-left:0}
.calendar-day{position:relative;min-width:0;height:112px;display:flex;flex-direction:column;gap:5px;padding:8px;border:0;border-left:1px solid #eeeeef;border-top:1px solid #eeeeef;color:#3e4047;background:white;cursor:pointer;text-align:left;overflow:hidden}
.calendar-day:nth-child(7n+1){border-left:0}
.calendar-day:nth-child(-n+7){border-top:0}
.calendar-day:hover{z-index:1;background:#fafafd;box-shadow:inset 0 0 0 1px #dadaed}
.calendar-day.outside{color:#b6b7bc;background:#fbfbfc}
.calendar-day.selected{z-index:2;background:#f6f6fd;box-shadow:inset 0 0 0 2px #aaaadd}
.calendar-date{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:700}
.calendar-day.today .calendar-date{color:white;background:#696ad2}
.calendar-day.outside .calendar-event{opacity:.48}
.calendar-events{min-width:0;display:grid;gap:3px}
.calendar-event{height:19px;min-width:0;display:grid;grid-template-columns:17px 29px minmax(0,1fr);align-items:center;gap:3px;padding:0 5px 0 2px;border-left:2px solid var(--event-color);border-radius:4px;color:#5d5f66;background:color-mix(in srgb,var(--event-color) 7%,#fff);font-size:6px;font-style:normal}
.calendar-event i{width:15px;height:15px;display:grid;place-items:center;border-radius:3px;color:white;background:var(--event-color);font-size:5px;font-style:normal}
.calendar-event b{font-size:6px;font-weight:650}
.calendar-event em{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal}
.calendar-event.published{opacity:.6}
.calendar-events>small{padding-left:4px;color:#7779bd;font-size:6px;font-weight:650}
@media(max-width:760px){.content-calendar{margin-left:-2px;margin-right:-2px}.calendar-toolbar{height:50px;padding:0 10px}.calendar-toolbar>div{display:grid;gap:1px}.calendar-toolbar strong{font-size:13px}.calendar-weekdays,.calendar-grid{min-width:665px}.calendar-day{height:98px;padding:6px}.calendar-event{grid-template-columns:15px 27px minmax(0,1fr)}.calendar-scroll{scrollbar-width:thin}.content-empty{padding:38px 18px}}
.notification-button{position:relative;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #e2e2e5;border-radius:50%;color:#73757c;background:white;cursor:pointer}
.notification-button:hover{border-color:#c9c9da;color:#5f60b5;background:#f8f8fd}
.notification-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-button i{position:absolute;right:1px;top:1px;width:8px;height:8px;border:2px solid white;border-radius:50%;background:#dc4e4e}
.notification-button b{position:absolute;right:-6px;top:-7px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border:2px solid #f7f7f8;border-radius:9px;color:white;background:#dc4e4e;font-size:6px;line-height:1}
.nav-item .nav-notification-dot{position:absolute;right:4px;top:7px;width:7px;height:7px;border:2px solid #f4f4f5;border-radius:50%;background:#dc4e4e}
.notification-popover{position:fixed;z-index:24;top:50px;right:64px;width:min(340px,calc(100vw - 28px));max-height:min(520px,calc(100vh - 70px));border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 18px 55px rgba(25,26,30,.18);overflow:hidden}
.notification-popover>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line);background:#fafafb}
.notification-popover>header strong{font-size:10px}
.notification-popover>header small{color:#96979d;font-size:7px}
#notificationList{max-height:450px;overflow:auto}
.notification-item{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:11px 12px;border:0;border-top:1px solid #eeeeef;color:#55575e;background:white;cursor:pointer;text-align:left}
.notification-item:first-child{border-top:0}
.notification-item:hover{background:#fafafd}
.notification-item.unread{background:#f7f7fe}
.notification-item>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:white;background:#657184;font-size:8px;font-weight:700}
.notification-item div{min-width:0}
.notification-item p{margin:0;color:#71737a;font-size:8px}
.notification-item p strong{color:#303137}
.notification-item div>b,.notification-item div>small,.notification-item time{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.notification-item div>b{margin-top:4px;color:#3f4148;font-size:9px}
.notification-item div>small{margin-top:3px;color:#878990;font-size:7px}
.notification-item time{margin-top:4px;color:#aaaab0;font-size:6px}
.notification-empty{padding:42px 15px;text-align:center;color:#999ba1;font-size:8px}
.comments-section{padding-top:14px;border-top:1px solid #eeeeef}
.task-comments{display:grid;gap:10px;max-height:260px;overflow:auto}
.task-comment{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px}
.task-comment>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:white;background:#657184;font-size:8px;font-weight:700}
.task-comment.mine>span{color:#6667bd;background:#eeeeff}
.task-comment header{display:flex;align-items:center;gap:7px;margin:1px 0 3px}
.task-comment header strong{font-size:8px}
.task-comment time{color:#a0a1a7;font-size:6px}
.task-comment p{margin:0;padding:8px 9px;border-radius:0 7px 7px 7px;color:#55575d;background:#f4f4f5;font-size:9px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.task-comment.mine p{background:#f1f1fd}
.comments-empty{padding:18px;text-align:center;color:#9a9ba1;background:#fafafa;border-radius:7px;font-size:8px}
.comments-empty.error{color:#c25555;background:#fff6f6}
.comment-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px}
.comment-composer textarea{min-height:58px!important;max-height:130px}
.comment-composer button{height:34px;padding:0 11px;border:0;border-radius:6px;color:white;background:#303137;cursor:pointer;font-size:8px;font-weight:650}
.comment-composer button:disabled{opacity:.5;cursor:wait}
.service-error{min-height:100vh;display:grid;place-content:center;gap:7px;text-align:center}
.service-error strong{font-size:15px}.service-error span{color:#8c8e95;font-size:9px}
@media(max-width:760px){.notification-popover{top:47px;right:10px}.notification-button{width:28px;height:28px}.task-comments{max-height:210px}.comment-composer{grid-template-columns:1fr}.comment-composer button{justify-self:end}.help-button{display:none}}