:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef2f6;--wp-dark: #111827;--wp-dark-soft: #172033;--wp-teal: #16c7bd;--wp-blue: #2563eb;--wp-border: #d9e2ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;touch-action:manipulation;background:linear-gradient(180deg,#ffffffbd,#eef2f6f0),#eef2f6}button,input,select{font:inherit}button{cursor:pointer}.appShell{width:100%;max-width:100vw;min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);overflow-x:hidden}.loginShell{min-height:100vh;width:100%;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,#ffffffd1,#eef2f6f5),#eef2f6}.startupShell{min-height:100vh;width:100%;display:grid;place-items:center;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(22px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 18%,rgba(20,184,166,.13),transparent 34%),linear-gradient(180deg,#ffffffdb,#eef2f6f5),#eef2f6}.startupPanel{width:min(360px,100%);display:grid;justify-items:center;gap:20px;padding:28px 22px;border:1px solid #d9e6f0;border-radius:10px;background:#ffffffeb;box-shadow:0 22px 56px #0f172a21;text-align:center}.startupBrand{display:grid;justify-items:center;gap:2px}.startupBrand strong{color:#07142f;font-size:clamp(2rem,11vw,3rem);font-weight:950;line-height:.94}.startupBrand span{color:#2563eb}.startupBrand small{color:#0f6675;font-size:.72rem;font-weight:950;letter-spacing:.08em}.startupLoader{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:#ecfeff;border:1px solid #bdeff0}.startupLoader span{width:30px;height:30px;border:4px solid #d7eef3;border-top-color:#0f6675;border-radius:999px;animation:startupSpin .8s linear infinite}.startupPanel h1{margin:0;color:#111827;font-size:1.35rem;line-height:1.05}.startupPanel p{max-width:280px;margin:8px 0 0;color:#607086;font-size:.94rem;font-weight:800;line-height:1.35}@keyframes startupSpin{to{transform:rotate(360deg)}}.loginPanel{width:min(420px,100%);display:grid;gap:18px;padding:22px;border:1px solid #d8e4ef;border-radius:8px;background:#fff;box-shadow:0 18px 46px #0f172a24}.loginPanel>img{width:min(270px,76vw);height:auto;justify-self:center}.loginPanel h1{font-size:1.7rem}.loginForm{display:grid;gap:12px}.loginForm label{display:grid;gap:6px;color:#4b5d72;font-size:.78rem;font-weight:900}.loginForm input{width:100%;min-height:44px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#172033;padding:0 12px;font:inherit;font-weight:800}.loginForm .rememberLogin{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;color:#172033;font-size:.88rem;text-transform:none}.rememberLogin input{width:18px;min-height:18px;accent-color:#10596b}.rememberLogin span{display:grid;gap:1px}.rememberLogin small{color:#64748b;font-size:.72rem;font-weight:800}.loginForm button{min-height:44px;border:0;border-radius:8px;background:#10596b;color:#fff;font-weight:950}.loginForm button:disabled{cursor:default;opacity:.68}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:var(--wp-dark);border-right:1px solid #263244;display:flex;flex-direction:column;gap:24px}.brand{width:178px;height:auto}.navList{display:grid;gap:6px}.navItem,.mobileNav button{border:0;background:transparent;color:#4d5b6d}.navItem{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;text-align:left;font-weight:700;color:#dbe6f4}.navItem:hover,.navItem.active{background:#114b50;color:#fff;box-shadow:inset 3px 0 0 var(--wp-teal)}.companySwitch{margin-top:auto;display:grid;gap:10px}.companySwitch img{max-width:148px;max-height:42px;object-fit:contain}.main{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbarTitle{min-width:0}.topbarLogo{width:min(220px,22vw);max-height:44px;object-fit:contain;opacity:.72;pointer-events:none}.eyebrow{margin:0 0 4px;color:#64748b;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.7rem,2.2vw,2.35rem);line-height:1.08;letter-spacing:0}h2{margin-bottom:0;font-size:1.02rem;line-height:1.2;letter-spacing:0}h3{margin-bottom:7px;font-size:1rem;line-height:1.25;letter-spacing:0}.topbarActions{display:flex;align-items:center;gap:10px}.sectionSearchBox{min-width:0;min-height:42px;display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#617184}.sectionSearchBox input{min-width:0;width:100%;border:0;outline:0;color:#172033}select,.quickForm input{min-height:42px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#172033;padding:0 12px}.iconButton,.quickForm button,.taskActions button,.taskDialogActions button{min-height:42px;border:0;border-radius:8px;background:#10596b;color:#fff;font-weight:800;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.iconButton{position:relative;width:42px;padding:0}.notificationButton{border:1px solid #cfe0ea;background:#fff;color:#10596b;box-shadow:0 8px 18px #0f172a0f}.notificationButton.active{border-color:#f0c56b;background:#fff8e8;color:#9a5b00}.notificationButton span{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;border:2px solid #ffffff;border-radius:999px;background:#dc2626;color:#fff;font-size:.66rem;font-weight:950;line-height:1}.logoutButton{border:1px solid #fecaca;background:#fff5f5;color:#dc2626;box-shadow:none}.logoutButton:hover{background:#fee2e2}.banner{margin-bottom:14px;border:1px solid #c8d8e3;background:#eef7fb;color:#1c5263;border-radius:8px;padding:11px 13px;font-weight:700}.banner.error{border-color:#f2c5c5;background:#fff0f0;color:#9b1c1c}.banner.warning{border-color:#f4d58d;background:#fff9e8;color:#73510e}.connectionNotice{margin-bottom:14px;border:1px solid #f4d58d;background:#fff9e8;color:#73510e;border-radius:8px;padding:12px 14px;display:grid;gap:3px}.connectionNotice strong{font-size:.98rem}.connectionNotice span{font-size:.9rem;line-height:1.35;font-weight:700}.contentGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px}.contentGrid.single{grid-template-columns:minmax(0,1fr)}.metricRow,.dashboardTiles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.homePrimary{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr)}.homeFocus{grid-template-columns:minmax(0,1fr)}.homeFocus>.dashboardTiles,.homeFocus>.planningBoardPanel,.homeFocus>.panel:not(.timeClockPanel):not(.homeDayPlanPanel){display:none}.homeFocus>.homePrimary,.homeFocus>.homeDayPlanPanel{grid-column:1 / -1}.homeDayPlanPanel{min-height:0}.homeDayPlanSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border:1px solid #dbe7f3;border-radius:8px;background:#f8fbfd}.homeDayPlanSummary>div:first-child{min-width:0;display:grid;gap:2px}.homeDayPlanSummary strong{color:#172033;font-size:1rem}.homeDayPlanSummary span{color:#607086;font-size:.88rem;font-weight:800}.homeDayPlanNav{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(66px,1fr));gap:6px}.homeDayPlanNav button{min-height:36px;padding:0 10px;border:1px solid #c9d8e8;border-radius:8px;background:#fff;color:#172033;font-weight:900}.homeDayPlanNav button:hover{border-color:#0f5966;color:#0f5966}.homeDayPlanList{display:grid;gap:14px}.homeDayPlanItem{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(74px,auto) auto;align-items:stretch;gap:0 10px;min-height:118px;padding:0;border:2px solid #9fb5c7;border-radius:8px;background:linear-gradient(90deg,rgba(15,102,117,.055),transparent 36%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 0 0 1px #ffffffeb inset,0 0 0 4px #9fb5c76b,0 12px 26px #0f172a17;overflow:hidden}.homeDayPlanItem:before{content:"";position:absolute;inset:12px auto 12px 0;width:4px;border-radius:0 999px 999px 0;background:#0f6675}.homeDayPlanItem.done{border-color:#55b881;box-shadow:0 0 0 1px #ffffffeb inset,0 0 0 4px #55b8813d,0 12px 26px #0f172a17}.homeDayPlanItem.done:before{background:#16a34a}.homeDayPlanItem.interrupted{border-color:#d8a928;box-shadow:0 0 0 1px #ffffffeb inset,0 0 0 4px #d8a92842,0 12px 26px #0f172a17}.homeDayPlanItem.interrupted:before{background:#d8a928}.homeDayPlanItem.withActions{grid-template-columns:76px minmax(0,1fr) 76px}.homeDayPlanItem.withProgress{grid-template-rows:24px minmax(74px,auto) auto}.homeDayPlanItem.currentSession{min-height:170px;border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a62e,0 12px 28px #0f59661f;animation:activePlanningCardPulse 1.8s ease-in-out infinite}.homeDayPlanItem.withProgress.currentSession{min-height:190px;grid-template-rows:24px minmax(116px,auto) auto}@keyframes activePlanningCardPulse{0%,to{box-shadow:0 0 0 2px #14b8a629,0 12px 28px #0f59661a}50%{box-shadow:0 0 0 5px #14b8a647,0 16px 34px #0f596629}}.homeDayPlanProgress{grid-column:1 / 3;grid-row:1;position:relative;align-self:center;height:16px;margin:8px 10px 0;border:1px solid #c6d4e3;border-radius:999px;background:#edf3f8;overflow:hidden}.homeDayPlanProgress span{position:absolute;inset:2px auto 2px 2px;border-radius:inherit;background:linear-gradient(90deg,#12b6b2,#1f79ff,#7c3cff);transition:width .25s ease}.homeDayPlanProgress b{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#fff;font-size:.72rem;font-weight:950;line-height:1;text-shadow:0 1px 2px rgba(15,23,42,.35)}.homeDayPlanProgress.overrun{border-color:#fecaca;background:#fee2e2}.homeDayPlanProgress.overrun span{background:linear-gradient(90deg,#ef4444,#b91c1c)}.homeDayPlanItem time{grid-row:1;align-self:start;margin:14px 0 0 15px;display:grid;justify-items:center;gap:2px;padding:9px 7px;border-radius:8px;background:#ecf8fa;color:#0f5966;font-weight:900;box-shadow:inset 0 0 0 1px #0f66750f}.homeDayPlanItem time span{color:#607086;font-size:.78rem}.homeDayPlanDetails{grid-column:2;grid-row:1;min-width:0;display:grid;gap:3px;padding:13px 0 10px}.homeDayPlanDetails>strong,.homeDayPlanDetails>span,.homeDayPlanDetails>small,.homeDayPlanProjectLink{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeDayPlanDetails>span,.homeDayPlanDetails>small,.homeDayPlanProjectLink{color:#607086;font-weight:800}.homeDayPlanDetails>small{font-size:.78rem}.homeDayPlanProjectLink{min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.homeDayPlanProjectLink:hover{color:#0f63ff}.homeDayPlanInfoRow{grid-column:1 / 3;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:44px;padding:9px 14px 10px;border-top:1px solid #e6edf4;background:#f8fbfddb}.homeDayPlanItem.withActions .homeDayPlanInfoRow{grid-column:1 / 3}.homeDayPlanKind{justify-self:start;min-width:86px;border:1px solid #0f5966;border-radius:999px;background:#10596b;color:#fff;text-align:center}.homePhotoPill{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 10px;border-radius:999px;border:1px solid;font-size:.78rem;font-weight:900;line-height:1}button.homePhotoPill{cursor:pointer}button.homePhotoPill:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #0f172a1f}button.homePhotoPill:disabled{cursor:default;opacity:.68}.homePhotoPill.ok{border-color:#78dba4;background:#e7fbef;color:#087a3d}.homePhotoPill.missing{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.homePlanningStatus{display:inline-flex;align-items:center;min-height:25px;padding:3px 10px;border-radius:999px;border:1px solid;font-size:.78rem;font-weight:900;line-height:1}.homePlanningStatus.active{border-color:#67e8f9;background:#e0faff;color:#0e7490}.homePlanningStatus.done{border-color:#86efac;background:#ecfdf5;color:#15803d}.homePlanningStatus.interrupted{border-color:#facc15;background:#fef9c3;color:#a16207}.homePlanningStatus.open{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.homePlanningStatus.past{border-color:#e5e7eb;background:#f3f4f6;color:#6b7280}.homeDayPlanActions{grid-row:1 / 3;grid-column:3;display:grid;place-items:center;border-left:1px solid #e2eaf2;background:linear-gradient(180deg,#ffffffeb,#f4f9fceb),#f8fbfd;box-shadow:inset 1px 0 #fffc}.homeDayPlanItem.withProgress time,.homeDayPlanItem.withProgress .homeDayPlanDetails{grid-row:2}.homeDayPlanItem.withProgress .homeDayPlanInfoRow{grid-row:3}.homeDayPlanItem.withProgress .homeDayPlanActions{grid-row:2 / 4}.roundActionGroup{display:grid;justify-items:center;align-content:center;gap:9px}.roundAction{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:2px solid currentColor;background:#fff;color:#111827;padding:0;box-shadow:0 7px 16px #0f172a14}.roundAction svg{display:block}.roundAction.pauseAction{color:#805600}.roundAction.switchAction{color:#2563eb}.roundAction.stopAction{color:#111827}.roundAction.roundActionDisabled{border-color:#cbd5e1;background:#f1f5f9;color:#94a3b8}.homeMiniMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric,.panel,.taskCard,.projectCard,.contactCard,.teamCard,.companyCard{background:#fff;border:1px solid var(--wp-border);border-radius:8px;box-shadow:0 12px 30px #0f172a14}.metric{position:relative;min-height:86px;padding:15px 16px 15px 18px;display:flex;align-items:center;gap:12px;overflow:hidden;border:1px solid #d7e4ef;background:radial-gradient(circle at top right,rgba(20,184,166,.12),transparent 42%),linear-gradient(180deg,#fff,#f7fbfd);box-shadow:0 12px 26px #0f172a0f}.metric:before{content:"";position:absolute;inset:12px auto 12px 0;width:4px;border-radius:0 999px 999px 0;background:#14b8a6}.metric.blue:before{background:#2563eb}.metric.green:before{background:#16a085}.metric.amber:before{background:#d97706}.metric.red:before{background:#dc2626}.compactMetric{min-height:58px;padding:8px;align-items:center;gap:7px}.compactMetric svg{width:16px;height:16px}.compactMetric span{font-size:.64rem;line-height:1.1}.compactMetric strong{margin-top:1px;font-size:1.3rem}.placeholderTile{min-height:62px;box-shadow:none;border:2px solid #c8c8c8;background:transparent}.metric svg{flex:0 0 auto;width:36px;height:36px;padding:8px;border-radius:8px;background:#eef7f8;color:#0f6675;box-shadow:inset 0 0 0 1px #0f667514}.metric span{display:block;color:#607086;font-weight:900;font-size:.72rem;line-height:1.1;text-transform:uppercase}.metric strong{display:block;margin-top:5px;font-size:1.82rem;line-height:1;letter-spacing:0}.metric strong small{margin-left:2px;color:inherit;font-size:.62em;font-weight:900}.metric.blue svg{background:#eef5ff;color:#1f6feb}.metric.red svg{background:#fff1f2;color:#c2410c}.metric.green svg{background:#edfdf7;color:#16855f}.metric.amber svg{background:#fff7ed;color:#b7791f}.panel{padding:16px;min-width:0;overflow:hidden}.panel.wide{min-height:280px}.panelHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-16px -16px 14px;padding:12px 16px;background:var(--wp-dark);color:#fff;border-bottom:3px solid var(--wp-teal)}.panelHeader svg{color:#cbd5e1}.panelHeader h2,.panelHeader h3{color:#fff}.panelHeader .eyebrow{color:var(--wp-teal)}.panelHeader button{border-color:#ffffff38;background:#ffffff14;color:#cbd5e1}.panelHeaderActions{display:flex;align-items:center;gap:8px}.panelHeaderActions button{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;padding:0}.panelHeaderActions button:hover{border-color:#2dd4bfe6;background:#2dd4bf1f;color:#fff}.timeline,.stackList,.taskList,.scheduleList{display:grid;gap:10px}.timelineItem,.listItem,.scheduleItem{display:grid;gap:8px;border:1px solid #e3e8ee;background:#fbfcfd;border-radius:8px;padding:12px}.timelineItem{grid-template-columns:112px minmax(0,1fr)}.timelineItem time,.scheduleItem time{color:#10596b;font-weight:900}.timelineItem strong,.listItem strong,.scheduleItem strong{display:block;color:#172033}.timelineItem span,.listItem span,.scheduleItem span,.teamCard span,.contactCard span{color:#64748b;font-size:.88rem}.listItem.unread{border-color:#b7ddea;background:#f2fbfe}.quickForm{display:grid;gap:10px}.quickForm button{width:100%}.timeClockPanel{display:grid;align-content:start;gap:16px;border-color:#d7e4ef;background:radial-gradient(circle at top right,rgba(20,184,166,.11),transparent 44%),linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 14px 30px #0f172a11}.compactClock{min-height:0;gap:10px}.compactClock .timeReadout{min-height:94px}.compactClock .commentBox textarea{min-height:70px}.compactClock .startStampCommentBox textarea{min-height:56px}.compactClock .panelHeader{padding-bottom:8px}.compactClock .timeReadout{padding:14px}.compactClock .timeReadout.withPhotoPills{gap:12px}.compactClock .timeReadout strong{font-size:clamp(2rem,7vw,3rem)}.compactClock .timeReadout span{margin-top:6px;font-size:.86rem}.compactClock .photoCaptureButton{min-height:32px;padding:6px 10px}.compactClock .photoCaptureButton span{font-size:.72rem}.compactClock .photoCaptureButton strong{font-size:.82rem}.compactClock .nextStampSetup{padding-top:8px}.compactClock .stampSetup{gap:7px}.compactClock .segmented{min-height:36px}.compactClock select{min-height:38px}.compactClock .stampControls{grid-template-columns:repeat(3,42px);justify-content:center;gap:12px;padding-top:2px}.compactClock .compactStartControls{grid-template-columns:42px}.compactClock .stampControls .roundAction{width:42px;height:42px}.compactClockStartAction{margin-inline:auto}.compactClock .stampControls .roundAction span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.timeReadout{min-height:154px;border:1px solid #d4e2ec;background:radial-gradient(circle at top,rgba(20,184,166,.08),transparent 42%),linear-gradient(180deg,#fff,#f6fbfd);border-radius:8px;display:grid;place-items:center;gap:14px;text-align:center;padding:22px;box-shadow:0 10px 26px #0f172a0e}.timeReadout.withPhotoPills{align-content:center}.timeReadoutMain{min-width:0}.timeReadout strong{display:block;color:#0f2937;font-size:clamp(2.6rem,7vw,5.2rem);line-height:1;letter-spacing:0;font-weight:850}.timeReadout span{margin-top:9px;color:#5b6a7d;font-weight:800}.photoPillRow{width:min(360px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photoCaptureButton{min-height:36px;border:1px solid #c6cbd1;border-radius:999px;background:#fff;color:#111827;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:4px;padding:4px 5px 4px 12px;box-shadow:0 4px 12px #0f172a0d;font-weight:900;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.photoCaptureButton button{min-width:0;min-height:28px;border:0;border-radius:999px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;font-weight:950}.photoCaptureButton button:first-child{justify-content:flex-start}.photoCaptureButton button:last-child{background:#ffffffc7}.photoCaptureButton span{margin:0;color:inherit;font-size:.8rem;line-height:1.05}.photoCaptureButton strong{margin:0;color:inherit;font-size:.9rem;line-height:1}.photoCaptureButton.missingPhotos{border-color:#fecaca;background:#fff7f7;color:#b91c1c}.photoCaptureButton.hasPhotos{border-color:#86efac;background:#ecfdf5;color:#15803d}.photoCaptureButton:hover{transform:translateY(-1px);box-shadow:0 7px 16px #0f172a1f}.photoCaptureButton button:disabled{opacity:.66;cursor:not-allowed}.cameraInput{display:none}.photoReviewDialog{box-sizing:border-box;width:min(520px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 36px));display:grid;gap:14px;overflow:auto;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747;padding:16px}.photoReviewDialog header{border-bottom:1px solid #e1e8ef;padding-bottom:10px}.photoReviewDialog h2{margin:0;color:#172033;font-size:1.25rem}.photoReviewDialog img{width:100%;max-height:min(460px,58vh);object-fit:contain;border:1px solid #d7dee8;border-radius:8px;background:#f8fafc;box-shadow:0 8px 22px #0f172a14}.photoReviewActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photoReviewActions button,.photoDiscardButton{min-height:44px;border-radius:8px;font-weight:950;padding:0 14px}.photoRetakeButton,.photoDiscardButton{border:1px solid #cfd9e5;background:#fff;color:#172033}.photoUseButton{border:0;background:#16855f;color:#fff}.photoDiscardButton{width:100%}.stampSetup{display:grid;gap:10px}.nextStampSetup{border-top:1px solid #e1e8ef;padding-top:12px}.nextStampLabel{color:#5c6b7f;font-size:.8rem;font-weight:900}.segmented{min-height:42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #d3e0eb;background:#edf4f8;border-radius:8px}.segmented button{border:0;border-radius:6px;background:transparent;color:#536174;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented button.active{background:#fff;color:#0f6675;box-shadow:0 6px 14px #0f172a17}.projectSearchPicker{display:grid;gap:8px;min-width:0}.projectSearchInput{box-sizing:border-box;min-width:0;width:100%;min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid #d7e4ef;border-radius:8px;background:#fff;color:#607086;padding:0 11px}.projectSearchInput input{min-width:0;width:100%;border:0;outline:0;color:#172033;font:inherit;font-weight:850}.selectedProjectPill{display:grid;gap:2px;min-width:0;border:1px solid #99f6e4;border-radius:8px;background:#ecfdf5;padding:8px 10px}.selectedProjectPill span,.selectedProjectPill small{color:#0f766e;font-size:.72rem;font-weight:900}.selectedProjectPill strong{min-width:0;color:#172033;font-size:.88rem;font-weight:950;line-height:1.25;overflow-wrap:anywhere}.projectSearchResults{display:grid;gap:6px;min-width:0;max-height:220px;overflow-y:auto;padding-right:2px}.projectSearchResults button{width:100%;min-width:0;display:grid;gap:2px;text-align:left;border:1px solid #d7e4ef;border-radius:8px;background:#fff;color:#172033;padding:8px 10px}.projectSearchResults button.active{border-color:#0f6675;background:#edfafa;box-shadow:inset 3px 0 #0f6675}.projectSearchResults strong,.projectSearchResults span{min-width:0;overflow-wrap:anywhere}.projectSearchResults strong{font-size:.86rem;font-weight:950;line-height:1.25}.projectSearchResults span{color:#607086;font-size:.74rem;font-weight:850}.projectSearchEmpty{border:1px dashed #cbd8e4;border-radius:8px;color:#607086;font-size:.82rem;font-weight:850;padding:10px;text-align:center}.commentBox{display:grid;gap:7px}.commentBox span{color:#5c6b7f;font-size:.8rem;font-weight:900}.commentBox textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #d7e4ef;border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfd);padding:10px 12px;color:#172033;font:inherit;font-weight:800}.inlineError{border:1px solid #f2c5c5;background:#fff0f0;color:#9b1c1c;border-radius:8px;padding:10px 12px;font-weight:800}.inlineSuccess{border:1px solid #9fd8b8;background:#effbf3;color:#17643a;border-radius:8px;padding:10px 12px;font-weight:800}.stampControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stampControls .startButton{grid-column:1 / -1}.startButton,.pauseButton,.switchButton,.stopButton{min-height:58px;border:0;border-radius:8px;color:#fff;font-size:1rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.startButton{background:linear-gradient(135deg,#0f6675,#0d7f82);box-shadow:0 9px 20px #0f667538,inset 0 1px #ffffff24}.startButton:hover:not(:disabled){background:linear-gradient(180deg,#16818c,#126170)}.pauseButton{background:linear-gradient(135deg,#b7791f,#c88a24);box-shadow:0 9px 20px #b7791f2e}.switchButton{background:linear-gradient(135deg,#0f6675,#2563eb);box-shadow:0 9px 20px #2563eb29}.stopButton{background:linear-gradient(135deg,#b42318,#dc2626);box-shadow:0 9px 20px #b423182e}.timeMetrics{display:grid;gap:14px}.timeSection{align-items:start}.timeScopeBar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #d7e4ef;border-radius:8px;background:linear-gradient(90deg,rgba(20,184,166,.08),transparent 44%),linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 12px 26px #0f172a0e}.timeViewSwitch{display:inline-grid;grid-auto-flow:column;gap:6px;padding:5px;border:1px solid #d3e0eb;border-radius:8px;background:#edf4f8}.timeViewSwitch button{min-height:34px;border:0;border-radius:7px;padding:0 13px;background:transparent;color:#526174;font-weight:900}.timeViewSwitch button.active{background:#fff;color:#0f6675;box-shadow:0 6px 14px #0f172a17}.timeSection>.panel.wide{border-color:#d7e4ef;background:#fff;box-shadow:0 14px 30px #0f172a11}.timeSection>.panel.wide>.panelHeader{margin:-16px -16px 14px;padding:16px;border-bottom:3px solid #20d6c9;background:#101827;color:#fff}.timeSection>.panel.wide>.panelHeader h2,.timeSection>.panel.wide>.panelHeader svg{color:#fff}.timeEntryList{display:grid;gap:10px}.timeEntryCard{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dbe7f1;background:linear-gradient(180deg,#fff,#fbfdfe);border-radius:8px;padding:12px;box-shadow:0 8px 22px #0f172a0a}.timeEntryCard time{color:#10596b;font-weight:900}.timeEntryCard strong,.timeEntryCard span{display:block}.timeEntryCard span{color:#66778b;font-size:.88rem}.timeEntryCard b{color:#182337;white-space:nowrap}.timeEntryList.detailed{gap:8px}.timePeriodSwitch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px;padding:4px;border:1px solid #d3e0eb;border-radius:8px;background:#edf4f8}.timePeriodSwitch button{min-height:34px;border:0;border-radius:7px;background:transparent;color:#526174;font-weight:900}.timePeriodSwitch button.active{background:#fff;color:#0f6675;box-shadow:0 6px 14px #0f172a17}.timeGroupedList{display:grid;gap:14px}.timeGroupedList.nested{gap:10px}.timeDayGroup,.timeEmployeeGroup{border:2px solid #c9d9e7;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 14px 34px #0f233417}.timeDayGroup>header,.timeEmployeeGroup>header{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 15px 12px;border-bottom:1px solid #e4ebf2;background:linear-gradient(180deg,#f9fcfe,#f2f7fa)}.timeEmployeeGroup>header{background:#101827;color:#fff}.timeDayGroup>header strong,.timeDayGroup>header span,.timeEmployeeGroup>header strong,.timeEmployeeGroup>header span{display:block}.timeDayGroup>header strong,.timeEmployeeGroup>header strong{color:inherit;font-size:1rem;line-height:1.2}.timeDayGroup>header span,.timeEmployeeGroup>header span{color:#607086;font-size:.8rem;font-weight:800}.timeEmployeeGroup>header span{color:#cbd5e1}.timeEmployeeGroup>header b{color:#fff;white-space:nowrap}.timeDayTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.timeDayTotals span{display:grid;gap:2px;min-width:0;min-height:40px;padding:7px 8px;border:1px solid #d7e4ef;border-radius:8px;background:#ffffffb8;color:#172033}.timeDayTotals small{color:#607086;font-size:.62rem;font-weight:900;line-height:1}.timeDayTotals strong{color:#172033;font-size:.82rem;font-weight:900;line-height:1.05}.timeDayGroup .timeEntryList{padding:12px 12px 14px}.timeEntryCard.detailed{position:relative;grid-template-columns:minmax(72px,.34fr) minmax(0,1fr) auto;gap:12px;border:2px solid #cfddea;background:#fff;box-shadow:0 8px 20px #0f233414;overflow:hidden}.timeEntryCard.detailed:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#0f6675}.timeEntryCard.detailed.project:before{background:#16a34a}.timeEntryCard.detailed.unproductive:before{background:#d97706}.timeEntryCard.detailed.interrupted:before{background:#f4ad00}.timeEntryCard.detailed time{display:grid;gap:3px;padding-left:5px}.timeEntryCard.detailed time strong{color:#10596b;font-size:.92rem;line-height:1.2}.timeEntryCard.detailed time span{color:#66778b;font-size:.82rem}.timeEntryCard.detailed small{display:block;margin-top:4px;color:#7a8899;font-size:.78rem;font-weight:800}.timeEntryMeta{display:grid;justify-items:end;align-content:start;gap:7px}.timeIssueAction{min-height:32px;border:1px solid #cfe0ea;border-radius:8px;background:linear-gradient(135deg,#0f6675,#0d7f82);color:#fff;font-size:.74rem;font-weight:950;padding:0 10px;box-shadow:0 7px 16px #0f66752e}.timeIssueHint{color:#9b1c1c;font-size:.74rem;font-weight:900;text-align:right}.timeAlertList,.teamTimeList{display:grid;gap:10px}.timeAlert{display:grid;gap:4px;width:100%;padding:12px;border:1px solid #dbe7f1;border-radius:8px;background:#fff;color:inherit;cursor:pointer;text-align:left;box-shadow:0 8px 22px #0f172a09}.timeAlert:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.timeAlert span{color:#607086;font-size:.78rem;font-weight:900}.timeAlert strong{color:#172033;font-size:1.35rem;line-height:1}.timeAlert small{color:#607086;font-weight:750;line-height:1.35}.timeAlert.ok{border-color:#ced;background:#f7fef9}.timeAlert.warning{border-color:#f3d48b;background:#fffaf0}.timeAlert.active{border-color:#8ee5ee;background:#f0fdff}.timeAlert.selected{border-color:#0f6675;box-shadow:0 0 0 2px #14b8a629,0 10px 22px #0f66751f}.timeIssueReset{min-height:38px;border:1px solid #d6e2ec;border-radius:8px;background:#fff;color:#10596b;font-weight:900}.teamTimeRow{display:grid;grid-template-columns:minmax(170px,1fr) minmax(260px,1.4fr) minmax(130px,auto);gap:12px;align-items:center;padding:12px;border:1px solid #e3e8ee;border-radius:8px;background:#fbfcfd}.teamTimeRow.active{border-color:#14b8a6;background:#f0fdfa}.teamTimeRow strong,.teamTimeRow span{display:block}.teamTimeRow>div:first-child span{color:#66778b;font-size:.84rem;font-weight:800}.teamTimeValues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.teamTimeValues span{padding:8px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#607086;font-size:.78rem;font-weight:900}.teamTimeValues b{display:block;margin-top:3px;color:#172033;font-size:.98rem}.teamTimeFlags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.planningBoardPanel{overflow:hidden}.utilizationBoard{overflow-x:auto;padding-bottom:6px}.utilizationGrid{min-width:1180px;display:grid;grid-template-columns:112px repeat(14,76px);gap:6px;align-items:stretch}.utilizationCorner,.utilizationDay,.utilizationGroup,.utilizationCell{border-radius:7px}.utilizationCorner{background:var(--wp-dark);border:1px solid var(--wp-dark)}.utilizationDay{min-height:58px;display:grid;place-items:center;gap:2px;border:1px solid #d9e2ec;background:#f8fafc;color:#102033;text-align:center}.utilizationDay strong{font-size:.74rem;text-transform:uppercase}.utilizationDay span{color:#10596b;font-size:.76rem;font-weight:900}.utilizationDay.weekend,.utilizationCell.weekend{background:#e9eef4;color:#8796aa}.utilizationGroup{min-height:62px;display:flex;align-items:center;padding:0 8px;color:#fff;font-weight:900;overflow-wrap:anywhere;background:var(--wp-dark);border:1px solid var(--wp-dark)}.utilizationCell{position:relative;min-height:62px;border:1px solid #d6e0ea;background:#fff;display:grid;align-content:center;justify-items:center;gap:3px;padding:8px 6px;text-align:center}button.utilizationCell{cursor:pointer}button.utilizationCell:hover{border-color:var(--wp-teal);box-shadow:inset 0 0 0 1px var(--wp-teal)}.utilizationCell strong{color:#008b99;font-size:.86rem;line-height:1}.utilizationCell span{color:#56667a;font-size:.68rem;font-weight:800}.utilizationCell i{width:100%;height:7px;border-radius:999px;background:#d8e2ec;overflow:hidden}.utilizationCell i:after{content:"";display:block;width:inherit;height:100%;border-radius:inherit;background:var(--wp-teal)}.utilizationCell[data-load=medium] i:after{background:#2563eb}.utilizationCell[data-load=high] i:after{background:#b42318}.utilizationCell[data-load=high]{border-color:#f2b8b5;background:#fff5f4}.weekendText{font-size:.68rem;font-weight:900}.dayPlanningPanel{grid-column:1 / -1}.dayPlanningHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.dayPlanningHeader h2{font-size:1.35rem}.dayPlanningHeader span{display:block;margin-top:7px;color:#5f6f84;font-weight:900}.dayPlanningHeader button{min-height:42px;border:1px solid #cfd9e5;border-radius:8px;background:#fff;color:#172033;font-weight:900;padding:0 14px}.dayTimeline{overflow-x:auto;display:grid;grid-template-columns:190px minmax(980px,1fr);align-items:stretch;border-top:1px solid #dbe4ee}.workerHeader,.hoursHeader,.workerCell,.workerTimeline{min-height:58px;border-bottom:1px solid #dbe4ee}.workerHeader{display:flex;align-items:center;padding:0 10px;color:#5f6f84;font-size:.76rem;font-weight:900;text-transform:uppercase;background:#f8fafc}.hoursHeader{display:grid;grid-template-columns:repeat(15,1fr);align-items:center;color:#52647a;font-size:.76rem;font-weight:900;background:#f8fafc}.hoursHeader span{border-left:1px solid #dbe4ee;padding-left:5px}.workerCell{display:grid;align-content:center;gap:2px;padding:8px 10px;background:#fff}.workerCell strong{color:#0f172a;line-height:1.15}.workerCell span{color:#008b99;font-size:.78rem;font-weight:900}.workerCell span.overload{color:#b42318}.workerCell small{color:#52647a;font-weight:800}.workerTimeline{position:relative;min-height:58px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 15 - 1px),#dbe4ee calc(100% / 15 - 1px),#dbe4ee calc(100% / 15)),#fff}.workWindow{position:absolute;inset:10px 20% 10px 13.333%;border-radius:8px;background:#eef1f4}.pauseMarker{position:absolute;left:42%;top:8px;z-index:2;border-radius:8px;background:#cfd7e4;color:#52647a;padding:4px 8px;font-size:.66rem;font-weight:900}.planningBar{position:absolute;top:31px;height:22px;z-index:3;display:block;border-radius:8px;background:#19a955;color:#fff;font-size:.68rem;font-weight:900;line-height:22px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;border:0}button.planningBar{cursor:pointer}button.planningBar:hover{background:#11873f;box-shadow:0 0 0 2px #19a95533}.mobilePlanningIntro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid #d8e4ef;border-radius:8px;background:#f8fbfd}.mobilePlanningIntro strong{color:#101827}.mobilePlanningIntro span{display:block;margin-top:3px;color:#617184;font-size:.86rem;font-weight:800}.planningWeekNav{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));gap:6px}.planningWeekNav button{min-height:34px;padding:0 9px;border:1px solid #c9d8e8;border-radius:8px;background:#fff;color:#172033;font-size:.78rem;font-weight:900}.planningWeekNav button:hover{border-color:#0f5966;color:#0f5966}.mobileUtilizationList,.mobileDayWorkerList,.mobileWorkerEntries{display:grid;gap:10px}.planningDayTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0;padding:5px;border:1px solid #cfe0ec;border-radius:8px;background:#edf5f9}.planningDayTabs button{min-height:40px;border:0;border-radius:6px;background:transparent;color:#596b82;font:inherit;font-weight:900}.planningDayTabs button.active{background:#fff;color:#075f6d;box-shadow:0 8px 18px #0f172a14}.mobilePlannerBoard{overflow-x:auto;overflow-y:hidden;margin-top:12px;padding:0 0 8px;-webkit-overflow-scrolling:touch}.mobilePlannerBoardCanvas{--planner-worker-width: 190px;--planner-hour-width: 58px;min-width:calc(var(--planner-worker-width) + 14 * var(--planner-hour-width));overflow:hidden;border:2px solid #b9cad8;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #ffffffeb inset,0 12px 28px #0f172a14}.mobilePlannerBoardHeader,.mobilePlannerBoardRow{display:grid;grid-template-columns:var(--planner-worker-width) repeat(14,var(--planner-hour-width))}.mobilePlannerBoardHeader{min-height:42px;border-bottom:1px solid #d8e5ef;background:#f8fbfd}.mobilePlannerBoardHeader span,.mobilePlannerBoardHeader strong{display:flex;align-items:center;min-width:0;color:#53667f;font-size:.78rem;font-weight:900}.mobilePlannerBoardHeader span{padding:0 14px;text-transform:uppercase}.mobilePlannerBoardHeader strong{justify-content:flex-start;padding-left:8px;border-left:1px solid #d8e5ef}.mobilePlannerBoardHeader strong:nth-child(n+2){grid-column:auto}.mobilePlannerBoardRow{min-height:92px;border-bottom:1px solid #e4edf5}.mobilePlannerBoardRow:last-child{border-bottom:0}.mobilePlannerWorker{display:grid;grid-column:1;align-content:center;gap:4px;padding:12px 14px;background:#f8fbfd}.mobilePlannerWorker strong,.mobilePlannerWorker span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobilePlannerWorker span{color:#008b99;font-size:.76rem;font-weight:900}.mobilePlannerWorker span.overload{color:#b42318}.mobilePlannerLane{position:relative;grid-column:2 / -1;min-height:92px;background:linear-gradient(90deg,rgba(216,229,239,.95) 1px,transparent 1px) 0 0 / var(--planner-hour-width) 100%,linear-gradient(90deg,#eef2f6 0 14.285%,transparent 14.285% 78.57%,#eef2f6 78.57% 100%),#fff}.mobilePlannerBar{position:absolute;top:50%;min-width:70px;height:48px;display:grid;align-content:center;gap:2px;padding:0 10px;border:2px solid #60a5fa;border-radius:8px;background:#2f76f6;color:#fff;text-align:center;box-shadow:inset 0 0 0 2px #ffffff3d,0 10px 22px #2563eb38;transform:translateY(-50%)}.mobilePlannerBar.done{border-color:#86efac;background:#20bf55;box-shadow:inset 0 0 0 2px #ffffff47,0 10px 22px #16a34a33}.mobilePlannerBar.requested,.mobilePlannerBar[data-approval=requested]{border-color:#fbbf24;background:#f59e0b;color:#172033;box-shadow:inset 0 0 0 2px #ffffff47,0 10px 22px #f59e0b3d}.mobilePlannerBar strong,.mobilePlannerBar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobilePlannerBar strong{font-size:.76rem;font-weight:950}.mobilePlannerBar span{font-size:.68rem;font-weight:900;opacity:.92}.mobileUtilizationBoard{overflow:hidden;border:1px solid #d8e4ef;border-radius:8px;background:#fff}.mobileUtilizationBoard>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e3edf6;background:#101827;color:#fff}.mobileUtilizationBoard>header span{color:#cbd5e1;font-size:.78rem;font-weight:900;white-space:nowrap}.mobileUtilizationDays{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}.mobileUtilizationDay{position:relative;min-height:66px;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:stretch;gap:0;padding:0;border:2px solid #dfe9f2;border-radius:8px;background:#fff;text-align:left;overflow:hidden}.mobileUtilizationDate{display:grid;place-items:center;align-content:center;gap:1px;min-height:100%;border-right:2px solid #e2ebf3;color:#0b1020;background:#fff}.mobileUtilizationDate strong{color:#050914;font-size:1.65rem;font-weight:950;line-height:1}.mobileUtilizationDate small{color:#050914;font-size:1.1rem;font-weight:500;line-height:1.05}.mobileUtilizationLoad{display:grid;align-content:center;gap:7px;min-width:0;padding:9px 12px 8px 10px}.mobileUtilizationTopline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}.mobileUtilizationTopline strong{color:#050914;font-size:1.38rem;font-weight:950;line-height:1}.mobileUtilizationLoad small{color:#050914;font-size:.84rem;font-weight:500;line-height:1.1;text-align:center}.mobileUtilizationProgress{width:100%;height:33px;border-radius:4px;background:#f5f5f5;overflow:hidden}.mobileUtilizationProgress i{content:"";display:block;height:100%;border-radius:4px;background:var(--wp-teal)}.mobileUtilizationDay[data-load=medium] .mobileUtilizationProgress i{background:#2563eb}.mobileUtilizationDay[data-load=high]{border-color:#fecaca;background:#fff5f4}.mobileUtilizationDay[data-load=high] .mobileUtilizationProgress i{background:#b42318}.mobileUtilizationDay.weekend{background:#edf2f6;color:#8796aa}.mobileUtilizationDay.weekend .mobileUtilizationDate{background:#f7fafc}.mobileUtilizationWeekendText{display:grid;place-items:center;min-width:0;padding:0 12px;color:#66778d;font-size:.95rem;font-weight:900}.mobileWorkerPlan{position:relative;overflow:hidden;border:2px solid #b9cad8;border-radius:8px;background:linear-gradient(90deg,rgba(15,102,117,.045),transparent 34%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 0 0 1px #ffffffeb inset,0 0 0 4px #b2c5d361,0 12px 26px #0f172a14}.mobileWorkerPlan:before{content:"";position:absolute;inset:14px auto 14px 0;width:4px;border-radius:0 999px 999px 0;background:#0f6675}.mobileWorkerPlan>header{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;padding:12px 14px;border-bottom:1px solid #e3edf6;background:#f8fbfde6}.mobileWorkerPlan>header strong,.mobileWorkerPlan>header span{display:block}.mobileWorkerPlan>header span{margin-top:2px;color:#008b99;font-size:.78rem;font-weight:900}.mobileWorkerPlan>header span.overload{color:#b42318}.mobileWorkerPlan>header i{align-self:center;height:8px;border-radius:999px;background:#dce7f1;overflow:hidden}.mobileWorkerPlan>header b{display:block;height:100%;border-radius:inherit;background:var(--wp-teal)}.mobileWorkerEntries{display:grid;gap:12px;padding:12px 14px 14px}.mobileWorkerEntry{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:11px 10px 11px 12px;border:2px solid #cfddea;border-radius:8px;background:#fff;box-shadow:0 8px 20px #0f233414;color:inherit;text-align:left;overflow:hidden}.mobileWorkerEntry:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#0f6675}.mobileWorkerEntry.project:before{background:#16a34a}.mobileWorkerEntry.unproductive:before{background:#d97706}.mobileWorkerEntry.active:before,.mobileWorkerEntry.done:before{background:#16a34a}.mobileWorkerEntry.interrupted:before{background:#f4ad00}.mobileWorkerEntry:not(:disabled):hover{border-color:#9fb5c7;box-shadow:0 10px 22px #0f23341c}.mobileWorkerEntry:disabled{cursor:default}.mobileWorkerEntry time{display:grid;justify-items:center;gap:2px;padding:8px 5px;border-radius:8px;background:#eef8fa;color:#0f5966;font-weight:900;box-shadow:inset 0 0 0 1px #0f66750f}.mobileWorkerEntry time span{color:#607086;font-size:.75rem}.mobileWorkerEntry div{min-width:0}.mobileWorkerEntry strong,.mobileWorkerEntry div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileWorkerEntry div span{color:#617184;font-size:.8rem;font-weight:800}.mobileWorkerEntry>small.badge{justify-self:end;white-space:nowrap}.tasksPanel{overflow:hidden}.taskSummaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid #d9e3ef;background:#f3f8fb}.taskSummaryTile{min-height:64px;padding:10px;border:1px solid #d9e6f0;border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfd);box-shadow:0 8px 20px #0f172a09}.taskSummaryTile span{display:block;color:#5d6c7f;font-size:.72rem;font-weight:900}.taskSummaryTile strong{display:block;margin-top:4px;color:#061836;font-size:1.6rem;line-height:1}.taskSummaryTile.danger{border-color:#ffb4b4;background:#fff2f2}.taskSummaryTile.warning{border-color:#ffd16f;background:#fff8e6}.taskFilterBar{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid #d9e3ef;background:#fff}.taskFilterBar button{min-width:92px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid #d6e2ec;border-radius:8px;background:#f8fbfd;color:#243248;font-weight:900}.taskFilterBar button.active{border-color:var(--wp-teal);background:#fff;color:#075f6d;box-shadow:0 7px 16px #0f66751f,inset 0 2px #14b8a6}.taskFilterBar strong{min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:999px;background:#edf3f8;color:#506276;font-size:.74rem}.taskFilterBar button.active strong{background:#0f6675;color:#fff}.taskCard{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;padding:12px;border-left:0;background:linear-gradient(180deg,#fff,#fbfdfe)}.taskCard:has(.badge.danger){box-shadow:inset 3px 0 #ef4444,0 10px 26px #0f172a11}.taskCard:has(.badge.warning){box-shadow:inset 3px 0 #f5a400,0 10px 26px #0f172a11}.taskOpenArea{min-width:0;display:block;padding:0;border:0;background:transparent;color:inherit;text-align:left}.taskOpenArea h3{margin:8px 0 4px;font-size:1rem}.taskOpenArea p,.projectCard p,.contactCard p,.teamCard p{margin-bottom:0;color:#536174}.taskCardTop{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.taskPriority{display:inline-flex;align-items:center;width:fit-content;min-height:25px;padding:0 9px;border-radius:999px;background:#eef1f5;color:#526174;font-size:.75rem;font-weight:900}.taskPriority.positive{color:#116046;background:#dff7ec}.taskPriority.warning{color:#80530d;background:#fff0c2}.taskPriority.danger{color:#9b1c1c;background:#ffe4e4}.metaLine{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:#607080;font-size:.85rem;font-weight:700}.taskActions{display:grid;align-content:center;gap:8px}.taskActions button{min-height:40px;justify-content:center}.taskActions button:first-child{background:#eef4f7;color:#10596b}.taskDetailDialog{width:min(620px,calc(100vw - 22px));max-height:min(820px,calc(100vh - 22px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747}.taskDetailHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:3px solid var(--wp-teal);background:#101827;color:#fff}.taskDetailHeader .eyebrow{color:var(--wp-teal)}.taskDetailHeader h2{margin:2px 0 4px;font-size:1.25rem}.taskDetailHeader span{color:#c8d3df;font-weight:800}.taskDetailHeader button{min-width:42px;height:42px;justify-content:center;border-radius:8px;background:#fff;color:#101827;font-size:1.4rem;line-height:1}.taskStatusPanel{display:grid;gap:10px;margin:14px 18px 0;padding:0;border:1px solid #c9dae8;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a0a}.taskStatusSelectField{position:relative;display:grid;gap:4px;border:0;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);color:#22334a;padding:11px 14px}.taskStatusSelectField:after{content:"";position:absolute;top:39px;right:18px;width:9px;height:9px;pointer-events:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.taskStatusSelectField span{color:#536174;font-size:.72rem;font-weight:900;text-transform:uppercase}.taskStatusSelectField select{width:100%;min-height:34px;appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:850;padding:0 34px 0 0}.taskStatusSelectField.warning{border-color:#f1c96d;background:#fff7df;color:#7a4b00}.taskStatusSelectField.positive{border-color:#86d7c5;background:#e8fbf7;color:#086554}.taskStatusSelectField.danger{border-color:#f3b3b3;background:#fff0f0;color:#9b1c1c}.taskStatusSelectField select:disabled{cursor:default}.taskQuickSummary{display:grid;gap:0;margin:10px 18px 0;border:1px solid #d7e4ef;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 8px 22px #0f172a09}.taskQuickSummary div{display:grid;grid-template-columns:minmax(92px,.34fr) minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:9px 12px}.taskQuickSummary div+div{border-top:1px solid #e8eef5}.taskQuickSummary span,.taskQuickSummary strong,.taskQuickSummary em{display:block}.taskQuickSummary span{color:#64748b;font-size:.66rem;font-weight:900;text-transform:uppercase}.taskQuickSummary strong{margin:0;color:#172033;font-size:.88rem;line-height:1.18;overflow-wrap:anywhere;text-align:right}.taskQuickSummary em{margin:0;padding:3px 7px;border-radius:999px;background:#fee2e2;color:#9b1c1c;font-size:.68rem;font-style:normal;font-weight:900}.taskMetaList{margin:0;border:1px solid #d8e4ef;border-radius:8px;background:#fff;overflow:hidden}.taskMetaList .detailItem{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);gap:12px;align-items:baseline;border:0;border-radius:0;background:transparent;padding:9px 12px}.taskMetaList .detailItem+.detailItem{border-top:1px solid #e8eef5}.taskMetaList .detailItem span{margin:0}.taskMetaList .detailItem strong{margin:0;text-align:right}.taskReadonlyField{margin:12px 18px;padding:12px 14px;border:1px solid #d8e4ef;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0f172a09}.taskReadonlyField span,.taskDetailSection h3{display:block;margin-bottom:4px;color:#536174;font-size:.72rem;font-weight:900}.taskReadonlyField p{margin:0;color:#122035;font-weight:760;line-height:1.35}.taskStructuredDescription{display:grid;gap:10px;margin-top:6px;padding:12px;border:1px solid #d7e4ef;border-left:4px solid #0f7482;border-radius:8px;background:linear-gradient(180deg,#f8fbfd,#fff)}.taskStructuredDescription.warning{border-left-color:#d39a15;background:linear-gradient(180deg,#fffbeb,#fff)}.taskStructuredDescription>strong{color:#142136;font-size:.94rem;line-height:1.2}.taskStructuredDescription dl{display:grid;gap:0;margin:0}.taskStructuredDescription dt,.taskStructuredDescription dd{margin:0;padding:8px 0;border-top:1px solid #e5edf4}.taskStructuredDescription dt{color:#607089;font-size:.68rem;font-weight:900;text-transform:uppercase}.taskStructuredDescription dd{color:#142136;font-size:.88rem;font-weight:780;line-height:1.32;overflow-wrap:anywhere}.taskDialogActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 14px}.taskStatusPanel .taskDialogActions{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.taskDialogActions button{border:1px solid #d5e2ed;background:#eef4f7;color:#10596b;min-height:44px;justify-content:center}.taskActions button.statusDone,.taskDialogActions button.statusDone,.taskDialogActions button:last-child{background:#0f6675;color:#fff}.taskDetailTabs{display:flex;gap:4px;margin:0 18px 12px;padding:4px;border:1px solid #d3e0eb;border-radius:8px;background:#edf4f8;overflow-x:auto;scrollbar-width:none}.taskDetailTabs::-webkit-scrollbar{display:none}.taskDetailTabs button{flex:1 0 auto;min-width:max-content;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:6px;background:transparent;color:#536174;font-size:.76rem;font-weight:900;padding:0 7px}.taskDetailTabs button.active{background:#fff;color:#0f6675;box-shadow:0 6px 14px #0f172a17}.taskDetailTabs strong{min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;background:#e2eaf2;color:#536174;font-size:.68rem}.taskDetailTabs button.active strong{background:#d9f5f2;color:#075f6d}.taskDetailSection{padding:0 18px 16px}.taskChipList{display:grid;gap:0;border:1px solid #d8e4ef;border-radius:8px;background:#fff;overflow:hidden}.taskInfoChip{display:flex;min-height:34px;align-items:center;padding:7px 10px;border:0;border-radius:0;background:transparent;color:#33445b;font-size:.8rem;font-weight:900}.taskInfoChip+.taskInfoChip{border-top:1px solid #e8eef5}.taskInfoChip.strong{background:#f3fbfb;color:#075f6d}.taskParticipantControls,.taskCommentForm{display:grid;gap:8px}.taskParticipantControls{grid-template-columns:minmax(0,1fr) auto;margin-top:10px}.taskCommentForm{grid-template-columns:minmax(0,1fr) auto;margin-top:10px;padding:8px;border:1px solid #d2e0eb;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 10px 24px #0f172a0f}.taskParticipantControls select,.taskCommentForm select,.taskCommentForm textarea{width:100%;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#172033;padding:0 12px;font:inherit;font-weight:800}.taskCommentForm textarea{min-height:44px;border-color:#d9e5ef;background:#fff;padding:10px 12px;resize:vertical}.taskCommentForm select{grid-column:1 / -1;min-height:36px;border-color:transparent;background:#edf4f8;font-size:.82rem}.taskParticipantControls button,.taskCommentForm button{min-height:42px;border:0;border-radius:8px;background:#10596b;color:#fff;font-weight:900;padding:0 14px}.taskCommentForm button{min-width:96px;gap:6px;background:linear-gradient(135deg,#0f6675,#0d7f82);box-shadow:0 8px 18px #0f667538}.taskParticipantControls button:disabled,.taskCommentForm button:disabled{cursor:default;opacity:.55}.taskActionError{margin:0 18px 14px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fff2f2;color:#9b1c1c;font-weight:900}.taskChatList{display:grid;gap:9px;padding:10px;border:1px solid #e1e8ef;border-radius:8px;background:#f4f8fb}.taskChatMessage{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:end;gap:8px}.taskChatMessage.own{grid-template-columns:minmax(0,1fr) 32px}.taskChatAvatar{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#e2eef5;color:#10596b;font-size:.78rem;font-weight:950}.taskChatMessage.own .taskChatAvatar{grid-column:2;grid-row:1;background:#dceafe;color:#1d4ed8}.taskChatBubble{max-width:88%;justify-self:start;border:1px solid #d7e2ec;border-radius:8px 8px 8px 2px;background:#fff;color:#122035;padding:9px 10px}.taskChatMessage.own .taskChatBubble{justify-self:end;border-color:#1d6fe8;border-radius:8px 8px 2px;background:#1f6feb;color:#fff}.taskChatMeta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;margin-bottom:4px}.taskChatMeta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:950}.taskChatMeta span{color:#64748b;font-size:.68rem;font-weight:850;white-space:nowrap}.taskChatMessage.own .taskChatMeta span{color:#ffffffc7}.taskChatBubble p{margin:0;font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}.taskHistorySection{margin:4px 18px 14px;padding:14px 0 0;border-top:2px solid #d8e4ef}.taskHistorySection h3{margin-bottom:8px;color:#33445b}.taskTimeline{display:grid;gap:8px}.taskHistoryTimeline{display:grid;gap:7px}.taskHistoryTimeline>div{position:relative;padding:8px 10px 8px 28px;border:1px solid #e1e8ef;border-radius:8px;background:#fbfcfd}.taskHistoryTimeline>div:before{content:"";position:absolute;left:10px;top:13px;width:8px;height:8px;border-radius:999px;background:#94a3b8}.taskHistoryTimeline strong,.taskHistoryTimeline span{display:block}.taskHistoryTimeline strong{color:#172033;font-size:.88rem}.taskHistoryTimeline span{margin-top:2px;color:#64748b;font-size:.74rem;font-weight:850}.taskHistoryTimeline p{margin:5px 0 0;color:#33445b;font-size:.86rem}.taskTimeline>div{padding:10px;border:1px solid #d8e4ef;border-radius:8px;background:#f8fbfd}.taskTimeline strong,.taskTimeline span{display:block}.taskTimeline span{margin-top:2px;color:#637286;font-size:.78rem;font-weight:800}.taskTimeline p{margin:6px 0 0;color:#122035}@media(max-width:760px){.tasksPanel{overflow:hidden}.taskSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.taskSummaryTile{min-height:54px;padding:8px 10px}.taskSummaryTile span{font-size:.68rem;line-height:1.1}.taskSummaryTile strong{margin-top:3px;font-size:1.28rem}.taskFilterBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;padding:10px}.taskFilterBar button{min-width:0;min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0 8px;font-size:.76rem}.taskFilterBar button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskFilterBar strong{min-width:22px;min-height:22px;font-size:.68rem}.taskList{gap:8px;padding:10px}.taskCard{grid-template-columns:1fr;gap:10px;padding:10px;border-radius:8px}.taskOpenArea h3{margin-top:7px;font-size:.95rem}.taskOpenArea p{font-size:.88rem;line-height:1.35}.taskCardTop{gap:5px}.taskCardTop .badge,.taskPriority{min-height:23px;padding:0 8px;font-size:.68rem}.metaLine{gap:6px;margin-top:8px;font-size:.76rem;line-height:1.25}.taskActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.taskActions button{min-height:38px;font-size:.82rem}.mobilePlanningIntro{grid-template-columns:1fr}.planningWeekNav{width:100%}}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:25px;padding:0 9px;border-radius:8px;font-size:.75rem;font-weight:900;color:#536174;background:#eef1f5}.badge.positive{color:#116046;background:#dff7ec}.badge.warning{color:#80530d;background:#fff0c2}.badge.danger{color:#9b1c1c;background:#ffe4e4}.pipelineHeader{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.companyCard{min-height:86px;padding:14px;display:flex;align-items:center;gap:14px}.companyCard img{width:92px;max-height:42px;object-fit:contain}.companyCard strong,.teamCard strong,.contactCard strong{display:block;margin-bottom:4px}.companyCard span{color:#65758a;font-weight:700}.projectGrid,.contactGrid,.teamGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.projectCard,.contactCard,.teamCard{padding:14px;min-width:0}.projectCard{display:grid;gap:14px;width:100%;border:1px solid #dfe5ec;color:inherit;text-align:left;cursor:pointer}button.projectCard{font:inherit;background:#fff}button.projectCard:hover{border-color:#00a3ad;box-shadow:0 12px 28px #008b9921}.projectCard dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.projectCard dt{color:#718094;font-size:.72rem;font-weight:900;text-transform:uppercase}.projectCard dd{margin:0;color:#182337;font-weight:800;overflow-wrap:anywhere}.projectDetail{position:relative;overflow:hidden}.projectDetail:after{content:"";position:absolute;right:18px;bottom:14px;width:220px;height:70px;background:url(/WP360_freigestellt.png) center / contain no-repeat;opacity:.06;pointer-events:none}.projectDetailHeader{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.projectDetailHeader h2{font-size:1.35rem}.projectDetailHeader span{display:block;margin-top:7px;color:#64748b;font-weight:900}.projectDetailHeader button{min-height:42px;border:1px solid #d4e1eb;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd);color:#10596b;font-weight:900;padding:0 14px;box-shadow:0 8px 18px #0f172a0d}.projectDetailGrid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detailItem,.projectRelated>div{border:1px solid #dce8f1;border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfd);padding:9px 11px}.detailItem span,.projectRelated .eyebrow{color:#64748b;font-size:.68rem;font-weight:900;text-transform:uppercase}.detailItem strong,.projectRelated strong{display:block;margin-top:3px;color:#172033;overflow-wrap:anywhere;line-height:1.22}.projectRelated{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.projectPhotoGallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.projectPhotoGallery section{min-width:0;border:1px solid #d7e4ef;border-radius:8px;background:#fff;padding:10px;box-shadow:0 8px 22px #0f172a09}.projectPhotoGalleryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.projectPhotoGalleryHeader h3{margin:0;font-size:1rem}.projectPhotoRecommendation{display:block;margin-top:2px;color:#64748b;font-size:.72rem;font-weight:850}.projectPhotoGalleryHeader button{min-height:34px;border:0;border-radius:8px;background:linear-gradient(135deg,#0f6675,#0d7f82);color:#fff;font-size:.78rem;font-weight:950;padding:0 10px;box-shadow:0 8px 18px #0f66752e}.projectPhotoGalleryHeader button:disabled{cursor:default;opacity:.58}.projectPhotoHeaderActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.projectPhotoHeaderActions button:first-child:not(:only-child){border:1px solid #d5e3ed;background:#fff;color:#10596b;box-shadow:none}.projectPhotoThumbGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.projectPhotoThumbItem{min-width:0;display:grid;gap:6px}.projectPhotoPreviewButton{min-width:0;display:grid;gap:5px;padding:0;border:0;background:transparent;color:#172033;font-size:.68rem;font-weight:850;font-family:inherit;text-decoration:none;text-align:left;cursor:pointer}.projectPhotoPreviewButton:active img{transform:scale(.98)}.projectPhotoRemoteFrame{aspect-ratio:1;background:linear-gradient(110deg,#e8f4f4 8%,#f8fbfb 18%,#e8f4f4 33%);background-size:220% 100%;border:1px solid #d6e2ec;border-radius:8px;box-shadow:0 6px 16px #0f172a14;display:grid;overflow:hidden;position:relative;width:100%}.projectPhotoRemoteFrame[data-state=loading]{animation:projectPhotoRemoteShimmer 1.35s linear infinite}.projectPhotoRemoteFrame img{border:0;border-radius:0;box-shadow:none;grid-area:1 / 1;height:100%;opacity:0;transition:opacity .18s ease;width:100%}.projectPhotoRemoteFrame[data-state=ready] img{opacity:1}.projectPhotoRemoteStatus{align-items:center;background:#f0fdfaf0;color:#16535c;display:flex;flex-direction:column;font-size:.64rem;font-weight:900;gap:6px;grid-area:1 / 1;justify-content:center;padding:8px;text-align:center;white-space:normal}.projectPhotoRemoteStatus>span{animation:photoLoadingSpin .9s linear infinite;border:2px solid rgba(15,118,110,.18);border-radius:999px;border-top-color:#0f766e;height:22px;width:22px}.projectPhotoRemoteStatus.error{background:#fff7edf5;color:#9a3412}.projectPhotoRemoteStatus small{color:#0f766e;font-size:.62rem;font-weight:950}@keyframes projectPhotoRemoteShimmer{to{background-position-x:-220%}}.projectPhotoRemoteFrame img{width:100%;aspect-ratio:1;border:0;border-radius:0;object-fit:cover;background:#eef3f7;box-shadow:none}.projectPhotoPreviewButton>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectPhotoDeleteButton{min-height:28px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7;color:#b91c1c;font-size:.72rem;font-weight:950;font-family:inherit}.projectPhotoDeleteButton:disabled{cursor:default;opacity:.62}.projectPhotoRefreshNotice{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;color:#075e54;font-size:.78rem;font-weight:900}.projectPhotoRefreshNotice span{width:16px;height:16px;border:2px solid rgba(15,118,110,.2);border-top-color:#0f766e;border-radius:999px;animation:photoLoadingSpin .9s linear infinite}.projectPhotoEmpty{min-height:72px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.82rem;font-weight:850;text-align:center}.projectPhotoLoading{min-height:118px;gap:8px;align-content:center;border-style:solid;border-color:#14b8a6;background:linear-gradient(180deg,#ecfeff,#f0fdfa);color:#0f3f48;box-shadow:inset 0 0 0 1px #14b8a62e,0 10px 22px #0f766e1f}.projectPhotoLoading span{width:28px;height:28px;border:3px solid rgba(15,118,110,.18);border-top-color:#0f766e;border-radius:999px;animation:photoLoadingSpin .9s linear infinite}.projectPhotoLoading strong{font-size:.94rem}.projectPhotoLoading small{max-width:260px;color:#476476;font-size:.76rem;line-height:1.25}@keyframes photoLoadingSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.projectPhotoRemoteFrame[data-state=loading],.projectPhotoRemoteStatus>span,.projectPhotoLoading span,.projectPhotoRefreshNotice span{animation:none}}.projectPhotoDialog{box-sizing:border-box;width:min(560px,calc(100vw - 36px));max-height:min(780px,calc(100vh - 36px));display:grid;gap:12px;overflow:auto;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747;padding:14px}.projectPhotoDialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.projectPhotoDialog h2{margin:0;font-size:1.08rem}.projectPhotoDialog>header>button{width:36px;height:36px;border:1px solid #d5e2ec;border-radius:8px;background:#fff;color:#172033;font-size:1.35rem;font-weight:900}.projectPhotoDialogSection{border:1px solid #d7e4ef;border-radius:8px;background:#fff;padding:10px;box-shadow:0 8px 22px #0f172a09}.imagePreviewOverlay{z-index:80;background:#020817c7}.imagePreviewDialog{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;border-radius:10px;background:#07111f;padding:10px;box-shadow:0 24px 80px #0000006b}.imagePreviewDialog header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}.imagePreviewDialog h2{overflow:hidden;margin:0;color:#fff;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.imagePreviewDialog button{width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff14;color:#fff;font-size:1.7rem;font-weight:900}.imagePreviewDialog img{width:100%;max-height:calc(100vh - 104px);object-fit:contain;border-radius:8px;background:#020817}.personalHero{grid-column:1 / -1;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,#fff,#f7fbfd)}.personalIdentity{display:flex;align-items:center;gap:14px;min-width:0}.personalIdentity img,.personalIdentity em{width:58px;height:58px;border-radius:999px;flex:0 0 auto}.personalIdentity img{object-fit:cover}.personalIdentity em{display:grid;place-items:center;background:linear-gradient(135deg,#e8fbfb,#edf5ff);color:#10596b;font-style:normal;font-size:1.4rem;font-weight:900}.personalIdentity h2{font-size:1.35rem}.personalIdentity span{color:#5d6d82;font-weight:900}.personalFacts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.personalFacts span{min-height:32px;display:inline-flex;align-items:center;border:1px solid #d7e4ef;border-radius:999px;background:#fff;color:#1c4f75;padding:0 12px;font-size:.78rem;font-weight:900}.personalKpis{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.personalKpiNote{grid-column:1 / -1;margin:-2px 0 2px;padding:10px 12px;border:1px solid #d8e5ee;border-radius:8px;background:#f7fbfd;color:#52647a;font-size:.78rem;font-weight:800;line-height:1.35}.personalMasterData{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #d8e4ef;border-radius:8px;background:#fff;overflow:hidden}.personalMasterData .detailItem{min-height:54px;border:0;border-radius:0;background:transparent;padding:9px 11px}.personalMasterData .detailItem:nth-child(2n){border-left:1px solid #e8eef5}.personalMasterData .detailItem:nth-child(n+3){border-top:1px solid #e8eef5}.personalMasterData .detailItem span{font-size:.62rem;line-height:1}.personalMasterData .detailItem strong{margin-top:4px;font-size:.9rem;line-height:1.15}.personalDataPanel,.personalAbsenceRequestPanel{align-self:start}.personalAbsenceForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personalAbsenceForm label{display:grid;gap:6px;color:#4b5d72;font-size:.78rem;font-weight:900}.personalAbsenceForm input,.personalAbsenceForm select,.personalAbsenceForm textarea{width:100%;min-height:42px;border:1px solid #d7e4ef;border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfd);color:#172033;padding:0 12px;font:inherit;font-weight:800}.personalAbsenceForm textarea{min-height:84px;padding:10px 12px;resize:vertical}.personalAbsenceForm .fullWidth{grid-column:1 / -1}.personalDateRange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.personalHandoverCheck{min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid #d8e4ef;border-radius:8px;padding:9px 10px;background:#fff;color:#26364d}.personalHandoverCheck input{width:18px;min-height:18px;padding:0}.personalHandoverCheck span{min-width:0}.personalAbsenceItem{position:relative;border-left:0;box-shadow:inset 3px 0 #94a3b8}.personalAbsenceItem[data-status=genehmigt]{box-shadow:inset 3px 0 #16a34a;background:#f3fbf6}.personalAbsenceItem[data-status=wartet_vertreter],.personalAbsenceItem[data-status=wartet_geschaeftsfuehrung]{box-shadow:inset 3px 0 #f59e0b;background:#fffaf0}.personalAbsenceItem[data-status=abgelehnt]{box-shadow:inset 3px 0 #dc2626;background:#fff5f5}.personalAbsenceItem small,.personalAbsenceItem em{color:#64748b;font-size:.78rem;font-weight:800}.personalAbsenceItem em{color:#9b1c1c;font-style:normal}.scheduleItem{grid-template-columns:74px minmax(0,1fr) auto;align-items:center}.emptyState{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;text-align:center;font-weight:700}.mobileNav{display:none}.modalOverlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#0f172a6b;overflow:hidden;overscroll-behavior:contain;touch-action:none}.completionDialog{box-sizing:border-box;width:min(720px,calc(100vw - 36px));max-height:min(860px,calc(100vh - 36px));overflow-x:hidden;overflow-y:auto;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747;padding:16px}.confirmDialog{box-sizing:border-box;width:min(420px,calc(100vw - 36px));display:grid;gap:14px;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747;padding:16px}.startStampDialog{width:min(460px,calc(100vw - 24px))}.notificationSheet{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:10px;overflow:hidden;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747;padding:14px}.notificationSheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notificationSheet>header button{width:36px;height:36px;border:1px solid #d5e2ec;border-radius:8px;background:#fff;color:#172033;font-size:1.3rem;font-weight:900}.notificationToolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #d3e0eb;border-radius:8px;background:#edf4f8}.notificationToolbar button{min-height:36px;border:0;border-radius:7px;background:transparent;color:#526174;font-weight:900}.notificationToolbar button.active{background:#fff;color:#0f6675;box-shadow:0 6px 14px #0f172a17}.pushSetupCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #d3e0eb;border-radius:8px;background:#fff;padding:10px}.pushSetupCard.enabled{border-color:#86efac;background:#ecfdf5}.pushSetupCard.blocked,.pushSetupCard.unsupported{border-color:#fed7aa;background:#fff7ed}.pushSetupCard strong,.pushSetupCard span,.pushSetupCard small{display:block}.pushSetupCard strong{color:#172033;font-size:.9rem}.pushSetupCard span,.pushSetupCard small{color:#607086;font-size:.78rem;font-weight:800}.pushSetupCard small{margin-top:3px}.pushSetupCard button{min-height:36px;border:1px solid #0f6675;border-radius:8px;background:#0f6675;color:#fff;font-weight:900;padding:0 12px}.pushSetupCard button:disabled{opacity:.65}.notificationSearch{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid #d7e4ef;border-radius:8px;background:#fff;color:#66778b;padding:0 10px}.notificationSearch input{min-width:0;width:100%;border:0;background:transparent;color:#172033;font:inherit;font-weight:800;outline:none}.notificationList{min-height:0;display:grid;align-content:start;gap:8px;overflow:auto;padding-right:2px}.notificationItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #d9e6f0;border-radius:8px;background:#fff;padding:10px;box-shadow:0 8px 18px #0f172a0a}.notificationItem.unread{border-color:#9dd5e4;background:#f0fbfe;box-shadow:inset 3px 0 #14b8a6,0 8px 18px #0f172a0d}.notificationItem strong,.notificationItem span,.notificationItem small{display:block}.notificationItem strong{color:#172033;font-size:.92rem}.notificationItem span{margin-top:3px;color:#536174;font-size:.82rem;line-height:1.32}.notificationItem small{margin-top:6px;color:#7a8899;font-size:.72rem;font-weight:850}.notificationItem button{min-height:34px;border:1px solid #cfe0ea;border-radius:8px;background:linear-gradient(135deg,#0f6675,#0d7f82);color:#fff;font-weight:900;padding:0 10px}.planningRescheduleDialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));display:grid;gap:10px;border:1px solid #cfdde8;border-radius:8px;background:#f7fafc;box-shadow:0 24px 76px #02081747;padding:14px}.planningApprovalDialog{width:min(420px,calc(100vw - 16px));gap:12px;background:#fff;padding:14px}.planningRescheduleDialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.planningApprovalDialog>header{align-items:center;border-bottom:1px solid #e4edf4;padding-bottom:8px}.planningRescheduleDialog>header div{min-width:0}.planningRescheduleDialog h2,.planningRescheduleDialog header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planningApprovalDialog h2{font-size:1.14rem;line-height:1.15;margin-top:2px}.planningRescheduleDialog header span,.planningRescheduleInfo span,.planningRescheduleInfo small{display:block}.planningRescheduleDialog header span,.planningRescheduleInfo small{color:#607086;font-size:.82rem;font-weight:800}.planningRescheduleDialog>header button{width:34px;height:34px;border:1px solid #d5e2ec;border-radius:8px;background:#fff;color:#172033;font-size:1.2rem;font-weight:900}.planningRescheduleInfo{display:grid;gap:5px;border:1px solid #d8e4ef;border-radius:8px;background:#fff;padding:11px}.planningRescheduleInfo span{color:#172033;font-weight:900;line-height:1.25}.planningApprovalDialog .planningRescheduleInfo span{font-size:.98rem}.planningApprovalDialog .planningRescheduleInfo small{line-height:1.35}.planningApprovalInfo{gap:8px;border:0;background:#f3f8fb;box-shadow:inset 0 0 0 1px #d8e4ef;padding:10px}.planningApprovalProject{display:grid;gap:4px;min-width:0;border-radius:8px;background:#fff;padding:9px 10px;box-shadow:0 8px 18px #0f23340d}.planningApprovalMetaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.planningApprovalMetaGrid div{display:grid;align-content:start;gap:4px;min-width:0;border:1px solid #d8e4ef;border-radius:8px;background:#fff;padding:8px 9px}.planningApprovalProject span,.planningApprovalMetaGrid span,.planningApprovalDescription span{color:#607086;font-size:.58rem;font-weight:950;letter-spacing:.03em;text-transform:uppercase}.planningApprovalProject strong,.planningApprovalMetaGrid strong,.planningApprovalDescription p{color:#172033;font-weight:850;line-height:1.28}.planningApprovalProject strong{font-size:.9rem;overflow-wrap:anywhere}.planningApprovalMetaGrid strong{display:block;overflow-wrap:anywhere;font-size:.8rem}.planningApprovalDescription{display:grid;gap:4px;min-width:0;border:1px solid #d8e4ef;border-radius:8px;background:#fff;padding:9px 10px}.planningApprovalDescription p{margin:0;font-size:.86rem;white-space:pre-wrap}.planningRescheduleGrid{display:grid;grid-template-columns:1.25fr repeat(2,minmax(0,.85fr));gap:8px}.planningRescheduleGrid label{display:grid;gap:5px;min-width:0;color:#536174;font-size:.72rem;font-weight:900;text-transform:uppercase}.planningRescheduleGrid input{box-sizing:border-box;min-width:0;width:100%;min-height:42px;border:1px solid #d7e4ef;border-radius:8px;background:#fff;color:#172033;font:inherit;font-weight:850;padding:0 10px}.planningApprovalDialog .planningRescheduleGrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr) minmax(0,.85fr);gap:7px;border:0;border-radius:0;background:transparent;padding:0}.planningApprovalDialog .planningRescheduleGrid label{font-size:.68rem}.planningApprovalDialog .planningRescheduleGrid input{min-width:0;max-width:100%;min-height:36px;border-color:#cdddea;border-radius:8px;background:#fff;font-size:.82rem;text-align:center;padding:0 6px;box-shadow:0 5px 14px #0f23340a}.planningConflictWarning{display:grid;gap:4px;border:1px solid #fbbf24;border-radius:8px;background:#fffbeb;color:#92400e;padding:10px}.planningConflictWarning strong,.planningConflictWarning span{display:block}.planningConflictWarning strong{font-size:.84rem;font-weight:950}.planningConflictWarning span{font-size:.8rem;font-weight:850}.planningRescheduleDialog footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.planningRescheduleDialog footer.planningApprovalActions{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e4edf4;padding-top:10px}.planningRescheduleDialog footer button{min-height:42px;border:1px solid #d5e2ec;border-radius:8px;background:#fff;color:#172033;font-weight:900}.planningApprovalActions button{min-height:42px;font-size:.9rem;line-height:1.12}.planningApprovalActions .primaryDialogButton{border-color:#0f6675;background:#0f6675;color:#fff;box-shadow:0 10px 22px #0f66752e}.planningApprovalActions button:not(.primaryDialogButton):not(.dangerDialogButton){background:#fff}.planningApprovalActions button:nth-child(3){border-color:#f5c453;background:#fffbeb;color:#8a5a00}.planningRescheduleDialog footer .dangerDialogButton{border-color:#fecaca;background:#fff1f2;color:#b42318}.confirmDialog header{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px}.confirmDialogIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#ef3b34;color:#fff}.confirmDialog h2{margin-bottom:0;font-size:1.05rem}.confirmDialog p{margin:0;color:#53657a;font-size:.9rem;font-weight:750;line-height:1.45}.confirmDialog footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.completionDialog header,.completionDialog footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.completionDialog header{margin-bottom:14px}.completionDialog h2{margin-bottom:0;font-size:1.2rem}.secondaryDialogButton{min-height:40px;border:1px solid #cfd9e5;border-radius:8px;background:#fff;color:#172033;font-weight:900;padding:0 14px}.dangerDialogButton{min-height:40px;border:0;border-radius:8px;background:#ef3b34;color:#fff;font-weight:950;padding:0 14px}.completionStep{border-top:1px solid #e1e8ef;padding-top:14px;margin-top:14px;display:grid;gap:12px}.dialogNextStamp{display:grid;gap:8px}.dialogNextStamp>span{color:#5c6b7f;font-size:.8rem;font-weight:900}.dialogNextStamp select{width:100%}.optionalCompletionDetails,.switchMoreOptions{display:grid;gap:8px}.optionalCompletionDetails summary,.switchMoreOptions summary{min-height:38px;display:flex;align-items:center;padding:0 12px;border:1px solid #d7dee8;border-radius:8px;background:#f8fafc;color:#536174;font-weight:900;cursor:pointer}.optionalCompletionDetails[open] summary,.switchMoreOptions[open] summary{border-color:#10596b;background:#e9f5f8;color:#10596b}.optionalCompletionDetails .commentBox,.switchMoreOptions .switchSuggestionList,.switchMoreOptions .completionChoice,.switchMoreOptions select{margin-top:8px}.switchSuggestionList{display:grid;gap:8px}.switchSuggestionList button{display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid #d7dee8;border-radius:8px;background:#f8fbfd;color:#172033;text-align:left}.switchSuggestionList button.active{border-color:#10596b;background:#e9f5f8;box-shadow:inset 0 0 0 1px #10596b}.switchSuggestionList.primary button{border-color:#10596b;background:linear-gradient(180deg,#f8fbfd,#e9f5f8)}.switchSuggestionList.compact button{padding:8px 10px}.switchSuggestionList span{color:#10596b;font-size:.72rem;font-weight:950;text-transform:uppercase}.switchSuggestionList strong{font-size:.92rem;line-height:1.25}.switchSuggestionList small{color:#607086;font-size:.78rem;font-weight:800}.stepTitle{margin:0;color:#10596b;font-weight:900}.startCommentBox{display:grid;gap:5px;padding:10px 12px;border:1px solid #d7dee8;border-radius:8px;background:#f8fbfd}.startCommentBox span{color:#607086;font-size:.72rem;font-weight:900}.startCommentBox strong{color:#172033;font-size:.86rem;line-height:1.35}.completionChoice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.completionChoice button{min-height:44px;border:1px solid #d7dee8;border-radius:8px;background:#f8fafc;color:#536174;font-weight:900}.completionChoice button.active{border-color:#10596b;background:#e9f5f8;color:#10596b;box-shadow:inset 0 0 0 1px #10596b}.completionChoice.small button{min-height:38px}.completionWorkRow{display:grid;grid-template-columns:auto minmax(86px,auto) minmax(132px,auto);align-items:center;justify-content:start;gap:10px;padding:10px 0 2px}.completionWorkRow>span{color:#111827;font-size:clamp(1.25rem,5vw,2rem);font-weight:950;line-height:1}.completionWorkRow button{min-height:44px;border:0;border-radius:8px;color:#fff;font-size:clamp(1rem,4.2vw,1.45rem);font-weight:850;padding:0 18px;box-shadow:0 5px 14px #0f172a2e}.completionWorkRow button:disabled{cursor:default;opacity:.65}.workFinishedButton{background:#3baa35}.workFinishedButton.active{box-shadow:0 0 0 3px #3baa3538,0 5px 14px #0f172a2e}.workInterruptedButton{background:#f4ad00}.workInterruptedButton.active{box-shadow:0 0 0 3px #f4ad0047,0 5px 14px #0f172a2e}.dialogStopButton{background:#ef120a}.completionStatusSummary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;border:1px solid #d7dee8;border-radius:8px;background:#f8fbfd;padding:8px 10px}.completionStatusSummary.finished{border-color:#3baa3561;background:#f0fbef}.completionStatusSummary.interrupted{border-color:#f4ad006b;background:#fff8e6}.completionStatusSummary span{color:#607086;font-size:.76rem;font-weight:900;text-transform:uppercase}.completionStatusSummary strong{color:#172033;font-size:1rem;font-weight:950}.completionStatusSummary button{min-height:32px;border:1px solid #cfd9e5;border-radius:8px;background:#fff;color:#172033;font-weight:900;padding:0 10px}.completionActionRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.completionActionRow button{min-height:46px;border:0;border-radius:8px;color:#fff;font-size:1rem;font-weight:950;padding:0 12px;box-shadow:0 5px 14px #0f172a29}.completionActionRow button:disabled{cursor:default;opacity:.65}.completionStopAction{background:#ef120a}.completionSwitchAction{background:#10596b}.completionUnproductiveAction{background:#f4ad00}.toggleRow,.checklistGrid label{display:flex;align-items:center;gap:9px;color:#26364d;font-weight:800}.toggleRow{min-height:42px;border:1px solid #dfe7ef;border-radius:8px;background:#f8fafc;padding:9px 11px}.checklistGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.checklistGrid label{min-height:42px;border:1px solid #dfe7ef;border-radius:8px;padding:9px 10px}.checklistGrid input:disabled+span{color:#94a3b8}.upsellBlock{display:grid;gap:9px}.upsellBlock>span{color:#5c6b7f;font-size:.8rem;font-weight:900}.completionHint{margin-top:14px;border:1px solid #d8e6ee;border-radius:8px;background:#f3fafc;color:#10596b;padding:11px 12px;font-weight:800}.completionDialog footer{margin-top:16px}.completionDialog footer:has(.secondaryDialogButton:only-child){justify-content:stretch}.completionDialog footer:has(.secondaryDialogButton:only-child) .secondaryDialogButton{width:100%}.primaryDialogButton{min-height:42px;border:0;border-radius:8px;background:#16855f;color:#fff;font-weight:900;padding:0 16px}.primaryDialogButton:disabled,.secondaryDialogButton:disabled,.completionDialog header button:disabled{cursor:default;opacity:.65}@media(max-width:1060px){.appShell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(118px + env(safe-area-inset-bottom,0px))}.topbar{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:8px;margin-bottom:12px}.topbarLogo{width:min(230px,78vw);max-height:46px;opacity:1;order:1;transform:none;transform-origin:center}.topbarTitle{order:2;width:min(270px,78vw);text-align:center}.topbarTitle .eyebrow{display:none}.topbarTitle h1{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;line-height:1}.topbarTitle h1:before,.topbarTitle h1:after{content:"";height:2px;flex:1;background:#2d3645;opacity:.72}.topbarActions{order:3;width:100%;display:flex;justify-content:space-between;gap:8px}.contentGrid,.metricRow,.dashboardTiles,.homePrimary,.projectGrid,.projectDetailGrid,.projectRelated,.personalKpis,.personalAbsenceForm,.contactGrid,.teamGrid,.pipelineHeader{grid-template-columns:1fr}.personalMasterData{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.timeScopeBar{align-items:stretch;flex-direction:column}.timeViewSwitch{width:100%;grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr))}.teamTimeRow{grid-template-columns:1fr}.teamTimeFlags{justify-content:flex-start}.homeMiniMetrics,.dashboardTiles,.personalKpis,.taskSummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.homeMiniMetrics .metric,.metricRow .metric,.dashboardTiles .metric{min-height:58px;padding:8px}.dayPlanningHeader{flex-direction:column}.dayPlanningHeader button{width:100%}.projectDetailHeader{flex-direction:column}.projectDetailHeader button{width:100%}.projectPhotoGallery{grid-template-columns:1fr}.projectPhotoThumbGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.personalHero{align-items:flex-start;flex-direction:column}.personalFacts{justify-content:flex-start}.personalDateRange,.taskCard,.scheduleItem,.timeEntryCard{grid-template-columns:1fr}.taskSummaryTile{min-height:58px;padding:8px}.taskSummaryTile strong{font-size:1.35rem}.taskFilterBar{padding:10px}.taskFilterBar button{min-width:86px}.timeEntryCard.detailed{grid-template-columns:1fr}.timeEntryMeta{justify-items:start}.timeDayGroup>header,.timeEmployeeGroup>header{align-items:flex-start;flex-direction:column}.timeDayTotals{grid-template-columns:repeat(3,minmax(0,1fr))}.homeDayPlanSummary{align-items:stretch;flex-direction:column}.homeDayPlanNav{width:100%}.homeDayPlanItem{grid-template-columns:66px minmax(0,1fr) 58px;box-shadow:0 8px 18px #0f172a12}.homeDayPlanActions{grid-column:3;grid-row:1 / 3;width:auto}.roundActionGroup{justify-content:center}.roundAction{width:40px;height:40px}.taskActions{grid-template-columns:repeat(2,minmax(0,1fr))}.taskActions button{flex:1}.taskDialogActions,.taskParticipantControls{grid-template-columns:1fr}.mobileNav{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;border:1px solid #253145;border-top:2px solid var(--wp-teal);border-radius:8px;background:#111827f7;box-shadow:0 14px 34px #0f172a29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobileNav button{min-height:44px;display:grid;place-items:center;gap:2px;border-radius:8px;font-size:.62rem;font-weight:900;color:#d7e1ee}.mobileNav button svg{width:17px;height:17px}.mobileNav.count-6{grid-template-columns:repeat(6,minmax(0,1fr))}.mobileNav.count-6 button{min-height:46px;font-size:.56rem;line-height:1.05}.mobileNav.count-6 button svg{width:16px;height:16px}.mobileNav button.active{color:#fff;background:#114b50;box-shadow:inset 0 0 0 1px #16c7bd3d}.modalOverlay{align-items:end;padding:8px}.completionDialog,.confirmDialog,.notificationSheet,.planningRescheduleDialog,.photoReviewDialog,.projectPhotoDialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.completionDialog{padding:14px}.completionDialog header,.completionDialog footer{flex-direction:column}.completionDialog footer button{width:100%}.photoReviewDialog,.notificationSheet,.planningRescheduleDialog,.projectPhotoDialog{padding:12px}.notificationItem{grid-template-columns:1fr}.planningRescheduleGrid,.planningRescheduleDialog footer{grid-template-columns:1fr}.planningApprovalDialog .planningRescheduleGrid{grid-template-columns:1fr;gap:8px}.projectPhotoDialog>header{align-items:center}.projectPhotoDialog>header>div{min-width:0}.projectPhotoDialog h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectPhotoDialogSection{padding:8px}.projectPhotoGalleryHeader{gap:8px}.projectPhotoHeaderActions{width:auto;flex:0 0 auto}.projectPhotoGalleryHeader button{padding:0 8px}.completionWorkRow{grid-template-columns:1fr;justify-content:stretch}.completionWorkRow>span{font-size:1.35rem}.completionWorkRow button{width:100%}.completionStatusSummary,.completionActionRow{grid-template-columns:1fr}.completionStatusSummary button,.completionActionRow button{width:100%}.checklistGrid{grid-template-columns:1fr}}@media(max-width:560px){.main{padding:calc(10px + env(safe-area-inset-top,0px)) 8px calc(96px + env(safe-area-inset-bottom,0px))}h1{font-size:1.28rem}.topbar{gap:6px;margin-bottom:10px}.topbarTitle{width:min(230px,70vw)}.topbarTitle h1:before,.topbarTitle h1:after{height:1px}.topbarActions{gap:6px}.topbarLogo{display:block;width:min(184px,64vw);max-height:34px;opacity:1;transform:none}.iconButton{min-height:36px;width:36px}.sectionSearchBox{min-height:36px;padding:0 9px}.connectionNotice{margin-bottom:10px;gap:1px;padding:9px 10px}.connectionNotice strong{font-size:.84rem}.connectionNotice span{font-size:.78rem;line-height:1.28}.inlineError{padding:9px 10px;font-size:.82rem;line-height:1.3}.timeScopeBar{min-height:0;gap:8px;padding:10px}.timeViewSwitch{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:8px}.timeViewSwitch button{min-height:34px;border-radius:7px;padding:0 8px;font-size:.82rem}.metric{min-height:72px;padding:10px 10px 10px 14px;gap:8px}.metric svg{width:30px;height:30px;padding:7px}.metric span{font-size:.62rem}.metric strong{margin-top:3px;font-size:1.48rem}.metricRow,.dashboardTiles,.personalKpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.timeMetrics,.teamTimeValues{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.homeMiniMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tasksPanel .panelHeader{min-height:64px}.taskSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.taskSummaryTile{min-height:54px;padding:8px 10px}.taskSummaryTile span{font-size:.68rem;line-height:1.1}.taskSummaryTile strong{margin-top:3px;font-size:1.28rem}.taskFilterBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;padding:10px}.taskFilterBar button{min-width:0;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0 8px;font-size:.78rem}.taskFilterBar button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskFilterBar strong{min-width:22px;min-height:22px;font-size:.68rem}.taskList{gap:8px;padding:10px}.taskCard{gap:10px;padding:10px;border-radius:8px}.taskOpenArea h3{margin-top:7px;font-size:.95rem}.taskOpenArea p{font-size:.88rem;line-height:1.35}.taskCardTop{gap:5px}.taskCardTop .badge,.taskPriority{min-height:23px;padding:0 8px;font-size:.68rem}.metaLine{gap:6px;margin-top:8px;font-size:.76rem;line-height:1.25}.taskActions{grid-template-columns:1fr;gap:7px}.taskActions button{min-height:38px;font-size:.82rem}.taskQuickSummary{gap:0;margin:8px 12px 0}.taskQuickSummary div{grid-template-columns:minmax(76px,.35fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px}.taskQuickSummary strong{margin:0;text-align:right}.taskReadonlyField,.taskStatusPanel,.taskDetailTabs{margin-left:12px;margin-right:12px}.taskDetailTabs{gap:3px}.taskDetailSection{padding-left:12px;padding-right:12px}.taskChatList{padding:8px}.taskCommentForm{grid-template-columns:1fr}.taskChatBubble{max-width:94%}.compactClock .timeReadout{min-height:94px}.compactClock .photoCaptureButton{min-height:31px;padding:6px 8px}.compactClock .photoCaptureButton span{font-size:.68rem}.compactClock .photoCaptureButton strong{font-size:.76rem}.personalHero{min-height:0;gap:10px;padding:12px}.personalIdentity{gap:10px}.personalIdentity img,.personalIdentity em{width:48px;height:48px}.personalIdentity h2{font-size:1.12rem}.personalIdentity span{font-size:.82rem;overflow-wrap:anywhere}.personalFacts{gap:6px}.personalFacts span{min-height:28px;padding:0 9px;font-size:.7rem}.personalMasterData{gap:7px}.personalMasterData .detailItem{min-height:46px;padding:7px 8px}.personalMasterData .detailItem span{font-size:.58rem}.personalMasterData .detailItem strong{font-size:.78rem;line-height:1.18}.metric span{font-size:.62rem;line-height:1.08}.metric strong{font-size:1.18rem}.timelineItem{grid-template-columns:1fr}}@media(max-width:430px){.dashboardTiles,.personalKpis,.personalMasterData,.taskFilterBar{grid-template-columns:repeat(2,minmax(0,1fr))}.timeViewSwitch{grid-template-columns:repeat(3,minmax(0,1fr))}.timePeriodSwitch{grid-template-columns:repeat(2,minmax(0,1fr))}}