@font-face{font-family:Work Sans;src:url('/artifacts/team-inbox--v1--s1--gpt-6-luna-codex--impeccable--2026-10-12T07-13-21-602Z/assets/work-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:DM Serif Display;src:url('/artifacts/team-inbox--v1--s1--gpt-6-luna-codex--impeccable--2026-10-12T07-13-21-602Z/assets/dm-serif.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f5f4ef;--white:#fffefa;--ink:#242c29;--muted:#737b75;--line:#e8e7df;--forest:#294b40;--forest-deep:#203e35;--mint:#deebe2;--orange:#cb754d;--yellow:#efc77a;--sans:'Work Sans',Arial,sans-serif;--serif:'DM Serif Display',Georgia,serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--paper);scrollbar-color:#b3bdb5 var(--paper);scrollbar-width:thin}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#c8ddcd;color:#1d352d}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba7b50;outline-offset:3px}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(540px,1fr);transition:grid-template-columns .35s var(--ease)}.sidebar{background:var(--forest-deep);color:#f4f5ed;min-height:100vh;padding:26px 16px 15px;display:flex;flex-direction:column;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 8px 32px;width:max-content}.brand-mark{height:30px;width:30px;display:grid;place-items:center;background:#d5e5d8;border-radius:10px}.brand-mark svg{height:24px;width:24px;fill:none;stroke:#23483d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:21px;font-weight:650;letter-spacing:-1.1px}.brand-period{color:#e9bd74}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:10px 9px;border:1px solid #496256;border-radius:9px;margin-bottom:31px;background:#2a493e}.workspace-avatar{height:31px;width:31px;display:grid;place-items:center;border-radius:7px;background:#e4c58c;color:#51432c;font-weight:650;font-size:12px}.workspace-copy,.profile-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.workspace-copy strong,.profile-copy strong{font-size:12px;font-weight:600}.workspace-copy small,.profile-copy small{color:#b2c0b7;font-size:10px}.chevron{width:15px;height:15px;fill:none;stroke:#b8c6bc;stroke-width:1.5}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.25px;color:#9bada1;padding:0 10px;margin-bottom:9px}.primary-nav{display:grid;gap:3px}.nav-link{height:39px;padding:0 10px;display:flex;align-items:center;gap:11px;border-radius:7px;text-decoration:none;color:#d2dbd3;font-size:12px;font-weight:500;transition:background .15s,color .15s}.nav-link svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-link:hover{background:#315246;color:white}.nav-link.active{background:#e3ece4;color:#294b40;font-weight:650}.nav-count{margin-left:auto;font-size:10px;color:#536d5d}.team-label{margin-top:35px}.team-list{display:grid;gap:4px}.team-person{height:33px;display:flex;align-items:center;gap:9px;padding:0 9px;color:#d0d9d1;font-size:11px}.person-avatar{height:23px;width:23px;display:grid;place-items:center;border-radius:7px;color:#394338;font-size:8px;font-weight:700;letter-spacing:-.2px;flex:none}.avatar-maya{background:#e5bd9e}.avatar-theo{background:#bed0c0}.avatar-asha{background:#d4bfdd}.avatar-jon{background:#e7d68d}.avatar-luis{background:#b8d1d9}.avatar-sam{background:#edc0bd}.presence{height:6px;width:6px;border-radius:50%;background:#62776a;margin-left:auto}.presence.online{background:#a7d6a9;box-shadow:0 0 0 2px #365447}.sidebar-bottom{margin-top:auto}.help-card{padding:14px 13px 13px;margin-bottom:14px;border:1px solid #456054;background:#29483d;border-radius:9px}.help-spark{display:block;font-size:16px;color:#edc77f;height:22px}.help-card strong{font-size:11px;font-weight:600}.help-card p{font-size:10px;color:#c3d0c5;line-height:1.6;margin:6px 0 10px}.help-card a{font-size:10px;color:#e7c982;text-decoration:none}.help-card a span{padding-left:3px}.profile-button{width:100%;display:flex;align-items:center;gap:9px;padding:10px 5px 0;background:none;border:0;border-top:1px solid #496155;color:#f1f3ec;text-align:left}.profile-avatar{height:29px;width:29px;border-radius:50%}.profile-copy strong{font-size:11px}.profile-copy small{font-size:9px}.more-icon{height:17px;width:17px;fill:#bcc9bd}
.main-area{min-width:0;min-height:100vh}.topbar{height:60px;border-bottom:1px solid #e8e7df;display:flex;align-items:center;justify-content:space-between;padding:0 39px;background:rgba(255,254,250,.55)}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:#828980}.breadcrumbs svg{width:12px;height:12px;fill:none;stroke:#9da39b;stroke-width:1.5}.breadcrumbs strong{color:#39413c;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.today-label{font-size:9px;font-weight:650;letter-spacing:.8px;color:#858d84}.icon-button{height:30px;width:30px;display:grid;place-items:center;position:relative;border:0;border-radius:50%;background:transparent;color:#566158}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.notification-button i{position:absolute;height:5px;width:5px;border-radius:50%;background:#c77550;right:5px;top:5px;border:1px solid var(--paper)}.top-avatar{height:29px;width:29px;display:grid;place-items:center;border:2px solid #fffefa;border-radius:50%;background:#e5bd9e;color:#473d32;font-size:8px;font-weight:700}.inbox-content{max-width:1120px;margin:0 auto;padding:41px 40px 24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{margin:0 0 10px;color:#678173;font-size:9px;font-weight:700;letter-spacing:1.3px;display:flex;align-items:center;gap:7px}.live-dot{height:6px;width:6px;background:#6d9877;border-radius:50%;box-shadow:0 0 0 3px #e1e9df}h1{font-family:var(--serif);font-size:37px;line-height:1.04;letter-spacing:-.7px;font-weight:400;margin:0;color:#25332c}.page-subtitle{font-size:12px;color:#737c74;margin:9px 0 0}.new-task-button{height:35px;padding:0 13px;border:1px solid #dfe2da;border-radius:6px;background:#f0f1eb;color:#8b9289;font-size:11px;font-weight:600;cursor:not-allowed}.new-task-button span{font-size:16px;vertical-align:-1px;margin-right:4px}.pulse-strip{height:76px;border:1px solid #dfe5dc;border-radius:9px;background:#edf1e9;display:flex;align-items:center;justify-content:space-between;padding:0 21px;margin-bottom:31px}.pulse-main{display:flex;align-items:center;gap:12px}.pulse-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#dce7d9;color:#4e755c}.pulse-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}.pulse-main div{display:grid;gap:4px}.pulse-main strong{font-size:11px;font-weight:650;color:#344b3d}.pulse-main span{font-size:10px;color:#78867a}.pulse-stats{display:flex;align-items:center;gap:19px}.pulse-stats>div{display:grid;gap:3px}.pulse-stats strong{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1;color:#315746}.pulse-stats span:not(.stat-divider){font-size:8px;letter-spacing:.55px;color:#778479;font-weight:650}.stat-divider{height:27px;width:1px;background:#d6ded4}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.list-title{display:flex;align-items:center;gap:9px}.list-title h2{margin:0;font-size:13px;font-weight:650;letter-spacing:-.1px}.task-total{min-width:20px;height:19px;padding:0 6px;display:grid;place-items:center;background:#e8e9e2;border-radius:5px;font-size:9px;color:#727a72;font-weight:650}.list-controls{display:flex;align-items:center;gap:8px}.search-box,.filter-wrap{height:34px;border:1px solid #e1e2da;background:#fffefa;border-radius:6px;display:flex;align-items:center;gap:7px;color:#808980}.search-box{padding:0 9px;width:174px}.search-box svg,.filter-wrap>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.search-box input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#303b34;font-size:10px}.search-box input::placeholder{color:#929990}.filter-wrap{position:relative;padding:0 9px}.filter-wrap select{appearance:none;min-width:88px;padding:0 14px 0 0;border:0;outline:0;background:transparent;color:#57625a;font-size:10px;cursor:pointer}.filter-wrap select:focus-visible{outline:2px solid #ba7b50;outline-offset:2px;border-radius:2px}.filter-wrap .select-chevron{width:11px;position:absolute;right:8px;pointer-events:none}.task-list{border-top:1px solid var(--line)}.task-row{min-height:61px;display:grid;grid-template-columns:minmax(200px,1fr) 132px 107px 105px 25px;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--line);background:transparent;transition:background .16s ease;animation:row-in .38s var(--ease) both}.task-row:hover{background:#fbfaf5}.task-row.is-selected{background:#edf2eb}.task-row-main{min-width:0;display:flex;align-items:center;gap:10px}.priority-indicator{height:7px;width:7px;border-radius:2px;flex:none;background:#b7bdab}.priority-indicator.high{background:#ce8060}.priority-indicator.medium{background:#ddb767}.priority-indicator.low{background:#91aa94}.task-copy{min-width:0}.task-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.45;color:#303b34;font-weight:600;text-decoration:none}.task-title:hover{text-decoration:underline;text-decoration-color:#a3b2a4;text-underline-offset:3px}.task-meta{margin-top:4px;display:flex;align-items:center;gap:6px;color:#92988f;font-size:9px}.task-meta .meta-dot{color:#c1c5bd}.task-status{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;white-space:nowrap;font-size:9px;font-weight:600}.status-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.task-status.todo{background:#f0eee6;color:#777365}.task-status.in-progress{background:#e5eee4;color:#52765a}.task-status.blocked{background:#f6e8df;color:#a66043}.task-status.done{background:#e9e9e3;color:#74796f}.assignee{display:flex;align-items:center;gap:7px;min-width:0;color:#626c64;font-size:9px;white-space:nowrap}.assignee .person-avatar{height:22px;width:22px;font-size:7px}.due-date{font-size:9px;color:#858d84;white-space:nowrap}.due-date.overdue{color:#b3664d}.open-item{height:27px;width:27px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#929990;cursor:pointer;transition:background .15s,color .15s}.open-item:hover{background:#e9eee6;color:#315746}.open-item svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.row-priority{font-size:0}.list-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 2px 0;color:#899087;font-size:8px;letter-spacing:.65px;font-weight:600}.list-footer>span:first-child{font-size:9px;letter-spacing:0;font-weight:400;color:#828a82}.footer-spark{color:#8a9c88;padding-right:4px}.list-footer b{padding:0 4px;color:#b8beb5}.empty-state{padding:64px 15px 58px;text-align:center;border-bottom:1px solid var(--line)}.empty-illustration{width:52px;height:52px;margin:0 auto 13px;display:grid;place-items:center;border-radius:50%;background:#e9ede5;color:#78917c}.empty-illustration svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.empty-state h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 6px}.empty-state p{margin:0;color:#788078;font-size:11px}.empty-state button{margin-top:15px;border:0;background:none;color:#416b51;font-weight:650;font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.detail-panel{width:400px;min-height:100vh;border-left:1px solid var(--line);background:var(--white);padding:0 27px 30px;position:sticky;top:0;height:100vh;overflow:auto;animation:detail-in .32s var(--ease) both}.app-shell.has-detail{grid-template-columns:244px minmax(440px,1fr) 400px}.detail-panel[hidden]{display:none}.detail-top{height:60px;margin:0 -27px 25px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.detail-context{display:flex;align-items:center;gap:8px;color:#818981;font-size:10px}.detail-context svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.close-detail{width:29px;height:29px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#798179;cursor:pointer}.close-detail:hover{background:#f1f1eb;border-color:#e8e8df}.close-detail svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.detail-project{font-size:9px;font-weight:650;letter-spacing:.8px;color:#68816e;text-transform:uppercase;margin:0 0 10px}.detail-title{font-family:var(--serif);font-size:29px;line-height:1.2;font-weight:400;letter-spacing:-.35px;margin:0 0 14px;color:#26342c}.detail-badges{display:flex;align-items:center;gap:8px;margin-bottom:24px}.priority-label{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:#f4ede4;color:#876747;font-size:9px;font-weight:600}.priority-label .priority-indicator{height:6px;width:6px}.detail-divider{height:1px;background:var(--line);margin:20px 0}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.field-label{display:block;margin-bottom:7px;color:#8a918a;font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.field-value{display:flex;align-items:center;gap:7px;color:#48544c;font-size:10px}.field-value .person-avatar{height:23px;width:23px}.field-project-mark{height:22px;width:22px;display:grid;place-items:center;background:#e5ece2;border-radius:6px;color:#62806b;font-size:11px}.status-control{appearance:none;width:100%;height:34px;border:1px solid #dfe3db;border-radius:6px;background-color:#fefdf9;padding:0 27px 0 10px;color:#526056;font-size:10px;font-weight:550;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23778179' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.detail-body-label{font-size:9px;font-weight:700;letter-spacing:.9px;color:#858c84;text-transform:uppercase;margin:0 0 12px}.detail-body{font-size:11px;line-height:1.8;color:#5e6960;white-space:pre-wrap;margin:0;max-width:42ch}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.detail-tag{padding:5px 8px;background:#f0f1eb;border-radius:4px;color:#657067;font-size:9px}.detail-comments{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#747e75}.detail-comments strong{font-weight:600;color:#566158}.comment-count{display:flex;align-items:center;gap:6px}.comment-count svg{height:15px;width:15px;fill:none;stroke:#89938a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.detail-bottom-note{margin-top:30px;padding:12px;background:#f1f3ed;border-radius:7px;color:#718074;font-size:9px;line-height:1.6}.detail-bottom-note strong{display:block;color:#536d59;font-size:9px;margin-bottom:3px}.toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,14px);opacity:0;pointer-events:none;padding:11px 16px;border:1px solid #456b51;border-radius:7px;background:#294b40;color:#f8f8f1;box-shadow:0 8px 28px #1c362c33;font-size:11px;font-weight:550;transition:opacity .22s ease,transform .22s var(--ease)}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes row-in{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-in{from{opacity:.6;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1500px){.inbox-content{padding-top:49px}.task-row{min-height:64px}}
@media(max-width:1350px) and (min-width:901px){.app-shell.has-detail{grid-template-columns:220px minmax(440px,1fr) 340px}.detail-panel{width:340px;padding-left:20px;padding-right:20px}.detail-top{margin-left:-20px;margin-right:-20px;padding:0 18px}.inbox-content{padding-left:27px;padding-right:27px}.topbar{padding-left:27px;padding-right:27px}}
@media(max-width:1180px){.app-shell.has-detail{grid-template-columns:220px minmax(380px,1fr) 350px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.inbox-content{padding-left:29px;padding-right:29px}.topbar{padding:0 29px}.detail-panel{width:350px;padding-left:22px;padding-right:22px}.detail-top{margin-left:-22px;margin-right:-22px;padding:0 20px}.task-row{grid-template-columns:minmax(170px,1fr) 112px 90px 25px;gap:9px}.due-date{display:none}.pulse-strip{padding:0 15px}.pulse-stats{gap:12px}}
@media(max-width:900px){.app-shell,.app-shell.has-detail{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:20px 9px 12px;align-items:center}.brand{margin:0 auto 28px}.brand-name,.workspace-copy,.workspace-switcher .chevron,.nav-label,.nav-link>span:not(.nav-count),.nav-count,.team-person>span:not(.person-avatar),.team-person .presence,.sidebar-bottom .help-card,.profile-copy,.more-icon{display:none}.workspace-switcher{width:44px;height:44px;justify-content:center;padding:5px;margin:0 auto 25px}.primary-nav{width:100%}.nav-link{justify-content:center;padding:0}.nav-link svg{width:19px;height:19px}.team-label{display:none}.team-list{margin-top:20px;gap:10px}.team-person{justify-content:center;padding:0}.person-avatar{height:27px;width:27px}.sidebar-bottom{width:100%;margin-top:auto}.profile-button{justify-content:center;padding-top:10px}.inbox-content{padding:33px 24px 20px}.topbar{padding:0 24px}.app-shell.has-detail .detail-panel{position:fixed;z-index:5;right:0;top:0;width:min(410px,calc(100vw - 68px));height:100dvh;box-shadow:-15px 0 45px #23352c20}.app-shell.has-detail:after{content:"";position:fixed;inset:0 0 0 68px;background:#26382f40;z-index:4}}
@media(max-width:620px){.app-shell,.app-shell.has-detail{display:block}.sidebar{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;height:58px;min-height:0;padding:5px 13px;background:#203e35;display:flex;flex-direction:row;justify-content:center;align-items:center}.brand,.workspace-switcher,.nav-label,.team-list,.sidebar-bottom{display:none}.primary-nav{display:flex;justify-content:space-around;gap:0;max-width:360px}.nav-link{height:42px;width:54px}.nav-link.active{background:#e3ece4}.topbar{height:51px;padding:0 16px}.breadcrumbs{font-size:10px}.top-actions{gap:12px}.today-label{font-size:8px}.top-avatar{height:26px;width:26px}.inbox-content{padding:26px 16px 90px}.page-heading{margin-bottom:20px;align-items:center}.eyebrow{font-size:8px;margin-bottom:8px}.page-heading h1{font-size:33px}.page-subtitle{max-width:250px;font-size:11px;line-height:1.5}.new-task-button{height:32px;padding:0 9px;font-size:10px}.pulse-strip{height:auto;min-height:73px;padding:12px;display:block;margin-bottom:24px}.pulse-main{gap:9px}.pulse-icon{height:31px;width:31px}.pulse-main strong{font-size:10px}.pulse-main span{font-size:9px}.pulse-stats{margin:11px 0 0 40px;justify-content:flex-start;gap:10px}.pulse-stats strong{font-size:16px}.pulse-stats span:not(.stat-divider){font-size:7px}.stat-divider{height:22px}.list-toolbar{display:block;margin-bottom:10px}.list-title{margin-bottom:10px}.list-controls{width:100%}.search-box{flex:1;width:auto}.filter-wrap{flex:none}.task-row{min-height:67px;padding:0 4px;grid-template-columns:minmax(0,1fr) auto 26px;gap:7px}.task-row-main{gap:8px}.task-title{font-size:10px}.task-meta{font-size:8px}.task-status{font-size:8px;padding:5px 7px}.assignee,.due-date{display:none}.task-row .open-item{grid-column:3;grid-row:1}.task-row .task-status{grid-column:2;grid-row:1}.list-footer{font-size:7px}.list-footer>span:first-child{font-size:8px}.app-shell.has-detail:after{display:none}.app-shell.has-detail .detail-panel{position:fixed;inset:0;z-index:8;width:100%;height:100dvh;min-height:100dvh;padding:0 21px 90px;border:0;box-shadow:none;animation:mobile-detail-in .28s var(--ease) both}.detail-top{height:52px;margin:0 -21px 22px;padding:0 17px}.detail-title{font-size:27px}.detail-project{margin-top:0}.detail-fields{gap:16px 10px}.detail-body{font-size:11px;max-width:none}.detail-bottom-note{margin-top:24px}.toast{bottom:72px;max-width:calc(100vw - 30px);white-space:nowrap}@keyframes mobile-detail-in{from{opacity:.75;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.help-caption{display:block;margin-top:10px;color:#e4c982;font-size:10px}.field-project-mark svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
/* Keep secondary copy readable against the warm paper surfaces. */
.today-label,.breadcrumbs,.task-meta,.due-date,.list-footer>span:first-child,.list-footer,.task-total,.empty-state p,.search-box input::placeholder,.detail-context,.field-label,.detail-body-label,.detail-comments,.task-status.todo,.task-status.done{color:#68736a}
.task-status.todo{background:#efeee7}.task-status.done{background:#e9e9e3}.due-date.overdue{color:#a45039}