/* DoItNow workspace prototype. Scoped to the existing Workboard service route. */
.doitnow-view{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0;background:#f7f9fc;color:#172235;font:14px/1.45 var(--font-body,Arial,sans-serif)}
.doitnow-view [hidden]{display:none!important}
.dn-shell{display:grid;grid-template-columns:224px minmax(0,1fr) 380px;grid-template-rows:44px minmax(0,1fr);min-height:100dvh}
.dn-nav{grid-row:1 / span 2;position:sticky;top:0;display:flex;flex-direction:column;align-self:start;height:100dvh;padding:0 11px 18px;background:#0D1B3D;color:#e6edf8;border-right:1px solid #0d213d;overflow-y:auto;scrollbar-width:thin}
.dn-nav-top{display:flex;align-items:center;flex:0 0 78px;margin:0 -11px 14px;padding:0 13px;border-bottom:1px solid #294879;background:#0D1B3D}
.dn-brand,.dn-brand:hover,.dn-brand:visited{display:flex;align-items:center;gap:9px;width:100%;height:100%;color:#fff;text-decoration:none}
.dn-brand img{flex:none;width:96px;height:auto;filter:brightness(0) invert(1)}
.dn-brand-product{color:#fff;font:800 21px/1.1 var(--font-body,Arial,sans-serif);letter-spacing:-.055em;white-space:nowrap}
.dn-nav button{border:0;background:transparent;color:#e4edf8;cursor:pointer;font-family:var(--font-body,Arial,sans-serif)}
.dn-nav-primary,.dn-nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:36px;padding:8px 10px;border-radius:6px;text-align:left;font-size:13px;font-weight:650}
.dn-nav-primary:hover,.dn-nav-item:hover,.dn-nav-heading button:hover{background:#24466e}
.dn-nav button[aria-current="page"]{background:#315783;color:#fff}
.dn-nav-icon,.dn-project-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;color:#b6c9e0;font-size:17px;font-weight:400}
.dn-nav-icon svg{width:18px;height:18px}
.dn-project-icon{width:18px;height:18px;border-radius:5px;background:#73d8ca;color:#153550;font-size:13px}
.dn-nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-nav-primary[data-section="assets"] .dn-nav-text,.dn-nav-primary[data-section="finance"] .dn-nav-text{overflow:visible;white-space:normal;line-height:1.35}
.dn-nav-divider{height:1px;flex:0 0 1px;margin:10px 4px;background:#3b5473}
.dn-nav-heading{display:flex;align-items:center;justify-content:space-between;margin:5px 2px 1px}
.dn-nav-heading [data-nav-toggle]{display:flex;align-items:center;gap:6px;min-height:31px;padding:0 5px;border-radius:5px;color:#aebfd5;font-size:11px;font-weight:700;text-align:left}
.dn-caret{display:inline-block;width:12px;font-size:13px}
#dn-work-create{width:27px;height:27px;border-radius:5px;color:#bfcde0;font-size:19px;line-height:1}
.dn-nav-list{display:grid;gap:2px}
.dn-nav-project-row{display:flex;align-items:center;min-width:0}
.dn-nav-project-row>.dn-nav-item{min-width:0;flex:1}
.dn-favorite-toggle{flex:0 0 25px;height:27px;border-radius:5px;color:#ffcc65!important;font-size:15px}
.dn-nav-empty{margin:4px 11px 8px;color:#96acc9;font-size:11px}
.dn-profile-anchor{margin-top:auto;padding-top:16px}
.dn-jinigram-link{display:flex;align-items:center;gap:9px;min-height:37px;margin:0 1px 9px;padding:7px 10px;border-top:1px solid #3b5473;border-radius:5px;color:#e4edf8;text-decoration:none;font-size:13px;font-weight:700}
.dn-jinigram-link:hover,.dn-jinigram-link:focus-visible{background:#24466e;color:#fff}.dn-jinigram-link span:first-child{width:18px;color:#f6d865;font-size:18px;text-align:center}.dn-jinigram-link span:last-child{margin-left:auto;color:#b6c9e0}
.dn-nav .dn-profile-button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 7px;border-radius:7px;text-align:left}
.dn-nav .dn-profile-button:hover,.dn-nav .dn-profile-button[aria-expanded="true"]{background:#24466e}
.dn-profile-avatar,.dn-profile-menu-avatar{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;overflow:hidden;border-radius:50%;background:#ffe230;color:#203451;font-size:13px;font-weight:800}
.dn-profile-avatar img,.dn-profile-menu-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dn-profile-avatar img[hidden],.dn-profile-menu-avatar img[hidden]{display:none}
.dn-profile-button-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.dn-profile-chevron{margin-left:auto;color:#b3c7df}
.dn-profile-menu{position:fixed;left:12px;bottom:68px;z-index:80;width:min(294px,calc(100vw - 24px));padding:0 0 4px;border:1px solid #d9e0e9;border-radius:8px;background:#fff;color:#172235;box-shadow:0 12px 36px #0c1d3560;font-size:14px}
.dn-profile-identity{display:flex;align-items:center;gap:11px;min-height:74px;padding:13px 14px}
.dn-profile-menu-avatar{width:45px;height:45px;font-size:17px}
.dn-profile-identity>span:last-child{display:grid;gap:2px;min-width:0}
.dn-profile-identity strong,.dn-profile-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-profile-identity strong{font-size:15px}
.dn-profile-identity small{color:#4f5e70;font-size:12px}
.dn-profile-group{padding:5px 6px;border-top:1px solid #e9edf2}
.dn-profile-group button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:#172235;text-align:left;font:inherit;font-weight:600;cursor:pointer}
.dn-profile-group button>span{width:18px;color:#526276;font-size:17px;text-align:center}
.dn-profile-group button small{margin-left:auto;color:#526276;font-size:11px;font-weight:600}
.dn-profile-group button:hover:not(:disabled),.dn-profile-group button:focus-visible{background:#f0f4f9}
.dn-profile-group button:disabled{color:#263448;cursor:default}
#dn-mobile-menu{display:none}
.dn-main{grid-row:2;min-width:0;padding:27px 30px 50px;overflow:hidden}
.dn-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.dn-kicker,.dn-detail-kicker{display:block;margin-bottom:3px;color:#4d6f92;font-size:11px;letter-spacing:.13em;font-weight:800}
.dn-header h1{margin:0;font:700 28px/1.25 var(--font-display,Arial,sans-serif);letter-spacing:-.03em}
.dn-header-actions{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dn-mode-label{display:grid;gap:3px;color:#66758b;font-size:11px;font-weight:700}
.dn-mode-label select{min-width:135px;height:35px}
.dn-button{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#273f5f;font:700 12px/1.2 var(--font-body,Arial,sans-serif);white-space:nowrap;cursor:pointer}
.dn-button:hover{background:#eaf1f8;border-color:#91a9c3}
.dn-button:disabled{opacity:.48;cursor:not-allowed}
.dn-button.dn-primary{background:#315783;border-color:#315783;color:#fff}
.dn-button.dn-primary:hover{background:#24466e}
.dn-context{display:flex;align-items:center;gap:14px;min-height:43px;margin-bottom:16px;padding:7px 12px;background:#eef3f9;border:1px solid #e0e8f2;border-radius:7px;color:#697a90;font-size:11px}
.dn-context label{display:flex;align-items:center;gap:8px;color:#314a68;font-weight:750;white-space:nowrap}
.dn-context select{max-width:230px;min-height:29px;padding:3px 9px;border:1px solid #ced8e5;border-radius:5px;background:#fff;color:#23374f;font-size:12px}
.dn-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-feedback{margin:0 0 10px;color:#1e634e;font-size:12px}.dn-feedback:empty{display:none}
.dn-error{margin:0 0 12px;padding:9px 12px;border:1px solid #e7aca6;border-radius:6px;background:#fff1ef;color:#9b2520;font-size:12px}
.dn-section{min-width:0}.dn-my-grid{display:grid;grid-template-columns:minmax(400px,1.45fr) minmax(290px,.85fr);gap:14px;margin-bottom:14px}
.dn-panel{min-width:0;background:#fff;border:1px solid #e1e7ef;border-radius:9px;box-shadow:0 2px 8px #152c4d05;overflow:hidden}
.dn-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:15px 18px;border-bottom:1px solid #e8edf3}
.dn-section-heading>div:first-child{min-width:0}.dn-section-heading h2{margin:0 0 2px;font:700 16px/1.3 var(--font-display,Arial,sans-serif)}
.dn-section-heading span{color:#8592a3;font-size:11px}.dn-section-heading label{display:flex;align-items:center;gap:6px;color:#78879a;font-size:11px;white-space:nowrap}
.dn-section-heading select{max-width:116px;min-height:29px;padding:2px 5px;border:1px solid #d6e0ea;border-radius:5px;background:#fff;color:#2f4058;font-size:11px}
.dn-list-head,.dn-task-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 65px 67px;align-items:center;gap:8px;padding:0 17px}
.dn-list-head{min-height:34px;background:#f8fafc;color:#8794a6;font-size:10px;font-weight:700;border-bottom:1px solid #edf1f5}
.dn-list-head>span:not(:first-child),.dn-task-row>span,.dn-task-row>.dn-today-toggle{text-align:center}
.dn-task-row{min-height:60px;border-bottom:1px solid #edf1f5;font-size:12px}.dn-task-row:last-child{border-bottom:0}.dn-task-row:hover,.dn-task-row.is-selected{background:#f3f7fc}
.dn-task-title{display:grid;gap:1px;min-width:0;padding:8px 0;border:0;background:transparent;color:#172235;text-align:left;cursor:pointer}
.dn-task-title:hover .dn-task-name{text-decoration:underline}.dn-task-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.dn-task-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b98a8;font-size:10px}
.dn-task-row>span:not(.dn-status){color:#607187;font-size:11px}.dn-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:4px;background:#edf1f5;color:#5c6c80;font-size:10px;font-weight:700;white-space:nowrap}
.dn-status.dn-doing{background:#e5effa;color:#2e628f}.dn-status.dn-done{background:#e5f4ec;color:#257252}
.dn-today-toggle{padding:5px 2px;border:0;background:transparent;color:#3b6897;font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap}.dn-today-toggle.is-on{color:#247456}
.dn-empty-row{padding:24px 18px;color:#8a97a9;font-size:12px;text-align:center}
.dn-today-list{min-height:104px;max-height:300px;overflow:auto}.dn-today-item{display:flex;align-items:center;gap:8px;min-height:47px;padding:5px 15px;border-bottom:1px solid #edf1f5;background:#fff;cursor:grab}.dn-today-item:active{cursor:grabbing}
.dn-drag-handle{color:#a6b5c6;font-size:20px}.dn-today-item .dn-task-title{flex:1}.dn-today-item>button:last-child{border:0;background:transparent;color:#8c9aad;font-size:18px;cursor:pointer}
.dn-block-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:12px 14px 15px;border-top:1px solid #edf1f5;background:#fbfcfe}
.dn-block-form label{display:grid;gap:3px;color:#6c7c90;font-size:10px;font-weight:700}.dn-block-form label:first-child,.dn-block-form label:nth-child(2){grid-column:1/-1}
.dn-block-form select,.dn-block-form input,.dn-filters input,.dn-filters select,.dn-dialog input,.dn-dialog select,.dn-detail :is(input,select,textarea){width:100%;min-width:0;min-height:32px;padding:5px 8px;border:1px solid #d5deea;border-radius:5px;background:#fff;color:#26364c;font:12px/1.3 var(--font-body,Arial,sans-serif)}
.dn-block-form button{grid-column:1/-1;margin-top:2px}
.dn-schedule .dn-section-heading{min-height:62px}.dn-day-controls{display:flex;align-items:center;gap:4px}.dn-day-controls button{width:28px;height:28px;border:1px solid #d7e0ea;border-radius:5px;background:#fff;color:#3a5f83;font-size:18px;cursor:pointer}.dn-day-controls input{width:126px;min-height:28px;padding:3px 5px;border:1px solid #d7e0ea;border-radius:5px;color:#354a63;font-size:11px}
.dn-timeline{display:flex;max-height:430px;overflow:auto;scrollbar-color:#c9d4e0 #f6f8fb}.dn-time-ruler{flex:0 0 62px;background:#fafbfd}.dn-time-ruler span{display:block;height:30px;padding:1px 8px 0 0;color:#91a0b0;text-align:right;font-size:10px;line-height:1}
.dn-time-grid{position:relative;flex:1;min-width:0;background:#fff}.dn-time-slot{height:30px;border-top:1px solid #f0f3f7}.dn-time-slot:nth-child(odd){border-top-color:#dce4ed}.dn-time-slot.is-drop{background:#e7f1fb;outline:1px solid #7ca1c7}
.dn-time-block{position:absolute;left:10px;right:10px;z-index:2;display:flex;align-items:flex-start;min-height:24px;padding:4px 7px;border-left:3px solid #4d6f92;border-radius:4px;background:#dce9f5;box-shadow:0 1px 3px #30507222;cursor:grab;overflow:hidden}
.dn-time-block>button:first-child{display:flex;flex:1;align-items:baseline;gap:8px;min-width:0;border:0;background:none;color:#254665;text-align:left;cursor:pointer}.dn-time-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.dn-time-block span{flex:0 0 auto;font-size:10px}.dn-block-remove{border:0;background:transparent;color:#45627d;cursor:pointer}
.dn-wide-heading{padding:16px 0 18px;border-bottom:0}.dn-wide-heading h2{font-size:18px}
.dn-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:0 0 16px}.dn-filters label{display:grid;gap:4px;min-width:128px;color:#708097;font-size:11px;font-weight:700}.dn-filters .dn-grow{flex:1;min-width:200px}.dn-filters input,.dn-filters select{min-height:34px;background:#fff}.dn-link-button{min-height:34px;border:0;background:transparent;color:#4d6f92;font-size:11px;font-weight:700;cursor:pointer}
.dn-wide-head,.dn-wide-row{grid-template-columns:minmax(220px,2fr) minmax(140px,1.25fr) minmax(90px,.7fr) 70px 78px}.dn-wide-head{border:1px solid #e5ebf2;border-radius:6px 6px 0 0}.dn-wide-row{border:1px solid #e9eef4;border-top:0;background:#fff}.dn-wide-row:last-child{border-radius:0 0 6px 6px}
.dn-view-switch{display:flex;gap:2px;padding:2px;background:#e9eff6;border-radius:6px}.dn-view-switch button{min-height:29px;padding:4px 11px;border:0;border-radius:4px;background:transparent;color:#69809a;font-size:11px;font-weight:700;cursor:pointer}.dn-view-switch button[aria-pressed="true"]{background:#fff;color:#294b70;box-shadow:0 1px 3px #243e5c20}
.dn-page-tabs{width:max-content;max-width:100%;margin:0 0 16px;overflow:auto}.dn-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dn-collection-list,.dn-timeline-list,.dn-workload-list{border:1px solid #e1e7ef;border-radius:8px;background:#fff;overflow:hidden}.dn-collection-row{display:grid;grid-template-columns:32px minmax(120px,2fr) minmax(70px,1fr) 72px 115px;align-items:center;gap:12px;width:100%;min-height:69px;padding:10px 18px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#52647a;text-align:left;font:12px var(--font-body,Arial,sans-serif);cursor:pointer}.dn-collection-row:last-child{border-bottom:0}.dn-collection-row:hover,.dn-collection-card:hover{background:#f3f7fc}.dn-collection-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#84d9c5;color:#113d53;font-size:17px}.dn-collection-name{display:grid;gap:2px;min-width:0}.dn-collection-name strong,.dn-collection-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-collection-name strong{color:#20334c;font-size:13px}.dn-collection-name small{color:#8b98a8;font-size:10px}.dn-collection-progress{display:block;height:7px;min-width:50px;border-radius:8px;background:#e6ecf3;overflow:hidden}.dn-collection-progress i{display:block;height:100%;border-radius:8px;background:#66cdb4}.dn-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}.dn-collection-card{display:grid;justify-items:start;gap:9px;min-height:140px;padding:18px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;color:#20334c;text-align:left;cursor:pointer}.dn-collection-card strong{font-size:15px}.dn-collection-card small{color:#8291a3;font-size:11px}.dn-view-note{margin:0 0 12px;color:#6e7d90;font-size:12px}.dn-timeline-list>div{display:grid;grid-template-columns:minmax(130px,1fr) 150px minmax(70px,1fr);align-items:center;gap:10px;min-height:56px;padding:9px 16px;border-bottom:1px solid #edf1f5;font-size:12px}.dn-timeline-list>div:last-child{border-bottom:0}.dn-timeline-list button{border:0;background:transparent;color:#243b59;text-align:left;font-weight:700;cursor:pointer}.dn-timeline-list span:nth-child(2){color:#718299}.dn-workload-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dn-workload-list section{padding:14px;border-right:1px solid #e8edf3}.dn-workload-list h3{margin:0 0 12px;font-size:13px}.dn-workload-list h3 small{color:#8291a3}.dn-workload-list section>div:not(.dn-empty-row){display:flex;align-items:center;gap:8px;border-top:1px solid #edf1f5}.dn-workload-list .dn-task-title{flex:1}.dn-workload-list section>div>span{color:#8795a7;font-size:11px}.dn-overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:17px}.dn-overview-metrics>div{display:grid;gap:3px;padding:16px;border:1px solid #e1e7ef;border-radius:8px;background:#fff}.dn-overview-metrics strong{color:#17365a;font-size:22px}.dn-overview-metrics span{color:#8190a2;font-size:11px}.dn-project-overview h3{font-size:14px}.dn-my-board{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.dn-my-board .dn-today-toggle{margin-top:5px}.dn-month-head{display:flex;align-items:center;justify-content:center;gap:14px;padding:13px;border:1px solid #e1e7ef;border-bottom:0;border-radius:8px 8px 0 0;background:#fff}.dn-month-head button{border:0;background:transparent;color:#4b6b8c;font-size:22px;cursor:pointer}.dn-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e1e7ef;border-left:1px solid #e1e7ef;background:#fff}.dn-month-weekday{padding:7px;text-align:center;color:#73849a;font-size:11px;border-right:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef}.dn-month-cell{min-width:0;min-height:82px;padding:5px;border-right:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef}.dn-month-cell.is-today{background:#f0f7fc}.dn-month-cell time{display:block;margin-bottom:5px;color:#556d87;font-size:11px}.dn-month-cell button{display:block;width:100%;margin:2px 0;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;background:#dceaf8;color:#234565;text-align:left;font-size:10px;cursor:pointer}.dn-portfolio-choices{margin:0;padding:10px;border:1px solid #d5deea;border-radius:6px}.dn-portfolio-choices legend{color:#344b65;font-size:12px;font-weight:700}.dn-portfolio-choices>div{display:grid;gap:7px;max-height:180px;overflow:auto}.dn-portfolio-choices label{display:flex;align-items:center;gap:8px}.dn-portfolio-choices input{width:16px;min-height:16px;accent-color:#315783}
.dn-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dn-board section{min-height:220px;padding:12px;border:1px solid #e4eaf2;border-radius:8px;background:#f1f5f9}.dn-board h3{margin:0 0 10px;color:#4e657f;font-size:12px}.dn-board-card{padding:10px;margin-bottom:8px;border:1px solid #dfe6ee;border-radius:6px;background:#fff}.dn-board-card small{display:block;color:#8a98a8;font-size:10px}
.dn-calendar-list{border:1px solid #e4eaf2;border-radius:7px;background:#fff}.dn-calendar-list>div{display:grid;grid-template-columns:125px minmax(0,1fr) 70px;align-items:center;gap:10px;padding:5px 14px;border-bottom:1px solid #edf1f5}.dn-calendar-list>div:last-child{border-bottom:0}.dn-calendar-list time{color:#57718d;font-size:12px;font-weight:700}
.dn-detail{grid-row:2;position:sticky;top:44px;align-self:start;height:calc(100dvh - 44px);overflow:auto;border-left:1px solid #dce4ee;background:#fff;box-shadow:-8px 0 20px #18355406}
.dn-detail-empty{display:grid;justify-items:center;align-content:center;height:100%;padding:40px;text-align:center;color:#9aa9ba}.dn-detail-empty>span{font-size:30px}.dn-detail-empty h2{margin:10px 0 4px;color:#526780;font-size:15px}.dn-detail-empty p{margin:0;font-size:12px}
.dn-detail-content{padding:20px 22px 32px}.dn-detail-top{display:flex;align-items:center;justify-content:space-between}.dn-detail-top button{border:0;background:none;color:#7c8ea1;font-size:23px;cursor:pointer}.dn-detail-title textarea{margin:10px 0 12px;width:100%;min-height:65px;padding:5px 0;border:0!important;resize:vertical;color:#14253c!important;font:700 20px/1.35 var(--font-display,Arial,sans-serif)!important}.dn-detail-actions{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid #e9eef4}.dn-private-badge{color:#6f7894;font-size:11px}
.dn-detail-fields{display:grid;gap:6px;padding:15px 0}.dn-detail-fields label{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:8px;color:#7c8b9d;font-size:11px;font-weight:650}.dn-detail-fields input,.dn-detail-fields select{min-height:32px}
.dn-detail-section{padding:15px 0;border-top:1px solid #edf1f5}.dn-detail-section h3{margin:0 0 11px;color:#455b75;font-size:12px;font-weight:800}.dn-detail-section>.dn-detail-fields{padding:0}.dn-detail-section>input{width:100%}
.dn-source{display:grid;gap:4px;padding:11px;margin-bottom:15px;border-radius:6px;background:#f0f4f9;color:#375979;font-size:11px}.dn-source strong{font-size:12px}.dn-source small{color:#7a8ba1;overflow-wrap:anywhere}
.dn-checks label{display:flex;align-items:center;gap:8px;min-height:30px;color:#344961;font-size:12px}.dn-checks input{width:15px!important;min-height:15px!important;accent-color:#4d6f92}.dn-checks input:checked+span{text-decoration:line-through;color:#9aa7b5}.dn-muted{color:#9aa7b5;font-size:11px}
#dn-check-form{display:flex;gap:5px;margin-top:7px}#dn-check-form button{border:0;background:transparent;color:#4d6f92;font-size:11px;font-weight:700;cursor:pointer}
.dn-comments>div{padding:8px 0;border-bottom:1px solid #edf1f5}.dn-comments strong{font-size:11px}.dn-comments small{margin-left:8px;color:#a1adbb;font-size:10px}.dn-comments p{margin:4px 0 0;white-space:pre-wrap;font-size:11px}
#dn-comment-form{display:grid;justify-items:end;gap:7px;margin-top:10px}#dn-comment-form textarea{resize:vertical}.dn-block-summary{margin:5px 0;color:#56708b;font-size:11px}
.dn-dialog{width:min(550px,calc(100vw - 28px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #dce5ee;border-radius:10px;box-shadow:0 20px 70px #0c234a44}.dn-dialog::backdrop{background:#0b1d3c9c}.dn-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 23px 12px;border-bottom:1px solid #eef2f6}.dn-dialog-head h2{margin:0;font:700 20px/1.3 var(--font-display,Arial,sans-serif)}.dn-dialog-head button{border:0;background:none;color:#8190a2;font-size:24px;cursor:pointer}
.dn-dialog-body{display:grid;gap:11px;max-height:calc(100dvh - 190px);overflow:auto;padding:17px 23px}.dn-dialog-body label{display:grid;gap:4px;color:#344b65;font-size:12px;font-weight:700}.dn-dialog-body input,.dn-dialog-body select{min-height:37px}.dn-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}#dn-product-fields{display:grid;gap:10px;padding:12px;border:1px solid #dce7f2;border-radius:7px;background:#f5f8fc}.dn-helper{margin:0;color:#8191a5;font-size:10px}.dn-dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding:13px 23px;border-top:1px solid #edf1f5;background:#fafbfd}
.doitnow-view :is(a,button,input,select,textarea):focus-visible,.dn-dialog :is(button,input,select):focus-visible{outline:2px solid #4d6f92;outline-offset:2px}
@media(max-width:1500px){.dn-shell{grid-template-columns:205px minmax(0,1fr) 340px}.dn-main{padding:24px 23px 42px}.dn-my-grid{grid-template-columns:minmax(0,1fr)}.dn-today-list{min-height:52px}}
@media(max-width:1050px){.dn-shell{grid-template-columns:72px minmax(0,1fr) 320px}.dn-nav{padding:0 7px}.dn-nav-top{justify-content:center;padding:0;margin:0 -7px 14px}.dn-brand{justify-content:center}.dn-brand img{width:46px;max-width:46px;object-fit:cover;object-position:left}.dn-nav-primary,.dn-nav-item{justify-content:center;padding:9px 4px}.dn-nav-text,.dn-nav-heading,.dn-nav-divider,.dn-nav-empty,.dn-favorite-toggle{display:none}.dn-nav-icon,.dn-project-icon{flex-basis:19px}.dn-main{padding:20px}.dn-wide-head,.dn-wide-row{grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) 66px}.dn-wide-head>span:nth-child(3),.dn-wide-row>span:nth-child(3){display:none}}
@media(max-width:760px){.dn-shell{display:block}.dn-nav{position:relative;height:auto;overflow:visible;padding:0 12px 12px}.dn-nav-top{justify-content:space-between;flex-basis:56px;margin:0 -12px;padding:0 12px}.dn-brand{width:auto}.dn-brand img{width:88px;max-width:none;object-fit:contain}.dn-nav #dn-mobile-menu{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;font-size:18px}.dn-nav:not(.is-open)>:not(.dn-nav-top){display:none}.dn-nav.is-open .dn-nav-heading{display:flex}.dn-nav.is-open .dn-nav-divider{display:block}.dn-nav.is-open .dn-nav-text{display:inline}.dn-nav.is-open .dn-nav-empty{display:block}.dn-nav.is-open .dn-favorite-toggle{display:block}.dn-nav.is-open .dn-nav-primary,.dn-nav.is-open .dn-nav-item{justify-content:flex-start;padding:8px 10px}.dn-main{padding:18px 13px 30px}.dn-header{align-items:flex-start;flex-direction:column}.dn-header-actions{justify-content:flex-start}.dn-context{align-items:flex-start;flex-direction:column;gap:5px}.dn-context span{white-space:normal}.dn-my-grid{display:block}.dn-my-grid>.dn-panel{margin-bottom:12px}.dn-detail{position:fixed;inset:0 0 0 auto;z-index:40;width:min(100vw,420px);box-shadow:-12px 0 40px #0b1d3c33}.dn-detail:has(.dn-detail-empty){display:none}.dn-board{grid-template-columns:1fr}.dn-wide-head,.dn-wide-row{grid-template-columns:minmax(0,1fr) 80px 70px}.dn-wide-head>span:nth-child(2),.dn-wide-row>span:nth-child(2){display:none}}
@media(max-width:470px){.dn-task-row{grid-template-columns:minmax(0,1fr) 55px 65px}.dn-my-list .dn-list-head>span:nth-child(2),.dn-my-list .dn-task-row>span:nth-child(2){display:none}.dn-header-actions{width:100%}.dn-mode-label{flex:1}.dn-header-actions>.dn-button{flex:1}.dn-filters label{flex:1;min-width:120px}.dn-day-controls input{width:116px}}
@media(max-width:1100px){.dn-my-board{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-collection-row{grid-template-columns:32px minmax(100px,1fr) 70px}.dn-collection-row>.dn-collection-progress,.dn-collection-row>span:last-child{display:none}}
@media(max-width:760px){.dn-my-board{grid-template-columns:1fr}.dn-overview-metrics{grid-template-columns:repeat(2,1fr)}.dn-month-cell{min-height:64px}.dn-month-cell button{font-size:9px}.dn-timeline-list>div{grid-template-columns:minmax(0,1fr) 100px}.dn-timeline-list .dn-collection-progress{display:none}}
.dn-date-dialog{position:fixed;z-index:70;width:min(318px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 20px);margin:0;padding:16px 15px 0;overflow:auto;border:1px solid #e1e5eb;border-radius:9px;background:#fff;box-shadow:0 12px 38px #1023412b;color:#27313d;font-size:13px}.dn-date-dialog::backdrop{background:transparent}
.dn-date-inputs,.dn-date-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dn-date-inputs label,.dn-date-time-fields label{min-width:0}.dn-date-inputs input,.dn-date-time-fields input{box-sizing:border-box;width:100%;min-width:0;height:37px;padding:5px 8px;border:1px solid #dce1e7;border-radius:6px;background:#fff;color:#26313e;font-family:inherit;font-size:13px;font-weight:500}.dn-date-inputs input:focus,.dn-date-time-fields input:focus{border-color:#3e78ce;box-shadow:0 0 0 2px #dce9ff;outline:0}.dn-date-time-fields{margin-top:8px}.dn-date-time-fields[hidden],.dn-date-repeat-settings[hidden]{display:none}
.dn-date-month{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:12px 0 6px}.dn-date-month strong{flex:1;text-align:center;color:#56606d;font-size:14px;font-weight:650}.dn-date-month button,.dn-date-actions button{display:inline-grid;place-items:center;min-width:30px;min-height:32px;padding:4px 7px;border:0;border-radius:5px;background:transparent;color:#65717e;font-size:13px;cursor:pointer}.dn-date-month button:hover,.dn-date-actions button:hover{background:#eef3fa}.dn-date-month #dn-calendar-prev,.dn-date-month #dn-calendar-next{font-size:22px;line-height:1}
.dn-calendar-week,.dn-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.dn-calendar-week{color:#77818d;font-size:12px}.dn-calendar-week span{padding:6px 0}.dn-calendar-days button{position:relative;min-width:0;height:29px;margin:1px 0;border:0;border-radius:0;background:transparent;color:#222b35;font-size:12px;cursor:pointer}.dn-calendar-days button:hover{background:#e9f1fb;border-radius:6px}.dn-calendar-days button.outside{color:#98a2ad}.dn-calendar-days button.today{box-shadow:inset 0 0 0 1px #8fb4e5;border-radius:50%}.dn-calendar-days button.in-range{background:#dbeaff;color:#2f5d9d}.dn-calendar-days button.range-start,.dn-calendar-days button.range-end,.dn-calendar-days button.selected{background:#3374d0;color:#fff}.dn-calendar-days button.range-start{border-radius:50% 0 0 50%}.dn-calendar-days button.range-end{border-radius:0 50% 50% 0}.dn-calendar-days button.range-start.range-end,.dn-calendar-days button.selected{border-radius:50%}.dn-calendar-days button.in-range.outside{color:#5d82b4}.dn-calendar-days button.range-start.today,.dn-calendar-days button.range-end.today{box-shadow:none}
.dn-date-repeat-settings{margin-top:10px;padding:13px 0 10px;border-top:1px solid #e8ebef}.dn-repeat-frequency{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:#303b49;font-weight:650}.dn-repeat-frequency select{min-width:83px;padding:4px;border:0;background:transparent;color:#56616e;text-align:right;font:inherit}.dn-repeat-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:10px}.dn-date-repeat-settings #dn-repeat-weekdays>span{display:block;margin-top:8px;color:#6b7684;font-size:12px}.dn-repeat-days label{display:grid;justify-items:center;gap:5px;color:#66717e;font-size:11px;cursor:pointer}.dn-repeat-days input{width:15px;height:15px;margin:0;accent-color:#3374d0}.dn-repeat-next{min-height:18px;margin:12px 0 0;color:#627286;font-size:12px}.dn-date-actions{display:flex;align-items:center;gap:3px;margin:12px -15px 0;padding:9px 12px;border-top:1px solid #e8ebef}.dn-date-actions svg{display:block;width:18px;height:18px}.dn-date-actions button[aria-pressed="true"]{background:#e8f0ff;color:#2864b5}.dn-date-actions #dn-calendar-today{margin-left:auto}.dn-date-actions #dn-date-clear{color:#5f6c7a}.dn-date-actions button[type=submit]{background:#3374d0;color:#fff;font-weight:700}.dn-date-actions button[type=submit]:hover{background:#2666c0}.dn-date-dialog :is(button,input,select):focus-visible{outline:2px solid #3477d5;outline-offset:2px}
.dn-pending{padding:22px;border:1px solid #e1e8f0;border-radius:8px;background:#fff}.dn-pending h2{margin:0 0 5px;font:700 17px/1.3 var(--font-display,Arial,sans-serif)}.dn-pending p{margin:0;color:#8290a2;font-size:12px}
.doitnow-view:has(.dn-detail-empty) .dn-main{grid-column:2 / -1}.doitnow-view:has(.dn-detail-empty) .dn-detail{display:none}.doitnow-view:has(#dn-home:not([hidden])):has(.dn-detail-empty) .dn-main{background:#fff}.dn-main:has(#dn-home:not([hidden])) .dn-header{justify-content:flex-end;margin-bottom:8px}.dn-main:has(#dn-home:not([hidden])) .dn-header>div:first-child{display:none}
.dn-home-hero{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:8px 0 20px}.dn-home-hero time{color:#64748b;font-size:12px;font-weight:700}.dn-home-hero h2{margin:0;color:#202a3a;font:700 29px/1.25 var(--font-display,Arial,sans-serif);letter-spacing:-.03em}.dn-home-hero>span{color:#708094;font-size:12px}.dn-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dn-home-card{min-height:315px}.dn-home-card .dn-section-heading{min-height:68px}.dn-home-card .dn-section-heading h2{font-size:17px}.dn-home-list{padding:7px 14px}.dn-home-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 0;border-bottom:1px solid #edf1f5}.dn-home-row:last-child{border-bottom:0}.dn-home-row .dn-task-title{min-width:0;flex:1}.dn-home-row-meta{flex:none;color:#708094;font-size:11px}.dn-home-tabs{display:flex;gap:4px;padding:10px 14px 7px;border-bottom:1px solid #eef1f5}.dn-home-tabs button{min-height:27px;padding:4px 9px;border:0;border-radius:5px;background:transparent;color:#66758a;font-size:11px;cursor:pointer}.dn-home-tabs button[aria-pressed="true"]{background:#e9f0f9;color:#3e6796;font-weight:700}.dn-home-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:17px}.dn-home-project{display:flex;align-items:center;gap:10px;min-width:0;min-height:54px;padding:8px;border:0;border-radius:7px;background:#fff;color:#263449;text-align:left;cursor:pointer}.dn-home-project:hover,.dn-home-person:hover{background:#f0f5fa}.dn-home-project>.dn-home-project-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:8px;background:#76d8c7;color:#173a50;font-size:20px}.dn-home-project strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dn-home-project small{margin-left:auto;color:#8794a4;font-size:10px;white-space:nowrap}.dn-home-person{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 3px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#2b3749;text-align:left;cursor:pointer}.dn-home-avatar{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:#dce9fb;color:#3c6799;font-size:12px;font-weight:700}.dn-home-person>span:nth-child(2){min-width:0}.dn-home-person strong,.dn-home-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-home-person strong{font-size:12px}.dn-home-person small{color:#8b99a8;font-size:10px}.dn-home-person em{margin-left:auto;color:#8997a7;font-size:10px;font-style:normal;white-space:nowrap}
@media(max-width:1050px){.dn-home-grid{grid-template-columns:1fr 1fr}.dn-home-projects{grid-template-columns:1fr}.dn-home-project small{display:none}}
@media(max-width:760px){.dn-home-grid{grid-template-columns:1fr}.dn-home-card{min-height:250px}.dn-home-hero h2{font-size:23px}.dn-home-projects{grid-template-columns:1fr 1fr}.dn-home-project small{display:none}}
.dn-utility{grid-column:2 / -1;grid-row:1;position:relative;z-index:35;display:flex;align-items:center;height:44px;padding:0 12px;background:#0D1B3D;color:#eef1f5}
.dn-utility button{font-family:var(--font-body,Arial,sans-serif);cursor:pointer}.dn-utility button:disabled{cursor:default}
.dn-create-anchor{position:relative;z-index:1}.dn-utility-create{display:flex;align-items:center;gap:7px;height:32px;padding:3px 10px 3px 4px;border:1px solid #4c5158;border-radius:18px;background:#373b40;color:#fff;font-size:12px;font-weight:700}.dn-utility-create>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eb655f;color:#fff;font-size:19px;font-weight:400;line-height:1}.dn-utility-create:hover{background:#454a50}.dn-global-search-button:hover{background:#0c3270}
.dn-utility-center{position:relative;display:flex;align-items:center;gap:7px;flex:0 1 520px;min-width:0;margin-left:12px;width:min(520px,calc(100% - 100px))}.dn-utility-icon{flex:0 0 27px;width:27px;height:29px;border:0;border-radius:5px;background:transparent;color:#c2c8d0;font-size:21px;line-height:1}.dn-utility-icon:hover:not(:disabled){background:#3b4047}.dn-utility-icon:disabled{opacity:.4}.dn-search-anchor{flex:1;min-width:0}.dn-global-search-button{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 12px;border:1px solid #6b83a9;border-radius:18px;background:#0D1B3D;color:#e0eaf8;text-align:left;font-size:12px}.dn-global-search-button>span{font-size:20px;line-height:1}
.dn-utility-pop{color:#212b38;background:#fff;border:1px solid #d8e0e9;border-radius:7px;box-shadow:0 15px 42px #0d1b2b40}.dn-create-menu{position:absolute;top:39px;left:0;width:230px;padding:5px;z-index:55}.dn-create-menu button{display:flex;align-items:center;gap:12px;width:100%;height:36px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:#243044;text-align:left;font-size:13px}.dn-create-menu button:not(:disabled):hover{background:#eef3f9}.dn-create-menu button:disabled{color:#94a1b0}.dn-create-menu button>span{width:18px;color:#758596;text-align:center;font-size:17px}.dn-create-menu small{margin-left:auto;color:#a5b0bd;font-size:10px}.dn-create-menu-divider{height:1px;margin:5px 7px;background:#e8edf2}
.dn-recent-anchor{flex:0 0 27px}.dn-recent-popover{position:fixed;top:46px;left:50%;width:min(360px,calc(100vw - 16px));max-height:min(650px,calc(100dvh - 55px));overflow:auto;transform:translateX(-50%);z-index:55}.dn-recent-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 9px;border-bottom:1px solid #e8edf2}.dn-recent-heading strong{font-size:13px}.dn-recent-heading span{color:#8996a5;font-size:11px}.dn-recent-item{display:flex;align-items:center;gap:11px;width:100%;min-height:49px;padding:7px 15px;border:0;background:#fff;color:#273346;text-align:left}.dn-recent-item:hover,.dn-recent-item:focus-visible{background:#eef3f9}.dn-recent-icon{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:6px;background:#e8f1f9;color:#4d6f92;font-size:15px}.dn-recent-item>span:last-child{min-width:0}.dn-recent-item strong,.dn-recent-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-recent-item strong{font-size:12px;font-weight:650}.dn-recent-item small{color:#8a97a6;font-size:10px}.dn-recent-empty{margin:0;padding:18px;color:#7b8796;font-size:12px}
.dn-search-popover{position:fixed;top:46px;left:50%;width:min(570px,calc(100vw - 16px));max-height:min(690px,calc(100dvh - 55px));overflow:auto;transform:translateX(-50%);z-index:55}.dn-search-line{display:flex;align-items:center;gap:7px;height:48px;margin:9px 12px 0;padding:0 10px;border:2px solid #4d78c5;border-radius:18px}.dn-search-line>span{font-size:20px;color:#708095}.dn-search-line input{min-width:0;flex:1;height:38px;padding:0;border:0!important;outline:0!important;background:none;color:#1f2937;font-size:13px}.dn-search-line button{width:30px;height:30px;border:0;border-radius:5px;background:transparent;color:#64758a;font-size:17px}.dn-search-line button:hover{background:#eef3f8}.dn-search-chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px 10px}.dn-search-chips button,.dn-search-presets button{min-height:27px;padding:3px 11px;border:1px solid #e0e5eb;border-radius:15px;background:#fff;color:#34445b;font-size:11px}.dn-search-chips button[aria-pressed="true"]{border-color:#adc7eb;background:#edf4ff;color:#2d5e9c}.dn-search-chips button:disabled{opacity:.5}.dn-search-result-head{padding:8px 17px;color:#7b8796;font-size:11px;font-weight:700}.dn-search-matches{max-height:390px;overflow:auto}.dn-search-match{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:51px;padding:8px 18px;border:0;background:#fff;color:#263143;text-align:left}.dn-search-match:hover,.dn-search-match:focus-visible{background:#f1f5fa}.dn-search-match>span:first-child{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:5px;background:#e8f1f9;color:#4d6f92}.dn-search-match strong{display:block;font-size:12px;font-weight:650}.dn-search-match small{display:block;margin-top:2px;color:#8b98a8;font-size:10px}.dn-search-empty{padding:18px;color:#7f8c9d;font-size:12px}.dn-search-presets{display:flex;flex-wrap:wrap;gap:5px;padding:11px 15px;border-top:1px solid #e9edf2}.dn-search-presets>span{width:100%;margin-bottom:3px;color:#8994a3;font-size:10px}.dn-search-presets button{min-height:25px;background:#f5f7fa}.dn-search-presets button:hover{background:#e9f0f8}
#dn-search-filters{padding:11px 16px 0}#dn-search-filters>label{display:grid;grid-template-columns:103px minmax(0,1fr);align-items:center;gap:10px;min-height:50px;color:#687687;font-size:11px;font-weight:650}#dn-search-filters input,#dn-search-filters select{width:100%;min-height:36px;padding:6px 10px;border:1px solid #d9e0e7;border-radius:6px;background:#fff;color:#2b3647;font-size:12px}#dn-search-filters input:disabled{background:#f7f8fa;color:#97a2af}.dn-search-filter-actions{display:flex;align-items:center;gap:8px;margin:12px -16px 0;padding:11px 16px;border-top:1px solid #e9edf2}.dn-search-filter-actions span{flex:1}.dn-search-filter-actions button{min-height:32px;padding:5px 10px;border:1px solid #d9e0e8;border-radius:5px;background:#fff;color:#455b75;font-size:11px}.dn-search-filter-actions button[type=submit]{background:#4d6f92;border-color:#4d6f92;color:#fff}.dn-search-filter-actions button:disabled{opacity:.45}
@media(max-width:760px){.dn-utility{height:48px}.dn-utility-center{flex:1;width:auto;margin-left:8px}.dn-utility-icon{flex-basis:24px;width:24px}.dn-recent-anchor{flex-basis:24px}.dn-create-menu{position:fixed;top:105px;left:8px}.dn-search-popover,.dn-recent-popover{top:105px;max-height:calc(100dvh - 113px)}.dn-detail{top:0;height:100dvh}}
@media(max-width:470px){.dn-utility-center{gap:3px}.dn-utility-icon{flex-basis:20px;width:20px}.dn-global-search-button{padding:0 8px}#dn-search-filters>label{grid-template-columns:79px minmax(0,1fr)}}


.doitnow-view:has(#dn-oneonone:not([hidden])) .dn-main{grid-column:2 / -1;min-height:calc(100dvh - 44px);padding:0;background:#fff}
.doitnow-view:has(#dn-oneonone:not([hidden])) .dn-detail{display:none}
.doitnow-view:has(#dn-oneonone:not([hidden])) .dn-header,.doitnow-view:has(#dn-oneonone:not([hidden])) .dn-context{display:none}
.dn-oneonone-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:61px;padding:10px 22px;border-bottom:1px solid #e6eaf0;background:#fff}
.dn-oneonone-head h2{margin:0;font-size:16px;color:#203148}.dn-oneonone-head p{margin:2px 0 0;font-size:11px;color:#7c8a9a}.dn-oneonone-head>span{flex:none;padding:5px 9px;border-radius:5px;background:#eef3f9;color:#58708d;font-size:11px}
#dn-oneonone iframe{display:block;width:100%;height:calc(100dvh - 105px);min-height:640px;border:0;background:#f4f5f7}
@media(max-width:760px){.doitnow-view:has(#dn-oneonone:not([hidden])) .dn-main{min-height:0;padding:0}.dn-oneonone-head{padding:10px 13px}#dn-oneonone iframe{height:calc(100dvh - 166px);min-height:520px}}
@media(max-width:1050px) and (min-width:761px){.dn-nav .dn-profile-button{justify-content:center;padding:9px 0}.dn-profile-button-name,.dn-profile-chevron{display:none}.dn-profile-menu{left:60px}}
@media(max-width:1050px) and (min-width:761px){.dn-brand-product{display:none}}
@media(max-width:760px){.dn-brand{justify-content:flex-start}.dn-brand img{width:88px}.dn-brand-product{display:inline-block}.dn-nav #dn-mobile-menu{color:#fff}.dn-nav #dn-mobile-menu:hover{background:#0c3270}.dn-profile-anchor{margin-top:4px;padding-top:8px;border-top:1px solid #3b5473}.dn-profile-menu{bottom:16px}}

/* Asana-like dense My Tasks workspace. Existing Workboard identity and task store remain in use. */
.dn-main:has(#dn-mine:not([hidden])){position:relative;padding:0;background:#fff}
.dn-main:has(#dn-mine:not([hidden]))>.dn-header{display:none}
.dn-main:has(#dn-mine:not([hidden]))>.dn-context{display:none;position:absolute;z-index:20;top:48px;right:16px;width:min(370px,calc(100vw - 32px));margin:0;box-shadow:0 14px 38px #132b4b2c}
.dn-main:has(#dn-mine:not([hidden]))>.dn-context.is-open{display:flex;align-items:flex-start;flex-direction:column}
.dn-main:has(#dn-mine:not([hidden]))>.dn-context.is-open span{white-space:normal}
.dn-main:has(#dn-mine:not([hidden]))>.dn-feedback:not(:empty),.dn-main:has(#dn-mine:not([hidden]))>.dn-error:not([hidden]){margin:8px 18px}
.dn-my-page{display:flex;flex-direction:column;min-height:calc(100dvh - 44px);background:#fff}
.dn-my-page-head{display:flex;align-items:center;min-height:52px;padding:0 18px;border-bottom:1px solid #e7eaee}
.dn-my-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.dn-my-yellow{flex:none;width:18px;height:18px;border-radius:50%;background:#ffdf36}
.dn-my-title-line h2{margin:0;color:#20242c;font-size:17px;font-weight:750;letter-spacing:-.03em}
.dn-my-title-line>button{width:24px;height:24px;border:0;border-radius:4px;background:none;color:#6f7a87;cursor:pointer}
.dn-my-title-line>button:hover{background:#f0f2f4}
#dn-my-count{margin-left:8px;color:#94a0aa;font-size:11px}
.dn-my-page .dn-page-tabs{display:flex;align-items:stretch;gap:2px;width:100%;max-width:none;height:39px;margin:0;padding:0 18px;border-bottom:1px solid #e7eaee;border-radius:0;background:#fff;overflow:visible}
.dn-my-page .dn-page-tabs button{height:39px;min-height:0;padding:0 11px;border-radius:0;background:none;color:#5c6673;box-shadow:none;font-size:12px;font-weight:600}
.dn-my-page .dn-page-tabs button[aria-pressed="true"]{border-bottom:2px solid #4177bd;color:#245ca8}
.dn-my-page .dn-page-tabs button:hover{background:#f6f8fa}
.dn-my-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:49px;padding:7px 18px;border-bottom:1px solid #e8ebef}
.dn-my-add-task{min-height:30px;padding:4px 11px;border:1px solid #2f72be;border-radius:5px;background:#3a7bd0;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.dn-my-add-task:hover{background:#2866b4}
.dn-my-toolbar-right{display:flex;align-items:center;gap:10px}
.dn-my-toolbar-right label{display:flex;align-items:center;gap:5px;color:#7c8795;font-size:11px}
.dn-my-toolbar-right select{max-width:106px;padding:3px 5px;border:1px solid #e1e5ea;border-radius:4px;background:#fff;color:#465469;font-size:11px}
#dn-my-workspace{flex:1;min-width:0}
.dn-my-list{min-height:calc(100dvh - 185px)}
.dn-my-table-head,.dn-my-task-row{grid-template-columns:minmax(230px,1fr) 105px 95px 145px 120px;gap:0;padding:0 16px}
.dn-my-table-head{height:35px;background:#fff;color:#798491;font-size:11px;font-weight:600}
.dn-my-table-head>span{display:flex;align-items:center;min-width:0;height:100%;padding:0 9px;border-right:1px solid #edf0f3;text-align:left!important}
.dn-my-table-head>span:first-child{padding-left:4px}
.dn-my-task-row{min-height:34px;border-bottom:1px solid #ebedf0;background:#fff;color:#354153;font-size:12px;cursor:pointer}
.dn-my-task-row:hover,.dn-my-task-row.is-selected{background:#eaf2ff}
.dn-my-task-row>span{display:flex;align-items:center;min-width:0;height:100%;padding:0 9px;border-right:1px solid #f1f2f4;text-align:left!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dn-my-task-row.is-complete .dn-task-title{color:#84929d;text-decoration:line-through}
.dn-my-name-cell{display:flex;align-items:center;gap:6px;min-width:0}
.dn-my-name-cell .dn-task-title{display:block;flex:1;min-width:0;padding:5px 0;color:#2c3543;text-align:left}
.dn-my-name-cell .dn-task-name{font-size:12px;font-weight:500}
.dn-row-complete{display:grid;place-items:center;flex:none;width:18px;height:18px;padding:0;border:1px solid #aab4bf;border-radius:50%;background:#fff;color:transparent;font-size:12px;cursor:pointer}
.dn-row-complete:hover{border-color:#4aae7b;color:#4aae7b}
.dn-row-complete.is-done{border-color:#52b67d;background:#52b67d;color:#fff}
.dn-my-task-row .dn-today-toggle{flex:none;margin-left:auto;padding:3px 5px;opacity:.45;font-size:10px}
.dn-my-task-row:hover .dn-today-toggle,.dn-my-task-row .dn-today-toggle.is-on{opacity:1}
.dn-my-due.is-overdue{color:#d45450!important;font-weight:650}
.dn-small-avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffe237;color:#453d14;font-size:10px;font-weight:700}
.dn-my-project button{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:2px 5px;border:0;border-radius:4px;background:#eef2f4;color:#364657;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;cursor:pointer}
.dn-my-project i{flex:none;width:9px;height:9px;border-radius:2px;background:#66d3bd}
.dn-my-visibility{font-size:11px;color:#76828d!important}
.dn-my-group-title{display:flex;align-items:center;gap:6px;width:100%;height:34px;padding:0 17px;border:0;border-bottom:1px solid #e9ecef;background:#fff;color:#2a3442;text-align:left;font-size:12px;font-weight:700;cursor:pointer}
.dn-my-group-title:hover{background:#f6f8fa}
.dn-my-group-title small{color:#9aa4ae;font-size:10px;font-weight:500}
.dn-my-group .dn-empty-row{padding:14px 20px;text-align:left}
#dn-my-alternate{padding:18px}
#dn-my-alternate>.dn-section-heading{padding:6px 0 14px;border:0}
#dn-my-files{padding:16px 20px}
.dn-my-files-head{display:flex;align-items:center;gap:10px;padding:4px 0 12px;border-bottom:1px solid #e7ebef}
.dn-my-files-head h3{margin:0;font-size:15px}
.dn-my-files-head span{color:#7e8c9b;font-size:11px}
.dn-my-file-row{display:flex;align-items:center;gap:12px;min-height:49px;border-bottom:1px solid #edf0f3}
.dn-my-file-row a{flex:1;color:#2d5f9a;text-decoration:none;font-size:12px;font-weight:650}
.dn-my-file-row button{border:0;background:none;color:#65788d;font-size:11px;cursor:pointer}
.dn-my-file-row small{color:#8b98a6;font-size:10px}
.dn-file-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:5px;background:#e8eff8;color:#4272a5}
#dn-my-dashboard{padding:20px;background:#f7f9fc}
.dn-my-dashboard-title{margin:0 0 13px}
.dn-my-dashboard-title h3{margin:0 0 3px;font-size:17px}
.dn-my-dashboard-title p{margin:0;color:#8190a1;font-size:11px}
#dn-my-dashboard .dn-my-grid{grid-template-columns:minmax(285px,.8fr) minmax(350px,1.2fr)}
#dn-my-dashboard .dn-schedule{min-width:0}
#dn-my-dashboard .dn-timeline{max-height:650px}
.dn-detail-content{display:flex;flex-direction:column;min-height:100%;padding:0}
.dn-detail-top{position:sticky;top:0;z-index:3;flex:none;min-height:50px;padding:0 15px;border-bottom:1px solid #e8ebef;background:#fff}
.dn-detail-complete{min-height:28px;padding:3px 8px;border:1px solid #9adab0;border-radius:5px;background:#effaf1;color:#2c9b58;font-size:11px;font-weight:700;cursor:pointer}
.dn-detail-top .dn-detail-complete{min-height:28px;padding:3px 8px;border:1px solid #9adab0;border-radius:5px;background:#effaf1;color:#2c9b58;font-size:11px;font-weight:700}
.dn-detail-complete.is-done{background:#e4f7e8}
.dn-detail-top-actions{display:flex;align-items:center;gap:10px}
.dn-detail-top-actions button{width:25px;height:28px;border:0;border-radius:4px;background:transparent;color:#84909c;font-size:18px;cursor:pointer}
.dn-detail-top-actions button:hover{background:#f0f2f4}
.dn-detail-body{flex:1;padding:0 18px 18px}
.dn-detail-context{margin:0 -18px 12px;padding:7px 18px;background:#f5f6f8;color:#7e8790;font-size:10px}
.dn-detail-title textarea{min-height:55px;margin:0 0 9px;padding:2px 0!important;color:#252b34!important;font-size:19px!important;line-height:1.4!important}
.dn-detail-fields{gap:4px;padding:4px 0 14px}
.dn-detail-fields label{grid-template-columns:85px minmax(0,1fr);min-height:34px;color:#6f7883}
.dn-detail-fields select,.dn-detail-fields input{min-height:29px;border-color:transparent!important;background:transparent!important;color:#3d4755!important}
.dn-detail-fields :is(select,input):hover,.dn-detail-fields :is(select,input):focus-visible{border-color:#cad4df!important;background:#fff!important}
.dn-detail-date-field{display:flex;align-items:center;min-width:0}
.dn-detail-date-field input{flex:1}
.dn-detail-date-field button{width:28px;height:28px;border:0;background:transparent;color:#647e9a;cursor:pointer}
.dn-detail-section{padding:14px 0;border-top:1px solid #edf0f3}
.dn-detail-section h3{margin:0 0 7px;color:#404b5a;font-size:11px}
.dn-detail-project{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:8px}
.dn-detail-project h3{margin:0}
.dn-detail-description{width:100%;min-height:72px;padding:8px;border:1px solid transparent;border-radius:5px;background:#fff;color:#333f4e;font:12px/1.5 var(--font-body,Arial,sans-serif);resize:vertical}
.dn-detail-description:hover,.dn-detail-description:focus-visible{border-color:#d3dce6}
.dn-detail-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dn-attachment-add{color:#456d9a;font-size:11px;font-weight:700;cursor:pointer}
.dn-attachment-note{margin:0 0 7px;color:#95a0aa;font-size:10px}
.dn-attachment{display:flex;align-items:center;gap:7px;min-width:0;padding:5px;border:1px solid #e4e9ef;border-radius:5px}
.dn-attachment a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d5f9a;font-size:11px;text-decoration:none}
.dn-attachment small{color:#929da9;font-size:10px}
.dn-attachment button{border:0;background:none;color:#8391a0;font-size:16px;cursor:pointer}
.dn-attachment-preview{display:block;max-width:100%;max-height:220px;margin:8px auto;border:1px solid #e5e9ef;border-radius:6px;object-fit:contain}
.dn-detail-activity{padding:14px 18px 20px;border-top:1px solid #e6eaf0;background:#fff}
.dn-detail-activity .dn-detail-section-title{padding-bottom:8px;border-bottom:1px solid #e9edf2}
.dn-detail-activity h3{margin:0;font-size:12px}
.dn-detail-activity small{color:#95a0aa;font-size:10px}
.dn-detail-activity #dn-comment-form textarea{min-height:55px}
@media(max-width:1500px){.dn-my-table-head,.dn-my-task-row{grid-template-columns:minmax(200px,1fr) 88px 72px 120px 92px}#dn-my-dashboard .dn-my-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.dn-my-table-head,.dn-my-task-row{grid-template-columns:minmax(180px,1fr) 80px 100px}.dn-my-table-head>span:nth-child(3),.dn-my-task-row>span:nth-child(3),.dn-my-table-head>span:nth-child(5),.dn-my-task-row>span:nth-child(5){display:none}}
@media(max-width:760px){.dn-my-page{min-height:calc(100dvh - 104px)}.dn-my-page .dn-page-tabs{overflow:auto;padding:0 10px}.dn-my-page .dn-page-tabs button{flex:none}.dn-my-page-head,.dn-my-toolbar{padding-left:12px;padding-right:12px}.dn-my-table-head,.dn-my-task-row{grid-template-columns:minmax(0,1fr) 70px}.dn-my-table-head>span:nth-child(4),.dn-my-task-row>span:nth-child(4){display:none}.dn-my-table-head>span:nth-child(3),.dn-my-task-row>span:nth-child(3){display:none}.dn-my-task-row .dn-today-toggle{opacity:1}.dn-my-toolbar-right{gap:4px}.dn-my-toolbar-right label{font-size:0}.dn-my-toolbar-right select{max-width:86px;font-size:10px}#dn-my-dashboard{padding:10px}.dn-detail-content{min-height:100dvh}}
@media(max-width:400px){.dn-my-title-line h2{font-size:15px}.dn-my-table-head,.dn-my-task-row{padding:0 8px}.dn-my-name-cell{gap:4px}.dn-my-task-row .dn-today-toggle{font-size:9px}}

/* Give the selected task the same reading space as the work list. */
@media(min-width:1501px){.dn-shell{grid-template-columns:224px minmax(0,1fr) clamp(540px,36vw,720px)}}
@media(min-width:1051px) and (max-width:1500px){.dn-shell{grid-template-columns:205px minmax(0,1fr) clamp(470px,36vw,560px)}}
@media(min-width:761px) and (max-width:1050px){.dn-shell{grid-template-columns:72px minmax(0,1fr) 380px}}
.dn-detail-body{padding:0 28px 22px}
.dn-detail-context{margin:0 -28px 20px;padding:10px 28px;font-size:11px}
.dn-detail-title textarea{min-height:54px;margin:0 0 8px;font-size:23px!important;font-weight:750!important;resize:none}
.dn-detail-primary-fields{gap:3px;padding:0 0 16px}
.dn-detail-primary-fields label,.dn-detail-field-row{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;min-height:41px;gap:9px;color:#687483;font-size:12px;font-weight:600}
.dn-detail-primary-fields :is(select,.dn-due-open){max-width:100%;min-height:33px;padding:5px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#303d4c;text-align:left;font:12px/1.3 var(--font-body,Arial,sans-serif);cursor:pointer}
.dn-detail-primary-fields :is(select,.dn-due-open):hover,.dn-detail-primary-fields :is(select,.dn-due-open):focus-visible{border-color:#cbd7e4;background:#fff}
.dn-detail-project{grid-template-columns:115px minmax(0,1fr);min-height:44px}
.dn-detail-project input{min-height:32px;border-color:transparent!important;background:transparent!important}
.dn-detail-project input:hover,.dn-detail-project input:focus-visible{border-color:#cbd7e4!important;background:#fff!important}
.dn-source{display:block;margin:4px 0 18px;padding:0;border:0;border-radius:0;background:transparent}
.dn-source summary{padding:6px 0;color:#61738a;font-size:11px;font-weight:700;cursor:pointer}
.dn-source summary span{margin-left:7px;color:#8e9aaa;font-weight:500}
.dn-source>div{display:grid;gap:5px;margin-top:4px;padding:10px 12px;border-radius:5px;background:#f2f5f8}
.dn-detail-section{padding:12px 0}
.dn-detail-section h3{margin-bottom:9px;font-size:12px}
.dn-detail .dn-detail-description{min-height:240px;padding:10px 12px;border:1px solid #e2e8ef;border-radius:6px;line-height:1.65}
.dn-detail-description:hover,.dn-detail-description:focus-visible{border-color:#a9bdd2}
.dn-attachment-preview{max-height:340px}
.dn-detail-activity{padding:18px 28px 22px}
@media(min-width:1501px){.dn-detail-body>.dn-detail-section:has(.dn-detail-fields){display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center}.dn-detail-body>.dn-detail-section:has(.dn-detail-fields)>h3{margin:0}.dn-detail-body>.dn-detail-section:has(.dn-detail-fields) .dn-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dn-detail-body>.dn-detail-section:has(.dn-detail-fields) .dn-detail-fields label{grid-template-columns:68px minmax(0,1fr)}}
@media(max-width:760px){.dn-detail-body{padding:0 18px 20px}.dn-detail-context{margin:0 -18px 16px;padding:8px 18px}.dn-detail-primary-fields label,.dn-detail-field-row{grid-template-columns:85px minmax(0,1fr)}.dn-detail-project{grid-template-columns:85px minmax(0,1fr)}.dn-detail-title textarea{font-size:20px!important}.dn-detail .dn-detail-description{min-height:170px}.dn-detail-activity{padding:15px 18px}}

/* Readable task text while retaining the compact list layout. */
.doitnow-view{font-size:15px}
.dn-nav-primary,.dn-nav-item{font-size:14px}
.dn-my-title-line h2{font-size:19px}
#dn-my-count{font-size:13px}
.dn-my-page .dn-page-tabs{height:43px}
.dn-my-page .dn-page-tabs button{height:43px;font-size:13px}
.dn-my-add-task{min-height:34px;font-size:13px}
.dn-my-toolbar-right label,.dn-my-toolbar-right select{font-size:13px}
.dn-my-table-head{height:39px;font-size:12px}
.dn-my-task-row{min-height:42px;font-size:14px}
.dn-my-name-cell .dn-task-name{font-size:14px}
.dn-my-task-row>span:not(.dn-status){font-size:13px}
.dn-my-task-row .dn-today-toggle{font-size:12px;opacity:.75}
.dn-my-project button,.dn-my-visibility{font-size:12px}
.dn-my-group-title{height:39px;font-size:14px}
.dn-my-group-title small{font-size:12px}
.dn-list-head{font-size:12px}
.dn-task-row:not(.dn-my-task-row){min-height:48px;font-size:13px}
.dn-task-row:not(.dn-my-task-row) .dn-task-name{font-size:14px}
.dn-detail-top .dn-detail-complete{font-size:13px}
.dn-detail-context{font-size:12px}
.dn-detail-primary-fields label,.dn-detail-field-row{font-size:13px}
.dn-detail-primary-fields :is(select,.dn-due-open){font-size:14px}
.dn-detail-project input,.dn-detail-section .dn-detail-fields :is(input,select){font-size:14px}
.dn-detail-section h3,.dn-detail-activity h3{font-size:13px}
.dn-detail .dn-detail-description{font-size:14px;line-height:1.6}
.dn-source summary,.dn-source>div,.dn-checks label,.dn-comments p,.dn-attachment a,.dn-attachment-add{font-size:13px}
.dn-attachment-note,.dn-detail-activity small,.dn-comments small{font-size:11px}
.dn-detail-activity #dn-comment-form textarea{font-size:14px}
@media(max-width:760px){.dn-my-toolbar-right label{font-size:0}.dn-my-toolbar-right select{font-size:12px}.dn-my-task-row .dn-today-toggle{font-size:11px}}
@media(min-width:1501px){.dn-my-table-head,.dn-my-task-row{grid-template-columns:minmax(230px,1fr) minmax(105px,8%) minmax(95px,7%) minmax(145px,10%) minmax(120px,8%)}}
@media(min-width:761px){.dn-my-task-row .dn-today-toggle{opacity:0}.dn-my-task-row:hover .dn-today-toggle,.dn-my-task-row:focus-within .dn-today-toggle{opacity:1}}
.dn-sidebar-context{position:fixed;z-index:95;width:224px;max-height:calc(100dvh - 16px);overflow:auto;padding:5px;border:1px solid #d6dce4;border-radius:7px;background:#fff;color:#27313e;box-shadow:0 12px 32px #06162b46;font:13px/1.4 var(--font-body,Arial,sans-serif)}
.dn-sidebar-context.is-compact{width:174px;border-color:#4c4f53;background:#272727;color:#f4f4f4;box-shadow:0 12px 30px #0008}
.dn-sidebar-context button{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:5px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.dn-sidebar-context button:not(:disabled):hover,.dn-sidebar-context button:not(:disabled):focus-visible{background:#eaf1f8;outline:0}
.dn-sidebar-context.is-compact button:not(:disabled):hover,.dn-sidebar-context.is-compact button:not(:disabled):focus-visible{background:#414141}
.dn-sidebar-context button:disabled{color:#9ca6b2;cursor:default}.dn-sidebar-context.is-compact button:disabled{color:#8c8c8c}
.dn-sidebar-context .dn-context-icon{display:inline-grid;place-items:center;flex:0 0 16px;width:16px;color:#8090a0;font-size:16px;line-height:1}
.dn-sidebar-context.is-compact .dn-context-icon{color:#c9c9c9}
.dn-sidebar-context .dn-context-end{margin-left:auto;color:#8290a0}.dn-sidebar-context .dn-context-divider{height:1px;margin:4px 3px;background:#e7eaf0}.dn-sidebar-context.is-compact .dn-context-divider{background:#454545}
.dn-sidebar-context .dn-context-heading{display:block;padding:7px 8px 5px;color:#687788;font-size:11px;font-weight:700}.dn-sidebar-context button:focus-visible{outline:2px solid #4c80ca;outline-offset:-2px}
.dn-project-icon,.dn-collection-icon:not(.dn-customer-icon),.dn-home-project>span.dn-home-project-icon{background:var(--dn-project-color,#5ed2bd)}
.dn-project-icon img,.dn-collection-icon img,.dn-home-project-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.dn-sidebar-submenu{position:fixed;z-index:96;width:226px;max-height:calc(100dvh - 16px);overflow:auto;padding:14px 15px;border:1px solid #d9dce2;border-radius:7px;background:#fff;color:#303944;box-shadow:0 12px 32px #06162b3d;font:12px/1.35 var(--font-body,Arial,sans-serif)}
.dn-sidebar-submenu>strong{display:block;margin:0 0 10px;font-size:12px}.dn-appearance-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:13px}.dn-appearance-color{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #0000000b;border-radius:4px;color:#143d58;font-size:14px;font-weight:800;cursor:pointer}.dn-appearance-color.is-selected{outline:2px solid #274b78;outline-offset:1px}
.dn-appearance-tabs{display:flex;gap:5px;margin-bottom:10px;padding-top:12px;border-top:1px solid #e9edf1}.dn-appearance-tabs button{min-height:27px;padding:4px 7px;border:0;border-radius:5px;background:transparent;color:#708094;font:700 12px var(--font-body,Arial,sans-serif);cursor:pointer}.dn-appearance-tabs button[aria-pressed="true"]{background:#e9f0fb;color:#3966a3}
.dn-appearance-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;max-height:236px;overflow:auto}.dn-appearance-icons button{display:grid;place-items:center;width:43px;height:43px;border:1px solid transparent;border-radius:6px;background:#fff;color:#858b92;font:700 24px/1 var(--font-body,Arial,sans-serif);cursor:pointer}.dn-appearance-icons button:hover,.dn-appearance-icons button[aria-pressed="true"]{border-color:#c4d4eb;background:#ecf3fc;color:#315783}
.dn-appearance-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:200px;margin-top:2px;padding:18px 9px;border-radius:8px;background:#f2f2f2;color:#555;text-align:center;cursor:pointer}
.dn-appearance-upload:hover,.dn-appearance-upload:focus-within{background:#e9eef5}.dn-appearance-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:4px 9px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#424242;font-size:12px;font-weight:700;box-shadow:0 1px 1px #0000000d}.dn-appearance-upload small{font-size:11px;line-height:1.6}.dn-appearance-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

.dn-oneonone-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dn-oneonone-actions a{text-decoration:none}.dn-oneonone-head p{font-size:13px}
@media(max-width:760px){.dn-oneonone-head{flex-wrap:wrap}.dn-oneonone-actions{width:100%}}
/* My Tasks header and controls, matching the supplied compact reference. */
.dn-my-page-head{min-height:48px;border-bottom:0;gap:8px}.dn-my-yellow{width:28px;height:28px}.dn-my-title-line{gap:12px}.dn-my-page .dn-page-tabs{height:36px;gap:4px;align-items:center}.dn-my-page .dn-page-tabs button{height:28px;padding:0 9px;border:0;border-radius:5px;font-weight:500}.dn-my-page .dn-page-tabs button[aria-pressed=true]{border:0;background:#eef3ff;color:#245ca8}.dn-my-toolbar{min-height:55px}.dn-my-toolbar-right{gap:6px}.dn-my-menu{position:relative;color:#62666d;font-size:12px}.dn-my-menu>summary{display:flex;align-items:center;gap:5px;list-style:none;padding:5px 7px;border-radius:5px;cursor:pointer;white-space:nowrap;min-height:28px;box-sizing:border-box}.dn-my-menu>summary::-webkit-details-marker{display:none}.dn-my-menu>summary:hover,.dn-my-menu[open]>summary{background:#f3f4f6}.dn-my-menu-content{position:absolute;right:0;top:calc(100% + 5px);z-index:30;min-width:210px;padding:12px;background:white;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 5px 20px #16203322;color:#303742}.dn-my-menu-content label{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:13px!important;color:#465469}.dn-my-menu-content select{font-size:13px!important;max-width:none!important;width:100%;padding:7px!important}.dn-my-menu-content label:has(select){display:grid}.dn-my-menu-content button{display:block;width:100%;text-align:left;margin:4px 0;padding:7px 8px;font:inherit;border:0;background:white;border-radius:4px;cursor:pointer}.dn-my-menu-content button:hover{background:#f3f5f8}.dn-my-menu-content input[type=checkbox]{accent-color:#0D1B3D}.dn-my-search-toggle{border:0;background:none;font-size:23px;color:#69717c;cursor:pointer;padding:0 7px}.dn-my-toolbar-right #dn-my-search{width:180px;font-size:12px;padding:6px 8px;border:1px solid #ccd4df;border-radius:5px}.dn-my-add-split{display:flex;align-items:stretch}.dn-my-add-split #dn-my-add-task{border-radius:5px 0 0 5px}.dn-my-add-split>details>summary{height:30px;background:#3a7bd0;color:white;border-left:1px solid #ffffff55;border-radius:0 5px 5px 0;padding:0 7px}.dn-my-add-split .dn-my-menu-content{left:0;right:auto}.dn-my-customize{order:2}.dn-my-customize>details>summary{border:1px solid #dfe2e7;color:#555}.dn-my-page-head .dn-sharing-actions{margin-left:auto;order:1;align-items:center;gap:8px}.dn-my-page-head .dn-sharing-actions>.dn-button{min-height:28px;padding:4px 9px;font-size:12px;font-weight:500;border-color:#dfe2e7;color:#555}.dn-shared-avatars{display:flex;align-items:center;background:none;border:0;padding:0 4px;cursor:pointer}.dn-shared-avatars[hidden]{display:none}.dn-shared-avatars .dn-share-avatar{width:28px;height:28px;border:2px solid white;font-size:11px;box-sizing:content-box}.dn-shared-avatars .dn-share-avatar+.dn-share-avatar{margin-left:-10px}.dn-shared-avatars:hover .dn-share-avatar{border-color:#e9eff8}.dn-avatar-more{font-weight:600;color:#4b5870}.dn-my-table-head,.dn-my-task-row{grid-template-columns:var(--dn-my-columns,minmax(230px,1fr) 105px 95px 145px 120px)}.dn-hide-due .dn-my-due,.dn-hide-due .dn-my-table-head>[data-my-head=due],.dn-hide-person .dn-my-person,.dn-hide-person .dn-my-table-head>[data-my-head=person],.dn-hide-project .dn-my-project,.dn-hide-project .dn-my-table-head>[data-my-head=project],.dn-hide-visibility .dn-my-visibility,.dn-hide-visibility .dn-my-table-head>[data-my-head=visibility]{display:none}.dn-my-compact .dn-my-task-row{min-height:28px}.dn-my-compact .dn-my-task-row .dn-task-title{padding-top:3px;padding-bottom:3px}@media(max-width:760px){.dn-my-toolbar{flex-wrap:wrap}.dn-my-toolbar-right{flex-wrap:wrap;margin-left:auto}.dn-my-customize{margin-left:auto}.dn-my-table-head,.dn-my-task-row{grid-template-columns:var(--dn-my-columns,minmax(170px,1fr) 85px 90px 120px 100px)}.dn-my-list{overflow-x:auto}.dn-my-table-head,.dn-my-task-row{min-width:630px}.dn-my-menu-content{max-width:calc(100vw - 50px)}.dn-my-toolbar-right #dn-my-search{width:130px}}
.dn-my-table-head>.dn-my-add-column{padding:0;justify-content:center;border:0}.dn-my-add-column button{border:0;background:none;color:#727982;cursor:pointer;font-size:18px}.dn-my-page-head .dn-sharing-actions>.dn-button svg{vertical-align:-1px}@media(max-width:760px){.dn-my-table-head>span:nth-child(3),.dn-my-table-head>span:nth-child(4),.dn-my-task-row>span:nth-child(3),.dn-my-task-row>span:nth-child(4){display:flex}.dn-hide-person .dn-my-person,.dn-hide-person .dn-my-table-head>[data-my-head=person],.dn-hide-project .dn-my-project,.dn-hide-project .dn-my-table-head>[data-my-head=project]{display:none}}

/* Search follows Create; reserve the center for the shared module switcher. */
@media(min-width:1051px){.dn-utility-center{flex-basis:clamp(170px,calc(50vw - var(--dn-sidebar-width,240px) - 200px),520px)}}
@media(min-width:761px) and (max-width:1050px){.dn-utility-center{flex-basis:clamp(125px,calc(50vw - 272px),270px)}}

@media(min-width:761px){.dn-search-anchor,.dn-recent-anchor{position:relative}.dn-search-popover,.dn-recent-popover{position:absolute;top:39px;left:0;transform:none}.dn-search-popover{width:min(570px,calc(100vw - 270px))}}

.dn-preferences{box-sizing:border-box;width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid #dce1e7;border-radius:12px;color:#26313e;background:#fff;box-shadow:0 16px 60px #16203326}.dn-preferences::backdrop{background:#0d1b3d44}.dn-preferences header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dn-preferences h2{margin:0;font-size:20px}.dn-preferences header button{border:0;border-radius:6px;background:transparent;color:#536174;font-size:24px;cursor:pointer;width:36px;height:36px}.dn-preferences section{margin-top:20px;border-top:1px solid #e5e9ef;padding-top:20px}.dn-preferences h3{margin:0;font-size:15px}.dn-preferences p{font-size:13px;line-height:1.7;color:#536174}.dn-preferences [data-warning-preference]{color:#245ca8}.dn-preferences .dn-preferences-note{font-size:12px;margin-bottom:0}.dn-preferences button:focus-visible{outline:2px solid #527dd1;outline-offset:2px}.dn-preferences button:disabled{opacity:.6;cursor:default}

.dn-finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dn-finance-toolbar p{margin:0;color:#66758a;font-size:12px;line-height:1.6}.dn-finance-toolbar a{flex:none;text-decoration:none}.dn-finance-page iframe{display:block;width:100%;height:calc(100dvh - 190px);min-height:480px;border:1px solid #e1e8f0;border-radius:8px;background:#fff;box-sizing:border-box}@media(max-width:760px){.dn-finance-toolbar{align-items:flex-start;flex-wrap:wrap}.dn-finance-page iframe{height:calc(100dvh - 210px);min-height:420px}}

.dn-finance-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.dn-finance-actions .dn-button{white-space:nowrap}@media(max-width:760px){.dn-finance-actions{flex-shrink:1}}

/* Finance embeds provide their own page title. */
.dn-main:has(#dn-finance:not([hidden]))>.dn-header{display:none}
.dn-finance-toolbar{justify-content:flex-end}

/* My Tasks: the same task records and toolbar across list, board, calendar and insights. */
#dn-mine .dn-my-board,#dn-mine .ws-mine-board{display:flex;align-items:flex-start;gap:20px;padding:20px 0;overflow-x:auto;min-height:62vh;background:#fff}
#dn-mine .dn-my-board>section,#dn-mine .ws-mine-board>section{flex:0 0 286px;width:286px;min-width:286px;max-width:286px;padding:12px;background:#f6f7f8;border:0;border-radius:10px;min-height:220px}
#dn-mine .dn-my-board h3,#dn-mine .ws-mine-board h3{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 16px;padding:3px 2px;color:#30343b}
#dn-mine .dn-my-board h3 small,#dn-mine .ws-mine-board h3 small{color:#7a7e85;font-size:12px;font-weight:400}
#dn-mine .dn-asana-card{padding:14px;margin:0 0 10px;border:1px solid #e1e3e6;border-radius:8px;background:#fff;box-shadow:0 1px 2px #18202b08;min-height:106px}
#dn-mine .dn-asana-card:hover{border-color:#aeb8cb;box-shadow:0 2px 7px #18202b0d}
#dn-mine .dn-card-title{display:flex;align-items:flex-start;gap:9px;min-height:36px}
#dn-mine .dn-card-title .dn-row-complete{flex:0 0 18px;margin-top:1px}
#dn-mine .dn-card-title>[data-open-task]{border:0;background:transparent;text-align:left;padding:0;font-size:13px;line-height:1.5;font-weight:500;color:#292d34;white-space:normal;overflow-wrap:anywhere}
#dn-mine .dn-asana-card.is-complete [data-open-task]{text-decoration:line-through;color:#8a8f98}
#dn-mine .dn-card-project{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;background:#edf1f8;color:#526486;padding:3px 7px;font-size:11px;margin:9px 0}
#dn-mine .dn-asana-card footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;color:#7a808b;font-size:11px}
#dn-mine .dn-asana-card footer svg{width:13px;height:13px;vertical-align:middle}
#dn-mine .dn-card-avatar{width:24px;height:24px;font-size:10px;flex-shrink:0;background:#e9edf3;color:#5c6878;border-radius:50%;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
#dn-mine .dn-card-avatar img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}
#dn-mine .dn-card-date.is-overdue{color:#c64c57}
#dn-mine .dn-card-status{margin-left:auto;font-size:10px}
#dn-mine .dn-card-child{background:#f3f4f6;border-radius:3px;padding:2px 4px}
#dn-mine .dn-board-empty{color:#9298a2;font-size:12px;text-align:center;padding:24px 8px}
#dn-mine .dn-board-add-section{flex:0 0 150px;border:0;background:transparent;text-align:left;color:#7a818c;font-size:14px;padding:15px 8px;align-self:flex-start}
#dn-mine .dn-my-calendar{padding:12px 0 24px;overflow-x:auto}
#dn-mine .dn-month-head{display:flex;justify-content:flex-start;gap:8px;margin:0 0 16px;padding:0;border:0;background:#fff}
#dn-mine .dn-month-head strong{font-size:18px;margin:0 10px;flex:0 1 auto}
#dn-mine .dn-month-head button{height:30px;min-width:32px;border:1px solid #e1e3e8;border-radius:6px;background:#fff;color:#535c69;font-size:13px;padding:4px 10px}
#dn-mine .dn-calendar-mode{margin-left:auto}
#dn-mine .dn-calendar-mode [aria-pressed=true]{background:#eef2f8;color:#223958;border-color:#bcc7d7}
#dn-mine .dn-month-grid{min-width:700px;border:1px solid #e3e5e9;border-right:0;border-bottom:0;border-radius:0;gap:0;background:#fff}
#dn-mine .dn-month-weekday{padding:12px;text-align:center;background:#fff;border-right:1px solid #e3e5e9;border-bottom:1px solid #e3e5e9;font-size:12px;color:#7c838f}
#dn-mine .dn-month-cell{min-height:124px;padding:8px;border-right:1px solid #e3e5e9;border-bottom:1px solid #e3e5e9;background:#fff}
#dn-mine .dn-month-grid.is-week .dn-month-cell{min-height:460px}
#dn-mine .dn-month-cell.is-outside{background:#fafbfc;color:#b0b5be}
#dn-mine .dn-month-cell.is-today{background:#fff}
#dn-mine .dn-month-cell time{display:flex;width:26px;height:26px;align-items:center;justify-content:center;margin:0 auto 10px;font-size:12px}
#dn-mine .dn-month-cell.is-today time{background:#4c78d0;color:white;border-radius:50%;font-weight:600}
#dn-mine .dn-month-cell [data-calendar-task]{display:block;border:1px solid #e2e6ed;border-radius:5px;background:#f4f7fc;color:#36475e;padding:6px;font-size:12px;line-height:1.4;text-align:left;margin:4px 0;width:100%;white-space:normal;overflow-wrap:anywhere}
#dn-mine .dn-month-cell [data-calendar-task].is-done{color:#89949f;text-decoration:line-through;background:#f7f8fa}
#dn-mine .dn-calendar-complete{margin-right:5px}
#dn-mine .dn-my-analytics{padding:20px 0;background:#f8f9fb}
#dn-mine .dn-view-scope{color:#737b88;font-size:12px;margin:0 0 16px}
#dn-mine .dn-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 24px}
#dn-mine .dn-stat-grid>section,#dn-mine .dn-chart-grid>section{background:#fff;border:1px solid #e1e4e9;border-radius:8px;padding:24px;box-shadow:none}
#dn-mine .dn-stat-grid h3,#dn-mine .dn-chart-grid h3{font-size:14px;font-weight:600;margin:0 0 24px;color:#303640}
#dn-mine .dn-stat-grid strong{display:block;font-size:48px;font-weight:500;line-height:1.3;color:#2d3440}
#dn-mine .dn-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#dn-mine .dn-chart-grid>section{min-height:280px}
#dn-mine .dn-chart-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(80px,2fr) 30px;gap:12px;align-items:center;margin:16px 0;font-size:12px}
#dn-mine .dn-chart-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dn-mine .dn-chart-row>div{background:#f1f3f7;border-radius:3px;height:24px;overflow:hidden}
#dn-mine .dn-chart-row i{display:block;background:#8aaff0;border-radius:3px;height:100%}
#dn-mine .dn-donut-wrap{display:flex;justify-content:center;align-items:center;gap:32px;padding:12px 0}
#dn-mine .dn-donut{width:168px;height:168px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#91c7b1 var(--dn-done),#9cb9ee 0);position:relative}
#dn-mine .dn-donut:before{content:'';position:absolute;inset:24px;background:#fff;border-radius:50%}
#dn-mine .dn-donut>span{position:relative;text-align:center;font-size:11px;color:#7a8492}
#dn-mine .dn-donut strong{display:block;font-size:34px;font-weight:500;color:#343d4b}
#dn-mine .dn-chart-legend p{display:flex;align-items:center;gap:8px;font-size:12px}
#dn-mine .dn-chart-legend i{width:10px;height:10px;background:#9cb9ee;border-radius:2px}
#dn-mine .dn-chart-legend i.is-done{background:#91c7b1}
#dn-mine .dn-chart-legend strong{margin-left:8px}
@media(max-width:760px){#dn-mine .dn-my-board,#dn-mine .ws-mine-board{gap:12px}#dn-mine .dn-my-board>section,#dn-mine .ws-mine-board>section{flex-basis:266px;min-width:266px;max-width:266px}#dn-mine .dn-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#dn-mine .dn-chart-grid{grid-template-columns:1fr;gap:12px}#dn-mine .dn-stat-grid>section,#dn-mine .dn-chart-grid>section{padding:16px}#dn-mine .dn-stat-grid h3{font-size:12px;margin-bottom:16px}#dn-mine .dn-stat-grid strong{font-size:36px}#dn-mine .dn-donut-wrap{gap:16px}#dn-mine .dn-month-head{min-width:350px}#dn-mine .dn-month-head strong{font-size:14px;margin:0 3px}#dn-mine .dn-month-cell{min-height:110px}}