.node>.node-timer{position:absolute;right:10px;top:calc(100% - 8px);z-index:5;display:flex;align-items:center;gap:5px;min-height:28px;padding:4px 8px;border:1px solid #ccd9eb;border-radius:9px;background:#fff;color:#637c9e;box-shadow:0 2px 7px #284b7812;font:600 13px/1.3 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none}
.node:hover>.node-timer,.node>.node-timer:focus-visible,.node>.node-timer[aria-expanded="true"],.node>.node-timer.running{opacity:1;pointer-events:auto}
.node>.node-timer.running{color:#1769ee;border-color:#aecbfa}
.node>.node-timer.finished{color:#174f9b;background:#e8f0ff;border-color:#79a8f7;box-shadow:0 0 0 3px #2877ff14}
.node>.node-timer:hover{background:#f2f6ff}
.node:has(>.node-timer[aria-expanded="true"]){z-index:6}
@media(hover:none){.node.selected>.node-timer{opacity:1;pointer-events:auto}}
.node-timer-popover{position:fixed;z-index:1000;box-sizing:border-box;width:min(256px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;margin:0;padding:14px;border:1px solid #cfddf0;border-radius:14px;background:#fff;color:#314b72;box-shadow:0 12px 40px #263c6b24;font:14px/1.4 Inter,system-ui,sans-serif}
.node-timer-popover header{display:flex;align-items:center;justify-content:space-between}
.node-timer-popover header button{border:0;background:transparent;color:#7187a4;font-size:23px;cursor:pointer;padding:0 5px}
.node-timer-popover output{display:block;margin:7px 0 12px;text-align:center;font-size:32px;font-weight:650;font-variant-numeric:tabular-nums;color:#243e64}
.timer-presets{display:flex;gap:6px;margin-bottom:13px}
.timer-presets button{flex:1;padding:6px 0;border:1px solid #dce5f3;border-radius:7px;background:#f5f8fe;color:#385b8e;cursor:pointer;font:inherit}
.timer-presets button:hover{background:#eaf1ff;border-color:#a7c5fa}
.timer-duration{display:flex;gap:9px;align-items:end}
.timer-duration label{flex:1;min-width:0;color:#7085a2;font-size:12px}
.timer-duration input{box-sizing:border-box;width:100%;margin-top:4px;padding:7px 9px;border:1px solid #ccdaee;border-radius:7px;background:#fff;color:#2b466e;font:600 17px/1.3 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.timer-duration>span{padding-bottom:8px}
.node-timer-popover footer{display:flex;gap:6px;align-items:center;margin-top:15px}
.node-timer-popover footer button{padding:7px 9px;border:0;border-radius:7px;background:#f1f5fc;color:#506c94;font:inherit;cursor:pointer}
.node-timer-popover footer [data-timer-primary]{margin-left:auto;background:#1769ee;color:white;min-width:70px}
.node-timer-popover footer [data-timer-remove]{padding-left:0;background:transparent;color:#7d6b7f}
.node-timer-popover button:disabled{opacity:.4;cursor:default}
.node-timer-popover [hidden]{display:none}