.demo-card{--ease:cubic-bezier(.22, 1, .36, 1);position:relative}.demo-card .preview-toolbar{padding-block:14px}.demo-card .demo-body,.demo-card .demo-toolbar-right{opacity:0;transition:opacity .45s}.demo-card.is-visible .demo-body,.demo-card.is-visible .demo-toolbar-right{opacity:1}.demo-body{padding:18px 22px 0}.demo-toolbar-right{align-items:center;gap:10px;display:flex}.demo-status{font-size:var(--fs-12);color:#295887;border-radius:var(--radius-pill);white-space:nowrap;opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease), background .3s, color .3s;background:#eaf4ff;padding:5px 9px;transform:translateY(-4px)}.demo-status.is-on{opacity:1;transform:none}.demo-status-needs{color:#7d5b20;background:#fcf2df}.demo-button{min-width:78px;min-height:30px;font-size:var(--fs-12);letter-spacing:.01em;color:var(--blue);border-radius:var(--radius-sm);white-space:nowrap;background:#f7fbff;border:1px solid #bad5f5;justify-content:center;align-items:center;padding:5px 11px;font-weight:600;transition:background .3s,color .3s,border-color .3s,transform .15s;display:inline-flex}.demo-button.is-done{color:#1d6b48;background:#e8f6ee;border-color:#bfe3cc}.demo-export{color:#fff;background:var(--navy);border-color:var(--navy)}.demo-export.is-done{color:#fff;background:#1d6b48;border-color:#1d6b48}.demo-heading{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:8px;display:flex}.demo-caption{font-family:var(--font);font-size:var(--fs-16);letter-spacing:-.02em;color:var(--navy);animation:demo-caption-in .4s var(--ease) both;margin:0;font-weight:600;line-height:1.3}@keyframes demo-caption-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.demo-rows{flex-direction:column;display:flex}.demo-row{border-top:1px solid var(--line);opacity:0;min-height:78px;transition:opacity .4s var(--ease), transform .45s var(--ease);position:relative;transform:translateY(-10px)}.demo-row.is-in{opacity:1;transform:none}.demo-activity,.demo-entry{transition:opacity .4s ease, transform .4s var(--ease);align-items:center;gap:12px;padding:10px 0;display:flex;position:absolute;inset:0}.demo-entry{opacity:0;align-items:flex-start;padding-top:11px;transform:translateY(6px)}.is-merged .demo-activity{opacity:0;transform:translateY(-6px)}.is-merged .demo-entry{opacity:1;transform:none}.demo-card .entry-icon{width:32px;height:32px;color:var(--blue);border-radius:var(--radius-md);background:#edf5ff;border-color:#e3edfa}.demo-card .entry-icon .product-icon{width:16px;height:16px}.demo-activity-text{min-width:0;font-size:var(--fs-12);color:var(--text);white-space:nowrap;flex:1;align-items:baseline;gap:8px;display:flex;overflow:hidden}.demo-app{color:var(--navy);font-weight:600}.demo-window{text-overflow:ellipsis;overflow:hidden}.demo-mins{font-size:var(--fs-12);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.demo-entry-main{flex:1;min-width:0}.demo-entry-title{min-height:18px;font-size:var(--fs-12);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:650;line-height:1.5;overflow:hidden}.demo-caret{vertical-align:-1px;background:var(--blue);width:1px;height:11px;margin-left:1px;animation:.7s steps(2,start) infinite demo-blink;display:inline-block}@keyframes demo-blink{to{visibility:hidden}}.demo-entry-sub{min-height:15px;font-size:var(--fs-12);color:var(--text);opacity:0;margin:2px 0 5px;transition:opacity .35s}.has-matters .demo-entry-sub{opacity:1}.demo-matter-field{border-radius:var(--radius-xs);color:#7d5b20;border:1px solid #0000;align-items:center;gap:4px;margin-left:-6px;padding:1px 6px;transition:color .3s,border-color .3s,background .3s;display:inline-flex;position:relative}.has-cursor .demo-matter-field:not(.is-set){background:#fffaf0;border-color:#e3c98f}.demo-matter-field.is-set{color:var(--text)}.demo-chevron{font-size:var(--fs-12)}.demo-dropdown{z-index:3;border:1px solid var(--line);border-radius:var(--radius-md);min-width:150px;color:var(--navy);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#fff;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;transform:translateY(-4px);box-shadow:0 14px 30px -10px #102b5540}.has-dropdown .demo-dropdown{opacity:1;transform:none}.demo-dropdown>span{border-radius:var(--radius-xs);font-size:var(--fs-12);padding:6px 8px}.has-dropdown .demo-dropdown>.is-highlight{color:var(--blue);background:#edf5ff;transition:background .25s .5s,color .25s .5s}.demo-pill{border-radius:var(--radius-sm);min-height:17px;font-size:var(--fs-12);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease), background .35s, color .35s;padding:3px 8px;font-weight:500;line-height:1.2;display:inline-block;transform:translateY(-3px)}.demo-pill-drafted,.demo-pill-needs,.demo-pill-approved{opacity:1;transform:none}.demo-pill-drafted{color:var(--blue);background:#e8f2ff}.demo-pill-needs{color:#7d5b20;background:#fcf2df}.demo-pill-approved{color:#1d6b48;background:#e4f5ec}.demo-hours{opacity:0;flex-direction:column;align-items:flex-end;gap:3px;min-width:56px;transition:opacity .3s;display:flex}.demo-hours strong{font-size:var(--fs-18);color:var(--navy);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.3}.demo-hours strong span{font-size:var(--fs-12);color:var(--text);font-weight:400}.demo-rounded{font-size:var(--fs-12);color:var(--text);white-space:nowrap;opacity:0;transition:opacity .4s}.has-rounded .demo-rounded,.demo-card.is-merged .demo-hours{opacity:1}.demo-away{min-height:40px;font-size:var(--fs-12);color:#627084;justify-content:space-between;align-items:center;padding:0 0 0 44px;font-style:italic;display:flex}.demo-away .demo-mins{color:#627084;font-style:italic}.has-away .demo-away{opacity:1;transform:none}.demo-totals{border-top:1px solid var(--line);font-size:var(--fs-12);color:var(--text);opacity:0;justify-content:space-between;gap:12px;padding:12px 0 14px;transition:opacity .4s;display:flex}.has-totals .demo-totals{opacity:1}.demo-totals strong{color:var(--navy);font-variant-numeric:tabular-nums;font-weight:600}.demo-card .preview-bottom{font-size:var(--fs-12);color:#295887;background:#f4f8ff;padding:14px 12px}.demo-cursor{z-index:5;pointer-events:none;opacity:0;transition:transform .6s cubic-bezier(.45,0,.25,1),opacity .3s;position:absolute;top:0;left:0}.has-cursor .demo-cursor{opacity:1}.demo-cursor svg{filter:drop-shadow(0 1px 2px #102b5540);display:block}.demo-ripple{opacity:0;background:#126bd640;border-radius:50%;width:24px;height:24px;position:absolute;top:-10px;left:-10px;transform:scale(.3)}.is-clicking .demo-ripple{animation:.45s ease-out forwards demo-ripple}@keyframes demo-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.is-clicking .demo-cursor svg{transform:scale(.88)}.demo-toggle{color:var(--text);font:inherit;font-size:var(--fs-12);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b6c9de;margin-left:8px;padding:0}.demo-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.demo-card *,.demo-card :before,.demo-card :after{transition:none!important;animation:none!important}.demo-caption{opacity:1;transform:none}}@media (max-width:480px){.demo-body{padding:14px 14px 0}.demo-caption{font-size:var(--fs-14)}.demo-button{min-width:66px;min-height:26px;font-size:var(--fs-12);padding:4px 8px}.demo-status{font-size:var(--fs-12);padding:4px 7px}.demo-row{min-height:72px}.demo-card .entry-icon{border-radius:var(--radius-md);width:27px;height:27px}.demo-card .entry-icon .product-icon{width:14px;height:14px}.demo-activity-text,.demo-mins,.demo-entry-sub,.demo-away,.demo-entry-title{font-size:var(--fs-12)}.demo-pill{font-size:var(--fs-12);padding:3px 6px}.demo-hours strong{font-size:var(--fs-16)}.demo-rounded{font-size:var(--fs-12)}.demo-away{padding-left:37px}.demo-totals{font-size:var(--fs-12)}.demo-card .preview-bottom{font-size:var(--fs-12);padding:12px 8px}}