.x-active-timers{position:relative;color:#173c50;flex:none}
.x-active-timers>summary{cursor:pointer;list-style:none;min-width:48px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #c5d8e2;border-radius:10px;background:#fff;color:#163f56;font-weight:700;padding:6px 9px}
.x-active-timers>summary::-webkit-details-marker{display:none}
.x-active-timers-panel{position:absolute;left:0;right:auto;top:calc(100% + 8px);width:min(390px,calc(100vw - 24px));box-sizing:border-box;max-height:70vh;overflow:auto;overscroll-behavior:contain;background:white;border:1px solid #cadbe4;border-radius:12px;padding:16px;box-shadow:0 12px 38px #18374c33;z-index:1000;text-align:left;color:#173c50}
.x-active-timers-panel h3{margin:0 0 8px}.x-active-timers-panel .hint{font-size:13px;color:#506978;white-space:normal}
.x-active-timer{display:grid;gap:8px;border-top:1px solid #dce7ec;padding:12px 0;white-space:normal}.x-active-timer strong{overflow-wrap:anywhere}.x-active-timer time{font-variant-numeric:tabular-nums;font-weight:700}.x-active-timer label{display:grid;gap:5px;font-size:13px}.x-active-timer textarea{width:100%;box-sizing:border-box;min-height:68px;resize:vertical;color:#173c50;background:white;border:1px solid #b7cdd9;border-radius:6px;padding:8px;font:inherit}
.x-active-timer-actions{display:flex;gap:8px;flex-wrap:wrap}.x-active-timers-panel button{min-height:44px;cursor:pointer;font-size:13px;white-space:normal}