.owner-nav{display:flex;justify-content:flex-end;padding-top:20px}.training-disclosure{font-size:14px;color:var(--muted);margin:18px 0 0}.dashboard{padding-top:28px;padding-bottom:50px}.dashboard-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:24px}.dashboard-nav span{font-size:14px;color:var(--muted)}.dashboard-heading{margin:32px 0}.dashboard-heading h1{font-size:clamp(30px,4vw,45px)}.dashboard-heading>p:last-child{max-width:720px;color:var(--muted)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.dashboard-stats>div{padding:25px;background:var(--green);color:white;border-radius:14px}.dashboard-stats strong{display:block;font-size:38px;color:var(--lime)}.dashboard-stats small{font-size:18px}.dashboard-stats span{font-size:14px}.dashboard-card{padding:28px;border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:24px;min-width:0}.dashboard-card h2{margin-bottom:18px}.dashboard-card table{font-size:14px}.dashboard-card th{color:var(--muted)}.dashboard-card td{padding-top:18px;padding-bottom:18px;white-space:normal;overflow-wrap:anywhere}.dashboard-card td:first-child{min-width:170px}.dashboard-card td .secondary{white-space:nowrap;font-size:14px}.dashboard-card .email{display:block;font-size:14px;color:var(--muted)}.dashboard-card .dashboard-nav{margin:20px 0 0}.dashboard-hint{font-size:14px;color:var(--muted)}.dashboard-message{border-left:3px solid var(--line);padding:12px 18px;margin:14px 0;overflow-wrap:anywhere}.dashboard-message.user{border-color:var(--green);background:#f3f8eb}.dashboard-message p{white-space:pre-wrap;margin:8px 0 0}.dashboard-message b{font-size:14px}@media(max-width:700px){.dashboard-stats{grid-template-columns:1fr;gap:10px}.dashboard-stats>div{padding:16px 20px;display:flex;align-items:center;gap:18px}.dashboard-stats strong{font-size:30px;min-width:58px}.dashboard-card{padding:20px 16px}.dashboard-nav{gap:10px}.dashboard-heading h1{letter-spacing:-1px}.dashboard-nav span{width:100%;order:3}} :root{--green:#153e32;--ink:#172b25;--muted:#66726b;--lime:#e1f59c;--line:#e1e7e0;--paper:#f4f6f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,a,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #47836b;outline-offset:4px}a{text-decoration:none;color:inherit}.topbar{height:100px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-size:12px;letter-spacing:1.4px;font-weight:700}.brand b{font-size:26px;letter-spacing:2px}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);font-size:32px;letter-spacing:-3px;width:48px;height:48px;border-radius:50%;padding-right:3px}.top-label{font-size:13px;letter-spacing:1.5px;font-weight:700;color:#546258}.top-label span{padding:0 16px;color:#a9b4ab}.private{font-size:13px;display:flex;align-items:center;gap:7px;color:var(--muted)}main{max-width:1320px;padding:0 42px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:44px 0 36px;gap:30px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;margin:0 0 12px;color:var(--muted)}h1{font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin:0}h1 span{color:#4d7161}.intro{font-size:16px;color:#5c6b62;line-height:1.6;margin:0 8px 4px 0}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #dbe3d9;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 26px #1b392706}.rail{background:var(--green);color:white;padding:30px 26px;display:flex;flex-direction:column}.rail-title{display:flex;gap:10px;font-weight:700;padding-bottom:28px;border-bottom:1px solid #ffffff24;margin-bottom:27px}.rail-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:26px;font-size:15px;color:#bfd0c7}.step-icon{flex:none;width:28px;height:28px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;font-size:13px}.rail-step.active{color:#fff}.rail-step.active .step-icon{background:var(--lime);color:var(--green);border:0}.rail-step.complete .step-icon{color:var(--lime)}.rail-step small{display:block;font-size:12px;margin-top:3px;color:#a6beb1}.rail-note{margin-top:24px;border-top:1px solid #ffffff24;padding-top:24px;color:var(--lime)}.rail-note p{font-size:16px;color:#dde8e0;line-height:1.55}.rail-foot{font-size:12px;color:#acc3b6;margin-top:auto;padding-top:25px}.surface{min-width:0;padding:32px 34px}.section-header{display:flex;justify-content:space-between;gap:18px;align-items:center}h2{font-size:25px;letter-spacing:-.7px;line-height:1.25;font-weight:600;margin:0}h3{font-weight:600}.duration{font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:6px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:27px 0}.level{text-align:left;background:white;border:1px solid #dbe3d9;border-radius:12px;padding:19px 18px;min-height:173px}.level.selected{background:#f3f8eb;border:2px solid var(--green);padding:18px 17px}.level>div{display:flex;justify-content:space-between;align-items:center}.level-number{font-size:12px;color:#78867b;font-weight:700}.radio{border:1px solid #b8c4b8;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.selected .radio{background:var(--green);color:var(--lime);border:0}.level h3{font-size:23px;margin:21px 0 6px;line-height:1.1}.level p{font-size:14px;color:#596a5e;margin:0;line-height:1.45}.start-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}.start-row p{font-size:14px;color:var(--muted);margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;border:0;border-radius:8px;font-weight:600;padding:13px 20px;font-size:15px;min-height:46px}.primary:hover:not(:disabled){background:#245844}.secondary{border:1px solid #a6b6a8;border-radius:8px;background:#fff;padding:10px 16px;font-size:14px;font-weight:600}.connection{border:1px solid #d7e2c5;background:#f8fbf1;border-radius:10px;padding:20px 22px;margin-bottom:26px}.tag{font-size:11px;letter-spacing:1.3px;font-weight:700;color:#5c6e45}.connection h3{font-size:17px;margin:5px 0}.connection p{font-size:14px;color:#5e6b55;margin:8px 0 15px;max-width:560px}.situations{border-top:1px solid var(--line);padding-top:23px}.situations>div{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.situations>div>span{font-size:14px;display:flex;gap:12px;align-items:center}.scenario-index{color:#8b968c;font-size:11px;font-weight:700}.chat-head{display:flex;align-items:center;gap:14px}.chat-head .eyebrow{margin-bottom:5px}.back{display:grid;place-items:center;background:#f1f4ef;border:0;border-radius:9px;height:40px;width:40px;flex:none}.channel{margin-left:auto;font-size:12px;color:var(--muted)}.background{background:#f5f7f2;border-radius:10px;padding:16px 20px;margin:22px 0;font-size:14px}.background b{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#718071}.background p{margin:5px 0 0;color:#536158}.conversation{max-height:460px;overflow-y:auto;padding:3px 8px 10px 0;scrollbar-width:thin}.message{display:flex;gap:10px;max-width:93%;margin:0 0 22px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#ebede6;border-radius:50%;font-size:12px;font-weight:700;flex:none;margin-top:4px}.speaker{font-size:12px;font-weight:700;color:var(--muted);margin:0 0 7px}.bubble{background:#f1f4ef;border-radius:0 12px 12px 12px;padding:15px 18px;margin:0;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:auto;flex-direction:row-reverse}.user .avatar{background:var(--green);color:#fff}.user .speaker{text-align:right}.user .bubble{background:#eaf3dc;border-radius:12px 0 12px 12px}.waiting{font-size:14px;color:var(--muted);padding:10px}.composer{border-top:1px solid var(--line);padding-top:20px}.composer label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #cdd8ca;border-radius:10px;padding:13px 15px;background:#fff;color:var(--ink);font-size:16px;line-height:1.5}.composer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.text-button{background:none;border:0;font-size:14px;text-decoration:underline;color:#4f6959;padding:10px 0}.composer-note{font-size:12px;color:var(--muted);margin-top:13px}.demo-controls{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:20px;justify-content:space-between;align-items:center}.demo-controls p{font-size:13px;color:var(--muted);max-width:300px}.error{padding:14px;background:#fff0eb;color:#903c26;border:1px solid #e8b8a7;border-radius:8px;font-size:14px}.feedback{border-top:1px solid var(--line);padding-top:25px}.feedback-title{display:flex;align-items:center;gap:12px}.score{font-size:38px;font-weight:700;letter-spacing:-2px;margin-left:auto;line-height:1.2}.score small{font-size:17px;color:var(--muted);letter-spacing:0}.reason{font-size:15px;color:#54675a;margin:18px 0 24px}.feedback-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feedback-columns h3{font-size:16px;margin:0 0 13px}.feedback-columns p{display:flex;align-items:flex-start;gap:9px;font-size:14px;margin:0 0 14px;color:#53665a}.feedback-columns svg{flex:none;margin-top:3px}.feedback-columns p span{width:19px;height:19px;border-radius:50%;background:#eaf0e3;display:grid;place-items:center;flex:none;font-size:11px;margin-top:1px}details{margin:18px 0;font-size:14px;border-block:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}.criterion{padding:12px 0;border-top:1px solid var(--line);margin-top:10px}.criterion b{display:flex;justify-content:space-between}.criterion p{margin:4px 0;color:var(--muted)}.improved{background:#f1f7e9;border-left:3px solid #53764d;border-radius:0 8px 8px 0;padding:20px 22px;margin-top:22px}.improved p:last-child{font-size:16px;margin:0;line-height:1.65}.next{font-size:14px;color:var(--muted);margin:22px 0}.next b{color:var(--ink)}footer{font-size:11px;letter-spacing:1.3px;padding:25px 0 34px;color:#7b887e;display:flex;justify-content:space-between}footer span{font-size:12px;letter-spacing:0}@media(min-width:1300px){.surface{padding:37px 40px}}@media(max-width:950px){main{padding:0 24px}.workspace{grid-template-columns:220px minmax(0,1fr)}.rail{padding:28px 19px}.surface{padding:25px 22px}.top-label{display:none}.levels{gap:8px}.level{padding:15px 12px}.level.selected{padding:14px 11px}.channel{display:none}.section-header{align-items:flex-start}.duration{display:none}h2{font-size:23px}}@media(max-width:700px){.topbar{height:79px;padding:0 20px}.private{font-size:11px}.brand-mark{width:39px;height:39px;font-size:26px}.brand{font-size:10px}.brand b{font-size:22px}main{padding:0 16px}.page-heading{padding:30px 3px 25px}.page-heading h1{font-size:34px;letter-spacing:-1.3px}.page-heading .intro{display:none}.workspace{grid-template-columns:1fr}.rail{padding:15px 17px;flex-direction:row;align-items:center;gap:15px}.rail-title,.rail-note,.rail-foot{display:none}.rail-step{margin:0;flex:1;gap:7px;font-size:12px;align-items:center}.rail-step small{display:none}.step-icon{width:24px;height:24px;font-size:11px}.surface{padding:25px 18px}.levels{grid-template-columns:1fr;gap:9px;margin:21px 0}.level,.level.selected{min-height:0;display:grid;grid-template-columns:42px 1fr;gap:2px 10px;align-items:center;padding:14px 17px}.level.selected{padding:13px 16px}.level>div{grid-row:1/3}.level-number{display:none}.level h3{margin:0;font-size:20px}.level p{margin:0;font-size:14px}.level .radio{width:24px;height:24px}.start-row{gap:14px;align-items:center}.start-row p{font-size:12px}.primary{padding:12px 16px;font-size:14px;white-space:nowrap}.connection{padding:17px}.situations>div{gap:14px 10px}.situations>div>span{font-size:13px;gap:7px}.eyebrow{font-size:10px;letter-spacing:1.2px}.message{max-width:100%}.bubble{padding:12px 14px;font-size:16px}.conversation{max-height:440px}.background{padding:13px 15px}.feedback-columns{grid-template-columns:1fr;gap:16px}.composer-actions{align-items:center}.text-button{font-size:12px}.demo-controls{flex-direction:column;align-items:flex-start;gap:5px}.feedback-title h2{font-size:21px}.score{font-size:33px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} .coaching-start{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding:22px 0;margin:22px 0}.coaching-start h3{margin:0;font-size:20px}.coaching-start p{margin:8px 0}.coaching-start small{font-size:14px;color:var(--muted)}.coaching-plan{background:#f3f8eb;border:1px solid #cfddc1;border-radius:12px;padding:26px;margin:24px 0;overflow-wrap:anywhere}.coaching-plan h3{font-size:20px;margin:24px 0 12px}.coaching-plan ul,.coaching-plan ol{padding-left:24px;list-style:revert}.coaching-plan li{margin:10px 0}.coaching-focus{background:white;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:14px 0}.coaching-focus h4{font-weight:700;margin:0 0 12px}.coaching-focus p{margin:10px 0}@media(max-width:700px){.coaching-start{align-items:stretch;flex-direction:column;gap:16px}.coaching-plan{padding:20px 16px}.coaching-focus{padding:16px}} .portal-header{background:white;border-bottom:1px solid var(--line)}.portal-header-inner{max-width:1320px;margin:auto;padding:20px 42px;display:flex;align-items:center;gap:32px}.portal-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.portal-brand b{display:block;font-size:19px;letter-spacing:-.4px}.portal-brand small{display:block;color:var(--muted);font-size:14px}.portal-mark{width:44px;height:44px;border-radius:12px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:26px;font-weight:700}.portal-header nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.portal-header nav a{padding:10px 13px;font-size:14px;border-radius:8px;font-weight:600;color:var(--muted)}.portal-header nav a:hover{background:var(--paper);color:var(--ink)}.portal-header nav a[aria-current=page]{background:var(--green);color:white}.portal-account{border-left:1px solid var(--line);padding-left:20px;max-width:180px;overflow-wrap:anywhere;font-size:14px}.portal-account small{display:block;color:var(--muted);font-size:14px}.portal-title{padding:34px 0 26px}.portal-title h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1px}.portal-title>p:last-child{color:var(--muted);margin:12px 0 0}.portal-actions{display:grid;grid-template-columns:1fr;gap:22px}.portal-actions.with-leader{grid-template-columns:1.15fr 1fr}.portal-actions section{padding:30px;border-radius:16px;border:1px solid var(--line)}.portal-training-card{background:var(--green);color:white}.portal-training-card .eyebrow{color:#bed0c5}.portal-training-card .primary{background:var(--lime);color:var(--green)}.portal-training-card .primary:hover{background:#d0ec7b}.portal-actions h2{font-size:27px}.portal-actions section>p:not(.eyebrow){max-width:560px;margin:16px 0 24px}.portal-leader-card{background:white}.portal-leader-card>p:not(.eyebrow){color:var(--muted)}.portal-icon{display:block;margin-bottom:20px}.portal-card-note{display:block;font-size:14px;margin-top:14px;opacity:.8}.portal-method{margin-top:28px;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.portal-method h2{font-size:22px}.portal-skills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:24px}.portal-skills>div{border-top:2px solid var(--line);padding-top:14px}.portal-skills span{font-size:14px;color:var(--muted);margin-right:12px}.portal-skills svg{display:inline;vertical-align:middle;color:var(--green)}.portal-skills p{font-size:16px;margin:10px 0 0}.portal-disclosure{color:var(--muted);font-size:14px;margin:24px 0}.portal-footer{max-width:1320px;margin:auto;padding:28px 42px;font-size:14px;letter-spacing:0;border-top:1px solid var(--line);gap:16px;flex-wrap:wrap}.portal-footer span{font-size:14px}.training-disclosure{margin-top:24px}.dashboard-heading{margin-top:24px}.page-heading{padding-top:25px}.page-heading h1{font-size:36px;letter-spacing:-1px}@media(max-width:1050px){.portal-header-inner{flex-wrap:wrap;gap:18px;padding:18px 24px}.portal-header nav{order:3;width:100%;margin-left:0}.portal-account{margin-left:auto}.portal-skills{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.portal-header-inner{padding:16px;gap:16px}.portal-header nav{gap:4px}.portal-header nav a{padding:9px 10px;font-size:14px}.portal-account{max-width:120px;padding-left:12px}.portal-brand b{font-size:17px}.portal-actions.with-leader{grid-template-columns:1fr}.portal-actions section{padding:24px}.portal-actions h2{font-size:25px}.portal-title{padding-top:26px}.portal-method{padding:24px}.portal-skills{grid-template-columns:1fr;gap:12px}.portal-skills>div{display:flex;align-items:center;gap:10px;padding-top:12px}.portal-skills span{margin:0}.portal-skills p{margin:0}.portal-footer{padding:24px 16px}.portal-footer span{font-size:14px}.page-heading h1{font-size:30px}} .auth-shell{max-width:480px;padding:28px;margin:55px auto;background:white;border:1px solid var(--line);border-radius:18px}.auth-shell h1{font-size:28px;letter-spacing:-1px}.auth-shell label,.invite-form label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}.auth-shell input,.invite-form input,select{font:inherit;padding:12px;width:100%;border:1px solid #bbc9bd;border-radius:8px;background:white;color:var(--ink)}.auth-shell .primary{width:100%;margin-top:20px}.auth-links{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.auth-links a{text-decoration:underline;font-size:14px}.notice{background:#edf4e2;border:1px solid #cdddbe;padding:16px;border-radius:10px;margin:20px 0}.history-table{width:100%;border-collapse:collapse;margin:18px 0}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;font-size:14px}.table-scroll{overflow:auto}.history-table th{color:var(--muted)}.history-table button{white-space:nowrap}.dashboard-card h3{font-size:19px}.invite-form{display:flex;align-items:flex-end;gap:16px}.invite-form>div{flex:1}.invite-form label{margin-top:0}.feedback-columns ul{padding-left:20px}.feedback-columns li{margin:12px 0;font-size:16px}.chat-page{padding:30px 0}.portal-account button{font-size:14px}.company-select{max-width:260px;margin-bottom:24px}.status-line{color:var(--muted);font-size:14px}.plain-link{text-decoration:underline}.criterion b{display:flex;justify-content:space-between}button:disabled{opacity:.6}#app{min-height:100vh}.score-chip{display:inline-block;background:#eaf3dc;padding:3px 10px;border-radius:6px;font-weight:700}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-logo b{font-size:18px}.login-logo small{display:block;color:var(--muted);font-size:14px}.auth-shell h1{margin-bottom:16px}h4{font-size:16px}ul,ol{line-height:1.6}@media(max-width:700px){.auth-shell{margin:28px 16px;padding:24px}.invite-form{flex-direction:column;align-items:stretch}.invite-form>div{width:100%}.history-table th,.history-table td{padding:12px 8px}.portal-account{max-width:150px}.portal-header-inner{gap:14px}} /* Workcoach public homepage */ #wc-home{--wc-ink:#101c30;--wc-muted:#556074;--wc-lime:#cbf36b;--wc-paper:#fff;--wc-line:#e4e8ec;font-family:Inter,Arial,sans-serif;color:var(--wc-ink);background:var(--wc-paper);font-size:16px;line-height:1.55;overflow:hidden}#wc-home *{box-sizing:border-box}#wc-home a{color:inherit;text-decoration:none}#wc-home button{font:inherit}#wc-home header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:24px;border-bottom:1px solid var(--wc-line)}#wc-home .wc-brand{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:700;letter-spacing:-1.2px}#wc-home .wc-symbol{background:var(--wc-ink);color:var(--wc-lime);width:32px;height:32px;border-radius:9px;text-align:center;line-height:29px;font-size:25px;font-weight:700;letter-spacing:-3px;padding-right:3px}#wc-home .wc-brand-dot{color:#54810e;margin-left:-7px}#wc-home nav{display:flex;align-items:center;gap:25px;font-size:14px}#wc-home .wc-login{background:transparent;color:var(--wc-ink);padding:9px 20px;border:1px solid #cbd1d9;border-radius:8px}#wc-home .wc-hero{padding:66px 5% 52px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;background:radial-gradient(ellipse at 95% 35%,#eaf3f5,transparent 60%)}#wc-home .wc-kicker{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#56667a}#wc-home h1{font-size:clamp(40px,5.6vw,64px);line-height:1.04;letter-spacing:-2.8px;font-weight:700;margin:23px 0}#wc-home h1 em{font-style:normal;position:relative;background:linear-gradient(transparent 65%,var(--wc-lime) 65%,var(--wc-lime) 91%,transparent 91%)}#wc-home .wc-intro>p{font-size:16px;line-height:1.7;max-width:450px;color:var(--wc-muted);margin:0 0 27px}#wc-home .wc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}#wc-home .wc-primary{background:var(--wc-ink);color:white;border:0;border-radius:9px;padding:14px 20px;font-weight:600;font-size:14px}#wc-home .wc-secondary{font-size:13px;border-bottom:1px solid #939ca9;padding:6px 0}#wc-home .wc-note{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--wc-muted);margin-top:21px}#wc-home .wc-note svg{color:#528019;width:15px}#wc-home .wc-example{padding-top:10px;min-width:0}#wc-home .wc-example-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#687689;margin-bottom:13px}#wc-home .wc-example-label svg{width:18px}#wc-home .wc-demo{background:#fff;border:1px solid #dce2e8;border-radius:16px;box-shadow:0 24px 45px -25px #293e6555;overflow:hidden}#wc-home .wc-demo-top{display:flex;gap:10px;align-items:center;padding:19px 20px;border-bottom:1px solid #edf0f3}#wc-home .wc-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef1f5;color:#60738c;flex-shrink:0}#wc-home .wc-avatar svg{width:20px}#wc-home .wc-demo-top strong{font-size:14px;display:block;font-weight:600}#wc-home small{display:block;font-size:11px;color:#69768a;margin-top:2px}#wc-home .wc-level{margin-left:auto;color:#687689;background:#f3f5f7;border-radius:5px;font-size:10px;padding:4px 7px}#wc-home .wc-conversation{padding:18px 20px 20px}#wc-home .wc-chat-label{font-size:10px;color:#687689;margin:0 0 6px}#wc-home .wc-bubble{background:#f0f3f7;padding:13px 15px;border-radius:2px 12px 12px;font-size:13px;line-height:1.6;margin-right:20px}#wc-home .wc-you{text-align:right;margin-top:15px}#wc-home .wc-answer{margin:0 0 0 20px;background:var(--wc-ink);color:#fff;border-radius:12px 2px 12px 12px}#wc-home .wc-feedback{margin-top:19px;padding:14px;background:#f0f7e5;border-radius:9px;border:1px solid #dceac4}#wc-home .wc-feedback>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#395c16}#wc-home .wc-feedback svg{width:15px;height:15px}#wc-home .wc-feedback p{font-size:12px;line-height:1.6;margin:7px 0 0;color:#43553d}#wc-home .wc-example-foot{display:flex;gap:7px;justify-content:center;align-items:center;font-size:11px;color:#6c7788;background:#fafbfd;border-top:1px solid #edf0f3;padding:13px}#wc-home .wc-example-foot svg{width:14px;height:14px}#wc-home .wc-switch{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:17px}#wc-home .wc-switch button{background:transparent;border:0;border-radius:6px;padding:8px 12px;font-size:11px;color:#687689}#wc-home .wc-switch button[aria-pressed=true]{background:var(--wc-ink);color:white}#wc-home .wc-strip{padding:25px 5%;border-top:1px solid var(--wc-line);border-bottom:1px solid var(--wc-line);text-align:center}#wc-home .wc-strip>span{font-size:10px;font-weight:600;letter-spacing:1.3px;color:#737d8d}#wc-home .wc-strip>div{margin-top:9px;font-size:15px;color:#4d5a6d}#wc-home .wc-strip b{font-weight:400;margin:0 20px;color:#b1b9c5}#wc-home .wc-training{padding:54px 5%}#wc-home h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:12px 0}#wc-home .wc-section-heading>p{font-size:14px;color:var(--wc-muted);margin:0}#wc-home .wc-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:29px}#wc-home .wc-areas button{padding:23px;text-align:left;background:#fff;border:1px solid var(--wc-line);border-radius:12px;color:var(--wc-ink)}#wc-home .wc-areas button:hover{border-color:#91a96c;background:#fbfdf7}#wc-home .wc-areas svg{width:23px;height:23px;color:#5c782e;margin-bottom:12px}#wc-home h3{font-size:16px;font-weight:600;margin:0 0 8px}#wc-home .wc-areas p{font-size:13px;color:var(--wc-muted);margin:0 0 18px}#wc-home .wc-areas span{font-size:12px;font-weight:600}#wc-home .wc-how{margin:0 5% 48px;padding:34px;border-radius:16px;background:var(--wc-ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px}#wc-home .wc-how .wc-kicker{color:var(--wc-lime)}#wc-home .wc-how h2{font-size:34px}#wc-home .wc-how p{font-size:13px;color:#b7c2d4;max-width:320px}#wc-home .wc-how ol{list-style:none;margin:0;padding:0}#wc-home .wc-how li{display:flex;gap:17px;padding:13px 0;border-bottom:1px solid #ffffff20}#wc-home .wc-how li:last-child{border:0}#wc-home .wc-how li>span{font-size:13px;color:var(--wc-lime);padding-top:1px}#wc-home .wc-how li h3{font-size:14px;margin:0}#wc-home .wc-how li p{margin:4px 0 0;font-size:12px}#wc-home footer{padding:22px 5%;border-top:1px solid var(--wc-line);display:flex;gap:20px;align-items:center;justify-content:space-between}#wc-home footer .wc-brand{font-size:20px}#wc-home footer>span{font-size:11px;color:#737d8d}#wc-home .wc-dialog{max-width:400px;border:1px solid #dce2e8;border-radius:16px;background:white;color:var(--wc-ink);padding:28px}#wc-home .wc-dialog::backdrop{background:#101c3088}#wc-home .wc-dialog h2{font-size:24px}#wc-home .wc-dialog p{font-size:15px}#wc-home .wc-close{float:right;background:none;border:0;font-size:24px}#wc-home button:focus-visible,#wc-home a:focus-visible{outline:3px solid #89ad41;outline-offset:4px}@media(max-width:700px){#wc-home header{flex-wrap:wrap;padding:20px 5%}#wc-home nav{gap:16px;flex-wrap:wrap;font-size:12px}#wc-home .wc-hero{grid-template-columns:1fr;gap:34px;padding-top:35px}#wc-home h1{font-size:48px}#wc-home .wc-example{max-width:460px;width:100%;margin:auto}#wc-home .wc-areas{grid-template-columns:1fr}#wc-home .wc-areas button{padding:20px}#wc-home .wc-how{grid-template-columns:1fr;gap:20px;padding:25px}#wc-home .wc-strip b{margin:0 7px}#wc-home .wc-strip>div{font-size:13px}#wc-home footer{flex-wrap:wrap}#wc-home h2{font-size:25px}}@media(max-width:380px){#wc-home h1{font-size:40px}#wc-home .wc-brand{font-size:23px}#wc-home .wc-demo-top{padding:15px 12px}#wc-home .wc-conversation{padding:15px 12px}#wc-home .wc-level{display:none}} #wc-home{width:100%;max-width:none}#wc-home main{max-width:none;width:100%;padding:0;margin:0}#wc-home header,#wc-home footer{max-width:none;margin:0}#wc-home button{box-shadow:none;cursor:pointer;min-height:44px}#wc-home p{letter-spacing:normal}#wc-home .wc-icon{display:inline-block;font-size:20px;line-height:1}#wc-home .wc-note .wc-icon,#wc-home .wc-feedback .wc-icon,#wc-home .wc-example-foot .wc-icon{font-size:15px}#wc-home .wc-areas .wc-icon{color:#5c782e;margin-bottom:12px}#wc-home .wc-switch button{min-height:44px}#wc-home .wc-kicker,#wc-home .wc-example-label,#wc-home .wc-chat-label,#wc-home .wc-strip>span{font-size:12px}#wc-home small,#wc-home .wc-level,#wc-home .wc-example-foot,#wc-home .wc-switch button,#wc-home .wc-feedback>div,#wc-home footer>span{font-size:13px}#wc-home .wc-bubble,#wc-home .wc-feedback p,#wc-home .wc-areas p,#wc-home .wc-how p,#wc-home .wc-how li p{font-size:14px}#wc-home .wc-secondary{font-size:14px} .company-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;max-width:820px}.company-form label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}.company-form input{font:inherit;width:100%;padding:12px;border:1px solid #bbc9bd;border-radius:8px;background:white;color:var(--ink)}.company-form>p,.company-form>button{grid-column:1/-1}.company-form>p{color:var(--muted);margin:4px 0}.company-form>button{justify-self:start}.company-form input:focus-visible,.company-form select:focus-visible{outline:3px solid #47836b;outline-offset:3px}@media(max-width:700px){.company-form{grid-template-columns:1fr}.company-form>button{width:100%;justify-self:stretch}} .knowledge-form{max-width:850px;display:grid;gap:22px;margin-top:24px}.knowledge-form label{display:block;font-weight:600}.knowledge-form div>p{font-size:14px;color:var(--muted);margin:6px 0 10px}.knowledge-form textarea{min-height:120px}.knowledge-form textarea::placeholder{color:#737b76;opacity:1}.knowledge-form textarea[readonly]{background:var(--paper)}.knowledge-form>button{justify-self:start} .custom-exercise{border-top:1px solid var(--line);padding:20px 0}.retry-focus{margin-top:24px;padding:20px;background:var(--paper);border-radius:12px}.retry-focus p{margin-bottom:18px}.knowledge-form textarea::placeholder{color:#737b76;opacity:1} .voice-panel{padding:24px;border:1px solid #cbd5e1;border-radius:16px;margin:20px 0;background:#f8fafc}.voice-panel button{margin:4px 4px 4px 0}.voice-status{font-weight:700}.voice-cost{padding:16px;background:#f0fdf4;border-radius:12px;margin:20px 0}.voice-cost p{font-size:.88rem;line-height:1.5;margin-bottom:0} .document-proposal{border-top:1px solid #ddd;margin-top:24px;padding-top:20px}.document-confirm{display:flex;gap:12px;align-items:flex-start}.document-confirm input{width:auto}.document-proposal details{margin:12px 0}.document-proposal details p{white-space:pre-wrap;max-height:240px;overflow:auto}.document-proposal blockquote{border-left:3px solid #aaa;padding-left:16px} .exercise-choices{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px}.exercise-choices [aria-current="page"]{background:#172a25;color:#fff;border-color:#172a25} .public-page .public-content{max-width:1120px!important;padding:48px 5%!important;margin:auto!important}.public-heading{max-width:820px;margin-bottom:32px}#wc-home .public-heading h1{font-size:clamp(32px,4.5vw,54px);line-height:1.1;letter-spacing:-1.5px}.public-heading p{max-width:720px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{border:1px solid #dce2e8;border-radius:16px;padding:28px;display:flex;flex-direction:column;background:#fff}.price-card ul{padding-left:20px;line-height:1.6;flex:1}.price-card li{margin:10px 0}.price-card .plan-price{font-size:32px;font-weight:700;letter-spacing:-1px}.price-card small{font-weight:400;letter-spacing:normal}.price-card .wc-primary{text-align:center}.recommended-plan{border:2px solid #8caf4c}.plan-badge{color:#44691e;font-size:13px;margin:0}.pricing-notes{max-width:850px;margin:36px 0}.public-page .dashboard-card{max-width:850px;margin:24px auto}.public-page .knowledge-form{max-width:650px}.public-page .knowledge-form label input,.public-page .knowledge-form label select{display:block;width:100%;margin-top:8px}.public-page .wc-primary{display:inline-block;text-decoration:none}.public-page button:disabled{opacity:.5;cursor:not-allowed}#wc-home .wc-intro h1{font-size:clamp(38px,4.5vw,60px)}.portal-account a{font-size:13px}@media(max-width:800px){.price-grid{grid-template-columns:1fr}.public-page .public-content{padding:28px 5%!important}.public-page .price-card{max-width:600px;width:100%;margin:auto}} /* Owner overview keeps the portal's calm palette and separates access management. */ .team-overview{max-width:1180px}.team-heading,.team-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.team-heading h1{font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.035em}.team-period{display:flex;gap:6px;white-space:nowrap}.team-period button[aria-pressed=true]{background:#21483d;color:#fff;border-color:#21483d}.team-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.team-kpis article{border:1px solid #e1e6e1;border-radius:16px;background:#fff;padding:22px}.team-kpis p{margin:0 0 12px;color:#64736b;font-size:.9rem}.team-kpis strong{display:block;font-size:clamp(1.6rem,3vw,2.15rem);letter-spacing:-.035em;color:#23483b}.team-kpis small{display:block;color:#768278;margin-top:10px}.team-muted{color:#6b776f;font-size:.92rem}.team-chart svg{width:100%;display:block;overflow:visible}.team-chart text{fill:#6b776f;font-size:12px}.chart-grid{stroke:#e8ece8;stroke-dasharray:4 4}.chart-series polyline{fill:none;stroke:#46836e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-series circle{fill:#46836e;stroke:#fff;stroke-width:2}.chart-dates{display:flex;justify-content:space-between;margin-left:6%;color:#758078;font-size:.85rem}.chart-data{margin-top:16px;color:#68776f}.chart-data summary{cursor:pointer}.team-empty{padding:40px 12px;text-align:center;color:#758078}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-member{border:1px solid #e1e7e1;border-radius:14px;padding:22px;min-width:0;background:#fafcf9}.team-member h3{margin-bottom:3px;overflow-wrap:anywhere}.member-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e6efe7;color:#345e47;font-weight:700}.team-member meter{width:100%;height:13px;accent-color:#4d8467}.team-attention{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5eae3;padding:18px 0}.team-attention h3,.team-attention p{margin:0 0 7px}.team-attention .secondary{flex-shrink:0}.team-section-heading{margin-bottom:22px}.team-section-heading h2{margin:0}.team-activity{padding:0;list-style:none}.team-activity li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e7ece6}.team-activity small{display:block;color:#758078;margin-top:5px}.team-insight{background:#eff5ed!important;border-color:#d8e5d5!important}.member-access-card{border-bottom:1px solid #e1e7df;padding:18px 0}.member-access-card summary{cursor:pointer}.member-access-card .knowledge-form{max-width:600px;padding-top:12px}.assigned-tasks{margin:20px 0;padding:22px;background:#eff5ed;border-radius:14px}.assigned-tasks article+article{border-top:1px solid #d5e1d0;margin-top:20px;padding-top:16px} @media(max-width:850px){.team-kpis{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-heading{align-items:flex-start;flex-direction:column}} @media(max-width:540px){.team-grid{grid-template-columns:1fr}.team-kpis{gap:10px}.team-kpis article{padding:16px}.team-attention{align-items:flex-start;flex-direction:column}.team-period{width:100%}.team-period button{flex:1}.team-activity li{gap:12px;align-items:flex-start}.team-section-heading{gap:10px}} .training-access{border:1px solid #dce5da;border-radius:12px;padding:16px;margin:18px 0}.training-access legend{font-weight:650;padding:0 6px}.training-access label{display:flex;align-items:center;gap:10px;margin:10px 0}.training-access input[type=checkbox]{width:auto;margin:0}.training-access p{color:#6b776f;font-size:.9rem} .feedback-evidence{margin:22px 0;padding:18px;border:1px solid #d9e4d9;border-radius:12px;background:#f6f9f4}.feedback-evidence summary{cursor:pointer;font-weight:650}.feedback-evidence blockquote{margin:10px 0;padding:8px 14px;border-left:3px solid #84a38b;color:#405348}.feedback-evidence>div{margin:18px 0} /* Training studio: short brief, review, then a shared team collection. */ .studio{max-width:1180px}.studio .exercise-choices{flex-wrap:wrap;margin-bottom:26px}.studio .exercise-choices [aria-pressed=true]{background:#21483d;color:#fff;border-color:#21483d}.studio-builder{max-width:860px}.studio-input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-input-row select,.studio-exercise select{width:100%}.studio-preview{margin-top:32px;padding-top:24px;border-top:1px solid #dfe8dc}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.studio-exercise{margin:0!important;min-width:0}.studio-exercise h3{font-size:1.3rem;overflow-wrap:anywhere}.studio-stats{display:flex;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #e4eae1;border-bottom:1px solid #e4eae1;margin:18px 0;font-size:.9rem}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.studio-results{margin-top:20px;padding-top:16px;border-top:1px solid #dfe7db}.studio-results ul{padding-left:18px}.studio-results li{margin-bottom:12px}.studio-review>summary{cursor:pointer;color:#315741;padding:14px 0;font-weight:650}.studio-review .knowledge-form{padding-bottom:16px}.studio .knowledge-form textarea{min-height:88px}#studio-situation{min-height:130px}.document-proposal input[type=checkbox]{width:auto;margin-right:8px}.custom-exercise>[data-approve-selected]{margin:20px 16px 0 0} @media(max-width:650px){.studio-grid,.studio-input-row{grid-template-columns:1fr}.studio .team-section-heading{align-items:flex-start;flex-direction:column}.studio-actions{gap:6px}} /* Guided public examples: static content only, no trial access. */ #wc-home .wc-example>h2{font-size:28px;margin:0 0 10px}#wc-home .wc-meet-intro{font-size:15px;color:#66726b;margin:0 0 22px}#wc-home .wc-sample-controls{display:flex;flex-direction:column;align-items:stretch;gap:14px}#wc-home .wc-sample-controls p{margin:0;font-size:12px;line-height:1.5}#wc-home .wc-sample-controls>a{font-size:14px;color:#153e32;text-decoration:underline}#wc-home .wc-sample-controls button{white-space:normal;min-height:48px;width:100%}#wc-home [hidden]{display:none!important}#wc-meet{scroll-margin-top:24px} #wc-home #wc-live-form{margin-top:20px}#wc-home #wc-live-form label{font-size:13px;display:block;margin-bottom:8px}#wc-home #wc-live-form textarea{display:block;width:100%;min-height:100px;font-size:16px;border:1px solid #ccd5dd;border-radius:8px;padding:12px;margin-bottom:12px;resize:vertical}#wc-home #wc-live-status{font-size:12px;color:#66726b}#wc-home #wc-live-messages .wc-chat-label{margin-top:14px}#wc-home #wc-live-start{width:100%;min-height:48px} /* The rotating examples stay in the hero; the live trial has its own section. */ #wc-home .wc-live-section{margin:0 5% 48px;padding:36px;border:1px solid var(--wc-line);border-radius:18px;background:#f0f4f8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;scroll-margin-top:24px}#wc-home .wc-live-intro{padding-top:10px}#wc-home .wc-live-intro>p{font-size:15px;line-height:1.7;color:var(--wc-muted)}#wc-home .wc-live-intro ul{padding-left:20px;line-height:2;font-size:14px}#wc-home .wc-live-card{min-width:0;width:100%}#wc-home .wc-live-intro .wc-meet-intro{font-size:13px;margin-top:24px}@media(max-width:700px){#wc-home .wc-live-section{grid-template-columns:1fr;padding:22px 16px;gap:24px}#wc-home .wc-live-intro{padding-top:0}} /* Show the demo error banner only when an error message exists. */ #wc-home #wc-live-error:empty{display:none} .onboarding-page progress{width:100%;height:16px;accent-color:#416e58}.onboarding-steps{padding-left:24px}.onboarding-steps li{padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dfe8dc}.onboarding-steps li p{margin:6px 0}.onboarding-review{margin:24px 0;padding:24px;border:1px solid #dfe8dc;border-radius:12px}.onboarding-review legend{font-weight:700}.onboarding-review blockquote{margin:12px 0;padding:12px;border-left:3px solid #416e58;background:#f4f7f1}.onboarding-approve{display:flex;align-items:flex-start;gap:12px}.onboarding-approve input[type=checkbox]{width:auto;margin-top:5px}.onboarding-program{padding:20px 0;border-bottom:1px solid #dfe8dc}.onboarding-program form{display:flex;align-items:flex-end;gap:12px;margin-top:16px}.onboarding-program select{min-width:180px}@media(max-width:650px){.onboarding-steps li,.onboarding-program form{align-items:flex-start;flex-direction:column}.onboarding-review{padding:16px}} /* PitaFlow pilot */ .project-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .project-board .dashboard-card{margin-bottom:0} .project-task{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:16px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);gap:5px} .project-task:hover,.project-task:focus-visible{border-color:var(--green);background:#f3f8eb} .project-task span,.project-task small{color:var(--muted);font-size:13px} .project-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .project-form label{display:flex;flex-direction:column;gap:6px} .project-form label:nth-child(2){grid-column:1/-1} .project-form input,.project-form select,.project-form textarea,#project-comment textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff;color:var(--ink)} .project-form button{justify-self:start} .project-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0} .project-actions button,#project-comment button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px} .project-comment{padding:12px;border-left:3px solid var(--green);background:#f3f8eb;white-space:pre-wrap} #project-comment label{display:block} @media(max-width:700px){.project-board,.project-form{grid-template-columns:1fr}.project-form label:nth-child(2){grid-column:auto}} /* PitaFlow mobile-first workspace */ .pf-page{max-width:1060px;margin:0 auto;padding-bottom:48px} .pf-header{display:flex;align-items:center;gap:14px;margin-bottom:24px} .pf-brand-mark{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:17px;background:#1e4032;color:white;font-size:28px} .pf-header h1{font-size:clamp(26px,4vw,36px);line-height:1.1;letter-spacing:-.04em;margin:0;color:#14251c} .pf-header p{margin:6px 0 0;color:#707970;font-size:12px;letter-spacing:.06em;text-transform:uppercase} .pf-hero{background:#1f4032;color:white;border-radius:24px;padding:30px;margin-bottom:28px} .pf-eyebrow{font-size:13px;letter-spacing:.08em;color:#c7d8ce} .pf-hero h2{color:white;font-size:clamp(27px,4vw,42px);margin:16px 0 10px;letter-spacing:-.035em} .pf-hero>p{color:#d1e0d6;font-size:clamp(15px,2.4vw,19px);line-height:1.45;margin:0 0 24px;max-width:550px} .pf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .pf-stats>div{background:rgba(255,255,255,.1);padding:22px;border-radius:17px;display:flex;flex-direction:column;gap:4px} .pf-stats strong{color:white;font-size:clamp(30px,5vw,44px);line-height:1.15} .pf-stats span{color:#d6e5dc;font-size:14px} .pf-list-section{margin:24px 0} .pf-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px} .pf-section-heading h2{font-size:clamp(21px,3vw,27px);margin:0;color:#1c251f} .pf-section-heading>span{font-size:13px;color:#66756c;background:#eef1ed;border-radius:20px;padding:6px 12px} .pf-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pf-task.project-task{min-width:0;display:flex;flex-direction:column;gap:16px;margin:0;padding:24px;border:1px solid #e7ece7;border-radius:22px;box-shadow:0 2px 10px rgba(20,40,25,.025);background:#fff} .pf-task-top,.pf-task-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px} .pf-priority,.pf-status{font-size:12px;font-weight:650;border-radius:999px;padding:6px 10px;background:#e9eee9;color:#405747} .pf-priority.pf-critical{background:#fbe4e2;color:#ad322c}.pf-priority.pf-high{background:#fbeadf;color:#9d4b24} .pf-task-id,.pf-task-meta{font-size:13px;color:#6a716c} .pf-task.project-task strong{font-size:clamp(18px,2.4vw,23px);line-height:1.35;color:#151b17;overflow-wrap:anywhere} .pf-task-bottom{margin-top:auto}.pf-status{background:#f3e8df;color:#9a542d}.pf-status.pf-status-progress{background:#d9f2e3;color:#17633d}.pf-chevron{font-size:28px;color:#89958e;line-height:1} .pf-empty{color:#66736a;padding:18px 0} .pf-create{border:1px solid #dce7df;background:#fff;border-radius:18px;padding:20px;margin:26px 0} .pf-create summary{cursor:pointer;font-weight:700;color:#1f4032} .pf-create .project-form{margin-top:22px} .pf-detail{border:1px solid #dce7df;border-radius:20px;padding:24px;background:#fff;margin-top:24px;scroll-margin-top:24px} .pf-detail h2{overflow-wrap:anywhere} @media(max-width:700px){.pf-page{padding:0 0 34px}.pf-header{gap:12px;margin-bottom:20px}.pf-brand-mark{width:48px;height:48px;border-radius:13px}.pf-header p{font-size:10px}.pf-hero{padding:22px 18px;border-radius:20px;margin-bottom:24px}.pf-hero h2{margin:14px 0 8px}.pf-hero>p{margin-bottom:20px}.pf-stats{gap:10px}.pf-stats>div{padding:16px 14px;border-radius:14px}.pf-task-list{grid-template-columns:1fr;gap:12px}.pf-task.project-task{padding:20px;border-radius:19px;gap:14px}.pf-section-heading{align-items:flex-start}.pf-create{padding:16px}.pf-detail{padding:18px}.pf-task{min-height:44px}} @media(max-width:360px){.pf-stats>div{padding:13px 10px}.pf-task.project-task{padding:16px}.pf-header p{font-size:9px}} /* Keep expanded task details directly below the selected card row. */ .pf-task-list>.pf-detail{grid-column:1/-1;margin:0 0 12px} /* Compact PitaFlow overview: three counters on one row on desktop. */ .pf-hero{padding:22px 26px;margin-bottom:20px;border-radius:20px} .pf-hero h2{font-size:clamp(24px,3vw,32px);margin:8px 0 5px} .pf-hero>p{font-size:15px;margin:0 0 15px;max-width:none} .pf-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .pf-stats>div{padding:13px 16px;border-radius:13px;gap:2px} .pf-stats strong{font-size:clamp(24px,3vw,32px)} .pf-stats span{font-size:12px} @media(max-width:620px){.pf-hero{padding:18px 16px}.pf-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pf-stats>div{padding:11px 8px}.pf-stats strong{font-size:25px}.pf-stats span{font-size:11px;line-height:1.25}} .pf-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:12px 0}.pf-images img{display:block;width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid #e0e9e2}.pf-detail #project-image{margin:12px 0 20px} .pf-quick-section{margin:16px 0;padding:18px;border:1px solid #d9e5db;border-radius:16px;background:#f2f7f2;color:#203f32}.pf-quick-section h2{margin:0 0 5px;font-size:1.15rem}.pf-quick-section p{margin:0 0 12px}.pf-quick-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.pf-quick-form>input{flex:2 1 230px;min-width:0}.pf-quick-form label{flex:1 1 180px;font-size:.85rem}.pf-quick-form input{width:100%;box-sizing:border-box}.pf-quick-form button{flex:0 0 auto}.pf-quick-section small{display:block;margin-top:10px;opacity:.8}@media(max-width:560px){.pf-quick-form{display:grid;grid-template-columns:1fr}.pf-quick-form button{width:100%}} .pf-control-center{background:#203f32;color:#f4faf5;padding:20px;border-radius:18px;margin:16px 0}.pf-control-heading h2{color:#fff;margin:6px 0}.pf-control-heading p{color:#d2e1d5;margin:0 0 14px}.pf-control-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pf-control-stats>div{padding:14px;border-radius:12px;background:#365a47}.pf-control-stats strong{display:block;font-size:1.65rem;color:#fff}.pf-control-stats span{font-size:.79rem;color:#e0e9e1}.pf-control-next{background:#f1f6ef;color:#243d2e;border-radius:12px;padding:15px;margin-top:14px}.pf-control-next>strong{display:block;margin-bottom:9px}.pf-control-next button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-top:1px solid #d9e4d9;background:transparent;padding:11px 2px;color:#243d2e;cursor:pointer}.pf-control-next button span:nth-child(2){flex:1}.pf-control-next small{display:block;margin-top:8px;opacity:.7}@media(max-width:600px){.pf-control-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-control-center{padding:15px}} .pf-control-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pf-control-columns .pf-control-next{min-width:0}.pf-control-next button small{margin:4px 0 0;font-size:.78rem}.pf-control-ai{margin-top:12px;border-radius:12px;padding:15px;background:#dcebdd;color:#1f402f;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pf-control-ai p{margin:5px 0 0}.pf-control-ai button{background:#1f4935;color:white;border:0;border-radius:9px;padding:10px 16px;cursor:pointer}.pf-advice-result{flex-basis:100%;border-top:1px solid #bdd3c0;padding-top:10px}.pf-advice-result p{margin:8px 0}@media(max-width:680px){.pf-control-columns{grid-template-columns:1fr}} .pf-completed{margin:18px 0;border:1px solid #d8e5db;border-radius:14px;background:#f5f8f5;overflow:hidden}.pf-completed>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:700;color:#244533;list-style:none}.pf-completed>summary::-webkit-details-marker{display:none}.pf-completed>summary:after{content:'⌄';font-size:1.4rem;margin-left:8px;transition:transform .2s}.pf-completed[open]>summary:after{transform:rotate(180deg)}.pf-completed>summary span{margin-left:auto;font-size:.85rem;font-weight:400;opacity:.7}.pf-completed>.pf-task-list{padding:0 14px 14px} /* Task handover and review */ .pf-submit-overlay{position:fixed;inset:0;z-index:1000;background:#12251dcc;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto} .pf-submit-card{background:#fff;color:var(--ink,#18372c);border-radius:22px;padding:28px;width:min(100%,640px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 70px #0004} .pf-submit-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.pf-submit-heading h2{margin:4px 0 16px}.pf-submit-heading .pf-status{white-space:nowrap} .pf-submit-task{background:#f3f6ef;border-radius:14px;padding:16px}.pf-submit-task h3{margin:5px 0}.pf-submit-task p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere} #project-submit-form{display:grid;gap:10px}#project-submit-form label{font-weight:700;margin-top:6px}#project-submit-form small{font-weight:400;color:#66766d}#project-submit-form textarea{width:100%;box-sizing:border-box;min-height:88px;resize:vertical}#project-submit-form input{max-width:100%;box-sizing:border-box}#pf-submit-files{font-size:.9rem;overflow-wrap:anywhere;margin:0} .pf-submit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.pf-submission{border:1px solid #cddbc7;background:#f3f8ef;border-radius:14px;padding:18px;margin:18px 0}.pf-submission h3{margin:12px 0 6px}.pf-submission p,.project-comment{white-space:pre-wrap;overflow-wrap:anywhere} @media(max-width:600px){.pf-submit-overlay{padding:12px;align-items:flex-start}.pf-submit-card{padding:20px;max-height:calc(100dvh - 24px)}.pf-submit-actions{flex-direction:column-reverse}.pf-submit-actions button{width:100%}.pf-submit-heading{align-items:flex-start}} .pf-submit-card .pf-eyebrow,.pf-submission .pf-eyebrow{color:#567365} .teamwork-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.teamwork-choice{display:flex;flex-direction:column;gap:14px;text-align:left;white-space:normal;background:#fff;color:#193b30;border:1px solid #cbd9cc;border-radius:16px;padding:22px;min-height:190px;cursor:pointer}.teamwork-choice span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#65746b}.teamwork-choice strong{font-size:1rem;font-weight:600;line-height:1.6;flex:1}.teamwork-choice small{font-weight:700;color:#275b46}.teamwork-choice:hover:not(:disabled){background:#f0f6e9;border-color:#44765b}.teamwork-choice:focus-visible{outline:3px solid #38694e;outline-offset:3px}.teamwork-choice:disabled{opacity:.6;cursor:wait}.teamwork-choice-results{border:1px solid #d8e3d2;background:#f4f8ef;padding:22px;border-radius:18px;margin-top:20px}.teamwork-choice-results article{border-radius:12px;background:#fff;padding:18px}.teamwork-choice-results h4{margin-top:0}.teamwork-choice-results article>strong{font-size:1.6rem}.teamwork-choice-results p{color:#53645b}.teamwork-choice-results .eyebrow{color:#52715c}@media(max-width:650px){.teamwork-choice-grid{grid-template-columns:1fr}.teamwork-choice{min-height:0;padding:18px}.teamwork-choice-results{padding:18px}} /* Operations: phone-first checklists and product lookup. */ .ops-page{max-width:1000px;margin:auto;padding:32px 24px 72px;color:#193c32} .ops-page *{box-sizing:border-box}.ops-page h1{font-size:clamp(1.65rem,4vw,2.3rem);margin:0 0 10px}.ops-page h2{font-size:1.35rem;margin:0 0 8px}.ops-page h3{font-size:1.08rem;margin:20px 0 10px} .ops-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.ops-heading p{margin:0;line-height:1.6}.ops-heading button{flex-shrink:0} .ops-card{background:white;border:1px solid #dae3dc;border-radius:20px;padding:24px;margin:18px 0;min-width:0;overflow-wrap:anywhere}.ops-muted,.ops-card small{color:#65756c;font-size:.9rem;line-height:1.5}.ops-tabs{display:flex;gap:8px}.ops-tabs button{flex:1;min-height:48px;padding:12px}.ops-tabs [aria-pressed=true]{background:#193f33;color:white;border-color:#193f33} .ops-progress{display:grid;grid-template-columns:1fr auto;gap:14px}.ops-progress progress{grid-column:1/-1;width:100%;height:14px;accent-color:#44775e}.ops-progress small{grid-column:1/-1}.ops-station+.ops-station{border-top:1px solid #e2e8e3;margin-top:22px;padding-top:4px} .ops-task{border-bottom:1px solid #edf0ec}.ops-task:last-child{border:0}.ops-task-label{display:flex;gap:14px;padding:18px 0;cursor:pointer;margin:0!important;align-items:flex-start;min-height:64px;font-weight:400!important}.ops-task-label>span{display:grid;gap:8px;min-width:0}.ops-task input[type=checkbox],.ops-check input[type=checkbox]{width:25px;height:25px;min-width:25px;accent-color:#2b6049;margin:0;cursor:pointer}.ops-task.is-done strong{color:#536b5c}.ops-task.is-done{background:#f5f9f0}.ops-instruction,.ops-pre{white-space:pre-wrap;line-height:1.6}.ops-task small{font-size:.8rem} .ops-page input:not([type=checkbox]),.ops-page select,.ops-page textarea{width:100%;min-width:0;font-size:16px;min-height:48px;background:#fff;color:#203b30;border:1px solid #cdd8ce;border-radius:10px;padding:12px}.ops-page textarea{resize:vertical}.ops-page label:not(.ops-task-label):not(.ops-check){display:block;font-weight:600;margin:16px 0 8px}.ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.ops-edit-item{border:1px solid #d8e2d9;border-radius:14px;padding:12px 18px 18px;margin:20px 0;min-width:0}.ops-edit-item legend{font-weight:700;padding:0 8px}.ops-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.ops-check{display:flex;align-items:flex-start;gap:12px;margin:22px 0;line-height:1.6;font-weight:400}.ops-page button{min-height:48px;white-space:normal}.ops-page button:focus-visible,.ops-page input:focus-visible,.ops-page select:focus-visible,.ops-page textarea:focus-visible,.ops-page summary:focus-visible{outline:3px solid #997832;outline-offset:3px} .ops-product>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;min-height:52px}.ops-product>summary strong{font-size:1.15rem}.ops-product summary small{display:block;margin-top:6px}.ops-badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ops-badge{border-radius:10px;padding:8px 10px;font-size:.9rem;background:#f6ecdb;color:#734d1d}.ops-badge.may,.ops-badge.unknown{background:#edf1f3;color:#3d5264}.ops-allergen-details{margin:20px 0}.ops-allergen-details summary{cursor:pointer;min-height:44px}.ops-allergen-details dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e0e5df}.ops-allergen-details dd{margin:0}.ops-search{position:relative}.ops-search label{margin-top:0!important}.ops-editor{max-width:780px;margin:0 auto} @media(max-width:600px){.ops-page{padding:22px 14px 48px}.ops-card{padding:18px;border-radius:16px;margin:14px 0}.ops-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.ops-heading>div{flex:1 1 220px}.ops-heading>button{width:100%}.ops-form-grid{grid-template-columns:1fr}.ops-edit-item{padding:8px 12px 14px}.ops-actions{flex-direction:column}.ops-actions button{width:100%}.ops-tabs{gap:6px}.ops-tabs button{font-size:.9rem;padding:10px 6px}.ops-progress{font-size:.95rem}.ops-allergen-details dl>div{grid-template-columns:1fr;gap:4px}} @media(max-width:600px){.operations-header .portal-header-inner{padding:14px;gap:12px;justify-content:space-between}.operations-header .portal-brand{min-width:0;flex:1}.operations-header .portal-brand b{font-size:16px}.operations-header .portal-brand small{font-size:12px}.operations-header .portal-account{border:0;padding:0;text-align:right;margin:0;font-size:12px;max-width:100px}.operations-header .portal-account>a{display:block}.operations-header .portal-account small,.operations-header .portal-account button{font-size:12px}.operations-header nav{order:3;flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;margin:0;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.operations-header nav a{white-space:nowrap;flex-shrink:0;min-height:44px;display:flex;align-items:center}.operations-header .portal-mark{width:38px;height:38px;flex-shrink:0}} .ops-run{padding:20px 0;border-bottom:1px solid #e0e7df}.ops-run:last-child{border-bottom:0}.ops-run h4{margin:12px 0;font-size:1.08rem}.ops-run-status{display:inline-block;border-radius:8px;background:#edf0ed;color:#526253;padding:5px 9px;font-size:.85rem;font-weight:600}.ops-run.is-running .ops-run-status{background:#fff0d5;color:#795516}.ops-run.is-done .ops-run-status{background:#e7f1df;color:#365c39}.ops-run .ops-actions{margin-top:12px}.ops-run .ops-muted{margin:8px 0} /* Mobile-only navigation; desktop navigation is unchanged. */ .mobile-menu-toggle,.mobile-navigation,.mobile-bottom-nav{display:none} @media(max-width:767px){ .portal-header-inner{position:relative;flex-wrap:wrap;gap:12px;padding:14px 18px} .portal-header-inner>nav,.portal-header-inner>.portal-account{display:none} .portal-brand{min-width:0;flex:1}.portal-brand b{font-size:17px}.portal-brand small{font-size:12px} .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:white;color:var(--green);border-radius:10px;min-width:44px;min-height:44px;font-size:23px;cursor:pointer} .mobile-navigation:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:12px;right:12px;z-index:100;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #102c201f;padding:12px;max-height:70vh;overflow:auto} .mobile-navigation-heading{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 12px}.mobile-navigation-heading button{border:0;background:transparent;font-size:22px;min-width:40px;min-height:40px} .mobile-navigation a{padding:13px 12px;border-radius:9px;color:var(--ink);font-weight:600}.mobile-navigation a[aria-current=page]{background:var(--green);color:white} .mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:white;border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));justify-content:space-around} .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;color:var(--muted);font-size:12px;font-weight:600;text-decoration:none;background:transparent;border:0;cursor:pointer} .mobile-bottom-nav span{font-size:23px;line-height:1.1}.mobile-bottom-nav a[aria-current=page]{color:var(--green)} .portal-footer{padding-bottom:90px} } .ops-review-queue{border:2px solid #c9dac9}.ops-review-station{border-top:1px solid #dce5da;margin-top:20px;padding-top:4px}.ops-review-item{padding:16px 0;border-bottom:1px solid #e2e8df}.ops-review-item h4{margin:0 0 8px}.ops-review-note{background:#fff3df;border-left:3px solid #ac762b;padding:12px;line-height:1.6}.ops-review-item .ops-actions{margin:12px 0}.ops-review-station>button{width:100%}.ops-page .ops-heading>.ops-actions{margin-top:0}.ops-review-item p{overflow-wrap:anywhere} .ops-data-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ops-data-stats .ops-card{margin:0;display:grid;gap:10px;align-content:start}.ops-data-stats strong{font-size:1.75rem}.ops-page #ops-target-form button,.ops-page [data-timing-review] button{margin-top:14px}.ops-estimate strong{font-size:1.4rem}.ops-page details.ops-review-item>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.ops-page .history-table td{vertical-align:top}@media(max-width:600px){.ops-data-stats{grid-template-columns:1fr}.ops-data-stats .ops-card{grid-template-columns:1fr auto}.ops-data-stats strong{grid-column:2;grid-row:1/3;align-self:center}.ops-data-stats small{grid-column:1}.ops-page [data-timing-review] button,.ops-page #ops-target-form button{width:100%}} .ops-person-cards{display:none}@media(max-width:600px){.ops-people-table{display:none}.ops-person-cards{display:block}.ops-person-cards article+article{border-top:1px solid #dce5da;padding-top:14px;margin-top:14px}.ops-person-cards dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-person-cards dt{color:#65756c;font-size:.85rem}.ops-person-cards dd{margin:5px 0 0;font-weight:700;font-size:1.05rem}} /* WorkCoach owner shift calendar: shared desktop and mobile layout */ .wc-shifts{max-width:1500px!important;width:100%;box-sizing:border-box} .wc-shifts .dashboard-card{max-width:none!important;width:100%;box-sizing:border-box;margin:16px 0!important;padding:18px!important} .wc-shifts .wc-shift-toolbar{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px} .wc-shifts .wc-shift-toolbar button{appearance:none;background:#f0f4fb!important;color:#175bc5!important;border:1px solid #dbe4f1!important;border-radius:10px!important;padding:10px 13px!important;font-size:13px!important;font-weight:700;line-height:1.2;cursor:pointer;width:auto!important;min-height:40px} .wc-shifts .wc-shift-toolbar strong{color:#203b33;font-size:16px;white-space:nowrap} .wc-shifts .wc-shift-week{display:grid!important;grid-template-columns:repeat(7,minmax(120px,1fr))!important;gap:8px;overflow-x:auto;overflow-y:hidden;padding:3px 0 14px;scroll-snap-type:x proximity} .wc-shifts .wc-shift-day{display:flex!important;flex-direction:column;gap:10px;min-width:120px;min-height:225px;box-sizing:border-box;padding:11px 7px;background:#f7f9fd;border:1px solid #e3eaf3;border-radius:13px;scroll-snap-align:start} .wc-shifts .wc-shift-date{text-align:center;font-size:14px;font-weight:800;color:#263a4e} .wc-shifts .wc-shift-date small{display:block;color:#8b99a9;font-size:11px;font-weight:500;margin-top:3px} .wc-shifts .wc-shift-cards{display:flex!important;flex:1;flex-direction:column;gap:8px} .wc-shifts button.wc-shift-card{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;text-align:left;box-sizing:border-box;width:100%!important;min-height:82px;padding:11px 8px!important;border-radius:11px!important;box-shadow:none!important;cursor:pointer} .wc-shifts .wc-shift-card b{font-size:12px!important;color:#23354a;white-space:nowrap} .wc-shifts .wc-shift-card span{font-size:12px!important;font-weight:600} .wc-shifts button.wc-shift-free{border:1.5px dashed #4c82ff!important;background:#fff!important;color:#e94756!important} .wc-shifts button.wc-shift-assigned{border:1px solid #b9d9fa!important;background:#e7f2ff!important;color:#2361a9!important} .wc-shifts button.wc-shift-add{display:block;width:100%!important;min-height:38px;padding:9px 3px!important;background:#eaf0ff!important;color:#2869d6!important;border:0!important;border-radius:9px!important;font-size:12px!important;font-weight:700;cursor:pointer} .wc-shifts .wc-shift-editor form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .wc-shifts .wc-shift-editor label{display:flex!important;flex-direction:column;gap:6px;font-weight:650;font-size:13px} .wc-shifts .wc-shift-editor input,.wc-shifts .wc-shift-editor select{width:100%!important;box-sizing:border-box;min-height:43px;border:1px solid #d8e1eb!important;border-radius:9px!important;background:#fff;padding:10px!important} .wc-shifts .wc-shift-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap} .wc-shifts .wc-shift-actions button{width:auto!important;min-height:42px;padding:10px 17px!important;border-radius:9px!important} .wc-shifts .wc-shift-note{font-size:12px;color:#718099;margin-top:14px} @media(max-width:767px){ .wc-shifts .dashboard-heading{padding-bottom:8px} .wc-shifts .dashboard-card{padding:14px 12px!important;border-radius:18px!important} .wc-shifts .wc-shift-toolbar{gap:7px;justify-content:flex-start} .wc-shifts .wc-shift-toolbar strong{order:-1;width:100%;font-size:15px} .wc-shifts .wc-shift-toolbar button{font-size:12px!important;padding:9px 11px!important} .wc-shifts .wc-shift-week{display:flex!important;grid-template-columns:none!important;gap:9px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px} .wc-shifts .wc-shift-day{flex:0 0 155px!important;min-width:155px!important;min-height:245px!important;padding:11px 8px!important} .wc-shifts .wc-shift-editor form{grid-template-columns:1fr!important} .wc-shifts .wc-shift-actions{grid-column:1} } /* Owner shift calendar: day actions and focused dialogs */ .wc-shifts .wc-shift-day-trigger{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:5px;width:100%!important;padding:5px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;color:#263a4e!important;cursor:pointer} .wc-shifts .wc-shift-day-trigger>span:last-child{font-size:22px;color:#5a7186;line-height:1} .wc-shifts .wc-shift-day-trigger small{display:block} .wc-shifts .wc-shift-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(12,30,26,.55);box-sizing:border-box} .wc-shifts .wc-shift-panel{width:min(520px,100%);max-height:min(85vh,750px);overflow-y:auto;background:white;border:1px solid #e1e8e2;border-radius:18px;box-shadow:0 20px 60px #071f1929;padding:22px;box-sizing:border-box} .wc-shifts .wc-shift-panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px} .wc-shifts .wc-shift-panel-head h2{font-size:21px!important;margin:0} .wc-shifts .wc-shift-panel-head>button{background:#f0f3f0!important;border:0!important;border-radius:9px!important;padding:8px 13px!important;width:auto!important;cursor:pointer} .wc-shifts .wc-shift-menu>button{display:block!important;width:100%!important;text-align:left!important;padding:14px 12px!important;border:0!important;border-bottom:1px solid #edf0ed!important;border-radius:0!important;background:white!important;color:#233a30!important;font-size:15px!important;cursor:pointer} .wc-shifts .wc-shift-menu>button:disabled{color:#9da8a0!important;cursor:not-allowed} .wc-shifts .wc-shift-menu>button.wc-shift-danger,.wc-shifts .wc-shift-danger{color:#d33c43!important} .wc-shifts .wc-shift-panel form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .wc-shifts .wc-shift-panel form label{display:flex!important;flex-direction:column;gap:6px;font-size:13px;font-weight:650} .wc-shifts .wc-shift-panel input,.wc-shifts .wc-shift-panel select{box-sizing:border-box;width:100%!important;min-height:44px;padding:10px!important;border:1px solid #d8e1eb!important;border-radius:9px!important;background:white} .wc-shifts .wc-shift-panel .wc-shift-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap} .wc-shifts .wc-shift-panel .wc-shift-actions button{width:auto!important;padding:10px 17px!important;border-radius:9px!important} @media(max-width:767px){.wc-shifts .wc-shift-overlay{align-items:flex-end;padding:0}.wc-shifts .wc-shift-panel{width:100%;max-height:85dvh;border-radius:22px 22px 0 0;padding:22px 18px calc(24px + env(safe-area-inset-bottom))}.wc-shifts .wc-shift-panel form{grid-template-columns:1fr!important}.wc-shifts .wc-shift-panel .wc-shift-actions{grid-column:1}} /* Company and department selection, shared by mobile and desktop. */ .workplace-switcher{max-width:1236px;margin:18px auto 0;padding:14px 18px;border:1px solid #dde6dc;background:#fff;border-radius:14px;display:flex;gap:16px} .workplace-switcher label{display:grid;gap:5px;flex:1;font-size:11px;font-weight:700;letter-spacing:.4px;color:#687c6b;min-width:0} .workplace-switcher select{width:100%;min-width:0;padding:9px 11px;font-size:14px;min-height:42px;border-color:#dce4d8;color:#254731;border-radius:9px} .workplaces-page{max-width:1000px;padding-top:30px;padding-bottom:70px} .workplaces-page .portal-title{margin-bottom:24px}.workplaces-page h1{font-size:32px} .workplace-muted{font-size:13px;color:#74816e;line-height:1.6} .workplace-units article{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid #e5ebe1} .workplace-units h3{margin:0;font-size:17px}.workplace-units p{margin:5px 0 0;color:#71806b;font-size:13px} .workplaces-page form{display:grid;gap:16px;margin-top:20px}.workplaces-page form label{display:grid;gap:7px;font-weight:600;font-size:14px} .workplaces-page input,.workplaces-page select{font:inherit;min-height:48px;width:100%;padding:12px;border:1px solid #cdd8ce;border-radius:10px} .workplaces-page form button{justify-self:start} @media(max-width:767px){.workplace-switcher{margin:14px 14px 0;padding:12px;gap:9px;border-radius:14px}.workplace-switcher select{font-size:16px;padding:9px 7px;min-height:46px}.workplaces-page .dashboard-card{padding:18px}.workplaces-page h1{font-size:27px}.workplaces-page form button{width:100%}.workplace-units article>div{min-width:0;overflow-wrap:anywhere}.workplace-units button{flex-shrink:0}.workplace-switcher label{font-size:10px}} .company-module-options{display:grid;gap:12px;min-width:220px;border:1px solid #dce5dc;border-radius:12px;padding:16px;margin:12px 0}.company-module-options label{display:flex;align-items:center;gap:10px;font-size:15px}.company-module-options input{width:20px;min-width:20px;height:20px;margin:0}.company-module-options legend{font-weight:700;padding:0 6px} .company-profile-page{max-width:900px;margin:auto}.company-profile-fields{border:0;padding:0;min-width:0}.company-profile-fields input,.company-profile-fields textarea{display:block;width:100%;box-sizing:border-box;max-width:100%;margin:7px 0 18px;padding:12px;border:1px solid #cdd8e6;border-radius:8px;font:inherit;background:white;color:#14253d}.company-profile-fields label{display:block;font-size:14px;font-weight:600;margin-top:18px}.company-profile-fields textarea{resize:vertical}.company-profile-fields:disabled{opacity:.65}.company-profile-fields input:focus-visible,.company-profile-fields textarea:focus-visible{outline:3px solid #8bb7ff;outline-offset:2px}@media(max-width:767px){.company-profile-fields input,.company-profile-fields textarea{font-size:16px}} .pf-task-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.pf-task-facts div{min-width:0}.pf-task-facts dt{color:#718078;font-size:12px}.pf-task-facts dd{margin:4px 0 0;overflow-wrap:anywhere}.pf-assignment,.pf-activity{border:1px solid #dce3d8;border-radius:14px;padding:16px;margin:20px 0}.pf-assignment summary,.pf-activity summary{cursor:pointer;min-height:32px;font-weight:600}.pf-assignee-picker{border:1px solid #dce3d8;border-radius:12px;padding:14px;min-width:0;margin:14px 0}.pf-assignee-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:280px;overflow:auto}.pf-assignee-picker label{display:flex!important;align-items:center;gap:10px;min-height:44px;margin:0!important;overflow-wrap:anywhere}.pf-assignee-picker input[type=checkbox]{width:20px!important;min-width:20px;min-height:20px!important;margin:0!important;accent-color:#20533b}.pf-assignee-picker p,.pf-assignment>p,.pf-activity>p{font-size:13px;color:#718078}.pf-assignment form+form{border-top:1px solid #dce3d8;margin-top:20px;padding-top:20px}.pf-assignment select{width:100%;margin:10px 0}.pf-activity article{padding:16px 0;border-bottom:1px solid #e6eae3;overflow-wrap:anywhere}.pf-activity article>small{display:block;color:#718078;margin-top:4px}.pf-activity article p,.project-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.project-comment small{font-size:12px;color:#718078}@media(max-width:600px){.pf-task-facts,.pf-assignee-picker>div{grid-template-columns:1fr}.pf-assignment,.pf-activity{padding:12px}.pf-assignment button{min-height:44px;width:100%}} .pf-detail{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.pf-detail input,.pf-detail select,.pf-detail textarea{box-sizing:border-box;max-width:100%}.pf-detail input[type=file]{width:100%;min-width:0}.project-form>.pf-assignee-picker{grid-column:1/-1} /* Cleaning 1.0: scoped to cleaning; product lookup and other modules keep their layouts. */ .ops-cleaning .ops-clean-heading{margin-bottom:12px;align-items:center} .ops-cleaning .ops-clean-heading h1{margin:0} .ops-cleaning .ops-progress{margin-top:0} .ops-cleaning .ops-clock-note{font-size:13px;color:#586b61;line-height:1.5;margin:12px 0} .ops-cleaning .ops-clean-tools{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:14px 0} .ops-cleaning .ops-admin{flex:1;min-width:0} .ops-cleaning summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;gap:8px} .ops-cleaning summary:before{content:'›';font-size:20px;line-height:1} .ops-cleaning details[open]>summary:before{transform:rotate(90deg)} .ops-cleaning .ops-review-queue>summary{font-size:18px} .ops-cleaning .ops-clean-list>.ops-heading{margin-bottom:4px} .ops-cleaning .ops-clean-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0} .ops-cleaning .ops-clean-item-heading h4{margin:0;min-width:0;overflow-wrap:anywhere} .ops-cleaning .ops-run-status{flex-shrink:0;max-width:48%;white-space:normal} .ops-cleaning .ops-worker{margin:5px 0 0;font-size:13px;color:#53665b;overflow-wrap:anywhere} .ops-cleaning .ops-task-details{margin:4px 0 0;padding:0;border:0;font-size:14px;color:#425b4d} .ops-cleaning .ops-task-details p{margin:8px 0} .ops-cleaning .ops-clean-item.status-pending .ops-run-status{background:#e7f0fb;color:#244f79} .ops-cleaning .ops-clean-item.status-returned .ops-run-status{background:#fbe9e5;color:#8d3324} .ops-cleaning .ops-clean-item .ops-review-note{margin:10px 0;padding:10px 12px} .ops-cleaning .ops-clean-history{margin-top:20px} @media(max-width:767px){ body:has(.mobile-bottom-nav) .ops-cleaning{padding-bottom:calc(32px + env(safe-area-inset-bottom));overflow-wrap:anywhere} body:has(.mobile-bottom-nav) .ops-cleaning .ops-card.ops-progress{padding:15px;margin:0 0 12px;gap:8px;grid-template-columns:minmax(0,1fr) auto} body:has(.mobile-bottom-nav) .ops-cleaning .ops-progress strong{font-size:16px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-clean-heading{flex-wrap:nowrap;gap:12px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-clean-heading button{width:auto;min-height:44px;padding:8px 12px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-clean-list{margin:18px 0 0;padding:0;border:0;background:transparent;box-shadow:none} body:has(.mobile-bottom-nav) .ops-cleaning .ops-run{margin:8px 0;padding:13px;border-radius:13px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-run h4{font-size:16px;line-height:1.4;margin:0} body:has(.mobile-bottom-nav) .ops-cleaning .ops-run-status{font-size:11px;padding:5px 7px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-run>.ops-actions{margin-top:10px;gap:0} body:has(.mobile-bottom-nav) .ops-cleaning .ops-actions>.primary{min-height:46px;width:100%;padding:10px 12px} body:has(.mobile-bottom-nav) .ops-cleaning button,body:has(.mobile-bottom-nav) .ops-cleaning summary{min-height:44px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-station>h3{margin:16px 2px 8px} body:has(.mobile-bottom-nav) .ops-cleaning .ops-review-queue{padding:13px;margin:14px 0} body:has(.mobile-bottom-nav) .ops-cleaning .ops-task-details summary{font-size:13px} } /* Six-screen cleaning UI: isolated from orders, projects and product lookup. */ .wc-clean-six{--six-green:#0b4030;--six-border:#e3e8e3;color:#16251f;max-width:620px;margin:0 auto;padding-bottom:24px;min-width:0} .wc-clean-six *{box-sizing:border-box} .wc-clean-six h1{font-size:26px;line-height:1.2;letter-spacing:-.65px;font-weight:750;margin:0 0 12px} .wc-clean-six h2{font-size:18px;line-height:1.3;letter-spacing:-.2px;margin:0 0 10px} .wc-clean-six p{line-height:1.6} .six-icon{width:23px;height:23px;flex:0 0 23px;vertical-align:middle} .wc-clean-six button{font:inherit;cursor:pointer;min-height:44px} .wc-clean-six .primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;background:var(--six-green);border:1px solid var(--six-green);color:white;border-radius:14px;font-weight:700;padding:15px} .six-home-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 20px} .six-home-title h1{font-size:24px!important;letter-spacing:-.6px!important;margin:0 0 6px!important} .six-home-title p{color:#69746f;font-size:14px;margin:0;text-transform:capitalize} .six-frequency{display:flex;align-items:center;gap:5px;flex-shrink:0;background:#e1f1e5;color:#1e664a;border-radius:9px;padding:7px 9px;font-size:12px;font-weight:600;margin-top:1px} .six-frequency .six-icon{width:15px;height:15px;flex-basis:15px} .six-progress-card,.six-station-card,.six-task-card,.six-times{border:1px solid var(--six-border);border-radius:15px;background:#fff;box-shadow:0 2px 8px #173c2404} .six-progress-card{padding:16px;margin-bottom:12px} .six-progress-card>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px} .six-progress-card strong{font-size:17px}.six-progress-card span{color:#6b7570;font-size:15px} .wc-clean-six progress{height:8px;width:100%;border:0;border-radius:10px;overflow:hidden;appearance:none;display:block;accent-color:#16805a;background:#e8ece8} .wc-clean-six progress::-webkit-progress-bar{background:#e8ece8;border-radius:10px} .wc-clean-six progress::-webkit-progress-value{background:#14815c;border-radius:10px} .wc-clean-six progress::-moz-progress-bar{background:#14815c;border-radius:10px} .six-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 24px} .six-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 3px;border-radius:10px;min-height:85px;gap:4px} .six-status strong{font-size:24px;line-height:1.2}.six-status span{font-size:11px;line-height:1.3;overflow-wrap:normal} .six-approved,.six-good{background:#edf5ef;color:#146347}.six-in_progress{background:#e8f4ff;color:#1261a1}.six-returned,.six-danger,.six-idle,.six-cancelled{background:#fff0ef;color:#a3322a}.six-pending,.six-wait,.six-finished{background:#fff3df;color:#855514} .six-section-title{color:#4c5c52;margin:0 0 12px!important;font-size:17px!important} .six-stations,.six-tasks{display:grid;gap:10px} .six-station-card{display:flex;align-items:center;gap:15px;padding:16px;text-align:left;width:100%;color:inherit;min-width:0} .six-station-card>.six-icon:first-child{width:29px;height:29px;flex-basis:29px;color:#173e30} .six-station-card>span{flex:1;min-width:0}.six-station-card strong{display:block;font-size:16px;overflow-wrap:anywhere;line-height:1.35} .six-station-card small{display:block;color:#6b7770;margin-top:2px;font-size:11px} .six-station-card>.six-icon:last-child{color:#8c9890;width:18px;flex-basis:18px} .six-station-progress{display:flex;align-items:center;gap:10px;margin-top:7px}.six-station-progress b{font-size:12px;white-space:nowrap}.six-station-progress progress{max-width:160px;height:5px} .six-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--six-green);padding:0;margin:-8px 0 13px -7px;border-radius:10px} .six-station-title{margin-bottom:20px}.six-station-title p{color:#53645a;margin:0 0 12px} .six-task-card{position:relative;width:100%;padding:16px 35px 16px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;min-width:0;color:inherit} .six-task-card>strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}.six-task-card>span:not(.six-badge){display:flex;align-items:center;gap:6px;font-size:12px;color:#68756d;flex-wrap:wrap} .six-task-card>span .six-icon{width:15px;height:15px;flex-basis:15px}.six-task-card .six-chevron{position:absolute;right:10px;top:calc(50% - 10px);width:18px;height:20px;color:#8a968f} .six-badge{display:inline-block;padding:6px 10px;border-radius:9px;font-size:12px;font-weight:650;line-height:1.3} .six-task-detail .six-badge{font-size:14px;margin:5px 0 15px}.six-task-detail h1{font-size:28px!important;margin-bottom:10px!important} .six-eyebrow{text-transform:uppercase;color:#859087;letter-spacing:1.3px;font-size:12px;margin:8px 0 12px!important} .six-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#42564b;font-size:14px;margin:10px 0} .six-instruction{margin:22px 0}.six-instruction p{white-space:pre-wrap;margin:0;font-size:15px} .six-info{border-radius:14px;padding:18px;margin:20px 0;color:#193e30;overflow-wrap:anywhere} .six-info p{font-size:14px;margin:8px 0 0}.six-info h2{font-size:17px!important;margin:0!important} .six-info ul{list-style:none;padding:0;margin:12px 0 0}.six-info li{display:flex;gap:9px;font-size:14px;margin:9px 0;line-height:1.45}.six-info li .six-icon{color:#1e7959} .six-info.six-wait{display:flex;align-items:flex-start;gap:14px;color:#775019}.six-info.six-wait>.six-icon{color:#bd8a25;margin-top:4px} .six-timer{text-align:center;margin:32px 0 28px;padding:5px 0}.six-timer strong{font-size:clamp(36px,11vw,52px);font-weight:750;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}.six-timer p{color:#7b857f;font-size:13px;margin:9px 0 0} .six-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 12px;margin:23px 0 20px}.six-times div{min-width:0}.six-times span{display:block;font-size:12px;color:#7a847e;margin-bottom:7px}.six-times b{font-size:17px;overflow-wrap:anywhere} .six-abort{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffeded;color:#a63a31;border:1px solid #f8dcd8;border-radius:13px;padding:13px;width:100%;min-height:48px;margin:15px 0} .six-task-action{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));z-index:3;background:linear-gradient(transparent,#fff 18%);padding-top:12px;margin-top:18px} .six-secondary-panel,.six-notes{margin:18px 0;border:0;padding:0}.six-secondary-panel summary,.six-notes summary{min-height:44px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:10px 0} .six-secondary-panel>button,.six-secondary-panel>nav,.six-secondary-panel>details{margin:10px 0;width:100%}.six-notes{background:#f3f5f3;border-radius:12px;padding:8px 15px}.six-notes p{font-size:14px} .six-warning{font-size:13px;background:#fff4df;color:#80591c;border-radius:10px;padding:12px} .six-small{font-size:12px!important;color:#5e7266} body:has(.wc-clean-six) .portal-footer{display:none} @media(max-width:767px){ body:has(.mobile-bottom-nav) .ops-cleaning:has(.wc-clean-six){background:#f7f8f5;padding:20px 16px calc(105px + env(safe-area-inset-bottom));min-height:calc(100dvh - 82px)} body:has(.mobile-bottom-nav) .ops-cleaning:has(.six-task-detail){background:white;border-radius:18px 18px 0 0} body:has(.wc-clean-six) .portal-header{background:#0b4030;color:white} body:has(.wc-clean-six) .portal-brand b{color:white} body:has(.wc-clean-six) .portal-brand small{color:#c5d6cc} body:has(.mobile-bottom-nav) .wc-clean-six button{min-height:44px} body:has(.mobile-bottom-nav) .wc-clean-six .six-station-card{padding:14px;gap:12px} body:has(.mobile-bottom-nav) .wc-clean-six .primary{min-height:56px} } .wc-clean-six .six-secondary-panel summary{justify-content:flex-start;gap:8px} .wc-clean-six .six-home-title p{text-transform:none} @media(max-width:767px){ body:has(.wc-clean-six[data-six-screen="task"]) .portal-brand, body:has(.wc-clean-six[data-six-screen="2"]) .portal-brand{visibility:hidden} body:has(.mobile-bottom-nav) .wc-clean-six>.six-back{position:fixed;left:16px;top:19px;z-index:96;color:white;margin:0;background:transparent} } /* Product allergen selection: check only declared contents and optional traces. */ .ops-page .ops-allergen-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:14px 0 20px} .ops-page .ops-allergen-choice{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:10px 12px;border:1px solid #dce5dc;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;line-height:1.4;min-width:0} .ops-page .ops-allergen-choice:has(input:checked){border-color:#74a28a;background:#edf7f0;color:#164a32} .ops-page .ops-allergen-choice span{overflow-wrap:anywhere}.ops-page .ops-allergen-choice input{flex:none} .ops-page .ops-allergen-traces{margin:18px 0;border:1px solid #dce5dc;border-radius:10px;padding:4px 14px} .ops-page .ops-allergen-traces>summary{min-height:48px;padding:11px 0;cursor:pointer;font-weight:600} @media(max-width:480px){.ops-page .ops-allergen-choices{grid-template-columns:1fr;gap:7px}.ops-page .ops-allergen-choice{padding:10px 12px}} /* Optional allergen product photos; no effect on other modules. */ .ops-product-title{display:flex;align-items:center;gap:14px;min-width:0}.ops-product-title>span:last-child{min-width:0;overflow-wrap:anywhere}.ops-photo-image{display:block;flex:none}.ops-photo-image img{display:block;object-fit:contain;border-radius:12px;background:#f4f7f3;border:1px solid #e0e8df;max-width:100%}.ops-photo-image img[hidden]{display:none}.ops-photo-thumb{width:80px}.ops-photo-thumb img{width:80px;height:80px}.ops-photo-editor{margin:20px 0;padding:0 0 12px;border-bottom:1px solid #e0e8df}.ops-photo-preview{margin:10px 0}.ops-photo-preview img{width:240px;height:180px}.ops-photo-unavailable[hidden]{display:none}.ops-photo-unavailable{font-size:.8rem;overflow-wrap:anywhere}.ops-photo-editor input[type=file]{padding:10px;font-size:14px}.ops-photo-editor input[type=file]::file-selector-button{border:1px solid #cdd8ce;border-radius:8px;background:#edf5ef;color:#123e32;padding:10px;margin-right:10px}.ops-photo-editor .ops-muted{font-size:.9rem;overflow-wrap:anywhere} @media(max-width:480px){.ops-photo-thumb{width:64px}.ops-photo-thumb img{width:64px;height:64px}.ops-product-title{gap:10px}} /* Navigation for the existing scheduling, time and absence pages only. */ .workforce-module-nav{display:flex;gap:5px;max-width:none;margin:0 auto;padding:16px 24px 0;border-bottom:1px solid #dce7df;min-width:0}.workforce-module-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;color:#61776a;font-size:14px;font-weight:500;white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;text-decoration:none}.workforce-module-nav a:hover{background:#edf5ef;color:#205d40}.workforce-module-nav a[aria-current=page]{background:#e3f1e7;border-bottom-color:#168252;color:#105d3c;font-weight:700}.workforce-module-nav a:focus-visible{outline:2px solid #258b5b;outline-offset:-3px} @media(max-width:767px){.workforce-module-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:9px 10px 0;width:100%}.workforce-module-nav a{min-width:0;min-height:40px;font-size:12px;padding:8px 5px}} @media print{.workforce-module-nav{display:none!important}} /* Scheduling navigation and existing settings only. */ .workforce-module-nav a{gap:10px;background:#ffffffb3;min-width:140px} .workforce-module-nav .wfs-icon{width:21px;height:21px;flex:none} .workforce-module-nav:has(a:nth-child(4)){--wfs-tab-count:4} .workforce-submenu{display:grid;gap:2px;margin:0 0 7px 20px;padding:3px 0 3px 10px;border-left:1px solid #cddfd3} .portal-header .workforce-submenu a,.mobile-navigation .workforce-submenu a{display:flex;gap:10px;font-size:12px;min-height:38px} .workforce-submenu .wfs-icon{width:17px;height:17px;flex:none} body:not(.desktop-classic):has(.mobile-bottom-nav) .portal-header .workforce-submenu a::before{display:none} .workforce-setup-heading{display:flex;align-items:center;gap:18px;padding:24px 36px 6px;max-width:1280px;margin:auto} .workforce-setup-heading>span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e3f4ec;color:#07553f;flex:none} .workforce-setup-heading .wfs-icon{width:32px;height:32px}.workforce-setup-heading h1{margin:0;font-size:30px}.workforce-setup-heading p{margin:4px 0;color:#60746c;font-size:14px} .wfs-icon{width:24px;height:24px;flex:none;vertical-align:middle} body .workforce-setup-main{max-width:1440px;padding-top:20px} .wfs-page{background:#fff;border:1px solid #e6eeea;border-radius:18px;padding:20px} .wfs-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);gap:22px;align-items:start} .wfs-main,.wfs-info{min-width:0}.wfs-main{display:grid;gap:12px} .wfs-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px 14px} .wfs-intro h2{margin:0 0 9px;font-size:23px;color:#132f26}.wfs-intro p{font-size:13px;line-height:1.65;color:#60756b;margin:8px 0 0}.wfs-intro p strong{font-weight:500;color:#284638} .wfs-intro-icon{display:grid;place-items:center;flex:none;width:88px;height:88px;border-radius:50%;background:#e9f8f0;color:#0b7352}.wfs-intro-icon .wfs-icon{width:48px;height:48px} .wfs-page .wfs-card{border:1px solid #e4ece7;border-radius:13px;padding:0;margin:0;background:#fff;box-shadow:0 2px 5px #123e2c03;overflow:hidden} .wfs-page .wfs-card>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:18px;min-height:94px;margin:0;background:none;line-height:1.45} .wfs-card>summary::-webkit-details-marker{display:none}.wfs-card>summary::marker{content:''} .wfs-card>summary:hover{background:#f7fbf8}.wfs-card[open]>summary{border-bottom:1px solid #e7efea} .wfs-category-icon{width:52px;height:52px;border-radius:50%;background:#eaf7f0;color:#006c4c;display:grid;place-items:center;flex:none}.wfs-category-icon .wfs-icon{width:28px;height:28px} .wfs-card-copy{min-width:0;flex:1;display:grid;gap:3px}.wfs-card-copy strong{font-size:15px;color:#18392b}.wfs-card-copy>span{font-size:13px;font-weight:400;color:#536c5f}.wfs-card-copy small{font-size:12px;font-weight:400;color:#73857b} .wfs-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:5px 10px;border-radius:10px;background:#eaf7f0;color:#006346;font-size:11px;line-height:1.4;font-weight:500;max-width:145px;text-align:center} .wfs-chevron{font-size:20px;color:#627b6d;flex:none;transition:transform .15s}.wfs-card[open]>summary .wfs-chevron{transform:rotate(180deg)} .wfs-page .wfs-card-body{padding:18px 22px}.wfs-card-body p{font-size:13px;color:#63776b}.wfs-card-body h3{font-size:16px;margin:18px 0 12px} .wfs-page form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:620px;margin:0;padding:0} .wfs-page form+form{border-top:1px solid #e4ece7;padding-top:18px;margin-top:18px} .wfs-page label{display:grid;gap:5px;margin:0;font-size:13px;color:#314f3e}.wfs-page input,.wfs-page select{width:100%;min-width:0;max-width:100%;min-height:42px;border:1px solid #cfded4;border-radius:8px;padding:9px 11px;font-size:14px;background:white;color:#213d2c} .wfs-page .wfs-flag{display:flex;align-items:center;gap:12px;min-height:44px}.wfs-page .wfs-flag input{width:19px;height:19px;min-height:19px;padding:0;flex:none;accent-color:#08784f} .wfs-page form button{justify-self:start;min-height:42px;padding:9px 16px;border-radius:9px;font-size:13px}.wfs-page form>p{margin:0} .wfs-page .wfs-entity{border:1px solid #dfebe3;border-radius:9px;margin:0 0 12px;padding:0}.wfs-page .wfs-entity>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;cursor:pointer}.wfs-entity form{padding:14px} .wfs-dot{width:9px;height:9px;border-radius:50%;background:#44865b;flex:none}.wfs-dot[data-color=blue]{background:#3b82c4}.wfs-dot[data-color=purple]{background:#9463cb}.wfs-dot[data-color=orange]{background:#d88c31}.wfs-dot[data-color=red]{background:#cd5555}.wfs-dot[data-color=teal]{background:#278c8f}.wfs-dot[data-color=pink]{background:#d877a8}.wfs-dot[data-color=grey]{background:#7e858c} .wfs-future{margin-top:18px;padding:13px 16px;border-radius:9px;background:#f5f7f6;color:#69766e;font-size:13px}.wfs-future p{margin:5px 0 0} .wfs-info{display:grid;gap:16px}.wfs-info-card{padding:20px;border:1px solid #e5ede8;border-radius:12px;background:#fff;font-size:13px;color:#516e5d}.wfs-info-card h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;color:#174c34}.wfs-info-card h3 .wfs-icon{color:#07835a}.wfs-info-card p{margin:10px 0;line-height:1.7}.wfs-info-green{background:#f0faf5;border-color:#d7eee1}.wfs-info-card ul{list-style:none;margin:10px 0 0;padding:0}.wfs-info-card li{display:flex;gap:9px;align-items:center;margin:7px 0}.wfs-info-card li::before{content:'✓';width:17px;height:17px;border-radius:50%;background:#099e72;color:white;text-align:center;line-height:17px;font-size:12px} .wfs-activity{list-style:none;padding:0;margin:0}.wfs-activity li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e8efeb;font-size:13px}.wfs-activity li div{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.wfs-activity time{color:#74847a;font-size:12px}.wfs-activity-mark{color:#168158;padding-top:2px}.wfs-activity-mark .wfs-icon{width:19px;height:19px} .wfs-back{justify-self:start;font-size:12px;min-height:40px;margin-top:4px} @media(max-width:1180px){.wfs-layout{grid-template-columns:minmax(0,1fr)}.wfs-info{grid-template-columns:repeat(3,minmax(0,1fr))}.wfs-intro-icon{width:65px;height:65px}} @media(max-width:767px){ .workforce-module-nav{grid-template-columns:repeat(var(--wfs-tab-count,3),minmax(0,1fr));gap:2px;padding:8px 8px 0} .workforce-module-nav a{min-width:0;gap:4px;padding:8px 2px;font-size:11px;flex-direction:column;min-height:53px} .workforce-module-nav .wfs-icon{width:18px;height:18px}.workforce-setup-heading{padding:18px 14px 5px;gap:12px}.workforce-setup-heading>span{width:42px;height:42px}.workforce-setup-heading h1{font-size:24px}.workforce-setup-heading p{font-size:12px}.workforce-setup-heading .wfs-icon{width:24px;height:24px} body:has(.mobile-bottom-nav) .workforce-setup-main{padding:14px 10px 100px}.wfs-page{padding:12px 9px;border-radius:12px}.wfs-layout{gap:18px}.wfs-main{gap:9px}.wfs-intro{padding:4px 3px 8px}.wfs-intro-icon{display:none}.wfs-intro h2{font-size:20px}.wfs-intro p{font-size:12px} .wfs-page .wfs-card>summary{padding:13px 10px;gap:9px;flex-wrap:wrap;min-height:90px}.wfs-category-icon{width:37px;height:37px}.wfs-category-icon .wfs-icon{width:22px;height:22px}.wfs-card-copy{flex-basis:calc(100% - 72px)}.wfs-card-copy strong{font-size:14px}.wfs-card-copy>span{font-size:12px}.wfs-card-copy small{display:none}.wfs-card>summary>.wfs-badge{margin-left:46px;order:3;font-size:10px;max-width:none}.wfs-chevron{font-size:18px}.wfs-page .wfs-card-body{padding:14px 12px}.wfs-info{grid-template-columns:1fr}.wfs-info-card{padding:16px}.wfs-page form button{width:100%;justify-self:stretch}.wfs-page .wfs-flag{font-size:13px} } @media(min-width:768px) and (max-width:1050px){.workforce-module-nav{display:grid;grid-template-columns:repeat(var(--wfs-tab-count,3),minmax(0,1fr));gap:3px;padding:12px 16px 0}.workforce-module-nav a{min-width:0;white-space:normal;gap:4px;padding:8px 3px;font-size:11px;flex-direction:column}} @media(min-width:768px) and (max-width:1180px){.wfs-info{grid-template-columns:1fr}.wfs-card-copy{overflow-wrap:anywhere}.wfs-card>summary>.wfs-badge{max-width:100px}}