:root{--work-stage-new:#346a9c;--work-stage-qualified:#88651f;--work-stage-working:#2d7560;--work-stage-closed:#a44d55}html[data-roomto-theme=dark]{--work-stage-new:#95bde4;--work-stage-qualified:#e0c075;--work-stage-working:#92cdb6;--work-stage-closed:#dfa4aa}:is(.stage-dot,.stage-tone,.work-stage-badge){--stage-color:var(--theme-muted,#59616e)}:is(.stage-dot,.stage-tone,.work-stage-badge)[data-stage=new]{--stage-color:var(--work-stage-new)}:is(.stage-dot,.stage-tone,.work-stage-badge)[data-stage=qualified]{--stage-color:var(--work-stage-qualified)}:is(.stage-dot,.stage-tone,.work-stage-badge)[data-stage=working]{--stage-color:var(--work-stage-working)}:is(.stage-dot,.stage-tone,.work-stage-badge)[data-stage=closed]{--stage-color:var(--work-stage-closed)}.stage-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--stage-color)}.work-stage-value{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.4}html[data-roomto-theme] body .work-stage-value.work-stage-badge[data-stage]{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1.4;font-weight:500;color:var(--stage-color);background:color-mix(in srgb,var(--stage-color) 9%,var(--theme-panel));border:1px solid color-mix(in srgb,var(--stage-color) 23%,var(--theme-panel));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-actions{margin-top:24px}.upcoming-actions>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.upcoming-actions h2{margin:0;font-size:20px}.next-step-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.next-step-day{min-width:0;border-radius:24px;padding:16px;background:#f5f6f8;border:1px solid #e9ecf0}.next-step-day.is-today{background:#f0f2fb;border-color:#dce1f2}.next-step-day>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.next-step-day h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#555d6a}.next-step-day.is-today h3{color:#4d5790}.next-step-day>header>span{font-size:12px;color:#707780;white-space:nowrap}.next-step-day-dot{width:7px;height:7px;border-radius:50%;background:#9ea6af}.is-today .next-step-day-dot{background:#808bbf;box-shadow:0 0 0 4px #808bbf12}.next-step-scroll{max-height:304px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5bdcb transparent;overscroll-behavior-y:contain;border-radius:16px}.next-step-scroll:focus-visible{outline:2px solid #7e8eba;outline-offset:3px}.upcoming-actions-list{display:grid;gap:8px;list-style:none;padding:0;margin:0}.upcoming-actions-list button{display:flex;width:100%;min-height:64px;gap:12px;align-items:center;padding:12px;text-align:left;border:1px solid #ffffff;border-radius:16px;background:#ffffffb8;color:#515864;font:inherit;cursor:pointer}.is-today .upcoming-actions-list button{background:#fff;box-shadow:0 2px 4px #424f7710}.upcoming-actions-list button:hover{border-color:#bcc7df;background:#fff}.upcoming-actions-list button:focus-visible{outline:2px solid #7e8eba;outline-offset:-3px}.next-step-time{flex:0 0 60px;color:#77808b;font-size:12px;line-height:1.4}.is-today .next-step-time{color:#606d9e}.next-step-copy{display:grid;gap:4px;flex:1 1;min-width:0}.next-step-copy strong{font-size:14px;line-height:1.45;font-weight:550;overflow-wrap:anywhere}.next-step-copy small{color:#77808b;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upcoming-actions-list button>svg{width:16px;height:16px;flex:none;color:#89929e}.next-step-day-empty{color:#77808b;font-size:14px;line-height:1.5;margin:24px 0}.next-step-empty{display:flex;align-items:center;gap:16px;padding:12px 0}.next-step-empty>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:#eef0f8;color:#7b84a0;box-shadow:inset 0 1px 0 #fff,0 4px 8px #444e7110}.next-step-empty strong{font-size:16px;font-weight:500;color:#525968}.next-step-empty p{font-size:14px;line-height:1.5;color:#77808b;margin:4px 0 0}@media (max-width:760px){.upcoming-actions>header{gap:8px}.upcoming-actions h2{font-size:18px}.next-step-days{grid-template-columns:minmax(0,1fr);gap:12px}.next-step-day{padding:12px;border-radius:20px}.next-step-scroll{max-height:220px}}@media (max-width:380px){.next-step-time{flex-basis:48px}.upcoming-actions-list button{gap:8px}.upcoming-actions-list button>svg{display:none}}.work-progress-body.stage-path-viewport{display:flex;flex-direction:column;gap:12px;padding:0;border-radius:0}.stage-path{list-style:none;margin:0;padding:0}.stage-path-step{position:relative;display:grid;grid-template-columns:12px 32px minmax(0,1fr);align-items:center;gap:12px;height:52px;color:var(--muted)}.stage-path-step:not(:last-child):before{content:"";position:absolute;left:5px;width:1px;top:50%;height:100%;background:color-mix(in srgb,var(--muted) 22%,transparent)}.stage-path-marker{position:relative;width:6px;height:6px;justify-self:center;border-radius:50%;background:var(--muted)}.stage-path-number{font-family:var(--number-font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:1;letter-spacing:-.04em}.stage-path-title{min-width:0;font-family:var(--display-family);font-size:16px;line-height:1.2;font-weight:500;overflow-wrap:anywhere}.stage-path-step[aria-current=step]{color:var(--ink)}.stage-path-step[aria-current=step] .stage-path-marker{width:10px;height:10px;background:currentColor}.stage-path-step[aria-current=step] .stage-path-number{font-size:26px;font-weight:600}.stage-path-step[aria-current=step] .stage-path-title{font-size:20px;font-weight:650;letter-spacing:-.025em}.stage-path-help{margin:0 0 0 24px;min-height:36px;color:var(--muted);font-size:12px;line-height:1.5;max-width:320px}.stage-path-choice{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:pointer}.stage-path-step>button.stage-path-choice:disabled{cursor:default;opacity:1}.stage-path-step>button.stage-path-choice:not(:disabled):hover{background:#60748b08}.stage-path-choice:focus-visible{outline:2px solid #647585;outline-offset:3px}.stage-path-step{transition:color .24s ease}.stage-path-marker,.stage-path-number,.stage-path-title{transition:font-size .24s ease,background .24s ease,box-shadow .24s ease}.stage-path-step[aria-current=step] .stage-path-marker{box-shadow:0 0 0 4px #2021220a}.stage-path-help{border-top:1px solid #e7e8eb;padding-top:12px;margin-top:4px}@media (prefers-reduced-motion:reduce){.stage-path-marker,.stage-path-number,.stage-path-step,.stage-path-title{transition:none}}.work-progress-body.stage-path-viewport{justify-content:center}.stage-path{display:grid;grid-auto-rows:minmax(44px,1fr);flex:1 1;min-height:0}.stage-path-step{height:auto;min-height:44px}.stage-path-help{flex:none;min-height:0;max-width:none;margin:0}.widget-slot:is([data-widget-format=medium],[data-widget-format=wide]) .stage-path{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:1fr;gap:0;align-items:center}.widget-slot:is([data-widget-format=medium],[data-widget-format=wide]) .stage-path-step{height:108px;grid-template-columns:minmax(0,1fr);grid-template-rows:16px 36px 32px;gap:8px;text-align:center;justify-items:center}.widget-slot:is([data-widget-format=medium],[data-widget-format=wide]) .stage-path-step:not(:last-child):before{left:50%;top:8px;width:100%;height:1px}.widget-slot:is([data-widget-format=medium],[data-widget-format=wide]) .stage-path-title{font-size:clamp(12px,3.4cqw,18px);padding-inline:3px}.widget-slot:is([data-widget-format=medium],[data-widget-format=wide]) .stage-path-step[aria-current=step] .stage-path-title{font-size:clamp(14px,3.8cqw,20px)}.widget-slot:is([data-widget-format=medium],[data-widget-format=wide]) .stage-path-help{text-align:center}@container (max-width: 280px){.stage-path-step{grid-template-columns:12px 28px minmax(0,1fr);gap:8px}.stage-path-title{font-size:14px}.stage-path-step[aria-current=step] .stage-path-title{font-size:18px}.stage-path-help{font-size:11px}}.work-stage-rail .stage-path-scroll{overflow-x:auto;padding:8px 0 4px;scrollbar-width:thin}.work-stage-rail .stage-path{grid-auto-columns:minmax(112px,1fr)}.stage-path-step>button.stage-path-choice{inset:0 auto auto 50%;transform:translateX(-50%);width:min(100%,112px);height:64px;border-radius:24px;box-shadow:none}.stage-path-step>button.stage-path-choice:not(:disabled):hover{background:transparent;box-shadow:none}.stage-path-step:has(.stage-path-choice:hover:not(:disabled)) .stage-path-marker{box-shadow:0 0 0 6px #8397b51c}.stage-insert{position:absolute;z-index:2;left:calc(100% - 22px);top:-7px;width:44px;height:44px;min-width:44px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;color:#657d8e;cursor:pointer;box-shadow:none}.stage-insert svg{width:34px;height:34px;border:1px solid #fff;border-radius:50%;padding:7px;background:#ffffff;box-shadow:0 3px 12px #6078991a;opacity:0;transition:opacity .16s}.stage-insert:focus-visible svg,.stage-insert:hover svg{opacity:1}.stage-edit-menu{display:flex;justify-content:flex-end}.stage-edit-menu>.action-menu-trigger{border:0;background:transparent;box-shadow:none;font-size:11px;color:var(--muted);min-height:32px;padding:0 4px;text-decoration:underline;text-underline-offset:3px}.stage-edit-menu .action-menu-trigger svg{width:12px;height:12px}@media (hover:none){.stage-insert svg{opacity:1}}@media (prefers-reduced-motion:reduce){.stage-insert svg{transition:none}}.initial-work-stages{margin-top:20px;border-top:1px solid #8194b52b;padding-top:16px}.initial-work-stages summary{cursor:pointer;font-size:14px}.initial-work-stages summary span{color:var(--muted);font-size:12px;margin-left:8px}.initial-work-stages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.initial-work-stages label{font-size:12px;min-width:0}@media (max-width:600px){.initial-work-stages>div{grid-template-columns:1fr}}body .stage-path-step[aria-current=step][data-live] .stage-path-marker{background:#298667;animation:roomto-live-pulse 2.4s ease-out infinite}@media (prefers-reduced-motion:reduce){body .stage-path-step[aria-current=step][data-live] .stage-path-marker{animation:none;box-shadow:0 0 0 3px #29866718}}body .stage-path-step[aria-current=step][data-stage=closed] .stage-path-marker{background:#e3e9ef;border:0}.stage-path-step>.stage-name-edit{position:relative;z-index:2;display:inline-block;max-width:108px;min-height:44px;margin:0;padding:8px 2px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:inherit;cursor:text;text-align:center}.stage-path-step>.stage-name-edit:hover{background:transparent;text-decoration:underline;text-decoration-color:#9ba8bb88;text-underline-offset:5px}.stage-path-step>.stage-name-edit:disabled{opacity:1;cursor:default}.stage-mobile-title{display:none}.work-stage-manager{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px}.work-stage-manager li>button{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:1px solid var(--theme-border);border-radius:18px;background:var(--theme-field);color:var(--theme-ink);text-align:left}.work-stage-manager li>button:hover{background:var(--theme-hover)}.stage-manager-number{color:var(--theme-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:20px;flex:none}.work-stage-manager strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.work-stage-manager small{display:block;margin-top:4px;color:var(--theme-muted);font-size:12px}.work-stage-manager svg{width:18px;height:18px;margin-left:auto;flex:none;color:var(--theme-muted)}.stage-position-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.stage-position-field>span{color:var(--theme-muted);font-size:14px}.stage-destination-field{position:relative}.stage-destination-field>svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}.stage-destination-select{appearance:none;display:block;width:100%;min-height:48px;padding:12px 44px 12px 16px;border:1px solid var(--field-border,#e4e4e4);border-radius:var(--field-radius,24px);background:var(--field-fill,#fafafa);color:var(--ink);font:inherit;font-size:16px}@media (max-width:760px){body .work-stage-rail .stage-insert,body .work-stage-rail .stage-name-edit{display:none}.work-stage-rail .stage-mobile-title{display:block;pointer-events:none;padding:8px 2px;min-height:44px}}html body dialog.detail-dialog[data-compact=true][open]:has(.stage-editor-form){height:fit-content}.new-work-form{display:flex;flex-direction:column;gap:16px}.new-work-intro{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.new-work-form>fieldset{border:0;padding:0;margin:0;gap:20px}.new-work-form>fieldset,.new-work-section{min-width:0;display:flex;flex-direction:column}.new-work-section{gap:12px}.new-work-section+.new-work-section{border-top:1px solid #e9e9ed;padding-top:16px}body dialog .new-work-contact-form>label,body dialog .new-work-section>label{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;color:var(--ink)}.new-work-contact-form>label>input,.new-work-section>label>:is(input,textarea){flex-basis:100%;width:100%;min-width:0;box-sizing:border-box;border:1px solid #dfe2e7;border-radius:16px;padding:13px 14px;background:#f8f9fa;font:inherit}.new-work-section textarea{resize:vertical;min-height:84px;max-height:180px}.new-work-section h3{margin:0;font-size:16px;line-height:1.4}.new-work-section header p{margin:5px 0 0;color:var(--muted);font-size:12px}.new-work-section>.button{align-self:flex-start}.new-work-contact-form{display:flex;flex-direction:column;gap:18px;min-width:0}.new-work-contact-form>.button{align-self:flex-start}.new-work-hint{margin:0;border-radius:14px;padding:12px 14px;background:#f0f3f3;color:#60696c;font-size:12px;line-height:1.5}.new-work-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.work-title-ideas{font-size:12px;color:var(--muted)}.work-title-ideas>summary{cursor:pointer;width:fit-content;padding-block:4px}.work-title-ideas>.choice-list{margin-top:12px}@media (max-width:600px){.new-work-contact-form>label>input,.new-work-section>label>:is(input,textarea){font-size:16px}.new-work-footer .button{font-size:12px;padding-inline:12px;min-height:44px}.new-work-footer{gap:8px}.new-work-footer .button:first-child{flex:0 0 auto}}