/* Scoped clock dialog: no changes to the replay/chart layout or data engine. */
.ck-time-picker-input{cursor:pointer}
.ck-time-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid #394047;border-radius:14px;background:#272727;color:#ededed;box-shadow:0 20px 75px #0008;overflow:auto;font-family:Montserrat,"Segoe UI",sans-serif}
.ck-time-dialog::backdrop{background:#111a22b8;backdrop-filter:blur(3px)}
.ck-time-dialog .ck-time-form{display:block!important;margin:0}
.ck-time-dialog header{display:block!important;padding:0!important;margin:0 0 10px!important;border:0!important;background:transparent!important}
.ck-time-dialog header small{font-size:10px!important;font-weight:700!important;letter-spacing:.08em;color:#96a1a9}
.ck-time-dialog h2{font-size:18px!important;line-height:1.4!important;margin:4px 0 0!important;color:#eee}
.ck-time-dialog header p{font-size:13px!important;margin:2px 0 0!important;color:#aaa}
.ck-time-dialog .ck-time-body{display:grid;grid-template-columns:minmax(0,1fr) 246px;align-items:center;gap:30px;padding:0 0 6px}
.ck-time-dialog .ck-time-digits{display:flex;align-items:center;gap:7px}
.ck-time-dialog .ck-time-digits input{box-sizing:border-box;width:94px!important;min-width:0!important;height:80px!important;padding:0 7px!important;border:0!important;border-radius:9px!important;background:#333!important;color:#ededed!important;font-size:54px!important;font-weight:400!important;line-height:1!important;text-align:center;letter-spacing:.02em;outline-offset:3px}
.ck-time-dialog .ck-time-digits input.active{background:#245d8c!important;color:#b5d9ff!important}
.ck-time-dialog .ck-time-digits span{font-size:42px!important;color:#eee}
.ck-time-dialog .ck-time-period{display:flex;margin:15px 0 10px;border:1px solid #888;border-radius:8px;overflow:hidden}
.ck-time-dialog .ck-time-period button{flex:1;border:0!important;border-radius:0!important;background:transparent!important;color:#cbd6df!important;font-size:16px!important;padding:8px!important;line-height:1.2!important}
.ck-time-dialog .ck-time-period button+button{border-left:1px solid #888!important}
.ck-time-dialog .ck-time-period button.active{background:#385c70!important}
.ck-time-dialog [data-clock-readout]{font-size:10px!important;color:#a3b5c2;line-height:1.6!important;margin:0}
.ck-time-dialog .ck-time-dial{position:relative;aspect-ratio:1;width:246px;border-radius:50%;background:#343434;touch-action:none;user-select:none}
.ck-time-dialog [data-clock-numbers]{position:absolute;inset:0;z-index:2}
.ck-time-dialog [data-clock-value]{display:grid!important;place-items:center;position:absolute!important;transform:translate(-50%,-50%)!important;width:40px!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#f4f7fb!important;font-family:inherit!important;font-size:17px!important;font-weight:800!important;line-height:1!important;text-align:center;visibility:visible!important;opacity:1!important;z-index:3;cursor:pointer;user-select:none;-webkit-user-select:none}
.ck-time-dialog [data-clock-value].active{background:#91c4fa!important;color:#17446c!important}
.ck-time-dialog [data-clock-value]:focus-visible{outline:2px solid #91c4fa;outline-offset:1px}
.ck-time-dialog .ck-time-hand{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:39%;background:#91c4fa;transform-origin:50% 100%;pointer-events:none}
.ck-time-dialog .ck-time-center{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#91c4fa;pointer-events:none}
.ck-time-dialog .ck-time-error{min-height:20px;margin:0;font-size:12px!important;color:#ff9a9a}
.ck-time-dialog footer{display:flex!important;align-items:center;justify-content:flex-end;gap:18px;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.ck-time-dialog footer button{min-width:45px!important;min-height:38px!important;padding:6px 4px!important;border:0!important;background:transparent!important;color:#a1d0ff!important;font-size:13px!important;font-weight:700!important}
.ck-time-dialog footer [data-clock-keyboard]{margin-right:auto;color:#ccc!important;text-align:left}
.ck-time-dialog footer [data-clock-keyboard] span{font-size:10px!important;font-weight:400!important}
.ck-time-dialog button:focus-visible,.ck-time-dialog .ck-time-dial:focus-visible{outline:2px solid #91c4fa;outline-offset:2px}
@media(max-width:560px){.ck-time-dialog{padding:18px}.ck-time-dialog .ck-time-body{grid-template-columns:1fr;gap:16px;justify-items:center}.ck-time-dialog .ck-time-fields{width:215px}.ck-time-dialog header{text-align:left}.ck-time-dialog footer{gap:10px}.ck-time-dialog footer [data-clock-keyboard] span{display:none}}