@font-face{font-family:DM Sans;src:url('assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}

@font-face{font-family:DM Serif;src:url('assets/dm-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{--bg:#fafaf7;--surface:#fff;--ink:#29342e;--muted:#6a706a;--accent:#315c45;--accent-ink:#fff;--line:#e5e7df;--sidebar:#f1f2ea;--soft-green:#e1e9dc;--todo:#71796e;--progress:#876222;--blocked:#aa4f3e;--done:#387252;--radius:6px}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button{color:inherit}
button,select,input{border-radius:var(--radius)}
button{border:0;background:none}
button,a,select,input{transition:background-color 160ms,color 160ms,border-color 160ms,box-shadow 160ms}
button:active{background-color:var(--soft-green);transform:scale(.98)}
a:active{opacity:.7}
input:active,select:active{border-color:var(--accent)}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nav-button:focus-visible,.project-button:focus-visible{outline-offset:-2px}
.open-task:focus-visible{outline-offset:-3px;border-radius:0}
.status-tab:focus-visible{outline-offset:-4px}
.icon-button:focus-visible{outline-offset:0}
.primary-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
button{min-height:44px}
a{color:var(--accent)}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar);border-right:1px solid #e1e4da;padding:28px 18px 0;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:10px;padding:0 13px 0 10px;height:45px;min-height:45px;color:var(--ink);text-decoration:none;font-size:33px;font-weight:750;letter-spacing:-1.8px;line-height:1}
.brand-dot{font:10px DM Sans,sans-serif;align-self:flex-start;margin:8px 0 0 -5px}
.brand-mark{width:29px;height:31px;display:flex;align-items:center;gap:3px;transform:rotate(-28deg)}
.brand-mark i{display:block;width:7px;height:23px;background:var(--accent);border-radius:5px}
.brand-mark i:first-child{height:15px;align-self:flex-end}
.brand-mark i:last-child{height:15px;align-self:flex-start}
.workspace{display:flex;align-items:center;gap:10px;margin:32px 4px 35px;padding-bottom:24px;border-bottom:1px solid #dee2d6}
.workspace-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#e5e8dd;border:1px solid #d4d9cb;border-radius:7px;font-weight:650;font-size:17px;position:relative}
.workspace-icon span{position:absolute;right:3px;top:0;font-size:10px}
.workspace strong,.team-footer strong{font-size:12px;font-weight:600;display:block}
.workspace div>span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.nav-label{font-size:10px;letter-spacing:1.3px;font-weight:600;color:#616c59;padding:0 12px;margin-bottom:10px}
.main-nav{display:grid;gap:4px}
.nav-button{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:0 12px;color:#646c61;font-size:12px;font-weight:500}
.nav-button svg{width:17px;height:17px}
.nav-button.selected{background:var(--soft-green);color:#2c513c;font-weight:650}
.nav-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#66705f}
.nav-button.selected .nav-count{background:#f2f5ee;padding:0 6px;border-radius:4px}
.projects-label{margin-top:36px;display:flex;justify-content:space-between}
.projects-label span{letter-spacing:0}
.project-nav{display:grid;gap:0}
.project-button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:0 14px;font-size:12px;color:#62695f}
.project-dot{width:8px;height:8px;border:1.5px solid #909b87;border-radius:2px;flex-shrink:0}
.project-button:nth-child(3n+2) .project-dot{border-color:#bda77a}
.project-button:nth-child(3n) .project-dot{border-color:#a08d97}
.project-button.active{background:#e5e8dd;color:#2c513c}
.project-count{margin-left:auto;font-size:10px;color:var(--muted)}
.sidebar-bottom{margin-top:auto;padding:30px 8px 0}
.progress-heading{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550}
.progress-heading svg{width:16px}
.progress-track{height:4px;background:#dee3d5;border-radius:4px;margin:14px 0 8px;overflow:hidden}
.progress-track span{display:block;width:16.666%;height:100%;background:var(--accent);border-radius:4px;transition:width 200ms}
.progress-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.progress-caption strong{font-weight:500;color:var(--ink)}
.team-footer{display:flex;gap:10px;align-items:center;border-top:1px solid #dee2d6;margin-top:26px;padding:20px 0}
.team-symbol{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d7ddcf;border-radius:50%;color:#65755d}
.team-symbol svg{width:15px;height:15px}
.team-footer strong{font-size:11px}
.team-footer div>span{font-size:9px;color:var(--muted)}
.workspace-main{margin-left:232px}
.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:12px}
.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}
.breadcrumb strong{color:var(--ink);font-weight:500}
.slash{color:#a4a89d}
.save-state{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}
.save-state>span{height:5px;width:5px;border-radius:50%;background:#648763}
.mobile-menu{display:none!important}
main{padding:35px 40px 0;max-width:1560px;margin:auto}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:600;color:#626e58;margin-bottom:9px}
h1{font-family:DM Serif,Georgia,serif;font-size:clamp(34px,3vw,43px);font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:0}
.heading-dot{color:#698855}
 .page-heading p{color:var(--muted);font-size:12px;margin:10px 0 0}
.heading-actions{display:flex;align-items:center;gap:18px;padding-top:20px}
.avatar-stack{display:flex;padding-left:8px}
.avatar{display:inline-flex;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;background:#e9e5dc;color:#5c594e;font-size:9px;font-weight:600;flex-shrink:0;letter-spacing:-.3px}
.avatar-stack .avatar{width:30px;height:30px;border:2px solid var(--bg);margin-left:-8px;font-size:9px}
.avatar-mc{background:#e8e0d6;color:#685746}
.avatar-tm{background:#dde7dc;color:#4a6648}
.avatar-ap{background:#e6dfe9;color:#725772}
.avatar-jb{background:#e4e7d5;color:#5f6545}
.avatar-lr{background:#dfe6eb;color:#4d6477}
.avatar-se{background:#f0e3ce;color:#806132}
.avatar-more{background:#e9ece3;font-size:9px}
.primary-button{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 16px;font-size:11px;font-weight:550;white-space:nowrap;min-height:44px}
.primary-button svg{width:16px;height:16px}
.primary-button:active{background:#203f2e}
.task-surface{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:clip}
.status-tabs{display:flex;gap:28px;padding:0 23px;border-bottom:1px solid var(--line);height:61px;align-items:stretch;background:#fdfdfb}
.status-tab{border-radius:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;padding:0 1px;position:relative}
.status-tab>span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;border-radius:4px;background:#f0f1ec;color:#626d59;font-size:10px;font-variant-numeric:tabular-nums}
.status-tab.active{color:var(--accent);font-weight:650}
.status-tab.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}
.status-tab.active>span{background:#e3eadf;color:var(--accent)}
.status-icon{display:inline-block;width:11px;height:11px;border-radius:50%;border:1.5px solid currentColor;flex-shrink:0;position:relative}
.status-icon.todo{color:var(--todo)}
.status-icon.in-progress{color:var(--progress);background:conic-gradient(var(--progress) 50%,transparent 50%)}
.status-icon.blocked{color:var(--blocked);background:var(--blocked)}
.status-icon.blocked:after{content:'';position:absolute;width:5px;height:1px;background:white;top:3.5px;left:1.5px}
.status-icon.done{background:var(--done);border-color:var(--done)}
.status-icon.done:after{content:'';position:absolute;width:4px;height:2px;border-left:1px solid white;border-bottom:1px solid white;transform:rotate(-45deg);left:2px;top:2px}
.toolbar{display:flex;align-items:center;gap:12px;padding:15px 20px}
.search-wrap{position:relative;width:285px;max-width:100%;margin-right:auto}
.search-wrap>svg{position:absolute;left:12px;top:14px;height:16px;width:16px;color:#64705b}
.search-wrap input{width:100%;height:44px;border:1px solid #e2e5dc;padding:0 35px;color:var(--ink);font-size:11px;background:#fff}
.search-wrap input::placeholder{color:#65705d}
.search-wrap kbd{position:absolute;right:11px;top:13px;border:1px solid #e4e6df;border-radius:3px;padding:0 5px;font:10px/17px DM Sans,sans-serif;color:#65705d;pointer-events:none}
.filter-wrap{display:flex;align-items:center;position:relative}
.filter-wrap>label{position:absolute;left:12px;font-size:11px;color:var(--muted);pointer-events:none}
.filter-wrap select{height:44px;padding:0 25px 0 52px;border:1px solid #e2e5dc;background:#fff;color:var(--ink);font-size:11px;max-width:180px}
.secondary-button{min-height:44px;padding:0 12px;border:1px solid #e2e5dc;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;font-size:11px;font-weight:500}
.secondary-button svg{width:15px;height:15px}
.list-heading,.task-row{display:grid;grid-template-columns:minmax(220px,1fr) 113px 78px 113px 65px 16px;align-items:center;column-gap:16px;padding:0 23px}
.list-heading{background:#f7f8f3;border-block:1px solid var(--line);min-height:37px;color:#646f5c;font-size:10px;font-weight:500}
.task-row{position:relative;min-height:66px;border-bottom:1px solid #edf0e7;transition:background-color 160ms}
.task-row:last-child{border-bottom:0}
.task-info{min-width:0;padding-block:13px}
.open-task{padding:0;text-align:left;display:block;min-height:0;font-size:12px;font-weight:550;line-height:1.4;border-radius:0}
.open-task:after{content:'';position:absolute;inset:0;z-index:1}
.open-task:focus-visible:after{outline:2px solid var(--accent);outline-offset:-3px}
.open-task:focus-visible{outline:0}
.open-task:active{transform:none}
.task-meta{display:flex;align-items:center;gap:7px;color:#69725f;font-size:10px;margin-top:5px;min-width:0}
.task-meta .project-dot{width:6px;height:6px;border-width:1px;border-radius:1px}
.meta-divider{width:2px;height:2px;background:#b3b8ac;border-radius:50%;margin-inline:1px}
.task-meta svg{width:11px;height:11px;margin-right:-4px;color:#8b9383}
.task-tag{color:#69725f}
.status-badge{display:inline-flex;gap:5px;align-items:center;width:max-content;max-width:100%;padding:3px 7px;border-radius:4px;background:#f1f2ed;color:#5f685b;font-size:10px;font-weight:500;line-height:1.5}
.status-badge.in-progress{background:#f8f1df;color:#7d5c20}
.status-badge.blocked{background:#faeee9;color:#a04838}
.status-badge.done{background:#eaf2e9;color:#396d4e}
.priority{display:flex;align-items:center;gap:6px;font-size:10px;color:#686f62}
.priority-bars{display:flex;align-items:flex-end;gap:2px;height:11px}
.priority-bars i{width:3px;background:#d7dccf;border-radius:1px}
.priority-bars i:nth-child(1){height:4px;background:#727b67}
.priority-bars i:nth-child(2){height:7px}
.priority-bars i:nth-child(3){height:10px}
.priority.high .priority-bars i{background:#a78041}
.priority.medium .priority-bars i:nth-child(2){background:#8b957c}
.assignee{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}
.due-date{font-size:10px;color:#707667;font-variant-numeric:tabular-nums}
.row-chevron{font-size:18px;color:#959c8b;font-weight:300}
.list-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 23px;gap:12px;border-top:1px solid var(--line);font-size:10px;color:#66705f;background:#fdfdfa;min-height:47px}
.footer-tip{font-size:10px}
.footer-tip>span{margin-left:13px;font-size:14px;color:#8f9983}
.page-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:22px 0;font-size:10px;color:#6b7563}
.mini-brand{color:#627850;font-size:15px}
.active-project{padding:0 20px 12px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--accent)}
.active-project button{width:44px;min-height:44px;border:1px solid var(--line);display:grid;place-items:center}
.active-project svg{width:14px;height:14px}
.loading-state{padding:40px;color:var(--muted);text-align:center}
#empty-state{text-align:center;padding:56px 24px}
.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--sidebar);margin:0 auto 14px;color:var(--accent)}
#empty-state h2{font-size:19px;font-weight:550;margin:0}
#empty-state p{font-size:12px;color:var(--muted);margin:8px 0 22px}
.icon-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.icon-button svg{height:18px;width:18px}

dialog{padding:0;border:0;position:fixed;inset:0 0 0 auto;width:540px;max-width:100%;height:100dvh;max-height:100dvh;margin:0;background:var(--bg);color:var(--ink);box-shadow:-15px 0 70px #29342e18}
dialog::backdrop{background:#26352b55;backdrop-filter:blur(2px)}
body:has(dialog[open]){overflow:hidden}
#task-detail{min-height:100%;display:flex;flex-direction:column}
.detail-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 25px;border-bottom:1px solid var(--line);font-size:12px}
.detail-header>span{display:flex;align-items:center;gap:10px}
.detail-header svg{width:17px;height:17px}
.detail-id{color:var(--muted);font-size:10px;border-left:1px solid var(--line);padding-left:10px}
.detail-content{padding:32px}
.detail-project{font-size:11px;color:var(--accent);font-weight:550;margin-bottom:14px;display:flex;align-items:center;gap:8px}
#detail-title{font:400 31px/1.17 DM Serif,Georgia,serif;letter-spacing:-.6px;margin:0 0 28px}
.detail-properties{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:18px 16px;padding-bottom:28px;border-bottom:1px solid var(--line);font-size:12px}
.detail-properties>span,.detail-properties>label{color:var(--muted)}
#status-control{height:44px;width:170px;padding:0 12px;background:#fff;border:1px solid #dce2d3;font-size:12px;color:var(--ink)}
#detail-assignee{display:flex;align-items:center;gap:9px}
#detail-priority .priority{font-size:12px}
#detail-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-block;font-size:10px;padding:3px 8px;background:#ecefe5;border:1px solid #e1e5d9;border-radius:4px}
.description h3{font-size:12px;font-weight:650;margin:28px 0 12px}
#detail-body{font-size:14px;line-height:1.8;white-space:pre-wrap;color:#555e51}
.detail-comments{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.detail-comments svg{width:15px;height:15px}
.detail-comments span:last-child{font-size:10px;margin-left:auto}
#detail-feedback:not(:empty){padding:12px 0 0;color:var(--accent);font-size:12px}
#detail-feedback button{font-weight:600;text-decoration:underline;margin-left:6px;padding-inline:10px}
.detail-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}
.toast{position:fixed;bottom:24px;left:calc(50% + 116px);transform:translateX(-50%);z-index:40;background:#293e30;color:#fff;border:1px solid #526548;border-radius:8px;box-shadow:0 8px 32px #29342e1a;display:flex;align-items:center;gap:12px;padding:5px 8px 5px 18px;font-size:12px;max-width:calc(100% - 32px)}
.toast>span{min-width:0}
.toast>button{color:#e5f0d9}
.toast>button:not(.icon-button){font-weight:650;padding-inline:8px;text-decoration:underline}
.toast button:focus-visible{outline-color:#e0ecd4}
.toast button:active{background:#486047}

.task-info{padding-block:6px}
.open-task{min-height:44px;width:100%;font-size:13px}
.task-meta{font-size:11px;font-weight:400}
.assignee{font-size:11px}
.priority,.due-date,.status-badge{font-size:11px}
.list-heading{font-size:11px}
.nav-button,.project-button{font-size:13px}
.status-tab{font-size:12px}
.toolbar input,.filter-wrap select,.filter-wrap>label{font-size:12px}
.list-footer{font-size:11px}
.open-task:focus{outline:2px solid var(--accent);outline-offset:-2px}
.open-task:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.open-task:focus:not(:focus-visible){outline:2px solid transparent}
.task-row:focus-within{background:#f6f8f1}
button:focus-visible:active{transform:none;transition:none}

@media (hover:hover) and (pointer:fine){.brand:hover{color:var(--accent)}
.nav-button:hover{background:#e6eadf;color:#31533a}
.project-button:hover{background:#e6eadf;color:#31533a}
.primary-button:hover{background:#244834;border-color:#244834}
.secondary-button:hover{background:#f0f3e9;border-color:#c7d1bd}
.status-tab:hover{color:var(--accent);background:#f3f6ee}
.task-row:hover{background:#f6f8f1}
.search-wrap input:hover{border-color:#b5c0ab}
.filter-wrap select:hover,#status-control:hover{border-color:#aebba1;background:#fafcf6}
.icon-button:hover{background:#e9eee0}
.toast button:hover{background:#41543b}
.active-project button:hover{background:#e6eddd}
#detail-feedback button:hover{background:#e5eddd}
}

@media(min-width:1600px){.task-row{min-height:72px}
.list-heading,.task-row{grid-template-columns:minmax(240px,1fr) 130px 100px 145px 80px 16px}
}

@media(max-width:1200px){.sidebar{width:208px;padding-inline:14px}
.workspace-main{margin-left:208px}
.topbar{padding-inline:28px}
main{padding:30px 28px 0}
.heading-actions{gap:12px}
.avatar-stack{display:none}
.list-heading,.task-row{grid-template-columns:minmax(190px,1fr) 102px 65px 94px 56px 10px;column-gap:10px;padding-inline:17px}
.assignee{gap:5px;font-size:9px}
.status-tabs{gap:23px;padding-inline:20px}
.toast{left:calc(50% + 104px)}
}

@media(max-width:1000px) and (min-width:761px){.sidebar{width:185px;padding-inline:10px}
.workspace-main{margin-left:185px}
main{padding-inline:20px}
.topbar{padding-inline:20px}
.page-heading{align-items:flex-start}
.heading-actions{padding-top:25px}
.primary-button{padding-inline:12px;font-size:10px}
.list-heading{display:none}
.task-row{grid-template-columns:minmax(180px,1fr) 105px 70px;gap:8px;padding-block:10px}
.task-info{grid-row:span 2;padding:0}
.assignee{grid-column:2;font-size:9px}
.due-date{grid-column:3}
.row-chevron{display:none}
.status-tabs{gap:16px}
.status-tab{font-size:10px;gap:5px}
.status-tab .status-icon{display:none}
.toolbar{padding-inline:16px;gap:8px}
.search-wrap{width:210px}
.search-wrap kbd{display:none}
.search-wrap input{padding-right:10px}
.footer-tip{display:none}
.workspace-icon{display:none}
.workspace strong{font-size:11px}
.team-footer div>span{font-size:8px}
}

@media(max-width:760px){.sidebar{width:260px;top:64px;display:none;box-shadow:20px 0 60px #29342e25;padding-top:20px;overflow-y:auto}
.sidebar.open{display:flex}
.sidebar .brand{display:none}
.sidebar .workspace{margin-top:0;margin-bottom:24px}
.sidebar .projects-label{margin-top:24px}
.sidebar-bottom{padding-top:28px}
.workspace-main{margin-left:0}
.topbar{height:64px;padding:0 20px;justify-content:flex-start;gap:10px}
.mobile-menu{display:inline-flex!important;margin-left:-10px}
.breadcrumb{font-size:11px;gap:10px}
.save-state{margin-left:auto;font-size:0;gap:0}
.save-state>span{width:7px;height:7px}
main{padding:29px 20px 0}
.page-heading{display:block;margin-bottom:24px}
.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:10px}
h1{font-size:38px}
.page-heading p{font-size:11px;line-height:1.7;margin-top:10px}
.heading-actions{justify-content:space-between;padding-top:21px;gap:12px}
.avatar-stack{display:flex}
.primary-button{font-size:11px}
.task-surface{border-radius:7px}
.status-tabs{gap:0;height:auto;min-height:61px;padding:0 12px;display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:18px}
.status-tab{font-size:10px;min-height:48px;gap:5px}
.status-tab .status-icon{width:9px;height:9px}
.status-tab>span{font-size:9px;min-width:16px;height:17px}
.status-icon.blocked:after{left:.5px;top:2.5px}
.status-icon.done:after{left:1px;top:1px}
.toolbar{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:9px}
.search-wrap{width:auto;grid-column:1/-1;margin:0}
.search-wrap input{font-size:12px}
.filter-wrap{width:100%}
.filter-wrap select{max-width:none;width:100%;font-size:11px}
.filter-wrap label{font-size:11px}
.list-heading{display:none}
.task-row{grid-template-columns:1fr auto;gap:10px 7px;padding:17px 15px;min-height:135px}
.task-info{grid-column:1/-1;padding:0}
.open-task{font-size:13px;line-height:1.5;font-weight:550;padding-right:12px}
.task-meta{font-size:10px;gap:6px;margin-top:5px}
.status-badge{grid-column:1;grid-row:2;font-size:10px}
.priority{grid-column:2;grid-row:2;justify-content:flex-end}
.assignee{grid-column:1;grid-row:3;font-size:10px;gap:6px}
.assignee .avatar{width:21px;height:21px;font-size:8px}
.due-date{grid-column:2;grid-row:3;font-size:10px}
.due-date:before{content:'Due ';color:#66705f}
.row-chevron{display:none}
.list-footer{padding:14px 15px;font-size:10px}
.footer-tip{display:none}
.page-footer{font-size:9px;padding-block:22px}
.toast{left:16px;right:16px;bottom:16px;transform:none;width:auto;max-width:none;padding-left:12px;gap:7px;font-size:11px}
.toast>span{flex:1}
.detail-content{padding:25px 24px}
.detail-header{padding:10px 16px;min-height:64px}
#detail-title{font-size:29px}
.detail-properties{grid-template-columns:85px 1fr;gap:16px}
.detail-footer{padding:15px 20px;flex-wrap:wrap}
.detail-footer>span{font-size:9px}
.detail-comments{flex-wrap:wrap;gap:7px}
.detail-comments span:last-child{font-size:9px}
.description h3{margin-top:24px}
#detail-body{font-size:13px;line-height:1.8}
.active-project{padding-left:15px}
#empty-state{padding:40px 20px}
#empty-state p{font-size:12px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
button:active{transform:none}
}