/* شريط العداد — يعمل فوق #messages المطلق الموضع */
#cdBar {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 16px;
    background: linear-gradient(90deg, rgba(245,158,11,.92), rgba(245,158,11,.75));
    border-bottom: 1.5px solid rgba(245,158,11,.5);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    /* موضع مطلق أعلى #chatArea مباشرةً فوق الرسائل */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    backdrop-filter: blur(4px);
}
#cdBar.cd-urgent { background: linear-gradient(90deg, rgba(239,68,68,.92), rgba(239,68,68,.75)); border-color: rgba(239,68,68,.5); }
#cdBar.cd-done   { background: linear-gradient(90deg, rgba(5,150,105,.92), rgba(5,150,105,.75)); border-color: rgba(5,150,105,.5); }
#cdDigits { font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: 1px; }
#cdLabel  { font-size: 13px; opacity: .85; }
#cdStopBtn {
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    background: none; border: none; color: inherit; cursor: pointer;
    font-size: 14px; opacity: .6; padding: 4px 8px; border-radius: 6px;
    transition: opacity .15s;
}
#cdStopBtn:hover { opacity: 1; background: rgba(255,255,255,.1); }

/* مودال الإنشاء */
.cd-form label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 4px; }
.cd-form input[type=text], .cd-form input[type=number] {
    width: 100%; padding: 10px 12px; border-radius: 10px;
    border: 1.5px solid var(--border); background: var(--card2);
    color: var(--text); font-size: 14px; box-sizing: border-box;
    outline: none; transition: border-color .15s;
}
.cd-form input:focus { border-color: #f59e0b; }
.cd-row { display: flex; gap: 8px; }
.cd-row > div { flex: 1; }
.cd-submit {
    width: 100%; padding: 12px; border-radius: 12px;
    background: #f59e0b; color: #fff; border: none;
    font-size: 15px; font-weight: 700; cursor: pointer;
    transition: opacity .15s; margin-top: 4px;
}
.cd-submit:hover { opacity: .88; }