/* Shared workspace geometry, based on the locally inspected Asana views.
   Keep Workboard branding and the independent planning / execution model. */
.doitnow-view{--dn-text:#25272b;--dn-muted:#6d6e73;--dn-line:#e5e6e8;--dn-surface:#f7f8fa;color:var(--dn-text);font-size:14px;line-height:1.5}
.doitnow-view :is(button,input,select,textarea){font-family:inherit}
.dn-shell{grid-template-rows:48px minmax(0,1fr)}
.dn-utility{min-height:48px;position:sticky;top:0;align-self:start;z-index:45}
.doitnow-view .dn-detail{top:48px;height:calc(100dvh - 48px)}
.doitnow-view .dn-detail.td-expanded{top:48px!important;height:calc(100dvh - 48px)!important}
/* Only the visible launcher tab captures clicks above the fixed tools. */
.service-launcher.is-top[data-module=doitnow] .launcher-toggle{clip-path:circle(calc(var(--launcher-disk)/2) at 50% calc(var(--launcher-center) - 20px))}
.service-launcher.is-top[data-module=doitnow].is-open .launcher-toggle{clip-path:circle(calc(var(--launcher-disk)/2) at 50% var(--launcher-center))}
@media(max-width:760px){
 .dn-shell{padding-top:48px}
 .dn-utility{position:fixed;left:0;right:0;top:0}
 .dn-create-menu,.dn-search-popover,.dn-recent-popover{top:48px;max-height:calc(100dvh - 56px)}
}
.dn-nav :is(.dn-nav-primary,.dn-nav-item){font-size:14px;min-height:36px}
.dn-my-page-head{min-height:64px}
.dn-my-title-line h2,.dn-wide-heading h2{font-size:20px;line-height:1.4;font-weight:650}
.dn-account-avatar{position:relative;display:grid;place-items:center;overflow:hidden;flex:none;color:#453d14;font-size:12px;font-weight:700}
.dn-account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dn-account-avatar img[hidden]{display:none}
.dn-small-avatar.dn-account-avatar{width:28px;height:28px;font-size:12px}
.dn-page-tabs{min-height:44px;gap:20px;align-items:stretch;border-bottom:1px solid var(--dn-line);overflow-x:auto;flex-wrap:nowrap}
.dn-page-tabs button{flex:none;border:0;border-radius:0;background:transparent;color:var(--dn-muted);font-size:14px;padding:9px 0;white-space:nowrap}
.dn-page-tabs button[aria-pressed=true]{color:#356dc9;background:transparent;border-bottom:2px solid #457bd1}
.dn-my-toolbar{min-height:56px}
.dn-my-toolbar :is(button,select,label),.dn-filters :is(input,select,label){font-size:13px}
.dn-my-task-row{min-height:38px}
.dn-my-task-row .dn-task-name,.dn-wide-row .dn-task-name{font-size:14px;color:var(--dn-text)}
.dn-my-table-head,.dn-wide-head{min-height:36px;font-size:12px;color:var(--dn-muted)}
.dn-my-group-title{min-height:48px;font-size:14px}
.dn-my-task-row :is(.dn-my-due,.dn-my-visibility,.dn-my-project),.dn-wide-row>span{font-size:12px}
.dn-my-task-row.is-complete .dn-task-name{color:#85878c}
.dn-wide-row{min-height:40px}
.dn-collection-row{min-height:58px;font-size:13px}
.dn-collection-name strong{font-size:14px}
.dn-collection-name small{font-size:12px}
.dn-board,.dn-my-board{display:flex;align-items:stretch;gap:16px;padding:20px 0;overflow:auto}
.dn-board>section{flex:0 0 290px;min-width:0;padding:14px 12px;border:0;border-radius:9px;background:#f3f4f6}
.dn-board h3{font-size:14px;margin:0 0 16px}
.dn-board-card{padding:14px;margin-bottom:10px;background:#fff;border:1px solid var(--dn-line);border-radius:8px;box-shadow:0 1px 2px #18223508}
.dn-board-card .dn-task-name{font-size:14px;white-space:normal;line-height:1.6}
.dn-board-card small{display:block;font-size:12px;margin:10px 0;color:var(--dn-muted)}
.dn-detail-title textarea{font-size:24px!important;font-weight:650!important;line-height:1.4!important}
.dn-detail-primary-fields label,.dn-detail-field-row,.dn-detail-section h3{font-size:13px}
.dn-detail-primary-fields :is(select,.dn-due-open),.dn-detail .dn-detail-description{font-size:14px}
.dn-detail .dn-detail-description{min-height:280px;line-height:1.7;padding:12px;border-color:transparent;background:transparent}
.dn-detail .dn-detail-description:hover,.dn-detail .dn-detail-description:focus{border-color:#ccd2da}
.dn-detail-section{padding:16px 0}
.dn-detail-body{padding-left:24px;padding-right:24px}
/* DoItNow home: compact cards, fixed icons and flexible single-line labels. */
.dn-main:has(#dn-home:not([hidden])){padding:0 0 36px;background:#fff}
#dn-home{max-width:1280px;margin:auto;padding:28px 28px;color:#202124;container-type:inline-size}
#dn-home .dn-home-hero{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:0 0 22px}
#dn-home .dn-home-welcome{min-width:0}
#dn-home .dn-home-welcome time{display:block;color:#303236;font-size:12px;font-weight:500;margin-bottom:7px}
#dn-home .dn-home-hero h2{font:500 28px/1.35 var(--font-body,Pretendard,sans-serif);letter-spacing:-.04em;color:#17191c}
#dn-home-summary{display:block;font-size:11px;color:#767b83;margin-top:6px}
.dn-home-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0;flex-wrap:wrap}
#dn-home-stats{font-size:12px;color:#73767c;white-space:pre-wrap;line-height:1.5}
#dn-home .ws-widget-settings{margin:0;min-height:28px;padding:4px 9px;border:1px solid #dedfe2;border-radius:5px;font-size:12px;white-space:nowrap;color:#36383d}
#dn-home .dn-home-grid{gap:14px;align-items:stretch}
#dn-home .dn-home-card{margin:0;min-width:0;min-height:400px;padding:0;border:1px solid #e3e4e7;border-radius:9px;box-shadow:0 1px 2px #17202c05;overflow:hidden}
#dn-home .dn-home-card .dn-section-heading{min-height:64px;box-sizing:border-box;padding:20px 24px 10px;border:0;gap:12px}
#dn-home .dn-home-card .dn-section-heading h2{display:flex;align-items:center;gap:8px;margin:0;font:650 18px/1.4 var(--font-body,Pretendard,sans-serif);color:#17191c}
.dn-home-heading{display:flex;align-items:center;gap:16px;min-width:0}
.dn-home-yellow{width:23px;height:23px;flex:none;border-radius:50%;background:#ffdf30;border:1px solid #efd022}
.dn-home-lock{display:flex;color:#85888e;margin-left:3px}.dn-home-lock svg{width:11px;height:11px}
#dn-home .dn-home-options{border:0;background:transparent;color:#7f8186;font-size:21px;line-height:20px;cursor:pointer;width:28px;height:28px;flex:none;padding:0}
#dn-home-project-order{border:0;background:transparent;color:#74777d;font-size:12px;max-width:76px}
#dn-home .dn-home-tabs{padding:0 24px 8px;gap:4px;border-bottom:1px solid #e8e9eb}
#dn-home .dn-home-tabs button{font-size:12px;min-height:27px;padding:4px 8px;color:#64676e}
#dn-home .dn-home-tabs button[aria-pressed=true]{color:#2d61bc;background:#eff4ff;font-weight:600}
#dn-home .dn-home-add-task{width:100%;min-height:44px;border:0;border-bottom:1px solid #e8e9eb;background:#fff;padding:10px 30px;text-align:left;color:#75787d;font-size:12px;cursor:pointer}
#dn-home .dn-home-list{padding:0 24px}
#dn-home .dn-home-row{gap:8px;min-width:0;min-height:36px;box-sizing:border-box;padding:4px 0;border-bottom:1px solid #ececee}
#dn-home .dn-home-row .dn-row-complete{flex:none;width:16px;height:16px;min-height:0;border:1px solid #babdc2;color:#a1a5ab;font-size:10px;padding:0}
#dn-home .dn-home-row .dn-row-complete.is-done{background:#e0f4ed;color:#268568;border-color:#8bc9b6}
#dn-home .dn-task-title{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 0;overflow:hidden}
#dn-home .dn-task-name{min-width:0;flex:1;display:block;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#292c32;font-weight:400}
#dn-home .is-complete .dn-task-name{text-decoration:line-through;color:#8b9096}
#dn-home .dn-task-title small{display:block;flex:0 1 105px;max-width:105px;min-width:0;margin:0;padding:2px 5px;border-radius:4px;background:#edf1f2;color:#656b72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:18px}
#dn-home .dn-home-row-meta{font-size:11px;color:#555b63}
#dn-home .dn-home-more{margin:0 24px;padding:9px 8px;min-height:32px;border:0;background:transparent;color:#777b82;text-align:left;font-size:12px;cursor:pointer}
#dn-home .dn-home-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:8px 24px 24px;max-height:360px;overflow-y:auto;align-content:start}
#dn-home .dn-home-project{display:flex;align-items:center;gap:16px;min-width:0;min-height:60px;box-sizing:border-box;padding:7px 12px;border:0;overflow:hidden;line-height:1.4}
#dn-home .dn-home-project>.dn-home-project-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;box-sizing:border-box;border-radius:11px;color:#172c35;font-size:24px;padding:6px}
#dn-home .dn-home-project-icon :is(svg,img){width:100%;height:100%;object-fit:cover}
#dn-home .dn-home-project>.dn-home-project-copy{display:block;flex:1 1 0;min-width:0;height:auto;background:none;border-radius:0;font-size:13px;color:#25282e;overflow:hidden}
#dn-home .dn-home-project-copy strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:20px}
#dn-home .dn-home-project-copy small{display:block;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#85888f;line-height:17px}
#dn-home .dn-home-project-new>.dn-home-project-icon{border:1px dashed #979ba2;background:#fff;border-radius:12px;color:#767a80;font-weight:300}
#dn-home .dn-home-project-new strong{color:#777b82}
.dn-home-description{margin:0;padding:0 24px 14px;font-size:12px;color:#777b82;line-height:1.6}
#dn-home .dn-home-assign{margin:20px 24px 24px;padding:8px 12px;border:1px solid #dddfe3;border-radius:5px;background:#fff;font-size:12px;color:#363a41;cursor:pointer}
.dn-home-people-hint{font-size:12px;color:#868b93;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dn-home .dn-home-person{min-height:54px;padding:9px 8px;gap:10px;min-width:0}
#dn-home .dn-home-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;overflow:hidden}
#dn-home .dn-home-avatar img,#dn-home .dn-home-assignee-avatar img{width:100%;height:100%;object-fit:cover}
#dn-home .dn-home-person-copy{min-width:0;flex:1}
#dn-home .dn-home-person strong{font-size:12px;font-weight:600}
#dn-home .dn-home-person small{font-size:10px;color:#8d9299;margin-top:2px}
#dn-home .dn-home-person-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 10px;max-width:65%;color:#8b9097;font-size:11px}
#dn-home .dn-home-person-stats>span{white-space:nowrap}
#dn-home .dn-home-assignee-avatar{display:flex;align-items:center;justify-content:center;width:23px;height:23px;overflow:hidden;border-radius:50%;background:#e5efff;color:#6188c4;font-size:11px}
#dn-home button:focus-visible,#dn-home select:focus-visible{outline:2px solid #7ea8dc;outline-offset:2px}
@container(max-width:1050px){#dn-home .dn-home-hero{align-items:flex-start}.dn-home-actions{gap:10px}#dn-home .dn-home-projects{gap:8px;padding-left:16px;padding-right:16px}#dn-home .dn-home-project{gap:10px;padding:7px 4px}#dn-home .dn-task-title small{display:none}#dn-home .dn-home-person-stats{max-width:48%;gap:3px 6px}.dn-home-people-hint{display:none}}
@container(max-width:720px){#dn-home .dn-home-grid{grid-template-columns:minmax(0,1fr)}#dn-home .dn-home-hero{flex-direction:column;gap:12px}.dn-home-actions{justify-content:flex-start;width:100%}#dn-home .ws-widget-settings{margin-left:auto}#dn-home .dn-home-card{min-height:300px}#dn-home .dn-home-projects{max-height:330px}#dn-home .dn-home-hero h2{font-size:24px}}
@media(max-width:760px){#dn-home{padding:22px 14px}#dn-home .dn-home-card .dn-section-heading{padding:18px 18px 10px}#dn-home .dn-home-list{padding:0 18px}#dn-home .dn-home-person-stats{max-width:58%}#dn-home .dn-home-people-hint{display:none}}
@container(max-width:340px){#dn-home .dn-home-projects{grid-template-columns:minmax(0,1fr)}#dn-home-stats{font-size:11px}.dn-home-actions{gap:8px}#dn-home .dn-home-person-stats{font-size:10px;gap:2px 5px}}
#dn-portfolio-directory{max-width:880px;margin:32px auto;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}
#dn-portfolio-directory .dn-collection-card{border:0;align-items:flex-start;text-align:left;min-height:180px;padding:20px}
#dn-portfolio-directory .dn-collection-icon{width:112px;height:88px;border-radius:7px;background:#f4a9cd;color:#b85886;font-size:52px;margin-bottom:14px}
.dn-project-document{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:32px;padding:28px 0}
.dn-project-document article{min-width:0}
.dn-project-document h3{font-size:16px;margin:8px 0 20px}
.dn-project-document article>h3:not(:first-child){margin-top:36px}
.dn-project-document aside{padding:24px;background:var(--dn-surface);border-left:1px solid var(--dn-line);border-radius:8px}
.dn-project-document aside h3:not(:first-child){margin-top:32px}
.dn-project-document aside button{display:block;padding:8px;background:white;border:1px solid var(--dn-line);border-radius:5px;font-size:14px}
.dn-project-document .dn-wide-row{grid-template-columns:minmax(0,1fr) 75px}
.dn-project-document .dn-wide-row>span{display:none}
.dn-project-percent{font-size:36px;font-weight:500}
.dn-project-people{display:flex;flex-wrap:wrap;gap:20px}
.dn-project-people span{display:flex;gap:8px;align-items:center;font-size:14px}
.dn-project-people i{display:grid;place-items:center;background:#dae5fa;border-radius:50%;width:32px;height:32px;font-style:normal}
.dn-analytics{padding:24px 0}
.dn-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dn-stat-grid section,.dn-chart-grid section{padding:24px;border:1px solid var(--dn-line);border-radius:9px;background:white;min-width:0}
.dn-stat-grid h3,.dn-chart-grid h3{font-size:14px;margin:0 0 20px;font-weight:600}
.dn-stat-grid strong{font-size:44px;line-height:1.2;font-weight:500}
.dn-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 32px}
.dn-chart-row{display:grid;grid-template-columns:100px minmax(0,1fr) 30px;align-items:center;gap:12px;font-size:13px;margin:20px 0}
.dn-chart-row>div{height:16px;background:#f2f3f6;border-radius:3px;overflow:hidden}
.dn-chart-row i{display:block;height:100%;background:#82a9ec;min-width:0}
.dn-chart-row strong{text-align:right;font-weight:500}
.dn-file-gallery-head{display:flex;align-items:center;gap:16px;padding:16px 0}
.dn-file-gallery-head h3{font-size:16px;margin:0}
.dn-file-gallery-head span,.dn-file-gallery small{color:var(--dn-muted);font-size:12px}
.dn-file-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}
.dn-file-gallery article{display:flex;flex-direction:column;gap:7px;min-width:0}
.dn-file-gallery article>a{display:grid;place-items:center;height:150px;background:var(--dn-surface);border:1px solid var(--dn-line);border-radius:8px;overflow:hidden}
.dn-file-gallery img{max-width:100%;height:100%;object-fit:contain}
.dn-file-preview{font-size:48px;color:#9298a2}
.dn-file-gallery strong{font-size:14px;overflow-wrap:anywhere}
.dn-file-gallery button{text-align:left;font-size:13px;color:var(--dn-muted);padding:0;border:0;background:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-timeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0}
.dn-timeline-toolbar h3{font-size:18px;margin:0 0 4px}
.dn-timeline-toolbar span{font-size:13px;color:var(--dn-muted)}
.dn-timeline-toolbar button{padding:6px 10px;background:white;border:1px solid var(--dn-line);border-radius:5px;font-size:13px}
.dn-gantt{overflow:auto;border:1px solid var(--dn-line);border-radius:6px}
.dn-gantt-head,.dn-gantt-row{display:grid;grid-template-columns:220px minmax(840px,1fr);min-width:1060px;min-height:42px;border-bottom:1px solid var(--dn-line)}
.dn-gantt-head{background:#fafbfc}
.dn-gantt-head>span,.dn-gantt-row>button{position:sticky;left:0;z-index:2;background:#fff;border:0;border-right:1px solid var(--dn-line);padding:10px 14px;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dn-gantt-head>div{display:grid;grid-template-columns:repeat(28,1fr)}
.dn-gantt-head time{display:grid;place-items:center;border-right:1px solid #eef0f3;font-size:12px}
.dn-gantt-head time.is-today{color:#fff;background:#487dd0}
.dn-gantt-track{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 28 - 1px),#eef0f3 calc(100% / 28 - 1px),#eef0f3 calc(100% / 28))}
.dn-gantt-track>span{font-size:12px;color:var(--dn-muted);padding:10px;display:block}
.dn-gantt-bar{position:absolute;top:8px;height:26px;border:0;border-radius:5px;background:#a5e5d4;color:#203a34;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:3px 7px}
.dn-gantt-bar.is-done{background:#e1e5e9;color:#72777d}
.dn-inbox-empty{max-width:760px;margin:100px auto;text-align:center;padding:24px;color:var(--dn-muted)}
.dn-inbox-empty>span{display:block;font-size:56px;color:#aab4c3}
.dn-inbox-empty h3{font-size:20px;color:var(--dn-text)}
.dn-inbox-empty p{font-size:14px;margin-bottom:24px}
.dn-view-picker{width:min(660px,calc(100vw - 32px));padding:24px;border:1px solid var(--dn-line);border-radius:10px;box-shadow:0 12px 48px #17223530;color:var(--dn-text)}
.dn-view-picker::backdrop{background:#17223525}
.dn-view-picker h2{font-size:20px;margin:0}
.dn-view-picker>p{font-size:14px;color:var(--dn-muted)}
#dn-view-picker-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
#dn-view-picker-options button{display:grid;grid-template-columns:44px 1fr;text-align:left;gap:3px 12px;padding:18px;border:1px solid var(--dn-line);border-radius:8px;background:#fff;cursor:pointer}
#dn-view-picker-options button:hover{background:#f1f5fd;border-color:#99b6e2}
#dn-view-picker-options span{grid-row:span 2;font-size:28px;color:#6385bc}
#dn-view-picker-options strong{font-size:14px}
#dn-view-picker-options small{font-size:12px;color:var(--dn-muted)}
@media(min-width:1501px){.dn-shell{grid-template-columns:240px minmax(0,1fr) clamp(560px,35vw,700px)}}
@media(max-width:1050px){.dn-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-project-document{grid-template-columns:1fr}.dn-chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dn-page-tabs{gap:18px}.dn-detail-title textarea{font-size:22px!important}.dn-home-card{padding:18px;min-height:280px}#dn-home{padding:20px 12px}.dn-home-hero h2{font-size:25px}.dn-project-document{padding:16px 0}.dn-stat-grid section{padding:16px}.dn-stat-grid strong{font-size:32px}.dn-chart-row{grid-template-columns:90px minmax(0,1fr) 25px}.dn-view-picker{padding:16px}#dn-view-picker-options{grid-template-columns:1fr}.dn-timeline-toolbar{flex-wrap:wrap}.dn-detail .dn-detail-description{min-height:230px}}
/* Use one page title and a continuous workspace on every requested section. */
.dn-main:has(:is(#dn-project,#dn-portfolio,#dn-customer,#dn-inbox):not([hidden])){background:#fff;padding:0 24px 32px}
.dn-main:has(:is(#dn-project,#dn-portfolio,#dn-customer,#dn-inbox):not([hidden]))>.dn-header,.dn-main:has(:is(#dn-project,#dn-portfolio,#dn-customer,#dn-inbox):not([hidden]))>#dn-context{display:none}
:is(#dn-project,#dn-portfolio,#dn-customer,#dn-inbox)>.dn-wide-heading,:is(#dn-project,#dn-portfolio,#dn-customer)>.dn-section-heading,#dn-customer>.dn-sticky-heading>.dn-section-heading{min-height:82px;padding:16px 0;margin:0}
.dn-page-tabs.dn-view-switch{display:flex;width:100%;gap:24px;padding:0;border-radius:0;background:#fff;box-shadow:none}
.dn-my-page .dn-page-tabs{padding:0 18px;gap:6px}
.dn-my-page .dn-page-tabs button{font-size:14px}
.dn-wide-row .dn-task-title{min-height:40px;padding:5px 0}
.dn-wide-row .dn-task-title small{display:none}
.dn-wide-row .dn-task-name{font-weight:400}
#dn-my-insights,#dn-my-files{padding:0 24px 24px}
@media(max-width:760px){.dn-main:has(:is(#dn-project,#dn-portfolio,#dn-customer,#dn-inbox):not([hidden])){padding:0 12px 24px}.dn-page-tabs.dn-view-switch{gap:18px}.dn-my-page .dn-page-tabs{gap:0}#dn-my-insights,#dn-my-files{padding:0 12px 18px}}
.dn-month-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dn-calendar-mode{display:flex;gap:3px;margin-left:auto;border:1px solid var(--dn-line);border-radius:6px;padding:3px}
.dn-calendar-mode button{font-size:13px;min-width:32px;background:#fff;border:0;border-radius:4px}
.dn-calendar-mode button[aria-pressed=true]{background:#e9f0fd;color:#3267bb}
.dn-month-grid.is-week .dn-month-cell{min-height:400px}
.dn-month-cell.is-outside{background:#fafbfc;color:#9b9da3}
.dn-month-cell button{font-size:12px;line-height:1.5;background:#d9f1e9;color:#31564a}
.dn-month-head strong{font-size:18px}
.doitnow-view :is(h1,h2,h3){font-family:var(--font-body,Arial,sans-serif)}
.dn-detail-title textarea{font-family:var(--font-body,Arial,sans-serif)!important}
@media(max-width:760px){.dn-month-head strong{font-size:14px}.dn-month-grid.is-week .dn-month-cell{min-height:260px}}

/* Readable task density on wide desktop displays. */
.doitnow-view{--dn-text:#202124;--dn-muted:#52565d}
.dn-my-task-row .dn-task-name,.dn-wide-row .dn-task-name{font-size:16px;font-weight:500;color:var(--dn-text)}
.dn-my-task-row{min-height:42px;border-bottom-color:#e1e3e7}
.dn-my-task-row>span:not(.dn-status){font-size:14px;color:#50555e}
.dn-my-task-row .dn-my-visibility{color:#575c65!important}
.dn-my-project button{font-size:13px;color:#343940;background:#e9edf2;padding:3px 7px}
.dn-my-table-head,.dn-wide-head{font-size:13px;color:#535861;background:#fafbfc;border-bottom:1px solid #d9dde3}
.dn-my-group-title{font-size:15px;color:#292d34}
.dn-my-task-row.is-complete .dn-task-name{color:#737780}
.dn-my-task-row.is-complete .dn-task-title{color:#737780}
.dn-my-task-row .dn-today-toggle{color:#3568a8}
.dn-my-title-line #dn-my-count{font-size:13px;color:#616771}
.dn-nav :is(.dn-nav-primary,.dn-nav-item){font-size:15px;font-weight:600}
.dn-nav-heading{color:#c5d2e6}
@media(min-width:1501px){.dn-my-table-head,.dn-my-task-row{grid-template-columns:minmax(300px,1.8fr) minmax(125px,.45fr) minmax(100px,.35fr) minmax(170px,.6fr) minmax(130px,.4fr)}}
@media(max-width:760px){.dn-my-task-row .dn-task-name{font-size:15px}.dn-my-task-row>span:not(.dn-status){font-size:13px}}
/* Project symbols use fixed vector geometry instead of font-dependent glyphs. */
.dn-project-icon{width:20px;height:20px;flex-basis:20px;border-radius:5px;color:#123831}
.dn-project-glyph{display:block;width:14px;height:14px;flex:none;opacity:1}
.dn-project-icon .dn-project-glyph{color:#123831}
.dn-collection-icon .dn-project-glyph{width:20px;height:20px;color:#123831}
.dn-home-project-icon .dn-project-glyph{width:26px;height:26px;color:#123831}
.dn-appearance-icons .dn-project-glyph{width:24px;height:24px;color:#50545b;margin:auto}
/* Desktop sidebar splitter; narrow screens retain the existing compact navigation. */
.dn-shell{position:relative}
.dn-sidebar-resizer{display:none}
@media(min-width:1051px){
 .dn-shell{grid-template-columns:var(--dn-sidebar-width,205px) minmax(0,1fr) clamp(470px,36vw,560px)}
 .dn-sidebar-resizer{display:block;position:absolute;z-index:39;top:0;bottom:0;left:calc(var(--dn-sidebar-width,205px) - 4px);width:8px;cursor:col-resize;touch-action:none;outline:none}
 .dn-sidebar-resizer::after{content:'';position:absolute;inset:0 2px;background:transparent;transition:background .12s}
 .dn-sidebar-resizer:hover::after,.dn-sidebar-resizer:focus-visible::after,.dn-resizing-sidebar .dn-sidebar-resizer::after{background:#4d8eff}
 .dn-resizing-sidebar,.dn-resizing-sidebar *{cursor:col-resize!important;user-select:none!important}
 .dn-nav{min-width:0}
 .dn-nav-top{overflow:hidden}
}
@media(min-width:1501px){.dn-shell{grid-template-columns:var(--dn-sidebar-width,240px) minmax(0,1fr) clamp(560px,35vw,700px)}}
/* Detail splitter lives outside the scrolling panel and follows its left edge. */
.dn-detail-resizer{display:none}
@media(min-width:1051px){
 .dn-shell{grid-template-columns:var(--dn-sidebar-width,205px) minmax(0,1fr) var(--dn-detail-width,560px)}
 .dn-detail-resizer{display:block;position:absolute;z-index:39;top:48px;bottom:0;right:calc(var(--dn-detail-width,560px) - 4px);width:8px;cursor:col-resize;touch-action:none;outline:none}
 .dn-detail-resizer::after{content:'';position:absolute;inset:0 2px;background:transparent;transition:background .12s}
 .dn-detail-resizer:hover::after,.dn-detail-resizer:focus-visible::after,.dn-resizing-detail .dn-detail-resizer::after{background:#4d8eff}
 .dn-resizing-detail,.dn-resizing-detail *{cursor:col-resize!important;user-select:none!important}
 .dn-shell:has(.dn-detail-empty) .dn-detail-resizer,.dn-shell:has(#dn-oneonone:not([hidden])) .dn-detail-resizer{display:none}
}
/* Compact, high-contrast navigation matching the supplied sidebar reference. */
.dn-nav :is(.dn-nav-primary,.dn-nav-item){min-height:32px;padding:5px 8px;gap:8px;font-size:16px;line-height:22px;font-weight:600;color:#f5f7fc}
.dn-nav .dn-project-icon{width:18px;height:18px;flex-basis:18px;border-radius:4px}
.dn-nav .dn-project-glyph{width:14px;height:14px;color:#102721;stroke-width:2.6}
.dn-nav-heading [data-nav-toggle]{font-size:12px;font-weight:500;color:#bdcce2;min-height:30px}
.dn-nav-project-row{position:relative;border-radius:6px}
.dn-nav-project-row.ws-nav-link{display:flex;align-items:center}
.dn-nav-project-row.ws-nav-link>.dn-nav-item{min-width:0;flex:1}
.dn-nav-project-row.ws-nav-link .dn-project-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--dn-project-color,#5ed2bd);color:#123831;font-size:13px;font-weight:800}
.dn-sidebar-context.ws-collection-context .dn-context-icon{width:17px;height:17px;flex:0 0 17px}
.dn-sidebar-submenu.ws-collection-submenu .dn-appearance-icons button{font-size:20px}
.dn-sidebar-context.ws-collection-context button.is-danger{color:#e4433c}
.dn-sidebar-context.ws-collection-context button.is-danger .dn-context-icon{color:#e4433c}
.ws-head .ws-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-head .ws-title-menu{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0!important;border:1px solid #dfe4ec!important;border-radius:8px!important;background:#fff!important;color:#20242d!important;font-size:17px!important;line-height:1!important}
.ws-head .ws-title-menu:hover,.ws-head .ws-title-menu:focus-visible,.ws-head .ws-title-menu[aria-expanded=true]{background:#f2f5fa!important;outline:2px solid #5a82be;outline-offset:1px}
.ws-import-preview{display:grid;gap:7px;padding:12px;border:1px solid #e1e6ee;border-radius:8px;background:#f8fafc}
.ws-import-preview strong{font-size:14px}
.ws-import-preview p{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e7ebf1}
.ws-import-preview p:last-child{border-bottom:0}
.ws-import-preview small{color:#6d7787}
.dn-nav-project-row>.dn-nav-item{padding-right:25px}
.dn-nav-project-row>.dn-favorite-toggle{position:absolute;right:2px;opacity:0;transition:opacity .1s}
.dn-nav-project-row:hover>.dn-favorite-toggle,.dn-nav-project-row:focus-within>.dn-favorite-toggle{opacity:1}
.dn-nav-item:hover,.dn-nav-project-row:hover{background:#244773}
@media(hover:none){.dn-nav-project-row>.dn-favorite-toggle{opacity:1}}
@media(min-width:761px) and (max-width:1050px){.dn-nav-project-row>.dn-nav-item{padding-right:8px}}

/* Keep column headers and task rows aligned inside their own horizontal scroller. */
.dn-column-resizer{display:none}
@media(min-width:1051px){
 .dn-my-list{overflow-x:auto;max-width:100%}
 .dn-my-table-head>span{position:relative}
 .dn-column-resizer{display:block;position:absolute;right:-4px;top:0;bottom:0;width:8px;z-index:2;cursor:col-resize;touch-action:none;outline:none}
 .dn-column-resizer::after{content:'';position:absolute;top:0;bottom:0;left:3px;width:2px}
 .dn-column-resizer:hover::after,.dn-column-resizer:focus-visible::after{background:#4d8eff}
 .dn-custom-columns .dn-my-table-head,.dn-custom-columns .dn-my-task-row{grid-template-columns:var(--dn-my-columns)}
 .dn-custom-columns>.dn-my-table-head,.dn-custom-columns>#dn-my-tasks{width:max(100%,var(--dn-my-columns-width));box-sizing:border-box}
 .dn-resizing-columns,.dn-resizing-columns *{cursor:col-resize!important;user-select:none!important}
}


/* Today planning is a native DoItNow view using the same task records. */
#dn-my-dashboard{padding:0;background:#fff}
.dn-plan-layout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr);min-height:calc(100dvh - 180px)}
.dn-plan-calendar{position:relative;min-width:0;padding:20px 24px 0;background:#f2f4fd;border-right:1px solid #e4e8f0}
.dn-plan-calendar-head{display:flex;align-items:center;gap:12px;font-size:14px}.dn-plan-calendar-head>span{font-size:12px;color:#737d8e}.dn-plan-calendar-head .dn-day-controls{margin-left:auto;gap:4px}.dn-plan-calendar-head input{max-width:126px}
.dn-plan-week{display:grid;grid-template-columns:repeat(7,1fr);margin:18px 0 26px}.dn-plan-week button{display:grid;justify-items:center;gap:7px;border:0;background:none;color:#798394;font-size:12px}.dn-plan-week strong{display:grid;place-items:center;width:30px;height:30px;color:#25272b}.dn-plan-week [aria-pressed=true] strong{background:#003eaa;color:white;border-radius:50%}.dn-plan-week .is-today span{color:#003eaa;font-weight:700}
#dn-my-dashboard .dn-timeline{height:calc(100dvh - 340px);min-height:440px;max-height:none;overflow:auto;background:transparent;scrollbar-width:thin;padding-bottom:45px}
#dn-my-dashboard .dn-time-ruler{background:transparent;flex-basis:50px}.dn-plan-calendar .dn-time-ruler span{height:28px;font-size:10px;color:#788291}.dn-plan-calendar .dn-time-grid{height:1344px;background:transparent;margin-right:3px}.dn-plan-calendar .dn-time-slot{height:28px;border-top:0}.dn-plan-calendar .dn-time-slot:nth-child(odd){border-top:1px solid #c7cfdf}
.dn-plan-calendar .dn-time-block{right:auto;min-height:26px;padding:6px 8px;border:1px solid #fff;border-radius:8px;background:#facddd;box-shadow:none}.dn-plan-calendar .dn-time-block>button:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#242733}.dn-plan-calendar .dn-time-block strong{font-size:13px;max-width:100%}.dn-plan-calendar .dn-time-block span{font-size:11px}.dn-plan-calendar .dn-time-block.is-done{opacity:.6}.dn-plan-calendar .dn-time-block.is-done strong{text-decoration:line-through}
.dn-plan-now{position:absolute;left:0;right:0;height:2px;background:#387bff;z-index:4;pointer-events:none}.dn-plan-now:before{content:'';position:absolute;width:9px;height:9px;background:#387bff;border-radius:50%;left:-4px;top:-4px}.dn-plan-add-time{position:absolute;bottom:18px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:#003eaa;color:white;font-size:28px;box-shadow:0 5px 16px #0D1B3D26}
.dn-plan-work{padding:26px;min-width:0;display:grid;align-content:start;gap:26px}.dn-plan-work h2{font-size:18px;margin:0}.dn-plan-pick{display:flex;gap:8px;margin:14px 0}.dn-plan-pick select{flex:1;min-width:0}.dn-plan-work select{height:36px;border:1px solid #dbe1eb;border-radius:6px;background:#fff;font:inherit;color:#303846;padding:0 8px}
.dn-plan-task{display:flex;align-items:center;gap:8px;min-height:54px;border-bottom:1px solid #e6eaf0}.dn-plan-task>.dn-task-title{flex:1;min-width:0}.dn-plan-task>.dn-task-title .dn-task-name{font-size:16px;font-weight:500}.dn-plan-task.is-done .dn-task-name{text-decoration:line-through;color:#7a818c}.dn-plan-task>button:last-child{border:0;background:none;color:#7b8596;padding:8px}.dn-plan-task .dn-drag-handle{color:#9ba4b2}
#dn-plan-time-editor{margin-top:18px}#dn-plan-time-editor summary{font-size:13px;color:#54677f;cursor:pointer}#dn-plan-time-editor .dn-block-form{margin-top:12px}
.dn-plan-focus{padding:20px;border:1px solid #e2e7f0;border-radius:10px;background:#f9faff}.dn-plan-focus p,.dn-plan-note>label{font-size:13px;color:#6d7788}.dn-plan-focus>select{width:100%;margin-top:12px}.dn-focus-clock{font-size:44px;letter-spacing:2px;font-variant-numeric:tabular-nums;text-align:center;font-weight:600;color:#0D1B3D;margin:14px 0}.dn-focus-controls{display:flex;justify-content:center;gap:8px}.dn-plan-focus #dn-focus-status{text-align:center;min-height:18px;margin:12px 0 0}
.dn-plan-note textarea{display:block;width:100%;box-sizing:border-box;min-height:160px;padding:14px;margin-top:10px;border:1px solid #dce2eb;border-radius:8px;resize:vertical;font:16px/1.7 var(--font-body,sans-serif)}.dn-plan-note .dn-section-heading{margin-bottom:8px}#dn-plan-note-status{font-size:12px;color:#547161}
.dn-shell:has(#dn-my-dashboard:not([hidden])):has(.dn-detail-empty){grid-template-columns:var(--dn-sidebar-width,240px) minmax(0,1fr)}
@media(max-width:1250px){.dn-plan-layout{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr)}.dn-plan-calendar{padding:16px 12px 0}.dn-plan-work{padding:20px}.dn-plan-calendar-head{flex-wrap:wrap}.dn-plan-calendar-head .dn-day-controls{width:100%;justify-content:flex-end}}
@media(max-width:1050px) and (min-width:761px){.dn-shell:has(#dn-my-dashboard:not([hidden])):has(.dn-detail-empty){grid-template-columns:72px minmax(0,1fr)}}
@media(max-width:760px){.dn-plan-layout{display:flex;flex-direction:column}.dn-plan-work{order:-1}.dn-plan-calendar{border-right:0;border-top:1px solid #e3e7ef}.dn-plan-work{gap:18px}#dn-my-dashboard .dn-timeline{height:600px}.dn-plan-calendar-head .dn-day-controls{width:auto}.dn-plan-calendar{padding-bottom:12px}}
#dn-my-dashboard{container-type:inline-size}
@container(max-width:700px){.dn-plan-layout{display:flex;flex-direction:column}.dn-plan-work{order:-1}.dn-plan-calendar{border-right:0;border-top:1px solid #e3e7ef}#dn-my-dashboard .dn-timeline{height:560px}}
.dn-plan-calendar-head .dn-day-controls button{width:auto;min-width:28px;height:30px;padding:0 9px;font-size:14px;white-space:nowrap}.dn-plan-calendar-head #dn-plan-today{min-width:44px;background:white;font-weight:600}

/* Planning reference: timetable, dated task cards, supporting tabs. */
.dn-plan-layout{grid-template-columns:minmax(280px,.9fr) minmax(380px,1.6fr) minmax(280px,1fr);height:calc(100dvh - 156px);min-height:0;overflow:hidden}
.dn-plan-calendar{padding:16px 18px 0;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.dn-plan-calendar-head{font-size:13px;flex-wrap:wrap}.dn-plan-calendar-head .dn-day-controls{width:auto;margin-left:auto}.dn-plan-calendar-head input{width:112px}.dn-plan-week{flex:none;margin:15px 0 22px}#dn-my-dashboard .dn-timeline{flex:1;height:auto;min-height:0;max-height:none}
.dn-plan-days{display:block;padding:32px 28px;overflow-y:auto;background:#e7ebf5;height:100%;box-sizing:border-box}
.dn-plan-days>.dn-plan-tasks,.dn-plan-date-card{max-width:550px;margin:0 auto 30px;padding:0 20px 22px;background:#f7f9ff;border:1px solid #e2e7f1;border-radius:10px;box-sizing:border-box}.dn-plan-days>.dn-plan-tasks{box-shadow:0 6px 18px #1b284514}.dn-plan-tasks>.dn-section-heading{justify-content:center;min-height:52px;margin:0 -20px 18px;padding:10px;border-bottom:1px solid #e5e9f2}.dn-plan-tasks>.dn-section-heading h2{font-size:15px}.dn-plan-tasks>.dn-section-heading span{font-size:12px}.dn-plan-date-card h3{text-align:center;font-size:14px;margin:0 -20px 18px;padding:16px;border-bottom:1px solid #e5e9f2}.dn-plan-date-card h3>span{font-size:11px;border:1px solid #d8dfeb;border-radius:20px;padding:3px 7px;color:#738198}
.dn-plan-quick{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e1e7f0;border-radius:7px;padding:10px 12px;margin:14px 0 22px}.dn-plan-quick span{color:#8b97aa}.dn-plan-quick input{width:100%;min-width:0;border:0;background:none;font:14px var(--font-body,sans-serif);outline-offset:2px}.dn-plan-quick button{border:0;background:none;color:#2453a3;font-size:18px}.dn-plan-date-empty{padding:32px 8px;text-align:center;border:1px solid #e7ebf3;border-radius:8px;color:#707c90;font-size:13px}.dn-plan-date-empty p{font-size:12px;color:#7e8a9d;line-height:1.6}.dn-plan-task .dn-task-name{font-size:14px!important}.dn-plan-task .dn-task-title small{font-size:11px}.dn-plan-task{min-height:58px}
.dn-plan-side{min-width:0;padding:0 18px 24px;overflow-y:auto;background:#f3f5fd;border-left:1px solid #e3e8f1}.dn-plan-side-tabs{display:flex;position:sticky;top:0;background:#f3f5fd;z-index:2;border-bottom:1px solid #d8dfeb}.dn-plan-side-tabs button{flex:1;padding:20px 4px;border:0;border-bottom:2px solid transparent;background:none;color:#6c788d;font-size:14px}.dn-plan-side-tabs [aria-selected=true]{border-bottom-color:#203e75;color:#202d45;font-weight:600}.dn-plan-side-heading{display:flex;justify-content:space-between;padding:18px 3px;font-size:13px;color:#536078}.dn-plan-side-heading button{border:0;background:none;color:#486386}.dn-plan-project-card{display:flex;align-items:center;gap:10px;width:100%;padding:15px 10px;margin-bottom:8px;border:1px solid #e0e6ef;background:#fff;border-radius:7px;text-align:left}.dn-plan-project-card>span:nth-child(2){flex:1;min-width:0;display:grid;gap:6px}.dn-plan-project-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-plan-project-card small{font-size:12px;color:#77839a}.dn-plan-backlog-task{display:flex;align-items:center;min-width:0;background:#fff;border:1px solid #e0e6ef;border-radius:7px;margin:8px 0;padding:8px;cursor:grab}.dn-plan-backlog-task .dn-task-title{flex:1;min-width:0}.dn-plan-backlog-task .dn-task-name{font-size:14px}.dn-plan-backlog-task>button:last-child{border:0;background:none;color:#5471a1}.dn-plan-side .dn-plan-focus{margin-top:28px;padding:16px;background:#fff}.dn-plan-focus h2{font-size:16px}.dn-plan-focus>select{width:100%;max-width:100%;box-sizing:border-box}.dn-plan-side select{max-width:100%;min-width:0}.dn-plan-side .dn-plan-note{padding:22px 0}.dn-plan-side .dn-plan-note h2{font-size:16px}.dn-plan-side #dn-plan-time-editor{font-size:13px}.dn-plan-side .dn-focus-clock{font-size:38px}.dn-plan-side .dn-focus-controls{flex-wrap:wrap}
.dn-profile-button-info{display:grid;gap:5px;min-width:0;flex:1}.dn-profile-button-info .dn-profile-button-name{font-size:16px;color:#fff}.dn-profile-button-info small{font-size:11px;line-height:1.4;color:#c5d3e7;overflow-wrap:anywhere}.dn-nav .dn-profile-avatar{width:42px;height:42px;font-size:16px}.dn-nav .dn-profile-button{min-height:72px}.dn-profile-chevron{flex:none}
#dn-retrospective{max-width:1000px;margin:0 auto;padding:32px}.dn-retro-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dn-retro-head h2{font-size:26px;margin:0}.dn-retro-head p{font-size:14px;color:#717c8d}.dn-retro-head input{padding:9px;border:1px solid #dce2eb;border-radius:6px}#dn-retro-tasks{margin:24px 0;padding:20px;background:#f6f8fc;border:1px solid #e1e6ef;border-radius:8px}#dn-retro-tasks h3{font-size:15px;margin-top:0}#dn-retro-tasks>div{display:flex;align-items:center;justify-content:space-between}#dn-retro-tasks .dn-task-title{flex:1}#dn-retro-form{display:grid;gap:20px}#dn-retro-form label{display:grid;gap:10px;font-size:15px;font-weight:600}#dn-retro-form textarea{min-height:110px;padding:14px;border:1px solid #dce2eb;border-radius:8px;font:16px/1.7 var(--font-body,sans-serif);resize:vertical}#dn-retro-form>div{display:flex;align-items:center;justify-content:flex-end;gap:14px}#dn-retro-status{font-size:13px;color:#526c61}
@container(max-width:1000px){.dn-plan-layout{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);height:auto;overflow:visible}.dn-plan-calendar{height:900px}.dn-plan-days{height:900px;padding:24px 16px}.dn-plan-side{grid-column:1 / -1;display:block;max-height:700px;padding:0 20px 24px}.dn-plan-side .dn-plan-focus{max-width:440px}.dn-plan-calendar .dn-day-controls input{max-width:110px}}
@container(max-width:700px){.dn-plan-layout{display:flex;flex-direction:column}.dn-plan-days{order:0;height:650px;padding:20px 12px}.dn-plan-calendar{order:1;height:750px}.dn-plan-side{order:2;max-height:none}.dn-plan-side .dn-plan-focus{max-width:none}#dn-my-dashboard .dn-timeline{height:auto;min-height:0}.dn-plan-calendar-head .dn-day-controls{width:auto}}
@media(max-width:1050px) and (min-width:761px){.dn-profile-button-info{display:none}.dn-nav .dn-profile-avatar{width:32px;height:32px}}
@media(max-width:760px){#dn-retrospective{padding:22px 14px}.dn-retro-head{flex-wrap:wrap}}

.dn-plan-side .dn-plan-focus select{max-width:100%;padding:8px 10px;border:1px solid #d8e0ee;border-radius:6px;background:#fff;color:#26334c;font:inherit}.dn-profile-button-info small{font-size:13px!important;line-height:1.5;overflow-wrap:normal}

#dn-weekly-feedback{padding:32px}#dn-weekly-feedback h2{margin:0 0 10px;font-size:26px}#dn-weekly-feedback p{font-size:16px;color:#526079}.dn-profile-button-info small{color:#e0e8f5}.dn-profile-button-info .dn-profile-button-name{font-weight:700}

.dn-my-quick-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.dn-my-quick-filters button{border:1px solid #d5d9df;border-radius:16px;padding:5px 10px;background:#fff;font-size:12px;white-space:nowrap}.dn-my-quick-filters button:hover{background:#f0f4fa;border-color:#8ca2bf}

.dn-month-cell.dn-calendar-drop-target{background:#edf3ff;box-shadow:inset 0 0 0 2px #527bb5}.dn-month-cell [data-calendar-task]{cursor:grab}.dn-month-cell [data-calendar-task]:active{cursor:grabbing}
/* Source rows retain a readable assignee and a distinct read-only state. */
.dn-plan-backlog-task .dn-plan-assignee{max-width:95px;color:#64748b;font-size:11px;overflow-wrap:anywhere;flex-shrink:0}
.dn-plan-backlog-task .dn-task-title{min-width:0;flex:1}
.dn-plan-scope-help{font-size:12px;color:#64748b;line-height:1.5;margin:0 0 12px}
.dn-plan-read-status{width:24px;flex-shrink:0;text-align:center;color:#64748b}

/* Keep row controls available to keyboard and touch users. */
.dn-my-row-actions{display:flex;flex:none;align-items:center;gap:2px;opacity:0;pointer-events:none}
.dn-my-task-row:is(:hover,:focus-within) .dn-my-row-actions{opacity:1;pointer-events:auto}
.dn-my-row-action{display:grid;place-items:center;width:28px;height:28px;padding:5px;border:0;border-radius:5px;background:transparent;color:#656c78;cursor:pointer}
.dn-my-row-action svg{width:16px;height:16px}
.dn-my-row-action:hover{background:#e3eaf5;color:#25272b}
.dn-my-row-action:focus-visible{outline:2px solid #457bd1;outline-offset:1px}
.dn-my-task-row:is(:hover,:focus-within){background:#eef3ff}
.dn-row-tooltip{position:fixed;z-index:1500;max-width:calc(100vw - 16px);box-sizing:border-box;padding:8px 12px;border-radius:4px;background:#333;color:#fff;font:12px/1.5 var(--font-body,Arial,sans-serif);pointer-events:none;white-space:nowrap}
.dn-row-tooltip[hidden]{display:none}
.dn-row-tooltip:after{content:"";position:absolute;left:var(--dn-tip-arrow);top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#333}
.dn-row-tooltip.is-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#333}
.ws-dialog [data-new-section][hidden]{display:none}
@media(hover:none),(pointer:coarse),(max-width:760px){.dn-my-row-actions{opacity:1;pointer-events:auto}.dn-my-row-action{width:30px;height:30px}.dn-my-name-cell{gap:3px}}

/* DoItNow reading scale: keep density, strengthen text and supporting labels. */
.doitnow-view{--dn-text:#20242d;--dn-muted:#535d6b;font-size:15px;font-weight:500}
.doitnow-view :is(.dn-page-tabs button,.dn-my-toolbar button,.dn-my-toolbar summary,.dn-my-toolbar select,.dn-filters input,.dn-filters select,.dn-my-menu-content button,.dn-board-card .dn-task-name,.dn-home-list .dn-task-name){font-size:14px;font-weight:500}
.doitnow-view :is(.dn-my-toolbar summary,.dn-my-toolbar .ws-my-sections,.dn-my-table-head,.dn-wide-head,.dn-collection-name small,.dn-board-card small,.dn-file-gallery small,.dn-file-gallery-head span,.dn-timeline-toolbar span,.dn-gantt-track>span,.dn-empty-row,.dn-my-group-title small){color:var(--dn-muted)}
.doitnow-view :is(.dn-my-table-head,.dn-wide-head,.dn-collection-name small,.dn-board-card small,.dn-file-gallery small,.dn-file-gallery-head span,.dn-gantt-head time,.dn-gantt-bar,.dn-month-cell button,.dn-month-weekday,.dn-my-title-line #dn-my-count,.dn-my-quick-filters button){font-size:13px;font-weight:500}
.doitnow-view :is(.dn-my-task-row .dn-task-name,.dn-wide-row .dn-task-name){color:var(--dn-text)}
.doitnow-view .dn-my-task-row.is-complete :is(.dn-task-name,.dn-task-title){color:#68717d}
.doitnow-view .dn-my-task-row .dn-today-toggle{font-size:13px;font-weight:600;color:#245d9c}
.doitnow-view .dn-my-row-action{color:#374151}
.doitnow-view .dn-my-row-action svg{width:18px;height:18px;stroke-width:2}
.dn-my-task-row .dn-my-name-cell{padding-left:calc(var(--dn-tree-depth,0) * 24px);box-sizing:border-box}
.dn-my-task-row.is-child .dn-my-name-cell{border-left:1px solid #e0e6ef}
.dn-my-disclosure,.dn-my-disclosure-spacer{display:grid;place-items:center;flex:none;width:18px;height:24px}
.dn-my-disclosure{padding:0;border:0;border-radius:4px;background:transparent;color:#414b5a;cursor:pointer;font-size:16px}
.dn-my-disclosure:hover,.dn-my-disclosure:focus-visible{background:#dce7f6;color:#1e3658}
.dn-my-disclosure:focus-visible{outline:2px solid #457bd1;outline-offset:1px}
.dn-my-name-cell .dn-task-title{display:flex;align-items:center;gap:8px;flex:0 1 auto;max-width:100%;white-space:nowrap}
.dn-my-name-cell .dn-task-title .dn-task-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dn-my-child-count{display:inline-flex;align-items:center;gap:2px;flex:none;color:#596575;font-size:13px;font-weight:600;text-decoration:none}
.dn-my-child-count svg{width:13px;height:13px;flex:none}
.dn-my-child-add{display:flex;align-items:center;min-height:38px;padding-left:calc(16px + var(--dn-tree-depth,0) * 24px);border-bottom:1px solid #e1e3e7;background:#fff}
.dn-my-child-add button{padding:6px 12px;border:0;border-radius:4px;background:transparent;color:#4d5c70;font-size:13px;font-weight:600;cursor:pointer}
.dn-my-child-add button:hover,.dn-my-child-add button:focus-visible{background:#eaf2ff;color:#245d9c}
@media(max-width:760px){.dn-my-task-row .dn-my-name-cell{padding-left:calc(var(--dn-tree-depth,0) * 18px)}.dn-my-child-add{padding-left:calc(8px + var(--dn-tree-depth,0) * 18px)}}
.dn-row-tooltip{padding:8px 12px;background:#292b30;color:#fff;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0}
.dn-row-tooltip:after{border-top-color:#292b30}.dn-row-tooltip.is-below:after{border-top-color:transparent;border-bottom-color:#292b30}
/* Today planning, directory lists and empty-state guidance. */
.doitnow-view :is(.dn-plan-calendar-head>span,.dn-plan-week button,.dn-plan-calendar .dn-time-ruler span,.dn-plan-calendar .dn-time-block span,.dn-plan-tasks>.dn-section-heading span,.dn-plan-date-card h3>span,.dn-plan-date-empty p,.dn-plan-task .dn-task-title small,.dn-plan-project-card small,.dn-plan-backlog-task .dn-plan-assignee,.dn-plan-scope-help){font-size:13px}
.doitnow-view :is(.dn-plan-calendar-head>span,.dn-plan-week button,.dn-plan-calendar .dn-time-ruler span,.dn-plan-date-card h3>span,.dn-plan-date-empty p,.dn-plan-task .dn-task-title small,.dn-plan-project-card small,.dn-plan-backlog-task .dn-plan-assignee,.dn-plan-scope-help){color:var(--dn-muted)}
.doitnow-view .dn-plan-week [aria-pressed=true] strong{color:#fff}
.doitnow-view .ws-root{font-size:15px;color:var(--dn-text)}
.doitnow-view :is(.ws-toolbar summary,.ws-column-head,.ws-task>span,.ws-task>time,.ws-messages time,.ws-my-subgroup,.ws-my-section-title small,.ws-folder-grid small,.ws-empty){font-size:13px;font-weight:500;color:var(--dn-muted)}
.doitnow-view :is(.ws-toolbar button,.ws-tabs button,.ws-task>button,.ws-directory-row>button){font-size:14px}
/* Task details and the corresponding menus, including portals outside the view. */
.doitnow-view .td-panel{font-size:14px;font-weight:500}
.doitnow-view :is(.td-fields>label>span,.td-panel h3,.td-toolbar .td-complete,.td-toolbar .td-share,.td-child-add input[name=childTitle]){font-size:14px}
.doitnow-view :is(.td-save-line,.td-depth,.td-file small,.td-tabs button,.td-tabs>span,.td-comments time,.td-muted,.td-breadcrumb,.td-child-date,.td-sort,.td-type-label,.td-followup-link){font-size:13px;color:var(--dn-muted)}
.doitnow-view .td-panel :is(input,textarea)::placeholder{color:#667085;opacity:1}
.doitnow-view .td-panel .td-error{color:#b73939}
.td-picker.td-picker,.td-context-menu.td-context-menu,.td-context-submenu.td-context-submenu{font-size:14px;font-weight:500;color:#20242d}
.td-picker.td-picker :is(.td-picker-heading,.td-member-option small,.td-move-content>p,.td-parent-results small,.td-weekdays span,.td-picker-repeat,.td-picker-repeat select,.td-repeat-days label){font-size:13px;color:#535d6b}
.td-picker.td-picker :is(.td-member-option strong,.td-date-inputs input,.td-picker-time input,.td-calendar button,.td-parent-results button){font-size:13px}
.ws-dialog.ws-dialog :is(label,p,input,select,textarea,footer button){font-size:14px}
/* Supporting text in guides, inbox and reflection stays legible. */
.doitnow-view :is(.dn-guide-list small,.dn-guide-library header small,.dn-guide-library header>span,.dn-guide-caption,.dn-guide-panel header small,.dn-guide-link-label,.dn-inbox-copy small,.dn-inbox-copy>span,.dn-inbox-day,.rf-source small,.rf-task-list small,.rf-month-records small,.rf-basket small,.rf-fruit-caption){font-size:13px;color:var(--dn-muted)}
.doitnow-view :is(.dn-guide-text-button,.dn-inbox-toolbar,.dn-inbox-toolbar button,.rf-filters button){font-size:14px}
.dn-share-dialog .dn-share-note{font-size:14px;color:#535d6b}
.doitnow-view .dn-my-add-split>details>summary{color:#fff}

/* Keep primary navigation and identity fixed while personal work lists scroll. */
#dn-nav{overflow:hidden;box-sizing:border-box}#dn-nav>.dn-nav-primary,#dn-nav>.dn-nav-top,#dn-nav>.dn-nav-divider,#dn-nav>.dn-profile-anchor{flex-shrink:0}#dn-nav-scroll{flex:1;min-height:60px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;margin-top:0}#dn-nav>.dn-profile-anchor{margin-top:0}/* Project visibility toggle mirrors the My Tasks pill while retaining saved preferences. */
.ws-hide-completed{position:relative;display:inline-flex;align-items:center;white-space:nowrap;font-size:13px}.ws-hide-completed input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.ws-hide-pill{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:32px;padding:0 14px;border:1px solid #d9d9d9;border-radius:999px;background:#f5f5f5;color:#333;font-size:13px;cursor:pointer;user-select:none}.ws-hide-pill svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ws-hide-completed:hover .ws-hide-pill{background:#ededed}.ws-hide-completed input:checked+.ws-hide-pill{background:#000;border-color:#222;color:#fff}.ws-hide-completed input:focus-visible+.ws-hide-pill{outline:2px solid #3374d0;outline-offset:2px}
.ws-root .ws-toolbar button.ws-template-manager{background:#d9f1ff;border:1.5px solid #1495d1;color:#075985;font-weight:600}.ws-root .ws-toolbar button.ws-template-manager:hover{background:#c3eaff;border-color:#087fb8}.ws-root .ws-toolbar button.ws-template-manager:focus-visible{outline:2px solid #087fb8;outline-offset:2px}
.ws-portfolio-arrow{flex:none;border:0;background:none;color:inherit;font-size:22px;cursor:pointer}.ws-portfolio-flyout{position:fixed;z-index:160;width:max-content;min-width:min(290px,calc(100vw - 16px));box-sizing:border-box;max-width:calc(100vw - 16px);max-height:70vh;overflow:auto;background:#fff;border:1px solid #dbe2ed;border-radius:8px;box-shadow:0 10px 25px #0d1b3d30;padding:12px;color:#1f2c40}.ws-portfolio-flyout>strong{display:block;padding:4px 8px 10px;font-size:12px}.ws-portfolio-flyout>button{white-space:nowrap;display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.ws-portfolio-flyout>button:hover{background:#edf3fc}.ws-sidebar-section-controls{display:flex;gap:5px;flex-wrap:wrap;padding:10px 0}.ws-sidebar-section-controls button{background:none;border:0;color:#c7d3e8;padding:5px;cursor:pointer;font-size:12px}.ws-sidebar-manage-items>div,.ws-sidebar-manage-sections>div{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f5}.ws-sidebar-manage-items span,.ws-sidebar-manage-sections strong{flex:1;min-width:0}.ws-sidebar-manage-items label,.ws-sidebar-manage-sections label{max-width:150px}.ws-sidebar-manage-items button,.ws-sidebar-manage-sections button{padding:5px}
@media(max-height:850px) and (min-width:761px){#dn-nav>.dn-nav-primary{min-height:30px;padding-top:5px;padding-bottom:5px}#dn-nav>.dn-nav-divider{margin-top:7px;margin-bottom:7px}#dn-nav>.dn-profile-anchor{padding-top:4px}.dn-nav .dn-profile-button{min-height:54px}}

.ws-portfolio-flyout .dn-project-icon{flex-shrink:0}

/* Keep the pale sky surface inside the personal collection list. */
#dn-nav-scroll{background:#e8f3fb;color:#243f5b;border-radius:0;margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px;scrollbar-color:#a6c7df #e8f3fb}
#dn-nav-scroll button{color:#243f5b}
#dn-nav-scroll .dn-nav-heading button,#dn-nav-scroll .dn-nav-empty{color:#536e87}
#dn-nav-scroll .dn-nav-project-row:hover,#dn-nav-scroll .dn-nav-item:hover,#dn-nav-scroll .dn-nav-heading button:hover,#dn-nav-scroll .ws-sidebar-section-controls button:hover{background:#d5e8f6}
#dn-nav-scroll button[aria-current=page]{background:#c6e0f3;color:#153550}
#dn-nav-scroll .dn-favorite-toggle{color:#986300!important}
#dn-nav-scroll [draggable=true]{cursor:grab}
#dn-nav-scroll .ws-sidebar-drop-target{background:#c6e0f3;outline:2px solid #6198bf;outline-offset:-2px;border-radius:6px}

/* The inbox belongs beside the product name, using the existing inbox route. */
.dn-nav-top{container-type:inline-size}#dn-nav .dn-nav-top .dn-brand{width:auto;min-width:0;flex:1;gap:5px}#dn-nav .dn-nav-top .dn-brand img{width:70px}#dn-nav .dn-nav-top .dn-brand-product{font-size:17px}
@container(min-width:210px){#dn-nav .dn-nav-top .dn-brand img{width:96px}#dn-nav .dn-nav-top .dn-brand-product{font-size:21px}}
#dn-inbox-toggle{position:relative;display:grid;place-items:center;flex:none;width:32px;height:36px;padding:3px;margin-left:5px;border-radius:5px;color:#e8f3fb}
#dn-inbox-toggle:hover{background:#24466e}#dn-inbox-toggle:focus-visible{outline:2px solid #a6d8fb;outline-offset:2px}
#dn-inbox-toggle svg{width:26px;height:26px;fill:#e8f3fb;stroke:#294b70;stroke-width:1.5;stroke-linejoin:round;transform-origin:50% 80%}
#dn-inbox-toggle .dn-envelope-open{display:none}#dn-inbox-toggle[data-inbox-state=read] .dn-envelope-open{display:block}#dn-inbox-toggle[data-inbox-state=read] .dn-envelope-closed{display:none}
#dn-inbox-toggle[data-inbox-state=unread] svg{animation:dn-envelope-bounce 2.6s ease-in-out infinite}
.dn-envelope-dot{position:absolute;right:2px;top:3px;width:7px;height:7px;border-radius:50%;background:#ff9c85;border:1px solid #0d1b3d}
@keyframes dn-envelope-bounce{0%,55%,100%{transform:translateY(0) rotate(0)}12%{transform:translateY(-5px) rotate(-9deg)}24%{transform:translateY(0) rotate(7deg)}36%{transform:translateY(-3px) rotate(-5deg)}46%{transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){#dn-inbox-toggle[data-inbox-state=unread] svg{animation:none}}

@container(max-width:170px){#dn-nav .dn-nav-top .dn-brand img{width:60px}#dn-nav .dn-nav-top .dn-brand-product{font-size:16px}#dn-nav .dn-nav-top .dn-brand{gap:4px}}

#dn-nav .dn-nav-top{padding-left:13px;padding-right:13px}
@media(min-width:761px) and (max-width:1050px){#dn-nav .dn-nav-top{flex-direction:column;gap:3px;padding:8px 0}#dn-nav .dn-nav-top .dn-brand{flex:none;height:30px}#dn-nav .dn-nav-top .dn-brand img{width:46px}#dn-inbox-toggle{margin-left:0}#dn-nav-scroll{margin-left:-7px;margin-right:-7px;padding-left:7px;padding-right:7px}}
@media(max-width:760px){#dn-nav-scroll{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}

/* Extend the sky region through the former separator line. */
#dn-nav>.dn-nav-divider:has(+#dn-nav-scroll){background:#e8f3fb;margin-left:-11px;margin-right:-11px;margin-bottom:0;height:11px;flex-basis:11px}
@media(max-width:760px){#dn-nav>.dn-nav-divider:has(+#dn-nav-scroll){margin-left:-12px;margin-right:-12px}}

#dn-nav>.dn-nav-shortcuts{display:flex;gap:4px;flex:none;margin:4px 0;container-type:inline-size}
#dn-nav .dn-nav-shortcuts .dn-nav-primary{display:flex;flex:1;justify-content:center;min-width:0;min-height:32px;width:auto;gap:3px;padding:5px 4px;border:1px solid #385373;border-radius:16px;background:#172c4b;font-size:12px;line-height:20px;box-sizing:border-box;white-space:nowrap}
#dn-nav .dn-nav-shortcuts .dn-nav-primary[aria-current]{background:#315783;border-color:#7795b6;color:#fff}
#dn-nav .dn-nav-shortcuts .dn-nav-primary:hover{background:#24466e}
#dn-nav .dn-nav-shortcuts .dn-nav-primary .dn-nav-icon{width:14px;height:14px;flex:0 0 14px}#dn-nav .dn-nav-shortcuts .dn-nav-primary .dn-nav-icon img{width:14px;height:14px}
#dn-nav .dn-nav-shortcuts .dn-nav-text{overflow:visible;text-overflow:clip}
@container(max-width:200px){#dn-nav .dn-nav-shortcuts .dn-nav-primary .dn-nav-icon{display:none}}
@media(min-width:761px) and (max-width:1050px){#dn-nav>.dn-nav-shortcuts{flex-direction:column}#dn-nav .dn-nav-shortcuts .dn-nav-primary .dn-nav-icon{display:flex}}
@media(max-width:760px){#dn-nav:not(.is-open)>.dn-nav-shortcuts{display:none}}

/* Match project page gutters without changing saved columns or task indentation. */
.dn-my-page{padding-inline:24px;box-sizing:border-box}
@media(max-width:760px){.dn-my-page{padding-inline:12px}}