.time-entry-mode{display:grid;gap:12px;margin:0 0 20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.time-entry-mode [hidden],.engagement-workspace label[hidden],[data-vendor-project-time] label[hidden],[data-admin-project-time] label[hidden]{display:none!important}
body:has(.engagement-workspace) .portal-timer{bottom:90px}
.portal-timer{position:fixed;right:22px;bottom:20px;z-index:160;max-width:calc(100vw - 24px);color:var(--ink)}
.timer-launch{display:flex;align-items:center;gap:12px;max-width:360px;border:1px solid var(--blue);border-radius:14px;background:var(--paper);color:var(--ink);padding:14px 18px;box-shadow:var(--shadow);cursor:pointer}
.timer-launch span{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-launch b{font-variant-numeric:tabular-nums;color:var(--blue)}
.timer-popover{position:absolute;bottom:calc(100% + 12px);right:0;width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.timer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.timer-popover h3{margin:0 0 8px;overflow-wrap:anywhere}.timer-popover p{font-size:13px;line-height:1.5;color:var(--muted)}
.timer-popover output{display:block;font-variant-numeric:tabular-nums;font-size:40px;font-weight:650;color:var(--ink);margin:18px 0}.timer-popover .field{display:grid;gap:8px;margin:16px 0}.timer-popover textarea{min-height:100px;resize:vertical}.timer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.timer-popover [role="alert"],.timer-popover .timer-warning{color:var(--red)}
.portal-timer button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.portal-timer{right:12px;bottom:12px}.timer-launch{padding:11px 14px}.timer-popover{padding:18px}}