/* Shared ClockFuel palette. Keep this stylesheet last on every public page. */
:root{--cf-forest:#025743;--cf-lime:#acc753;--cf-yellow:#e1ff04;--cf-mint:#c3e7c1;--cf-wash:#f5f9f0;--cf-soft-mint:#edf7ec;--cf-soft-lime:#f1f6e1;--cf-border:#c7d9c4;--ink:#173d30;--text:#173d30;--green:var(--cf-forest);--accent:var(--cf-forest);--good:var(--cf-forest);--lime:var(--cf-lime);--muted:#53685b;--line:var(--cf-border);--wash:var(--cf-wash);--soft:var(--cf-soft-mint)}
body.cf-site{min-height:100vh;background:radial-gradient(ellipse at 5% 0%,#c3e7c180,transparent 45%),radial-gradient(ellipse at 95% 12%,#acc75320,transparent 40%),var(--cf-wash);background-repeat:no-repeat;color:var(--ink)}
.cf-site :is(.eyebrow,.r-kicker,.r-read,.recommend,.r-text-link,.text-link,.home-link,.header-signin){color:var(--cf-forest)}
.cf-site :is(.button,.r-button,.primary){background:var(--cf-forest);border-color:var(--cf-forest);color:#fff}
.cf-site :is(.button,.r-button,.primary):hover{background:#034333;color:#fff}
.cf-site :is(.hero .actions .button,.button.light,.r-cta .r-button){background:var(--cf-yellow);border-color:var(--cf-forest);color:var(--cf-forest)!important;box-shadow:0 3px 0 var(--cf-forest)}
.cf-site :is(.hero .actions .button,.button.light,.r-cta .r-button):hover{background:var(--cf-lime);color:var(--cf-forest)!important}
.cf-site :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--cf-forest)}
.cf-site input:is([type=checkbox],[type=radio]){accent-color:var(--cf-forest)}
/* Homepage illustrations and sections */
.cf-site :is(.streak,.card.green,.how,.demo-mode,.trial-followup){background:var(--cf-soft-mint);border-color:var(--cf-mint);color:var(--cf-forest)}
.cf-site .streak{background:var(--cf-lime)}
.cf-site :is(.closing,.email-slip){background:var(--cf-forest);color:#fff}
.cf-site .closing :is(.eyebrow,p){color:var(--cf-mint)}
.cf-site .closing h2{color:#fff}
.cf-site :is(.job-icon,.client-initial,.workflow-steps b,.save-cloud){background:var(--cf-mint);color:var(--cf-forest)}
.cf-site :is(.chart i,.history-bars i,.r-art-bars i){background:var(--cf-lime)}
.cf-site :is(.chart i:last-child,.history-bars i:nth-child(5),.demo-client.selected,.periods span:first-child,.pause){background:var(--cf-forest);color:#fff}
.cf-site :is(.history-bars i:nth-child(n+6),.draft-dot){background:var(--cf-yellow)}
.cf-site :is(.bar span,.save-route i){background:var(--cf-forest)}
.cf-site .invoice-total{background:var(--cf-soft-mint);color:var(--cf-forest)}
.cf-site .stage:before{background:repeating-radial-gradient(ellipse at center,transparent 0 36px,#acc75360 37px 38px,transparent 39px 67px)}
/* Account, pricing, and newsletter pages */
.cf-site :is(.workspace-card,.auth-card){border-top:4px solid var(--cf-forest)}
.cf-site :is(.status-pill,.trial-note,#selectedPlan){background:var(--cf-mint);border-color:var(--cf-lime);color:var(--cf-forest)}
.cf-site :is(.mini-plan.pro-plan,.plan.featured){background:var(--cf-soft-lime);border-color:var(--cf-forest)}
.cf-site .plan.featured .recommend{display:inline-block;background:var(--cf-yellow);color:var(--cf-forest);padding:6px 10px;border-radius:6px;align-self:flex-start}
.cf-site .auth-tabs button[aria-pressed=true]{background:var(--cf-forest);border-color:var(--cf-forest);color:#fff}
.cf-site .auth-tabs button[aria-pressed=false]{background:var(--cf-soft-mint);color:var(--cf-forest)}
.cf-site .included{background:var(--cf-soft-mint);border-color:var(--cf-mint)}
.cf-site.cf-email button{background:var(--cf-forest);color:#fff;border-color:var(--cf-forest)}
.cf-site.cf-email a{color:var(--cf-forest)}
/* Resource hub, articles, help, and the not-found page */
.cf-site .r-brand{color:var(--cf-forest)!important}
.cf-site :is(.r-card,.r-example,.r-toc){border-color:var(--cf-border)}
.cf-site .r-card-art{background:var(--cf-mint);color:var(--cf-forest)}
.cf-site .r-card-art.tone-1{background:var(--cf-lime)}
.cf-site .r-card-art.tone-2{background:var(--cf-yellow)}
.cf-site .r-card-art .r-art-bars i{background:var(--cf-forest)}
.cf-site .r-hero{background:radial-gradient(ellipse at right,#c3e7c180,transparent 65%)}
.cf-site :is(.r-example,.r-cta){background:var(--cf-soft-mint);border-color:var(--cf-mint)}
.cf-site .r-toc{background:var(--cf-soft-lime)}
.cf-site .r-card:hover{border-color:var(--cf-forest)}
/* Workspace chrome; invoice previews retain each user's saved branding. */
.cf-site.timer-app :is(button.primary:not(:disabled),#clientTabs button[aria-selected=true],.timer-mode-choices button[aria-pressed=true]){background:var(--cf-forest);border-color:var(--cf-forest);color:#fff}
.cf-site.timer-app :is(button.primary:not(:disabled),.timer-mode-choices button[aria-pressed=true]):hover{background:#034333;color:#fff}
.cf-site.timer-app .daily-summary{background:var(--cf-forest);border-color:var(--cf-forest)}
.cf-site.timer-app .daily-summary :is(.metric-value,.summary-grid>.metric:first-child .metric-value){color:var(--cf-yellow)}
.cf-site.timer-app .daily-summary :is(.section-heading,.metric-label,.daily-goal-details>summary){color:var(--cf-mint)}
.cf-site.timer-app .daily-summary .progress-fill{background:linear-gradient(90deg,var(--cf-lime),var(--cf-yellow))}
.cf-site.timer-app :is(.pomodoro-status,.timer-mode-choices,.invoice-adjustments,.manual-hours-hint,.workspace-running-timer){background:var(--cf-soft-mint);border-color:var(--cf-mint)}
.cf-site.timer-app :is(.timer-mode-choices button[aria-pressed=false],#pomodoroCountdown,#pomodoroPhase){color:var(--cf-forest)}
.cf-site.timer-app .timer-mode-choices button[aria-pressed=false]:hover:not(:disabled){background:var(--cf-mint)}
.cf-site.timer-app .invoice-type-choices button[aria-pressed=true]{background:var(--cf-mint);border-color:var(--cf-forest);color:var(--cf-forest)}
.cf-site.timer-app .invoice-type-choices button[aria-pressed=false]{background:var(--cf-soft-lime);color:var(--cf-forest)}
.cf-site.timer-app .client-context{background:transparent;border-color:var(--cf-mint)}
.cf-site.timer-app .workspace-tools>details>summary{background:var(--cf-soft-mint)}

/* Consistent depth: lifted primary surfaces, quiet inset fields, crisp actions. */
:root{--cf-edge:#a9c5b3;--cf-shadow-card:0 2px 4px #02574308,0 12px 28px #02574314;--cf-shadow-feature:0 4px 8px #02574312,0 22px 48px #02574324;--cf-shadow-small:0 2px 3px #02574308,0 6px 14px #02574310}
.cf-site :is(.card,.plan,.r-card,.workspace-card,.auth-card,.invoice-workspace-editor){border-color:var(--cf-edge);box-shadow:var(--cf-shadow-card)}
.cf-site :is(.preview,.plan.featured,.closing){box-shadow:var(--cf-shadow-feature)}
.cf-site .preview{border-color:var(--cf-edge)}
.cf-site :is(.card.green,.how,.r-cta,.included,.trial-note){box-shadow:inset 0 1px 0 #ffffffa6,0 6px 18px #0257430d}
.cf-site :is(.invoice-paper,.save-file,.email-slip){box-shadow:var(--cf-shadow-card)}
.cf-site :is(.mini-plan,.r-example,.r-toc){box-shadow:var(--cf-shadow-small)}
.cf-site :is(.button,.r-button,button.primary):not(:disabled){box-shadow:inset 0 1px 0 #ffffff26,0 3px 0 #013c2f,0 8px 16px #02574320;transition:box-shadow .16s,background .16s}
.cf-site :is(.button,.r-button,button.primary):not(:disabled):hover{box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #013c2f,0 10px 20px #0257432b}
.cf-site :is(.button,.r-button,button.primary):not(:disabled):active{box-shadow:inset 0 2px 4px #013c2f30,0 1px 0 #013c2f,0 3px 8px #02574316}
.cf-site button:disabled{box-shadow:none}
.cf-site :is(.auth-card,.card form,.timer-options,.session-task-field) input:not([type=checkbox]):not([type=radio]){border-color:var(--cf-edge);box-shadow:inset 0 2px 3px #02574308;background:#fcfefb}
.cf-site.timer-app .layout>.panel{border-color:var(--cf-edge);box-shadow:var(--cf-shadow-card)}
.cf-site.timer-app .layout>.daily-summary{background:radial-gradient(ellipse at top right,#c3e7c124,transparent 65%),linear-gradient(145deg,#025743,#013f31);border-color:#025743;box-shadow:inset 0 1px 0 #ffffff24,var(--cf-shadow-feature)}
.cf-site.timer-app .timer-display{border:1px solid var(--cf-edge);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px #02574306,0 6px 18px #02574310}
.cf-site.timer-app .task-column{box-shadow:inset 0 1px 0 #ffffffb3,0 8px 20px #02574310}
.cf-site.timer-app .task-card{border-color:#bcd1c3;box-shadow:var(--cf-shadow-small)}
.cf-site.timer-app .task-column.drag-over{box-shadow:0 0 0 3px var(--cf-forest),var(--cf-shadow-card)}
.cf-site.timer-app .workspace-tools>details{box-shadow:var(--cf-shadow-small)}
.cf-site.timer-app #pane-tasks{box-shadow:none}
@media(prefers-reduced-motion:reduce){.cf-site :is(.button,.r-button,button.primary):not(:disabled){transition:none}}
/* Session records remain readable without competing with the running clock. */
.session-time-record{margin:12px 0 0;font-size:12px;line-height:1.7;color:var(--cf-forest);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-session-time{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.invoice-time-privacy{padding:15px 16px;margin:20px 0;border:1px solid var(--cf-edge);background:var(--cf-soft-mint);border-radius:12px}
.invoice-time-privacy>label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;color:var(--cf-forest)}
.invoice-time-privacy input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none;margin:0;accent-color:var(--cf-forest)}
.invoice-time-privacy p{font-size:12px;line-height:1.6;margin:8px 0 0}

.history-task-name { color: var(--cf-forest); font-size: 13px; font-weight: 700; overflow-wrap: anywhere; margin-top: 6px; }