/* Shared hybrid: native time editing plus an independent quick menu. */
.ctm-time-control{display:flex!important;align-items:stretch;gap:0;min-width:0;width:100%;position:relative;float:none!important;margin-top:8px}
.ctm-time-control>input.ctm-time-input{flex:1;min-width:0;width:0!important;margin:0!important;max-width:100%;border-radius:8px 0 0 8px!important;color-scheme:light;min-height:48px;font-size:16px;box-sizing:border-box}
body :is(main,dialog) .ctm-time-control>select.ctm-time-menu{display:block;flex:0 0 86px;width:86px!important;max-width:86px;min-width:0;min-height:48px;padding:8px 5px!important;margin:0!important;border:1px solid #71899d;border-left:0;border-radius:0 8px 8px 0!important;background:#e5eef6;color:#203f53;-webkit-text-fill-color:#203f53;font:700 14px/1.3 system-ui;box-shadow:none!important;cursor:pointer;color-scheme:light;appearance:auto}
.ctm-time-control>.ctm-time-menu:disabled{opacity:.45;cursor:default}
.ctm-time-control>[hidden]{display:none!important}
.ctm-time-control:focus-within{outline:2px solid #72b8e8;outline-offset:2px;border-radius:8px}
.ctm-time-end-note{display:block;margin-top:5px;font-size:13px;color:#526b7c}
.ctm-time-end-note[hidden]{display:none!important}
.tracking-hybrid-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tracking-hybrid-times .field{min-width:0}
.tracking-weather-controls input.ctm-time-input{min-height:38px;background:#2b3038!important;border:1px solid #71899d!important;color:#fff!important;padding:5px;font-size:16px;color-scheme:dark}
body :is(main,dialog) .tracking-weather-controls .ctm-time-control>select.ctm-time-menu{flex-basis:70px;width:70px!important;max-width:70px;min-height:38px;font-size:13px}
@media(max-width:360px){.tracking-hybrid-times{grid-template-columns:minmax(0,1fr)}}

/* Scrollable quick menu: the saved time is centered on every opening. */
body :is(main,dialog) .ctm-time-control{overflow:visible!important}
body :is(main,dialog) .ctm-time-control>select.ctm-time-menu[hidden]{display:none!important}
body .ctm-time-control>.ctm-time-menu-button{flex:0 0 86px;width:86px;min-height:48px;margin:0;padding:8px 5px;border:0;border-left:1px solid #7893a9;border-radius:0 7px 7px 0;background:#fff;color:#203f53;font:700 14px/1.3 system-ui;cursor:pointer;box-shadow:none}
body .ctm-time-control>.ctm-time-menu-button:disabled{opacity:.45;cursor:default}
body .ctm-time-control>.ctm-time-options{position:absolute;z-index:1000;top:calc(100% + 6px);right:0;width:min(100px,100%);height:200px;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:4px;background:#fff;border:2px solid #7893a9;border-radius:10px;box-shadow:0 8px 24px #17385230;scrollbar-width:thin;outline:0}
body .ctm-time-control .ctm-time-option{display:block;box-sizing:border-box;width:100%;height:40px;min-height:40px;margin:0;padding:6px 4px;border:0;border-radius:6px;background:white;color:#203f53;font:600 16px/24px system-ui;text-align:center;cursor:pointer;box-shadow:none}
body .ctm-time-control .ctm-time-option[aria-selected=true]{background:#244f74;color:#fff;font-weight:800}
body .ctm-time-control .ctm-time-option:hover{background:#e3eff8;color:#203f53}
body .ctm-time-control>.ctm-time-options[hidden]{display:none!important}

body .ctm-time-control>.ctm-time-options.opens-up{top:auto;bottom:calc(100% + 6px)}