/* Form */
.cd-form {
    background: #fff;
    border: 1.5px solid #eee;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}
.field-group:last-child { margin-bottom: 0; }
.field-group input[type="time"],
.field-group input[type="text"],
.field-group select {
    width: 100%;
    padding: 0.6rem 0.85rem;
    font-size: 0.95rem;
    font-family: inherit;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #1a1a1a;
    outline: none;
    transition: border-color 0.15s;
}
.field-group select:focus { border-color: #999; }
.form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.form-row-2 .field-group { margin-bottom: 0; }
@media (max-width: 400px) { .form-row-2 { grid-template-columns: 1fr; } }

/* Actions */
.cd-actions {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
}
.ctrl-btn {
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.12s, opacity 0.12s;
    flex: 1;
}
.ctrl-btn.primary { background: #1a1a1a; color: #fff; }
.ctrl-btn.primary:hover { background: #333; }
.ctrl-btn.secondary { background: #f0f0ee; color: #555; }
.ctrl-btn.secondary:hover { background: #e5e5e3; }

/* Notify toggle */
.notify-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: #777;
    margin-bottom: 2.5rem;
}
.toggle-switch { position: relative; width: 36px; height: 20px; flex-shrink: 0; }
.toggle-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.toggle-track { position: absolute; inset: 0; background: #e0e0e0; border-radius: 999px; cursor: pointer; transition: background 0.2s; }
.toggle-track::after { content: ''; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform 0.2s; }
.toggle-switch input:checked + .toggle-track { background: #555; }
.toggle-switch input:checked + .toggle-track::after { transform: translateX(16px); }

.popular-countdowns { margin-bottom: 1rem; }