:root{--green:#006b3b;--muted:#74818b;--line:#e3e8ee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#14232d;background:#f7f9fc;font-size:14px}body{background:#f7f9fc}.pik-shell{grid-template-columns:210px minmax(0,1fr);background:radial-gradient(ellipse at top right,#f0f6ff80,transparent 65%),#f8fafc;color:#15242e}.pik-shell .sidebar{position:sticky;top:0;height:100dvh;overflow:auto;background:linear-gradient(110deg,#fff,#f5f8fc);color:#18252e;padding:22px 12px 0;border-right:1px solid #e4e9ef;gap:26px;scrollbar-width:thin}.pik-brand{display:flex;align-items:flex-start;gap:5px;padding:0 8px;color:#006638;letter-spacing:-1px;font-size:36px;line-height:1}.pik-brand>b{color:#080c0b}.pik-brand>div>b{color:#0b0d0e;font-size:40px;letter-spacing:-2px;font-weight:850;line-height:1}.pik-brand small{font-size:10px;color:#263a43;font-weight:400;line-height:1.4;letter-spacing:0;margin-top:6px}.pik-shell .nav{gap:4px}.pik-shell .nav button{position:relative;display:flex;gap:14px;align-items:center;padding:10px 13px;min-height:39px;font-size:12px;font-weight:550;color:#17252e;border-radius:10px;white-space:nowrap;background:transparent}.pik-shell .nav button:hover{background:#edf3f0}.pik-shell .nav button.active{color:white;background:linear-gradient(105deg,#007940,#005b34);box-shadow:0 3px 7px #00663814}.pik-shell .nav button:disabled{opacity:.55;cursor:default}.pik-shell .nav button:disabled:hover{background:transparent}.nav-icon{flex:0 0 21px}.nav-badge{margin-left:auto;border-radius:12px;background:#e7edf2;color:#17252e;padding:2px 6px;font-size:10px}.nav button.active .nav-badge{background:#ffffff30;color:white}.nav-later{font-size:8px;color:#8a969f;margin-left:auto}.pik-sidebar-foot{position:relative;margin-top:auto;padding:25px 17px 54px;min-height:160px;color:#006b3b;overflow:hidden;flex-shrink:0}.pik-sidebar-foot>svg{position:absolute;width:100%;height:90px;left:0;top:0;opacity:.7}.pik-sidebar-foot>b{position:relative;display:block;font-size:27px;letter-spacing:-1px;margin-top:20px}.pik-sidebar-foot>span{position:relative;font-size:12px;line-height:1.5}.sidebar-wave{position:absolute;height:60px;width:130%;left:-20px;bottom:-28px;background:linear-gradient(110deg,#009c53,#005330);border-radius:55% 55% 0 0;transform:rotate(-6deg)}.pik-shell .demo{height:24px;padding:4px 27px;font-size:10px;background:#edf5ef;color:#6a8172;border-bottom:0}.pik-shell .topbar{height:88px;background:transparent;border:0;padding:15px 27px;gap:18px}.pik-topbar{align-items:center}.pik-page-intro{min-width:0}.pik-page-intro h1{font-size:27px;color:#080f12;letter-spacing:-1px;margin:0 0 5px;line-height:1.2;font-weight:760}.pik-page-intro h1>span{font-size:25px}.pik-page-intro p{font-size:13px;color:#3f5363;margin:0}.pik-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.pik-factory-pill,.pik-period{display:flex;align-items:center;gap:9px;border:1px solid #dce4ed;border-radius:11px;background:#fbfcff;padding:9px 12px;white-space:nowrap;font-size:12px;margin:0;color:#243843}.pik-period{padding:3px 9px}.pik-period select{border:0;background:transparent;min-height:34px;padding:6px 5px;font-size:11px;width:auto;cursor:pointer}.pik-bell{position:relative;width:43px;height:43px;padding:8px;border-radius:50%;display:grid;place-items:center;background:#fff;border-color:#dce4ed}.pik-bell small{position:absolute;top:-5px;right:-4px;min-width:19px;height:19px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:#ef3035;color:#fff;font-size:10px}.pik-profile-menu{position:relative}.pik-profile-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:50%;background:#e1efea;color:#1c3831;font-size:17px}.pik-profile-menu summary::-webkit-details-marker{display:none}.pik-profile-menu>div{position:absolute;right:0;top:52px;width:230px;border:1px solid #e1e7ed;border-radius:13px;background:#fff;padding:15px;box-shadow:0 12px 40px #20374822;z-index:50}.pik-profile-menu>div>b,.pik-profile-menu>div>small{display:block;margin-bottom:8px;overflow-wrap:anywhere}.pik-profile-menu>div>small{font-size:11px;color:#84939b}.pik-profile-menu button{display:block;width:100%;font-size:12px;text-align:left;margin-top:6px}.pik-shell .content{padding:10px 27px 30px}.pik-shell h1,.pik-shell h2,.pik-shell h3{color:#10191e}.pik-shell h2{letter-spacing:-.5px}.pik-shell .content>.heading{margin:10px 0 23px}.pik-shell .heading h1{font-size:27px}.pik-shell .heading p{font-size:12px}.pik-shell .eyebrow{font-size:9px;color:#83929a}.pik-shell .primary,.pik-shell.employee-workspace .primary{background:linear-gradient(105deg,#008344,#006031);border-color:#006b3b;color:#fff;border-radius:9px}.pik-shell .primary:hover{background:#006b3b}.pik-shell .primary.small{font-size:10px;padding:7px 12px;min-height:30px}.pik-shell button{transition:background .15s,border-color .15s}.pik-shell button:focus-visible{outline:2px solid #009858;outline-offset:3px}#app[data-view=home] .content>.heading{display:none}.pik-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(240px,1.45fr);gap:14px;margin:0 0 18px}.pik-metric{display:flex;align-items:flex-start;gap:12px;border-radius:17px;text-align:left;padding:19px 16px;min-height:136px;border:1px solid #e3eaec;box-shadow:0 2px 6px #20374803}.pik-metric.green{background:linear-gradient(120deg,#f0fff8,#eafaf3)}.pik-metric.red{background:linear-gradient(120deg,#fff2f2,#fff0f3);border-color:#f7e6e9}.pik-metric.blue{background:linear-gradient(120deg,#f0f5ff,#eaf1ff);border-color:#e2eaf8}.metric-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#d3f8e6;border-radius:50%;color:#009d43}.red .metric-icon{background:#ffe0e3;color:#ed343c}.blue .metric-icon{background:#dae8ff;color:#2374f4}.pik-metric>div{min-width:0}.pik-metric>div>span{font-size:13px;font-weight:700;color:#14212a;display:block}.pik-metric strong{display:block;font-size:42px;line-height:1.1;font-weight:720;letter-spacing:-2px;margin:6px 0}.pik-metric small{font-size:10px;color:#647a72;font-weight:450;line-height:1.5}.pik-metric.red small{color:#bb6269}.pik-metric.blue small{color:#607593}.pik-panel{background:linear-gradient(130deg,#fff,#fcfdff);border:1px solid #e1e7ee;border-radius:17px;padding:18px 19px;box-shadow:0 3px 5px #1c344c06}.pik-plan{display:flex;gap:17px;align-items:center}.pik-plan h2{font-size:18px;margin:0 0 7px}.pik-plan p{font-size:12px;margin:0 0 7px;color:#405667}.pik-plan small{font-size:10px;color:#738b80}.pik-ring{--progress:0;flex:0 0 93px;width:93px;height:93px;border-radius:50%;background:conic-gradient(#00ae60 calc(var(--progress)*1%),#e6f0eb 0);display:grid;place-items:center;position:relative;transform:rotate(-18deg)}.pik-ring:before{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.pik-ring strong{font-size:28px;color:#091810;z-index:1;letter-spacing:-1px;transform:rotate(18deg)}.pik-home-columns{display:grid;grid-template-columns:minmax(0,1fr) 299px;gap:18px;align-items:start}.pik-home-main,.pik-home-aside{display:grid;gap:17px;min-width:0}.pik-section-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}.pik-section-head h2{font-size:20px;margin:0;display:flex;align-items:center;gap:7px;line-height:1.25}.heading-count{font-size:13px;background:#fff0f1;color:#d82737;padding:3px 8px;border-radius:50%;font-weight:700;display:inline-block;min-width:24px;text-align:center}.text-link{border:0;padding:2px;background:transparent;color:#344c5e;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;white-space:nowrap}.text-link:hover{background:transparent;color:#00854b}.pik-action-row{display:grid;grid-template-columns:5px minmax(125px,1fr) auto auto auto 66px;gap:10px;align-items:center;min-height:44px;border-top:1px solid #edf0f5}.pik-action-row:first-child{border-top:0}.task-signal{width:5px;height:28px;border-radius:5px;background:#ffbd36}.task-signal.red{background:#ff454b}.task-title-link{border:0;background:transparent;text-align:left;padding:4px 0;font-weight:650;font-size:12px;color:#101a20;line-height:1.45;overflow-wrap:anywhere}.task-title-link:hover{background:transparent;color:#007c44}.pik-pill{font-size:9px;line-height:1.4;padding:4px 8px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}.pik-pill.red{background:#fff0f0;color:#e12e39}.pik-pill.amber{background:#fff5df;color:#a86700}.pik-pill.neutral{background:#eff5f2;color:#43735a}.row-area,.row-person{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#3c4d58;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pik-key-row{display:grid;grid-template-columns:24px minmax(125px,1fr) minmax(100px,1fr) auto auto;gap:10px;align-items:center;min-height:56px;border-top:1px solid #eaf0f4}.pik-key-row>.task-title-link{font-size:12px}.key-progress{display:flex;align-items:center;gap:10px}.key-progress>b{font-size:11px;color:#263d46}.pik-progress{height:10px;background:#e7ecf1;border-radius:10px;overflow:hidden;flex:1}.pik-progress>i{display:block;height:100%;background:linear-gradient(90deg,#60d15e,#00a14e);border-radius:10px;width:0}.key-date{font-size:10px;display:flex;gap:7px;align-items:center;white-space:nowrap;color:#4c6270}.pik-dynamics h2{font-size:19px;margin:0 0 15px}.dynamics-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:12px;align-items:center}.dynamics-number{display:flex;gap:9px;align-items:center;color:#00974b}.dynamics-number small{font-size:9px;white-space:nowrap;color:#536a78;display:block}.dynamics-number strong{display:block;color:#13242d;font-size:27px;letter-spacing:-1px;margin-top:3px}.pik-spark{width:100%;height:65px}.pik-template-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf8f1;border:1px solid #d7eddf;border-radius:14px;padding:15px 18px}.pik-template-strip b{font-size:12px}.pik-template-strip small{display:block;font-size:10px;color:#6b8476;margin-top:5px}.pik-template-strip button{display:flex;gap:9px;align-items:center;font-size:11px}.pik-home-aside .pik-section-head h2{font-size:18px}.pik-home-aside .pik-section-head{margin-bottom:9px}.panel-explainer{display:block;font-size:9px;color:#8a9aa4;margin:-2px 0 12px;line-height:1.5}.pik-area-row{display:grid;grid-template-columns:1fr auto;gap:5px;width:100%;border:0;border-top:1px solid #edf0f5;padding:11px 0;background:transparent;text-align:left;font-size:11px;border-radius:0}.pik-area-row b{font-size:11px}.pik-area-row small{font-size:9px;grid-column:1/-1;color:#619177}.pik-staff-row{display:grid;grid-template-columns:27px minmax(75px,1fr) minmax(45px,.8fr) 16px;gap:9px;align-items:center;margin:12px 0}.pik-mini-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eaf0f3;color:#405761;font-size:9px;font-weight:650}.pik-staff-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pik-staff-row b{font-size:11px;color:#263f4d}.pik-event{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:start;text-align:left;font-size:10px;line-height:1.5;border:0;border-top:1px solid #eaf0f5;background:transparent;border-radius:0;padding:11px 0;width:100%;font-weight:450}.pik-event small{font-size:9px;color:#78909b;white-space:nowrap}.event-dot{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8f8ee;color:#00a04e}.event-dot.unread{background:#e6efff;color:#327af1}.pik-empty{text-align:center;padding:18px 8px;color:#81939c;font-size:11px;line-height:1.7}.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.production-card h2{font-size:17px}.production-task{display:block;width:100%;border:0;border-top:1px solid #e9eff3;border-radius:0;background:transparent;text-align:left;padding:13px 0;font-size:12px}.production-task>strong{display:block;font-size:12px}.production-task>small{display:block;font-size:10px;color:#7d8f98;margin:6px 0}.production-card>.text-link{margin-top:12px}.employee-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.employee-task-card.late{border-left:3px solid #ef5d63}.employee-card-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:13px}.employee-task-card>.task-title-link{font-size:17px;font-weight:650;display:block;width:100%}.employee-task-card>p{font-size:12px;color:#73838d;line-height:1.7;margin:8px 0 13px}.employee-task-meta{font-size:10px;color:#85949d}.employee-task-card .actions{margin-top:18px}.employee-task-card .actions button{display:inline-flex;align-items:center;gap:6px;font-size:11px;min-height:38px}.employee-view-switch{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:#eaf0ed;margin:0 0 18px}.employee-view-switch button{border:0;background:transparent;font-size:11px;padding:8px 17px}.employee-view-switch button.active{background:white;box-shadow:0 1px 4px #19352610}.pik-shell.employee-workspace .sidebar{background:linear-gradient(110deg,#fff,#f5f8fc)}.pik-shell.employee-workspace .nav button.active{background:linear-gradient(105deg,#007940,#005b34);color:#fff}.pik-shell.employee-workspace .metrics{display:none}.pik-shell.employee-workspace .content{padding-top:10px}.pik-shell.employee-workspace .nav button{font-size:12px}.pik-shell.employee-workspace .heading h1{font-size:26px}.pik-shell .metrics{gap:12px;margin-bottom:20px}.pik-shell .metric{padding:15px}.pik-shell .metric strong{font-size:24px}.pik-shell .metric span,.pik-shell .metric small{font-size:10px}.pik-shell .tabs{background:#edf2ef}.pik-shell .tabs button{font-size:11px}.pik-shell .panel{border-color:#e1e7ee;box-shadow:0 2px 4px #1b354209}.pik-shell .heading-count{white-space:nowrap}.cable-fields{border:1px solid #e2e9e5;background:#f8fbf9;border-radius:11px;padding:13px}.cable-fields>label{margin-bottom:9px}.cable-fields summary{font-size:11px;color:#4d6f5c;cursor:pointer}.cable-fields details[open] summary{margin-bottom:12px}.cable-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cable-template-grid button{text-align:left;padding:17px;border-color:#e0e8e2;background:#fbfdfb}.cable-template-grid button span{color:#008a4a;display:block;margin-bottom:10px}.cable-template-grid strong{display:block;font-size:13px;line-height:1.5}.cable-template-grid small{font-size:10px;color:#82968a;display:block;margin-top:6px}.task-approvers{border:1px solid #dde9e2;border-radius:10px;padding:14px;background:#f7fbf8}.task-approvers>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:7px 0}.task-approvers b{font-size:11px;text-align:right}.task-approvers span{color:#7b8e83}.org-preview-dialog{width:min(850px,95vw)}.preview-change{padding:12px 0;border-bottom:1px solid #e6ece8;font-size:12px}.preview-change p{font-size:11px;margin:6px 0}.preview-issues{padding:14px;background:#fff4e9;border:1px solid #f1d6ad;border-radius:10px;margin-bottom:18px}.preview-issues p{font-size:12px}.org-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.org-tools input{width:230px;font-size:12px}.org-tools button{font-size:11px}.org-draft-state{font-size:10px;color:#6f8a78;margin-left:auto}.org-fold{border:0!important;padding:0!important;width:18px;height:18px;display:grid;place-items:center;position:absolute;right:7px;bottom:6px;min-height:18px!important;background:#edf5ef!important;color:#36805a;font-size:14px!important}.org-person[hidden],.org-fold[hidden]{display:none!important}#app-update-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10000;background:#fffbea;border:1px solid #e7d9a8;box-shadow:0 5px 24px #142d3a20;border-radius:12px;padding:12px 18px;font-size:12px;max-width:90vw}#app-update-banner button{font-size:11px;margin-left:10px}.org-preview-dialog .actions{position:sticky;bottom:-24px;background:#fff;padding:15px 0}
@media(max-width:1500px){.pik-action-row{grid-template-columns:5px minmax(110px,1fr) auto auto 66px}.row-area{display:none}.pik-key-row{grid-template-columns:22px minmax(100px,1fr) minmax(90px,.8fr) auto}.pik-key-row>.pik-pill{display:none}.pik-summary{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,1.4fr)}.pik-metric{gap:9px;padding:17px 12px}.metric-icon{width:33px;height:33px}.pik-metric>div>span{font-size:12px}.pik-ring{width:78px;height:78px;flex-basis:78px}.pik-ring strong{font-size:24px}.pik-plan{gap:12px;padding:16px}.pik-plan h2{font-size:16px}}
@media(max-width:1250px){.pik-shell{grid-template-columns:190px minmax(0,1fr)}.pik-shell .content{padding-left:20px;padding-right:20px}.pik-shell .topbar{padding-left:20px;padding-right:20px}.pik-factory-pill{display:none}.pik-home-columns{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.pik-home-aside .pik-section-head h2{font-size:16px}.pik-panel{padding:16px}.pik-metric strong{font-size:36px}.pik-metric small{font-size:9px}.pik-page-intro h1{font-size:24px}.dynamics-grid{grid-template-columns:repeat(3,1fr)}.pik-spark{display:none}.row-person{display:none}.pik-action-row{grid-template-columns:5px minmax(110px,1fr) auto 66px}.pik-header-actions{gap:9px}.pik-summary{gap:10px}.pik-key-row{grid-template-columns:22px minmax(95px,1fr) minmax(65px,.7fr)}.key-date{display:none}}
@media(max-width:1020px){.pik-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.pik-plan{grid-column:1/-1;min-height:110px}.pik-home-columns{grid-template-columns:1fr}.pik-home-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.pik-home-aside>.pik-panel:last-child{grid-column:1/-1}.production-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pik-header-actions .primary{display:none}.pik-period{max-width:150px}.pik-page-intro h1{font-size:22px}.pik-shell .sidebar{padding-left:8px;padding-right:8px}.pik-brand{padding-left:2px}.pik-brand>svg{width:48px}.pik-brand>div>b{font-size:35px}.row-person{display:flex}.pik-action-row{grid-template-columns:5px minmax(110px,1fr) auto auto 66px}}
@media(max-height:800px){.pik-shell .pik-sidebar-foot{display:none}}
@media(max-width:680px){.pik-shell{display:block}.pik-shell .sidebar{position:static;height:auto;padding:13px 14px;overflow:visible;gap:14px;border-right:0;border-bottom:1px solid #e1e8e4}.pik-brand{align-items:center;font-size:24px}.pik-brand>svg{height:28px;width:44px}.pik-brand>div>b{font-size:29px}.pik-brand small{display:none}.pik-shell .nav{display:flex;overflow:auto;gap:5px}.pik-shell .nav button{min-height:36px;padding:8px 11px;font-size:11px;gap:7px;flex-shrink:0}.pik-shell .nav button:disabled{display:none}.pik-shell .nav .nav-icon{flex-basis:18px}.pik-shell .nav svg{width:18px;height:18px}.pik-shell .sidebar-foot{display:none}.pik-shell .demo{height:auto;padding:5px 14px;font-size:9px}.pik-shell .topbar{height:auto;min-height:69px;padding:14px;align-items:center}.pik-page-intro h1{font-size:19px;line-height:1.3;letter-spacing:-.6px}.pik-page-intro p{font-size:10px}.pik-page-intro h1>span{display:none}.pik-bell{width:35px;height:35px}.pik-header-actions{gap:8px}.pik-profile-menu summary{width:35px;height:35px;font-size:14px}.pik-period{display:none}.pik-shell .content{padding:5px 12px 24px}.pik-summary{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.pik-metric{min-height:117px;display:block;padding:12px 10px;border-radius:13px}.metric-icon{width:27px;height:27px;margin-bottom:8px}.metric-icon svg{width:18px}.pik-metric>div>span{font-size:10px;line-height:1.3;min-height:26px}.pik-metric strong{font-size:29px;margin:4px 0}.pik-metric small{display:none}.pik-plan{min-height:103px;border-radius:13px}.pik-home-columns{gap:12px}.pik-home-main,.pik-home-aside{gap:12px}.pik-home-aside{grid-template-columns:1fr}.pik-home-aside>.pik-panel:last-child{grid-column:auto}.pik-panel{padding:15px;border-radius:13px}.pik-section-head h2{font-size:17px}.pik-action-row{grid-template-columns:4px minmax(100px,1fr) auto;gap:8px;padding:8px 0}.pik-action-row>.primary{display:none}.row-person,.row-area{display:none}.task-title-link{font-size:11px}.pik-pill{font-size:9px;padding:4px 6px}.pik-key-row{grid-template-columns:21px minmax(105px,1fr) minmax(70px,.7fr);gap:8px}.pik-dynamics h2{font-size:17px}.dynamics-grid{gap:8px}.dynamics-number{gap:6px}.dynamics-number svg{width:19px}.dynamics-number strong{font-size:23px}.dynamics-number small{font-size:8px;white-space:normal}.pik-template-strip{padding:13px;gap:10px}.pik-template-strip small{display:none}.pik-template-strip b{font-size:11px}.pik-template-strip button{font-size:10px;padding:10px}.production-grid,.employee-task-list,.cable-template-grid{grid-template-columns:1fr}.pik-shell.employee-workspace .nav button{font-size:11px}.pik-shell.employee-workspace .topbar .breadcrumbs{display:block;font-size:10px}.employee-task-card>.task-title-link{font-size:16px}.employee-task-card .actions{gap:7px}.employee-task-card .actions button{padding:9px 10px;font-size:10px}.employee-task-card .actions .primary{font-size:11px}.employee-task-card>p{font-size:11px}.pik-shell .heading h1{font-size:23px}.pik-shell .heading .primary{min-height:40px;font-size:10px}.pik-shell .tabs button{font-size:10px;padding:8px}.org-tools input{width:100%}.org-draft-state{margin-left:0}.org-preview-dialog .actions{bottom:-18px}.task-approvers>div{font-size:10px}.task-approvers b{font-size:10px}#app-update-banner{width:calc(100% - 24px);max-width:none;font-size:11px}}
/* Project work plan: one timeline and task data across all three views. */
.work-plan{min-width:0}.work-plan-heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:15px}.work-plan-heading h2{margin:0 auto 0 0;font-size:23px;letter-spacing:-.6px}.work-plan-modes{display:flex;background:#eef1f6;padding:3px;border-radius:12px}.work-plan-modes button{border:0;background:transparent;padding:8px 16px;font-size:13px;border-radius:10px}.work-plan-modes button.active{color:#fff;background:linear-gradient(135deg,#00814a,#005733);box-shadow:0 2px 5px #00683820}.work-plan-dates{display:flex;align-items:center;gap:5px}.work-plan-dates>button{border-color:#e0e6ed;min-width:30px;padding:7px;font-size:13px}.work-plan-dates label{display:flex;align-items:center;gap:7px;border:1px solid #e0e6ed;border-radius:10px;padding:6px;background:#fff}.work-plan-dates input{padding:0;border:0;max-width:112px;font-size:12px;background:transparent}.work-plan-dates select{padding:8px;font-size:12px;width:auto}.work-plan-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.work-plan-filter input{max-width:310px;padding:9px 12px;font-size:13px}.work-plan-filter small{font-size:11px;color:#7f8d98;white-space:nowrap}.work-plan-scroll{overflow:auto;max-height:610px;border:1px solid #e2e8f1;border-radius:12px;scrollbar-width:thin}.work-plan-chart{width:max-content;min-width:100%}.work-plan-axis,.work-task-row{display:flex;width:100%;min-width:max-content}.work-plan-axis{position:sticky;top:0;z-index:4;background:#f7f8fc;border-bottom:1px solid #e4e9f2}.work-plan-axis>span,.work-task-label,.work-project-label{position:sticky;left:0;flex:0 0 290px;width:290px;box-sizing:border-box;background:#fff;border-right:1px solid #e4e9f2;z-index:2}.work-plan-axis>span{padding:12px 15px;font-size:13px;font-weight:650;background:#f6f7fb;z-index:5}.work-plan-axis>span small{display:block;font-size:10px;font-weight:450;color:#7d8a98;margin-top:3px}.work-plan-axis svg rect{fill:transparent}.work-plan-axis svg text{font-family:inherit;font-size:13px;fill:#243642;font-weight:600}.work-plan-axis svg text+text{font-size:10px;font-weight:400;fill:#7b8f9c}.work-plan-axis .wp-today rect{fill:#d8f5e3}.work-plan-axis .wp-today text{fill:#007644}.work-plan-axis .wp-weekend rect{fill:#f0f2f8}.work-task-row{border:0;border-bottom:1px solid #edf0f6;background:#fff;border-radius:0;padding:0;text-align:left;align-items:stretch}.work-task-row:hover,.work-task-row:hover .work-task-label{background:#f4fbf7}.work-task-label{display:flex;flex-direction:column;justify-content:center;padding:10px 14px 10px 38px;gap:6px;min-height:64px}.work-task-label strong{font-size:13px;font-weight:550;white-space:normal;line-height:1.35}.work-task-label>span{font-size:11px;font-weight:400;color:#728491;display:flex;gap:5px;align-items:center;white-space:normal;line-height:1.4}.work-task-label svg{flex-shrink:0}.work-task-row>svg{align-self:center;flex-shrink:0}.work-task-row.is-done .work-task-label{color:#6e8479}.wp-grid{stroke:#edf0f5;stroke-width:1}.wp-now{stroke:#00a95d;stroke-width:1.5;stroke-dasharray:4 3}.wp-outside{font-size:11px;fill:#81919b;font-family:inherit}.work-task-row .segment-plan{fill:url('#wp-green') #30ba51;fill:#35bf58}.work-task-row .segment-extension{fill:#ffcc55}.work-task-row .segment-delay{fill:#f27172}.work-project-heading{display:flex;align-items:stretch;border-bottom:1px solid #e3e9ef;min-height:46px;background:#f5faf7}.work-project-label{display:flex;align-items:center;gap:8px;background:#f5faf7;padding:9px 12px}.project-fold{padding:0;border:0;background:transparent;font-size:22px;min-width:19px;line-height:1}.work-project-label>.task-title-link{font-size:14px;font-weight:700}.work-project-label>strong{font-size:14px}.work-project-label>svg{flex-shrink:0}.work-project-summary{display:flex;align-items:center;gap:18px;padding:10px 16px;font-size:12px;color:#597464;min-width:340px}.work-project-summary>span{font-weight:650;color:#00854c}.work-project-summary>.text-link{margin-left:auto;font-size:12px}.work-plan-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:13px}.work-plan-legend>span{font-size:11px;color:#6c818c;display:flex;gap:5px;align-items:center}.work-plan-legend i{width:10px;height:10px;display:inline-block;border-radius:3px}.work-plan-legend .green{background:#35bf58}.work-plan-legend .red{background:#f27172}.work-plan-legend .yellow{background:#ffcc55}.work-plan-legend>small{font-size:10px;color:#8c9ca6;margin-left:auto}.project-key-card{display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #e7ecf3;width:100%;background:transparent;padding:15px 0;border-radius:0;text-align:left}.project-key-icon{color:#007944}.project-key-title{min-width:0;flex:1}.project-key-title strong{display:block;font-size:14px;line-height:1.4}.project-key-title small{display:block;margin-top:5px;font-size:11px;color:#778b96}.project-key-progress{display:flex;align-items:center;gap:9px;width:150px}.project-key-progress .pik-progress{flex:1}.project-key-progress b{font-size:13px;width:36px;text-align:right}.project-key-date{font-size:11px;color:#697e89;display:flex;align-items:center;gap:6px}.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card-grid .project-key-card{border:1px solid #e0e9e4;border-radius:12px;padding:20px;flex-wrap:wrap;background:#fcfefc}.project-card-grid .project-key-title{flex-basis:70%}.project-card-grid .project-key-progress{flex-basis:45%}.key-projects-panel+.work-plan{margin-top:18px}.pik-home-main .key-projects-panel+.work-plan{margin-top:0}.project-table-scroll{overflow:auto;border:1px solid #e1e8ef;border-radius:10px}.project-work-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.project-work-table th,.project-work-table td{padding:13px 14px;border-bottom:1px solid #e8edf2;text-align:left}.project-work-table th{font-size:12px;background:#f5f8fa;color:#526d79}.project-work-table .task-title-link{font-size:13px}.project-table-group th{background:#edf7f1}.project-table-group .text-link{font-size:13px}.project-kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;overflow:auto}.project-kanban>section{background:#f2f5f8;padding:12px;border-radius:11px}.project-kanban h3{font-size:13px;margin:3px 0 14px;display:flex;justify-content:space-between}.project-kanban-card{display:block;text-align:left;width:100%;padding:14px;margin-bottom:10px;border-color:#e4e9ed;background:#fff;border-radius:11px}.project-kanban-card>small{font-size:10px;color:#008b4c;display:block;line-height:1.4}.project-kanban-card>strong{display:block;font-size:13px;line-height:1.5;margin:7px 0}.project-kanban-card>span,.project-kanban-card>time{display:block;font-size:11px;font-weight:400;color:#758995;line-height:1.5}.project-dialog{max-width:1160px!important;width:min(1160px,96vw)!important}.project-detail-overview{display:flex;gap:25px;justify-content:space-between;border:1px solid #deeee4;background:#f4fbf7;padding:18px;border-radius:12px}.project-detail-overview p{font-size:14px;line-height:1.65;margin-top:0;white-space:pre-wrap}.project-detail-overview small{display:block;color:#7b9285;font-size:11px;margin-top:10px}.project-detail-overview>div>span{font-size:13px;display:flex;gap:7px;align-items:center;color:#476a57}.project-detail-progress{flex-shrink:0;text-align:right}.project-detail-progress strong{font-size:35px;display:block;color:#008c50}.project-detail-progress>span{font-size:12px!important;margin-top:5px}.project-detail-actions{margin:18px 0}.project-attach-list{max-height:55vh;overflow:auto;margin:18px 0}.project-attach-list label{border:1px solid #e6ece7;border-radius:10px;padding:12px;margin-bottom:10px}.project-attach-list small{display:block;font-size:11px;color:#7a8f83;margin-top:7px}.project-attach-list strong{font-size:13px}.project-detail .work-plan{padding:16px}.work-plan.compact .work-plan-heading{gap:10px}.work-plan.compact .work-plan-heading h2{font-size:22px}.work-plan.compact .work-task-label,.work-plan.compact .work-plan-axis>span,.work-plan.compact .work-project-label{width:260px;flex-basis:260px}.work-plan.compact .work-plan-dates{flex-wrap:wrap}.work-plan.compact .work-plan-modes button{font-size:12px;padding:8px 13px}
@media(max-width:1450px){.project-key-date{display:none}.project-key-progress{width:100px}.work-plan.compact .work-plan-heading h2{margin-right:auto}.work-plan.compact .work-plan-dates{width:100%}.project-key-card>.pik-pill{display:none}}
@media(max-width:900px){.project-card-grid{grid-template-columns:1fr}.project-key-progress{width:140px}.project-detail-overview{flex-direction:column;gap:12px}.project-detail-progress{text-align:left}.work-plan-modes button{padding:8px 12px}.work-plan-heading h2{font-size:21px}.project-detail .work-plan{padding:12px}}
@media(max-width:680px){.work-plan-axis>span,.work-task-label,.work-project-label,.work-plan.compact .work-plan-axis>span,.work-plan.compact .work-task-label,.work-plan.compact .work-project-label{width:190px;flex-basis:190px}.work-task-label{padding-left:20px}.work-task-label strong{font-size:12px}.work-task-label>span{font-size:10px}.work-project-label{padding-left:6px;gap:5px}.work-project-label>.task-title-link{font-size:12px}.work-plan-heading{gap:10px}.work-plan-heading h2{font-size:20px}.work-plan-dates{flex-wrap:wrap;width:100%}.work-plan-dates>button{min-height:36px}.work-plan-filter{align-items:flex-start;flex-direction:column;gap:8px}.work-plan-filter input{max-width:none;width:100%}.work-plan-legend{gap:10px}.work-plan-legend>small{margin-left:0}.work-plan.compact .work-plan-heading h2{font-size:20px}.project-key-title strong{font-size:13px}.project-key-title small{font-size:10px}.project-key-progress{width:78px}.project-key-card{gap:8px}.project-key-card>svg:last-child{display:none}.project-key-icon svg{width:20px}.work-plan-scroll{max-height:510px}}
/* Review 1: hierarchy of information, readable type and shorter navigation. */
.pik-shell .nav button{font-size:13px;min-height:43px}.pik-action-row .task-title-link{font-size:13px;line-height:1.45}.pik-metric>div>span{font-size:14px}.pik-metric small{font-size:11px}.panel-explainer{font-size:11px}.pik-section-head h2{font-size:22px}.pik-home-aside .key-projects-panel .pik-section-head h2{font-size:19px}.pik-home-aside .key-projects-panel .project-key-card{flex-wrap:wrap;gap:8px}.pik-home-aside .key-projects-panel .project-key-title{flex-basis:calc(100% - 40px)}.pik-home-aside .key-projects-panel .project-key-progress{width:100%;margin-left:32px}.pik-home-aside .key-projects-panel .project-key-card>svg:last-child{display:none}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{display:grid;grid-template-columns:32px 1fr 24px;gap:9px 14px;align-items:center;text-align:left;color:#244334}.settings-card strong{font-size:17px}.settings-card span{grid-column:2;font-size:13px;color:#788d81;font-weight:400}.settings-card>svg:last-child{grid-column:3;grid-row:1/3}.settings-future{grid-column:1/-1}.settings-future p{font-size:13px;color:#788d81}.pik-home-main>.work-plan{margin-top:0}
@media(max-width:680px){.settings-grid{grid-template-columns:1fr}.pik-metric>div>span{font-size:10px}.pik-action-row .task-title-link{font-size:12px}.pik-section-head h2{font-size:18px}}
/* Review 2: clear return path and visible interaction feedback. */
.project-back-button{margin-bottom:12px;border-color:#c6e3d2;background:#eff9f3;color:#007540;font-size:13px}.work-task-row:focus-visible,.project-key-card:focus-visible,.work-project-label .task-title-link:focus-visible{outline:2px solid #00975a;outline-offset:-3px}.work-task-row:hover .work-task-label strong{text-decoration:underline;text-underline-offset:3px}.work-plan-scroll:focus-visible{outline:2px solid #4aa57a;outline-offset:2px}
/* Review 3: dates and state are readable without interpreting color alone. */
.work-task-label{min-height:80px}.work-task-label>small.wp-task-state{font-size:10px;color:#71887a;font-weight:400;line-height:1.4}.work-task-label>small.wp-task-state.late{color:#c65051}.wp-original-marker{stroke:#61786d;stroke-width:1;stroke-dasharray:2 2}.wp-due-marker{stroke:#285d42;stroke-width:1.6}.work-project-summary small{font-size:11px;color:#809287}
/* Review 5: a phone starts with task cards; Gantt remains available. */
@media(max-width:680px){.pik-shell .topbar .breadcrumbs{display:block;font-size:12px;color:#708578}.pik-shell .topbar{min-height:56px;padding-top:10px;padding-bottom:10px}.work-plan-modes button{min-height:42px}.work-plan-dates>button,.work-plan-dates select{min-height:42px}.project-fold{min-width:32px;min-height:40px}.project-table-scroll{border:0;overflow:visible}.project-work-table{display:block;min-width:0}.project-work-table thead{display:none}.project-work-table tbody{display:block}.project-work-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e2eae5;border-radius:11px;margin-bottom:12px;background:#fff;padding:10px;gap:8px}.project-work-table th,.project-work-table td{display:block;border:0;padding:3px 4px;font-size:12px;line-height:1.5;white-space:normal}.project-work-table td::before{content:attr(data-label);display:block;font-size:10px;color:#82958b;margin-bottom:3px}.project-work-table td:first-child,.project-work-table td:nth-child(2),.project-work-table td:last-child{grid-column:1/-1}.project-work-table td:first-child::before{display:none}.project-work-table .task-title-link{font-size:14px;min-height:35px;font-weight:650}.project-work-table tr.project-table-group{display:block;background:#eff8f2;border:0;padding:9px 8px;margin:20px 0 10px}.project-work-table .project-table-group th{padding:0;background:transparent}.project-work-table .project-table-group button{min-height:35px;font-size:14px}.work-plan-legend{line-height:1.5}.project-detail-actions button{min-height:42px}.work-plan-filter small{color:#6f8278}}
#app[data-view="plan"] .work-plan-heading>h2{display:none}#app[data-view="plan"] .work-plan-heading{justify-content:space-between}
/* Stable attention columns: name length never sets the width of another row. */
.pik-action-row{grid-template-columns:4px minmax(0,1fr) 104px 122px 112px 76px;column-gap:10px;min-height:49px}.pik-action-row>.task-title-link{min-width:0;overflow-wrap:anywhere}.pik-action-row>.pik-pill{justify-self:start;max-width:100%;white-space:nowrap}.pik-action-row>.row-area{display:inline-flex;min-width:0;width:100%;max-width:none}.pik-action-row>.row-person{display:flex;min-width:0;width:100%;max-width:none;overflow:hidden}.row-person>svg,.row-area>svg{flex-shrink:0}.row-person>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pik-action-row>.primary{display:inline-flex;justify-content:center;width:76px;min-width:76px;justify-self:end;box-sizing:border-box}
@media(max-width:1500px){.pik-action-row{grid-template-columns:4px minmax(0,1fr) 104px 96px 76px}.pik-action-row>.row-area{display:none}}
@media(max-width:680px){.pik-action-row{grid-template-columns:4px minmax(0,1fr) 84px;gap:7px 9px;padding:10px 0}.pik-action-row>.task-signal{grid-column:1;grid-row:1/3}.pik-action-row>.task-title-link{grid-column:2;grid-row:1}.pik-action-row>.pik-pill{grid-column:3;grid-row:1;font-size:9px}.pik-action-row>.row-person{grid-column:2;grid-row:2;font-size:11px}.pik-action-row>.primary{grid-column:3;grid-row:2;min-height:32px}}
/* The same header grid and body viewport are retained in all three views. */
.work-plan .work-plan-heading{display:grid;grid-template-columns:minmax(0,1fr) 258px;grid-template-areas:"title modes";align-items:center;gap:12px;min-height:44px;margin:0 0 12px}.work-plan-heading>h2{grid-area:title;min-width:0;margin:0!important}.work-plan-heading>.work-plan-modes{grid-area:modes;display:grid;grid-template-columns:repeat(3,1fr);width:258px;justify-self:end;box-sizing:border-box}.work-plan .work-plan-modes button{padding:8px 6px;font-size:13px;min-height:38px}.work-plan>.work-plan-dates{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-height:42px;margin:0 0 13px;width:100%}.work-plan>.work-plan-dates.is-inactive{opacity:.48}.work-plan-dates.is-inactive button,.work-plan-dates.is-inactive select,.work-plan-dates.is-inactive input{cursor:default}.work-plan-filter{min-height:38px;margin-bottom:13px}.work-plan-filter small{white-space:normal;line-height:1.4;text-align:right}.work-plan-body{height:clamp(320px,54vh,560px);min-width:0;overflow:hidden}.work-plan-body>.work-plan-scroll,.work-plan-body>.project-table-scroll{height:100%;max-height:none;overflow:auto;box-sizing:border-box}.work-plan-body>.pik-empty{height:100%;display:grid;place-content:center;margin:0}.work-plan-body .project-work-table thead{position:sticky;top:0;z-index:2}.work-plan-axis{height:64px;align-items:stretch}.work-plan-axis>span{display:flex;justify-content:center;flex-direction:column}.work-plan-axis .wp-month rect{fill:#eef3f3;stroke:#dfe6e7;stroke-width:.5}.work-plan-axis .wp-month text{font-size:11px;font-weight:600;fill:#4c6b5a}.work-plan-axis .wp-weekday{font-size:10px;font-weight:400;fill:#7b8f9c}.work-plan-axis svg .wp-today-band{fill:#21b26855;pointer-events:none}.work-plan-legend{min-height:26px}
.day-kanban-view{display:flex;flex-direction:column;height:100%;gap:11px;min-width:0}.day-kanban-note{display:flex;flex-wrap:wrap;gap:6px 15px;align-items:center;font-size:11px;color:#6c8176;flex-shrink:0}.day-kanban-note .text-link{font-size:11px}.day-kanban-scroll{display:flex;flex:1;min-height:0;gap:12px;overflow:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:6px}.day-kanban-column{flex:0 0 238px;min-width:0;scroll-snap-align:start;background:#f3f6f7;border:1px solid #e2e8e7;border-radius:12px;align-self:stretch}.day-kanban-column>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#edf3ef;border-bottom:1px solid #e0e9e3;border-radius:11px 11px 0 0}.day-kanban-column>header strong{display:block;font-size:16px;line-height:1.35}.day-kanban-column>header small{display:block;font-size:11px;color:#7c8c83;margin-top:3px}.day-kanban-column>header>b{display:grid;place-items:center;background:#fff;border-radius:14px;min-width:25px;height:25px;font-size:12px;color:#4d6a59}.day-kanban-column.is-today{border-color:#77bf97}.day-kanban-column.is-today>header{background:#e0f5e8}.day-kanban-column.is-today>header strong{color:#007b45}.day-kanban-column.is-weekend:not(.is-today)>header{background:#edf0f5}.day-kanban-column>div{padding:10px}.day-kanban-column .project-kanban-card{padding:12px;margin-bottom:10px}.day-kanban-column .project-kanban-card.is-late{border-left:3px solid #e87979}.day-kanban-column .project-kanban-card>span{overflow-wrap:anywhere}.day-kanban-column .project-kanban-card>span>svg{vertical-align:middle;margin-right:5px}.day-kanban-column .project-kanban-card>.pik-pill{display:inline-block;margin-top:10px;font-size:10px}.day-kanban-empty{font-size:12px;font-weight:400;color:#93a198;text-align:center;line-height:1.6;padding:20px 8px}.day-kanban-scroll:focus-visible,.project-table-scroll:focus-visible{outline:2px solid #4aa57a;outline-offset:2px}
@media(max-width:680px){.work-plan .work-plan-heading{grid-template-columns:1fr;grid-template-areas:"title" "modes";gap:10px}.work-plan-heading>.work-plan-modes{justify-self:start;width:258px}.work-plan .work-plan-modes button{min-height:42px}.work-plan>.work-plan-dates{justify-content:flex-start;min-height:42px}.work-plan-filter small{text-align:left;min-height:16px}.work-plan-body{height:480px}.work-plan-body>.project-table-scroll{overflow:auto}.work-plan-body .project-work-table thead{display:none}.day-kanban-column{flex-basis:226px}#app[data-view="plan"] .work-plan .work-plan-heading{grid-template-areas:"modes";gap:0;min-height:44px}}
/* A measured viewport fills the window; the same scale continues for 360 days. */
.work-plan-body>.work-plan-scroll{scrollbar-gutter:stable;overscroll-behavior-x:contain}.work-plan-scroll .work-plan-axis>svg,.work-plan-scroll .work-task-row>svg{flex:0 0 auto;cursor:grab}.work-plan-scroll.is-panning,.work-plan-scroll.is-panning *{cursor:grabbing!important;user-select:none}.work-plan-scroll .work-task-label{cursor:pointer}.work-plan-scroll.is-panning .work-task-row:hover .work-task-label strong{text-decoration:none}.work-plan-chart{min-width:100%}
/* Dedicated work view: use the window for the plan, rather than a short dashboard card. */
#app[data-view="plan"] .pik-shell{height:100dvh;min-height:0;overflow:hidden}#app[data-view="plan"] .workspace{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}#app[data-view="plan"] .demo{height:20px;min-height:20px;flex:0 0 20px;padding-top:3px;padding-bottom:3px;box-sizing:border-box}#app[data-view="plan"] .topbar{height:56px;min-height:56px;flex:0 0 56px;padding:7px 18px;box-sizing:border-box}#app[data-view="plan"] .plan-page-title{font-size:22px;line-height:1.2;margin:0;letter-spacing:-.6px}#app[data-view="plan"] .content{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;max-width:none;padding:0 14px 10px;box-sizing:border-box;overflow:hidden}#app[data-view="plan"] .content>.heading{display:none}#app[data-view="plan"] .content>.work-plan{display:grid;flex:1;min-height:0;padding:12px;grid-template-columns:minmax(0,1fr) auto 324px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"filter dates modes" "body body body" "legend legend legend";gap:10px 14px;box-sizing:border-box;border-radius:13px}#app[data-view="plan"] .work-plan>.work-plan-heading{grid-area:modes;display:block;min-height:46px;margin:0!important}#app[data-view="plan"] .work-plan .work-plan-modes{width:324px;height:46px;padding:3px;border-radius:12px}#app[data-view="plan"] .work-plan .work-plan-modes button{font-size:14px;font-weight:600;min-height:40px;padding:8px 12px}#app[data-view="plan"] .work-plan>.work-plan-dates{grid-area:dates;width:auto;align-self:center;min-height:40px;margin:0;flex-wrap:nowrap}#app[data-view="plan"] .work-plan>.work-plan-filter{grid-area:filter;min-width:0;min-height:40px;margin:0;gap:10px}#app[data-view="plan"] .work-plan-filter input{flex:1;min-width:140px;max-width:420px;box-sizing:border-box}#app[data-view="plan"] .work-plan-filter small{min-width:0;font-size:11px;line-height:1.3;max-width:290px;margin-left:auto}#app[data-view="plan"] .work-plan>.work-plan-body{grid-area:body;height:auto;min-height:0}#app[data-view="plan"] .work-plan>.work-plan-legend{grid-area:legend;min-height:20px;margin:0;gap:10px 15px}#app[data-view="plan"] .work-plan-body>.work-plan-scroll,#app[data-view="plan"] .work-plan-body>.project-table-scroll{height:100%;min-height:0}#app[data-view="plan"] .work-plan .day-kanban-view{min-height:0}
@media(max-width:1400px) and (min-width:681px){#app[data-view="plan"] .content>.work-plan{grid-template-columns:minmax(0,1fr) 324px;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"dates modes" "filter filter" "body body" "legend legend"}#app[data-view="plan"] .work-plan>.work-plan-dates{justify-self:start}#app[data-view="plan"] .work-plan-filter input{max-width:420px}#app[data-view="plan"] .work-plan-filter small{max-width:none}}
@media(max-width:680px){#app[data-view="plan"] .pik-shell{display:flex;flex-direction:column}#app[data-view="plan"] .sidebar{flex:0 0 auto}#app[data-view="plan"] .workspace{height:auto;flex:1;min-height:0}#app[data-view="plan"] .topbar{height:52px;min-height:52px;flex-basis:52px;padding:6px 12px}#app[data-view="plan"] .plan-page-title{font-size:21px}#app[data-view="plan"] .content{padding:0 8px 7px}#app[data-view="plan"] .content>.work-plan{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"modes" "dates" "filter" "body" "legend";padding:9px;gap:8px}#app[data-view="plan"] .work-plan .work-plan-modes{width:min(100%,324px)}#app[data-view="plan"] .work-plan>.work-plan-dates{width:100%;flex-wrap:wrap;justify-self:start}#app[data-view="plan"] .work-plan>.work-plan-filter{flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}#app[data-view="plan"] .work-plan-filter input{max-width:none;width:100%;flex-basis:100%;min-height:34px}#app[data-view="plan"] .work-plan-filter small{width:100%;max-width:none;margin:0;text-align:left;font-size:10px}#app[data-view="plan"] .work-plan>.work-plan-legend{gap:5px 10px;min-height:16px}#app[data-view="plan"] .work-plan-legend>small{font-size:9px}}
.org-manager-options{max-height:280px;overflow:auto;margin-top:10px;border:1px solid #e0e8e3;border-radius:10px;padding:7px}.org-manager-options .check{align-items:flex-start;padding:7px 3px}.org-manager-options small{display:block;font-size:10px;color:#81978b;margin-top:3px}.org-manager-options [hidden]{display:none!important}.org-managers>#org-manager-search{font-size:12px;padding:8px 10px}
/* Personal dashboard: compact modules occupy one desktop workspace. */
#app[data-view="home"] .pik-shell{height:100dvh;min-height:0;overflow:hidden}#app[data-view="home"] .workspace{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}#app[data-view="home"] .demo{height:20px;min-height:20px;flex:0 0 20px;padding-top:3px;padding-bottom:3px;box-sizing:border-box}#app[data-view="home"] .topbar{height:64px;min-height:64px;flex:0 0 64px;padding:8px 18px;box-sizing:border-box}#app[data-view="home"] .pik-page-intro h1{font-size:22px;margin-bottom:3px}#app[data-view="home"] .pik-page-intro p{font-size:11px}#app[data-view="home"] .content{display:flex;flex:1;min-height:0;flex-direction:column;padding:4px 14px 10px;box-sizing:border-box;overflow:hidden}#app[data-view="home"] .content>.heading{display:none}.home-dashboard{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.home-module-grid{display:grid;flex:1;min-height:0;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-module{position:relative;min-width:0;min-height:0;overflow:hidden}.home-module[hidden]{display:none!important}.home-module>.pik-panel,.home-module>.pik-template-strip{height:100%;min-height:0;padding:12px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;border-radius:12px}.home-module .pik-section-head{margin:0 0 8px;min-height:23px;gap:8px;flex-shrink:0}.home-module .pik-section-head h2,.home-module h2{font-size:17px;line-height:1.25;letter-spacing:-.35px;margin:0}.home-module .text-link{font-size:11px;white-space:nowrap}.home-module-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.home-module .panel-explainer{font-size:10px;margin:-2px 0 7px}.home-module .pik-empty{font-size:11px;line-height:1.5;padding:10px 5px;margin:auto 0}.home-module .pik-summary{height:100%;margin:0;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-module .pik-metric{height:100%;min-height:0;padding:10px 12px;gap:10px;border-radius:12px;box-sizing:border-box;align-items:center}.home-module .pik-metric>div>span{font-size:12px}.home-module .pik-metric strong{font-size:30px;line-height:1;margin:6px 0}.home-module .pik-metric small{font-size:10px;line-height:1.3}.home-module .metric-icon{width:32px;height:32px;margin:0;flex-shrink:0}.home-module .pik-plan{height:100%;min-height:0;box-sizing:border-box;padding:10px 12px;gap:10px;border-radius:12px}.home-module .pik-ring{width:62px;height:62px;flex-basis:62px}.home-module .pik-ring strong{font-size:21px}.home-module .pik-plan h2{font-size:14px}.home-module .pik-plan p{font-size:12px;margin:5px 0}.home-module .pik-plan small{font-size:10px}.home-module .pik-action-row{grid-template-columns:4px minmax(0,1fr) 94px 88px 70px;column-gap:8px;min-height:38px}.home-module .pik-action-row>.row-area{display:none}.home-module .pik-action-row .task-title-link{font-size:12px;line-height:1.35}.home-module .pik-action-row>.primary{width:70px;min-width:70px;min-height:28px;padding:5px 9px}.home-module .pik-action-row .pik-pill{font-size:9px;padding:4px 6px}.home-module .row-person{font-size:10px}.home-module .project-key-list{min-height:0;overflow:auto;scrollbar-width:thin}.home-module .project-key-card{padding:9px 0;gap:7px;flex-wrap:wrap}.home-module .project-key-title{flex-basis:calc(100% - 32px)}.home-module .project-key-title strong{font-size:12px}.home-module .project-key-title small{font-size:10px;margin-top:3px}.home-module .project-key-icon svg{width:20px}.home-module .project-key-progress{width:100%;margin-left:27px}.home-module .project-key-date,.home-module .project-key-card>.pik-pill,.home-module .project-key-card>svg:last-child{display:none}.home-module .pik-staff-row{margin:7px 0;gap:7px}.home-module .pik-staff-row strong{font-size:11px}.home-module .pik-event{padding:8px 0;font-size:10px}.home-module .pik-area-row{padding:8px 0;font-size:11px}.home-dynamics-values{display:flex;align-items:center;gap:15px;flex:1;min-height:0}.home-dynamics-values>span{flex:1;min-width:0}.home-dynamics-values small{display:block;font-size:10px;color:#7e9286;white-space:nowrap}.home-dynamics-values b{display:block;font-size:25px;line-height:1.2;margin-top:4px;color:#123b28}.home-dynamics-values .pik-spark{width:28%;height:52px}.home-templates{justify-content:center;gap:10px}.home-templates>.primary{align-self:flex-start;font-size:11px;padding:8px 12px}.home-module-tabs{display:none}.home-layout-empty{grid-column:1/-1;grid-row:1/-1;display:grid;place-content:center;gap:14px;color:#81958a;font-size:14px;text-align:center}.home-module[data-home-module="plan"]{container-type:inline-size}.home-module[data-home-module="plan"]>.work-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"heading heading" "filter dates" "body body" "legend legend";gap:8px 10px}.home-module .work-plan>.work-plan-heading{grid-area:heading;min-height:38px;gap:8px;margin:0}.home-module .work-plan-heading>h2{font-size:18px}.home-module .work-plan>.work-plan-dates{grid-area:dates;width:auto;min-height:34px;margin:0;flex-wrap:nowrap;gap:4px}.home-module .work-plan-dates>button{padding:5px;min-width:25px;font-size:11px}.home-module .work-plan-dates label{padding:4px}.home-module .work-plan-dates input{max-width:105px;font-size:11px}.home-module .work-plan-dates select{padding:6px;font-size:11px}.home-module .work-plan>.work-plan-filter{grid-area:filter;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:34px;gap:3px;margin:0}.home-module .work-plan-filter input{max-width:none;padding:7px 9px;font-size:11px;width:100%;box-sizing:border-box}.home-module .work-plan-filter small{font-size:9px;text-align:left;line-height:1.1}.home-module .work-plan>.work-plan-body{grid-area:body;min-height:0;height:auto}.home-module .work-plan>.work-plan-legend{grid-area:legend;min-height:14px;margin:0;gap:4px 9px}.home-module .work-plan-legend>span{font-size:9px}.home-module .work-plan-legend>small{display:none}.home-module .work-task-label{min-height:64px;padding:7px 10px 7px 26px;gap:4px}.home-module .work-task-label strong{font-size:11px}.home-module .work-task-label>span,.home-module .work-task-label>small.wp-task-state{font-size:9px}.home-module .work-project-label>.task-title-link{font-size:12px}.home-module .work-project-heading{min-height:38px}.home-module .work-project-summary{padding:8px 12px;font-size:10px}.home-module-tools{display:flex;position:absolute;top:4px;right:4px;z-index:15;gap:3px;padding:3px;background:#f4faf5e8;border:1px solid #cfe4d7;border-radius:8px}.home-module-tools button{display:grid;place-items:center;width:27px;height:27px;padding:0;font-size:19px;background:white;border-color:#d3e3d8}.home-module-tools [data-module-grip]{cursor:grab}.home-dashboard.is-editing .home-module{outline:1px dashed #78af90;outline-offset:-1px;border-radius:12px}.home-module.module-dragging{opacity:.5}.home-module.module-drop{outline:2px solid #009451;outline-offset:-2px}.home-module-ghost{position:fixed;z-index:10000;pointer-events:none;padding:12px 18px;border-radius:10px;background:#007a43;color:#fff;font-size:14px;box-shadow:0 6px 20px #16382a30}.home-config-list{margin:15px 0}.home-config-row{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e5ece7;padding:8px 0}.home-config-row>.check{flex:1;margin:0;font-size:13px}.home-config-row>button{width:32px;min-height:32px;padding:3px;font-size:17px}.home-dashboard.is-narrow .home-module-tabs{display:flex;flex-shrink:0;gap:5px;overflow:auto;padding:2px 0 6px;scrollbar-width:thin}.home-module-tabs button{flex-shrink:0;min-height:33px;padding:7px 11px;font-size:11px;background:#f0f5f2;border-color:#e0e9e3}.home-module-tabs button.active{background:#007c44;border-color:#007c44;color:white}.home-dashboard.is-narrow .home-module .pik-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dashboard.is-narrow .home-module .pik-metric,.home-dashboard.is-narrow .home-module .pik-plan{height:auto}.home-dashboard.is-narrow .home-module[data-home-module="plan"] .work-plan-legend>small{display:block;font-size:9px}
@container(max-width:720px){.home-module>.work-plan{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;grid-template-areas:"heading" "dates" "filter" "body" "legend"!important}.home-module .work-plan>.work-plan-dates{justify-content:flex-start;flex-wrap:wrap}.home-module .work-plan-filter small{display:none}}
@media(max-width:680px){#app[data-view="home"] .pik-shell{display:flex;flex-direction:column}#app[data-view="home"] .sidebar{flex:0 0 auto}#app[data-view="home"] .workspace{height:auto;flex:1;min-height:0}#app[data-view="home"] .topbar{height:58px;min-height:58px;flex-basis:58px;padding:6px 11px}#app[data-view="home"] .pik-page-intro h1{font-size:17px}#app[data-view="home"] .pik-page-intro p{font-size:10px}#app[data-view="home"] .pik-header-actions{gap:5px}#app[data-view="home"] .pik-header-actions>[data-home-config]{font-size:10px;padding:7px}#app[data-view="home"] .content{padding:3px 8px 7px}.home-module>.pik-panel{padding:10px}.home-module .pik-action-row{grid-template-columns:4px minmax(0,1fr) 84px;min-height:55px}.home-module .pik-action-row>.row-person{font-size:10px}}
.home-module[data-home-module="summary"] .pik-metric>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:3px 8px;align-items:center}.home-module[data-home-module="summary"] .pik-metric strong{grid-column:1;grid-row:1/3;font-size:28px;line-height:1;margin:0}.home-module[data-home-module="summary"] .pik-metric>div>span{grid-column:2;grid-row:1;font-size:12px}.home-module[data-home-module="summary"] .pik-metric small{grid-column:2;grid-row:2;font-size:9px}.home-module[data-home-module="summary"] .pik-plan .pik-ring{width:46px;height:46px;flex-basis:46px}.home-module[data-home-module="summary"] .pik-ring strong{font-size:18px}.home-module[data-home-module="summary"] .pik-plan h2{font-size:12px}.home-module[data-home-module="summary"] .pik-plan p{font-size:11px;margin:3px 0}.home-module[data-home-module="summary"] .pik-plan small{font-size:9px}.home-module>.home-dynamics{flex-direction:row;align-items:center;gap:12px}.home-dynamics h2{font-size:13px;flex-shrink:0}.home-dynamics-values b{font-size:23px}.home-module>.home-templates{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.home-templates h2{font-size:13px}.home-templates>.primary{align-self:center;white-space:nowrap}
/* Modules partition the full workspace; no unused grid cells remain. */
.home-module-grid{display:block;position:relative;overflow:hidden}
.home-module-grid>.home-module{position:absolute;box-sizing:border-box}
.home-module-grid>.home-layout-empty{position:absolute;inset:0}